.card{position:relative;width:132px;height:188px;padding:0;border-radius:8px;overflow:visible;text-align:left;isolation:isolate;box-shadow:0 8px 24px #0000008c,0 0 0 2px #d4783a40;transition:transform .2s ease,outline-color .15s ease,opacity .3s ease;outline:2px solid transparent}.card[draggable=true]{cursor:grab}.card[draggable=true]:active{cursor:grabbing}.card.card--dragging{opacity:.45}.card:not(:disabled):hover{transform:translateY(-6px) scale(1.06);box-shadow:0 16px 36px #000000a6,0 0 0 2px #d4783a73;z-index:10}.bg-recruit--dragging .card:not(:disabled):hover{transform:none;box-shadow:0 8px 24px #0000008c,0 0 0 2px #d4783a40}.card--selected{outline-color:var(--hs-copper)}.card--dim{opacity:.45}.card--compact{width:112px;height:172px}.card--attacking{animation:card-lunge .42s ease-in-out;z-index:5}.card--attacking-up{animation:card-lunge-up .42s ease-in-out;z-index:5}.card--attacking-down{animation:card-lunge-down .42s ease-in-out;z-index:5}.card--hit{animation:card-shake .35s ease}.card--impact-flash:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:10px;background:#ffffffd9;animation:impact-flash .2s ease-out forwards;pointer-events:none;z-index:20}@keyframes impact-flash{0%{opacity:.9}to{opacity:0}}.card--dying{animation:card-death .38s ease forwards}@keyframes card-lunge{0%{transform:translateY(0)}40%{transform:translateY(-28px) scale(1.05)}to{transform:translateY(0)}}@keyframes card-lunge-up{0%{transform:translateY(0)}45%{transform:translateY(-40px) scale(1.08)}70%{transform:translateY(-36px) scale(1.06)}to{transform:translateY(0)}}@keyframes card-lunge-down{0%{transform:translateY(0)}45%{transform:translateY(40px) scale(1.08)}70%{transform:translateY(36px) scale(1.06)}to{transform:translateY(0)}}@keyframes card-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes card-death{to{opacity:0;transform:scale(.6) translateY(12px)}}.card__art{position:absolute;inset:24px 0 auto;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center top;border-radius:8px;pointer-events:none;z-index:0}.card__frame{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:.35rem .4rem .45rem;border-radius:8px;background:linear-gradient(180deg,#161b221a,#161b2233 30%,#050608d9 58%,#050608f5);border:2px solid color-mix(in srgb,var(--crew, var(--hs-copper)) 55%,transparent);overflow:hidden}.card__crew-stripe{position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--crew, var(--hs-copper)),color-mix(in srgb,var(--crew, var(--hs-copper)) 35%,transparent));box-shadow:0 0 10px color-mix(in srgb,var(--crew, var(--hs-copper)) 55%,transparent);z-index:4;pointer-events:none}.crew-neutral .card__crew-stripe{opacity:.35}.crew-cindercoil{--crew: var(--hs-cindercoil)}.crew-mossvault{--crew: var(--hs-mossvault)}.crew-mirrorcut{--crew: var(--hs-mirrorcut)}.crew-ironlane{--crew: var(--hs-ironlane)}.crew-deepcurrent{--crew: var(--hs-deepcurrent)}.crew-bonegarden{--crew: var(--hs-bonegarden)}.crew-neutral{--crew: var(--hs-neutral)}.card--rite .card__frame{background:linear-gradient(180deg,#05060833,#1a9b8e26 40%,#050608eb)}.card--golden{box-shadow:0 8px 24px #0000008c,0 0 0 2px #f0d060bf,0 0 18px #f0d06059}.card--golden .card__name{color:#f0d060}.card__top{display:flex;justify-content:space-between;align-items:center;min-height:1.1rem;gap:.15rem;flex-wrap:wrap}.card__crew{font-size:var(--fs-1);font-weight:800;text-transform:uppercase;letter-spacing:.02em;padding:.1rem .3rem;border-radius:3px;background:color-mix(in srgb,var(--crew, var(--hs-copper)) 80%,transparent);color:var(--hs-ink);max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__cost-badge{width:1.35rem;height:1.35rem;display:grid;place-items:center;font-family:var(--font-mono);font-size:.75rem;font-weight:800;color:var(--hs-ink);background:radial-gradient(circle at 35% 35%,#f0a060,var(--hs-copper));border-radius:50%;box-shadow:0 0 6px #d4783a80}.card__tier{font-family:var(--font-mono);font-size:var(--fs-1);font-weight:800;padding:.05rem .3rem;border-radius:4px;color:var(--hs-copper);background:#d4783a2e;border:1px solid rgba(212,120,58,.45)}.card__name{margin:0 0 .15rem;font-family:var(--font-display);font-size:.88rem;font-weight:700;line-height:1.15;color:var(--hs-bone);text-shadow:0 1px 3px rgba(0,0,0,.8);max-width:calc(100% - .2rem);overflow:hidden;white-space:normal;overflow-wrap:normal}.card__body{margin-top:auto;padding-bottom:1.85rem;min-width:0}.card__badge{position:absolute;bottom:.35rem;min-width:1.75rem;height:1.75rem;padding:0 .2rem;display:flex;align-items:center;justify-content:center;gap:.08rem;font-family:var(--font-mono);font-weight:800;font-size:var(--fs-3);border-radius:999px;border:2px solid rgba(0,0,0,.55);z-index:5;pointer-events:none}.card__badge-icon{font-size:.62em;opacity:.85}.card__badge--atk{left:.25rem;color:var(--hs-ink);background:linear-gradient(180deg,#ffd27a,#d9952f)}.card__badge--hp{right:.25rem;color:var(--hs-bone);background:linear-gradient(180deg,#e23d3d,#a82828)}.card__stack{position:absolute;bottom:.4rem;left:50%;transform:translate(-50%);z-index:3;padding:.1rem .15rem;font-family:var(--font-mono);font-size:.56rem;font-weight:800;color:var(--hs-ink);background:linear-gradient(180deg,#f0d060,var(--hs-copper));border-radius:4px;box-shadow:0 0 8px #d4783a80}.card__text{margin:0;font-size:var(--fs-1);line-height:1.25;color:color-mix(in srgb,var(--hs-bone) 88%,transparent);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__keywords{display:flex;flex-wrap:wrap;gap:.15rem;margin-top:.2rem}.card__kw{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .3rem;border-radius:3px;background:color-mix(in srgb,var(--crew, var(--hs-ash)) 35%,transparent);color:var(--hs-bone)}.card--compact .card__name{font-size:.68rem}.card--compact .card__badge{width:1.35rem;height:1.35rem;font-size:.75rem}.bg-board .card,.bg-tavern__shop .card{width:var(--card-w);height:var(--card-h)}.bg-strip__hand .card{width:var(--card-compact-w);height:var(--card-compact-h)}.card--mini{width:36px;height:52px;pointer-events:none}.card--mini .card__frame{padding:.1rem}.card--mini .card__name,.card--mini .card__text,.card--mini .card__keywords,.card--mini .card__top{display:none}.card--mini .card__badge{width:.9rem;height:.9rem;font-size:.5rem;bottom:.1rem}.bg-strip__hand .card:hover .card__text{display:block;-webkit-line-clamp:unset;position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:140px;padding:.4rem;background:#050608f2;border:1px solid var(--hs-copper);border-radius:6px;font-size:.65rem;z-index:20;margin-bottom:.35rem;box-shadow:0 8px 20px #0009}.card--expand-hover:hover{transform:translateY(-10px) scale(1.14);z-index:25}.card--expand-hover:hover .card__text{display:block;-webkit-line-clamp:unset;position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:min(160px,90vw);padding:.45rem;background:#050608f5;border:1px solid var(--hs-copper);border-radius:6px;font-size:.68rem;line-height:1.35;z-index:30;margin-bottom:.4rem;box-shadow:0 10px 24px #000000a6}.card--expand-hover:hover .card__keywords{position:absolute;bottom:calc(100% + 3.2rem);left:50%;transform:translate(-50%);z-index:30;background:#050608eb;padding:.2rem .35rem;border-radius:4px}.card-shell{position:relative;width:max-content;flex-shrink:0;line-height:normal}.card-inspect{position:absolute;z-index:12;right:2px;top:28px;width:26px;height:26px;display:grid;place-items:center;color:#f1e8d6;background:#10191ee8;border:1px solid #d4c3a344;border-radius:50%;font-size:16px;padding:0}.card-inspect:hover{background:#2c3e40}.card-shell--mini .card.card--mini{width:36px;height:52px}.card-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;z-index:1000;display:grid;place-items:center;padding:24px}.card-detail{position:relative;max-width:420px;width:100%;max-height:85dvh;overflow:auto;background:#182125;border:1px solid #c8a77b;border-radius:8px;padding:30px;color:#e8e0d4;box-shadow:0 20px 80px #000}.card-detail h2{font:700 28px var(--font-display);margin:20px 0}.card-detail p{font-size:15px;line-height:1.65;color:#b9c6c1}.card-detail strong{color:#e9b780}.card-detail__close{position:absolute;right:12px;top:10px;width:32px;height:32px}@media(max-width:900px),(max-height:850px){.bg-shell .card:not(.card--mini) .card__frame{padding:5px}.bg-shell .card:not(.card--mini) .card__top{flex-wrap:nowrap;gap:2px;min-width:0}.bg-shell .card:not(.card--mini) .card__crew{font-size:8px;padding:2px;min-width:0;flex:1}.bg-shell .card:not(.card--mini) .card__tier{font-size:8px;padding:2px;flex-shrink:0}.bg-shell .card:not(.card--mini) .card__cost-badge{width:18px;height:18px;flex-shrink:0;font-size:11px}.bg-shell .card:not(.card--mini) .card__name{font-size:10px}.bg-shell .card:not(.card--rite) .card__text{display:none}.bg-shell .card--rite .card__text{font-size:9px;line-height:1.3;max-height:36px;overflow:hidden}.bg-shell .card:not(.card--mini) .card__keywords{gap:2px;flex-wrap:nowrap;overflow:hidden}.bg-shell .card:not(.card--mini) .card__kw{font-size:8px;padding:2px}.bg-shell .card-inspect{top:25px;right:3px}}.card{width:144px;height:224px}.card .card__top{flex-wrap:nowrap;align-items:center;gap:3px}.card .card__crew{flex:1;min-width:0;max-width:none;font-size:9px;padding:3px}.card .card__tier{flex:none;font-size:9px;color:#f3e5ca;background:#101721;border-color:#74818e}.card .card__cost-badge{position:absolute;top:30px;left:8px;width:22px;height:22px;font-size:12px}.card .card__body{padding-bottom:30px}.card .card__name{font-family:var(--font-body, sans-serif);font-weight:800;font-size:14px;line-height:1.15;min-height:2.3em;margin:0 0 3px}.card__summary{margin:0;font:500 11px/1.25 var(--font-body, sans-serif);color:#eee8da;min-height:2.5em}.card .card__keywords{display:none}.card__stack{width:60px;text-align:center;line-height:1.15;min-height:22px;display:grid;place-items:center;box-shadow:none;background:#292a28;color:#f4e5bd;border:1px solid #b4a274}.card--triple-ready{box-shadow:0 0 0 3px #ffcf60,0 0 22px #e6af4844}.card--triple-ready .card__stack,.card--golden .card__stack{background:#f6d579;color:#241b10;border-color:#ffedb3}.card--matching:not(.card--golden){outline:3px dashed #fff0b4;outline-offset:3px}.card__type{position:absolute;bottom:10px;left:0;width:100%;text-align:center;font:800 10px var(--font-body, sans-serif);letter-spacing:.08em;color:#c9e4f1}.card--rite .card__frame{border-style:dashed;background:linear-gradient(180deg,transparent 35%,#07101af5 62%)}.card--rite .card__summary{font-size:11px}.card-detail__art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:6px;margin:14px 0}.card--compact{width:112px;height:184px}.bg-shell .card:not(.card--mini) .card__name{font-size:12px}.bg-shell .card:not(.card--mini) .card__crew{font-size:8px;padding:2px}.bg-shell .card:not(.card--mini) .card__summary{font-size:10px}.bg-shell .card:not(.card--mini) .card__badge{min-width:22px;width:auto;height:23px;font-size:12px;padding:0 2px}.bg-shell .card:not(.card--mini) .card__stack{width:54px;font-size:8px}.bg-shell .card-inspect{top:31px;right:5px}.card.card--mini{width:36px;height:52px}.card--mini .card__art{top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover}.card--mini .card__body,.card--mini .card__summary{display:none}.landing{--landing-art: url(/art/optimized-v1/landing.webp)}.landing{--land-line: #e8e0d422;--land-muted: #a3a9ac;background:#0c1012;color:#e9e3d8;overflow-x:clip}.landing button,.landing a{-webkit-tap-highlight-color:transparent}.landing a{color:inherit;text-decoration:none}.site-nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5%;border-bottom:1px solid var(--land-line);background:#0c1012;position:relative;z-index:2}.wordmark{display:flex;align-items:center;gap:12px;font:800 16px var(--font-display);letter-spacing:.07em}.stone-mark{display:grid;place-items:center;width:30px;height:36px;clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%);background:#d99662;color:#121212;font-size:20px}.site-nav nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#b9bfbd}.site-nav nav a:hover,.site-nav nav button:hover{color:#fff}.button{background:#e6a16c;color:#19140f!important;padding:17px 23px;display:inline-flex;gap:40px;justify-content:space-between;align-items:center;font-size:14px;font-weight:750;border-radius:2px;transition:background .18s,transform .18s}.button:hover{background:#ffc698;transform:translateY(-2px)}.button--small{padding:12px 18px;gap:26px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;font-weight:600;padding:12px 0;border-bottom:1px solid #e8e0d45c}.landing .eyebrow{font:500 10px/1.5 var(--font-mono);letter-spacing:.17em;color:#c79c7a;margin:0 0 24px}.hero{min-height:600px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:64px 5% 86px;gap:2%;isolation:isolate}.hero__world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#0c1012 5%,#0c1012f0 37%,#0c101275),linear-gradient(0deg,#0c1012,transparent 50%),var(--landing-art) center 48% / cover;opacity:.7}.hero h1{font:700 clamp(40px,4.65vw,76px) / 1.06 var(--font-display);letter-spacing:-.05em;margin:0 0 26px}.hero h1 em{font-style:normal;color:#daa478}.hero__description{font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#b9bfbd;margin:0 0 28px}.hero__actions{display:flex;align-items:center;gap:28px}.hero__footnote{font-size:11px;color:#8f9999;margin-top:20px}.live-dot{width:5px;height:5px;display:inline-block;background:#87bbaa;border-radius:50%;margin-right:8px}.hero__table{width:100%;max-width:650px;justify-self:end;transform:rotate(-3deg);margin-top:20px}.hero__opponent{display:flex;justify-content:space-between;font:9px var(--font-mono);letter-spacing:.12em;color:#a8b2b1;padding:0 12px 22px;border-bottom:1px solid #becac523}.hero__arena{position:relative;min-height:295px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:30px 0 0}.hero__ring{position:absolute;top:15px;right:-20px;bottom:-35px;left:-20px;border:1px solid #ac70483b;border-radius:50%;transform:rotateX(38deg);box-shadow:0 0 0 20px #c4853c08,0 0 0 21px #c4853c12;background:radial-gradient(ellipse,#ad753b19,transparent 70%)}.hero__cards{display:flex;align-items:flex-end;justify-content:center;gap:14px;z-index:1}.hero__card .card{width:clamp(100px,10vw,155px);height:clamp(146px,14.7vw,225px)}.hero__card--0{transform:rotate(-12deg) translateY(14px)}.hero__card--1{transform:translateY(-15px);z-index:2}.hero__card--2{transform:rotate(10deg) translateY(10px)}.hero__boardline{display:flex;gap:28px;font:9px var(--font-mono);color:#6b7875;margin-top:35px;z-index:1}.hero__caption{display:flex;align-items:center;gap:16px;margin-top:43px;border-top:1px solid #becac523;padding:18px 12px;transform:rotate(3deg)}.hero__caption p{font-size:12px;line-height:1.6;color:#a5aeab;margin:0}.hero__caption strong{font-weight:600;color:#e2e3db}.hero__caption-icon{color:#dda26a;font-size:24px}.hero__sample{margin-left:auto;font:8px var(--font-mono);letter-spacing:.1em;color:#788581}.hero__scroll{position:absolute;bottom:26px;left:5%;display:flex;gap:22px;font:9px var(--font-mono);letter-spacing:.13em;color:#7d8985!important}.game-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0 5%;border-top:1px solid var(--land-line);border-bottom:1px solid var(--land-line);padding:25px 0}.game-facts>span{font-size:12px;color:#9ea7a4;display:flex;gap:14px;align-items:center;justify-content:center;border-right:1px solid var(--land-line)}.game-facts>span:last-child{border:0}.game-facts strong{font:600 29px var(--font-display);color:#dfdfd2}.section{padding:100px 5%;scroll-margin-top:30px}.section h2,.final-invite h2{font:600 clamp(30px,3.25vw,48px) / 1.13 var(--font-display);letter-spacing:-.04em;margin:0 0 25px}.section h2 span{color:#7f8e87}.section__intro>p:not(.eyebrow){max-width:350px;font-size:15px;line-height:1.75;color:#a1aaa5}.how{display:grid;grid-template-columns:1fr 1.15fr;gap:8%}.how__steps article{display:flex;gap:24px;border-top:1px solid var(--land-line);padding:27px 0}.step-number{font:10px var(--font-mono);color:#bd8e67;padding-top:5px}.how__steps h3{font:600 19px var(--font-display);margin:0 0 12px;letter-spacing:-.02em}.how__steps p{font-size:14px;line-height:1.65;color:#94a09a;margin:0;max-width:440px}.step-icon{margin-left:auto;font-size:26px;color:#b6916e}.crew-section{background:#121918;border-top:1px solid #e8e0d412;border-bottom:1px solid #e8e0d412}.crew-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.crew-section__head>p{font-size:14px;line-height:1.7;color:#9caaa2}.crew-tabs{display:flex;gap:0;border-bottom:1px solid #d1dbce26;margin-top:32px;overflow-x:auto}.crew-tabs button{padding:18px 24px;font-size:13px;white-space:nowrap;color:#899a91;border-bottom:2px solid transparent}.crew-tabs button[aria-selected=true]{color:#e4d8c3;border-color:#d39c6f}.crew-preview{display:grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate;min-height:330px;align-items:center;gap:40px;padding:48px 32px;overflow:hidden}.crew-preview__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center 38%;opacity:.1;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.crew-preview__copy h3{font:600 27px/1.2 var(--font-display);max-width:320px;margin:0 0 18px;letter-spacing:-.03em}.crew-preview__copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#a8b4ac;max-width:350px}.crew-preview__cards{display:flex;gap:18px;justify-content:center}.crew-preview__cards .card{width:120px;height:174px}.captain-section{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%}.captain-section__portraits{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.captain-section figure{margin:0;min-width:0}.captain-section figure:nth-child(2){margin-top:42px}.captain-section img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:50% 25%;border:1px solid #d8b89930;filter:saturate(.75)}.captain-section figcaption strong{display:block;font:600 13px var(--font-display);margin:13px 0 7px}.captain-section figcaption span{font-size:11px;line-height:1.5;color:#8f9c95;display:block}.captain-section .button{margin-top:20px}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;border-top:1px solid var(--land-line)}.faq h2{font-size:33px}.faq details{border-bottom:1px solid var(--land-line);padding:20px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary:after{content:"+";color:#b6916e}.faq details[open] summary:after{content:"−"}.faq details p{font-size:14px;line-height:1.7;color:#99a49e}.final-invite{text-align:center;padding:85px 20px 95px;background:radial-gradient(ellipse at 50% 100%,#4d352342,transparent 70%);border-top:1px solid var(--land-line)}.final-invite .button{margin:7px 0 15px}.final-invite>p:last-child{font-size:11px;color:#8e9b93}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;border-top:1px solid var(--land-line);gap:20px}.site-footer>span,.site-footer>button{font-size:11px;color:#87948c}@media(min-width:1600px){.hero{min-height:700px}.section{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}}@media(max-width:1000px){.site-nav nav{gap:18px}.hero{min-height:540px}.hero__actions{gap:15px}.hero__sample{display:none}.hero__cards{gap:8px}.hero__boardline{gap:22px}.crew-tabs button{padding:16px}.crew-preview{padding:36px 0}.crew-preview__cards{gap:10px}.crew-preview__cards .card{width:96px;height:142px}.section{padding-top:76px;padding-bottom:76px}.captain-section{gap:5%}}@media(max-width:700px){.site-nav{height:70px;padding:0 20px}.site-nav nav{display:none}.wordmark{font-size:12px;gap:8px}.stone-mark{width:24px;height:28px;font-size:17px}.button--small{font-size:12px;padding:10px 13px;gap:16px}.hero{grid-template-columns:1fr;padding:46px 22px 65px;gap:36px}.hero h1{font-size:clamp(38px,10.5vw,64px)}.hero__description{font-size:17px}.hero .eyebrow{font-size:8px}.hero__actions{gap:24px}.hero__footnote{font-size:10px;max-width:290px;line-height:1.6}.hero__table{max-width:430px;justify-self:center;margin:0}.hero__opponent{font-size:8px;padding-bottom:15px}.hero__arena{min-height:205px}.hero__card .card{width:96px;height:142px}.hero__cards{gap:10px}.hero__caption{margin-top:25px;padding:15px 0}.hero__scroll{left:22px;font-size:8px;bottom:20px}.hero__world{background-position:65% center}.game-facts{grid-template-columns:1fr 1fr;margin:0 22px;gap:20px;padding:24px 0}.game-facts>span{font-size:10px;justify-content:flex-start;gap:10px}.game-facts>span:nth-child(2){border:0}.game-facts strong{font-size:25px}.section{padding:60px 22px}.how,.captain-section,.faq{grid-template-columns:1fr;gap:32px}.how__steps article{gap:16px;padding:23px 0}.how__steps h3{font-size:17px}.how__steps p{font-size:13px}.crew-section__head{display:block}.crew-section__head>p{font-size:13px}.crew-tabs{margin-top:18px}.crew-tabs button{font-size:12px;padding:14px}.crew-preview{grid-template-columns:1fr;padding:30px 0;gap:30px}.crew-preview__cards .card{width:96px;height:142px}.crew-preview__copy h3{font-size:25px}.captain-section__portraits{order:2}.captain-section figcaption span{font-size:10px}.section h2{font-size:33px}.faq h2{font-size:29px}.final-invite{padding:64px 22px}.final-invite h2{font-size:34px}.site-footer{padding:25px 22px;flex-wrap:wrap}.site-footer>span{display:none}}.launch-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:center;border-bottom:1px solid #ffffff14}.launch-preview h2{font:700 clamp(28px,4vw,44px)/1.1 var(--font-display);margin:14px 0}.launch-preview p{color:#adb8bb;font-size:14px;line-height:1.7;max-width:45ch}.launch-preview__stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.launch-preview__stages li{display:flex;flex-direction:column;gap:12px;padding:20px 16px;border:1px solid #ffffff20;border-radius:7px;background:#141c1f}.launch-preview__stages strong{font:600 16px var(--font-display);color:#e6ded2}.launch-preview__stages li>span:last-child{color:#aab6bb;font-size:12px;line-height:1.6}.launch-preview__badge{font:9px var(--font-mono);letter-spacing:.07em;color:#cda67f}.launch-preview__badge--live{color:#9fc7b6}.final-invite>.text-link{margin-top:16px}@media(max-width:900px){.launch-preview{grid-template-columns:1fr;gap:24px}}@media(max-width:560px){.launch-preview__stages{grid-template-columns:1fr}.launch-preview__stages li{padding:18px 20px;gap:8px}}@media(max-width:768px){.landing{--landing-art: url(/art/optimized-v1/landing-mobile.webp)}}.public-preview h1{font:700 clamp(42px,5.1vw,76px)/1.06 var(--font-display);letter-spacing:-.05em;margin:0 0 26px}.public-preview h1 em,.competition-preview h2 em{color:#e2aa7e;font-style:normal}.public-nav nav a[aria-current]{color:#efb486}.public-nav small{font:8px var(--font-mono);color:#879d98}.hero__future{color:#dfb28f;font-size:14px;line-height:1.7;margin:-8px 0 25px;max-width:480px}.hero__future span{color:#aab5b2;font-size:12px}.future-tag{display:inline-block;align-self:start;width:fit-content;border:1px solid #c39a7955;background:#111719ce;color:#f0c3a0;padding:7px 10px;font:9px/1.4 var(--font-mono);letter-spacing:.09em}.future-tag--live{color:#9cdac6;border-color:#6da99566}.competition-preview{padding:85px 5%;border-top:1px solid #e8e0d422;background:radial-gradient(ellipse at 90% 0,#b5813a0c,transparent 65%)}.competition-preview__intro{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;align-items:end;margin-bottom:38px}.competition-preview__intro .eyebrow{grid-column:1/-1;margin-bottom:20px}.competition-preview h2{font:650 clamp(34px,3.5vw,52px)/1.1 var(--font-display);letter-spacing:-.04em;margin:0}.competition-preview__intro>p:last-child{color:#abb5b3;max-width:460px;line-height:1.8;font-size:15px}.competition-preview__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.competition-preview__grid article{min-height:425px;background-position:center top;background-size:cover;border:1px solid #cfb19530;display:flex;flex-direction:column;justify-content:space-between;padding:25px;position:relative}.competition-preview__grid article>div{margin-top:130px}.competition-preview__number{color:#d6ad8b;font:9px var(--font-mono);letter-spacing:.12em}.competition-preview h3{font:600 26px var(--font-display);margin:14px 0;letter-spacing:-.04em}.competition-preview__grid p{color:#c0c5c1;font-size:13px;line-height:1.8}.competition-preview__detail{display:block;color:#9aa5a2;font-size:11px;margin-top:20px}.competition-preview__note{max-width:960px;color:#8f9b98;font-size:11px;line-height:1.9;margin:24px 0 0}.pit-entry{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6%;padding:90px 5% 65px;min-height:660px}.pit-entry__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#0c1012ed,#0c101277),linear-gradient(0deg,#0c1012,transparent 75%),var(--landing-art) center/cover}.pit-entry__copy>p:not(.eyebrow){color:#b6c0bc;line-height:1.85;font-size:16px;max-width:475px}.pit-entry__copy .button{margin-top:15px}.pit-entry__copy .pit-entry__fineprint{font-size:11px!important;margin:18px 0}.pit-entry__facts{display:flex;gap:32px;margin-top:36px;color:#a5b3ad;font:10px var(--font-mono)}.pit-entry__facts strong{font:24px var(--font-display);color:#eee2d3;margin-right:6px}.pit-entry__formation{min-width:0;padding:24px 0;border-top:1px solid #cab18d42;border-bottom:1px solid #cab18d42;background:radial-gradient(ellipse,#be824b25,transparent 70%)}.pit-entry__label{display:flex;justify-content:space-between;color:#b9c5bf;font:9px var(--font-mono);letter-spacing:.08em}.pit-entry__cards{display:flex;align-items:center;justify-content:center;gap:12px;padding:50px 0 35px;--card-w: clamp(90px, 10vw, 160px);--card-h: calc(var(--card-w) * 1.7)}.pit-entry__cards>:first-child{transform:rotate(-8deg) translateY(12px)}.pit-entry__cards>:last-child{transform:rotate(8deg) translateY(12px)}.pit-entry__formation>p{text-align:center;color:#d8c1a7;font:12px var(--font-mono)}.pit-entry__captains{display:flex;align-items:center;justify-content:center;margin-top:26px}.pit-entry__captains img{border-radius:50%;border:2px solid #1a2928;margin-right:-10px}.pit-entry__captains span{margin-left:24px;color:#9eaca6;font-size:11px}.practice-brief{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:35px 5%;border-top:1px solid #e8e0d422;background:#131c1c;align-items:center}.practice-brief h2{font:500 22px/1.3 var(--font-display);margin:16px 0 0}.practice-brief p{color:#abb9b3;font-size:13px;line-height:1.9}.public-cta{padding:50px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #e8e0d422}.public-cta h2{font:500 26px var(--font-display)}.public-cta .eyebrow{margin-bottom:12px}.rankings-preview{padding:0 5% 60px}.rankings-preview__hero{padding:72px 0 45px;display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:center;position:relative}.rankings-preview__hero:before{content:"";position:absolute;top:0;right:-5.6%;bottom:0;left:-5.6%;pointer-events:none;background:linear-gradient(90deg,#0c1012,#0c1012c9),url(/art/optimized-v1/crews/mirrorcut.webp) right 40%/55% auto no-repeat}.rankings-preview__hero>*{position:relative}.rankings-preview__hero p{color:#aebdb7;font-size:14px;line-height:1.9}.rankings-preview__hero aside{border-left:1px solid #b8a28c55;padding-left:30px}.rankings-preview__hero h2{font:500 25px var(--font-display)}.rankings-preview__notice{position:relative;padding:18px 22px;border:1px solid #779b9066;background:#182725;color:#adccc2;font-size:12px;line-height:1.7;display:flex;gap:24px}.rankings-preview__notice strong{color:#d2eee1;flex-shrink:0}.rankings-preview__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:36px 0 25px}.rankings-preview__toolbar>span{color:#869e94;font:10px var(--font-mono);letter-spacing:.08em}.rankings-preview__toolbar button{padding:12px 26px;color:#acb9b2;border-bottom:2px solid #263430}.rankings-preview__toolbar button[aria-pressed=true]{color:#eac39e;border-color:#ddab7e;background:#b6844917}.rankings-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px}.rankings-podium article{position:relative;display:flex;align-items:center;gap:20px;padding:34px 25px;background:linear-gradient(125deg,#243330,#12191c);border:1px solid #9db8a72c}.rankings-podium article:first-child{background:linear-gradient(125deg,#433123,#191c1d);border-color:#d5aa7655}.rankings-podium img{border-radius:50%;width:76px;height:76px;border:1px solid #c4a37766}.rankings-podium__place{position:absolute;top:10px;right:12px;color:#bdcbb955;font:22px var(--font-mono)}.rankings-podium h2{font:600 19px var(--font-display);margin:6px 0 12px}.rankings-podium p{color:#bba88e;font:9px var(--font-mono);text-transform:uppercase;margin:0}.rankings-podium small{color:#92a49b;font-size:10px}.rankings-table-wrap{overflow-x:auto}.rankings-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.rankings-table caption{text-align:left;color:#95aaa0;font:10px var(--font-mono);padding-bottom:18px}.rankings-table th,.rankings-table td{padding:17px 22px;border-bottom:1px solid #b8c6ba20}.rankings-table thead{color:#879e94;font:10px var(--font-mono);text-transform:uppercase;background:#151f1e}.rankings-table th[scope=row]{display:flex;align-items:center;gap:16px;min-width:180px;font-weight:500}.rankings-table th img{border-radius:50%}.rankings-table small{display:block;color:#8da699;font-size:10px;margin-top:6px}.rankings-table td:first-child{color:#d8b68b;font-family:var(--font-mono)}.rankings-table td:nth-child(3){color:#e6c7a3}.rankings-next{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:center;margin-top:50px;padding:36px 0}.rankings-next h2{font:500 26px/1.3 var(--font-display)}.rankings-next p:not(.eyebrow){color:#9fb1a7;font-size:13px;line-height:1.85}@media(max-width:1050px){.site-nav{gap:16px}.site-nav nav{gap:18px}.rankings-podium article{flex-direction:column;text-align:center;padding:25px 12px}.public-cta,.rankings-next{flex-wrap:wrap}.rankings-next{grid-template-columns:1fr 1fr}}@media(max-width:760px){.public-nav{height:auto;padding:20px 5%;flex-wrap:wrap}.public-nav nav{order:3;width:100%;justify-content:space-between;display:flex;font-size:12px}.competition-preview{padding:55px 5%}.competition-preview__intro,.competition-preview__grid{grid-template-columns:1fr}.competition-preview__grid article{min-height:370px;background-position:center 35%}.pit-entry{grid-template-columns:1fr;padding-top:45px;gap:30px}.pit-entry__cards{--card-w: clamp(82px,24vw,150px);gap:10px;padding-top:35px}.pit-entry__facts{gap:22px}.practice-brief{grid-template-columns:1fr;gap:8px}.public-cta{display:flex;flex-direction:column;align-items:flex-start}.rankings-preview__hero{grid-template-columns:1fr;gap:25px;padding:45px 0 30px}.rankings-preview__hero aside{padding-left:18px}.rankings-preview__notice{flex-direction:column;gap:4px}.rankings-preview__toolbar{flex-wrap:wrap}.rankings-preview__toolbar button{padding:12px 22px}.rankings-podium{gap:8px}.rankings-podium img{width:58px;height:58px}.rankings-podium h2{font-size:12px;word-break:break-word}.rankings-podium p{font-size:8px}.rankings-podium small{display:block;margin-top:4px}.rankings-podium__place{font-size:14px}.rankings-table th,.rankings-table td{padding:15px 12px}.rankings-next{grid-template-columns:1fr;gap:10px}.hero__future{font-size:12px}}.pit-entry__cards .card{width:var(--card-w);height:var(--card-h)}.lobby{max-width:1180px;margin:auto;padding:28px clamp(20px,5vw,64px) 80px;color:var(--hs-bone)}.lobby__header{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;padding-bottom:22px}.lobby__header button{font-size:14px;color:#c8c0b4}.lobby__intro{margin:64px 0 28px}.lobby__intro h1{font:700 clamp(32px,5vw,60px) / 1.05 var(--font-display);margin:12px 0 18px}.lobby__intro>p:last-child{color:#aab1b8}.eyebrow,.lobby__number{font:500 11px/1.4 var(--font-mono);letter-spacing:.16em;color:#df985f}.lobby__name{display:grid;gap:8px;max-width:280px;font-size:13px;margin-bottom:28px}.lobby__name input{background:#171c23;border:1px solid #ffffff30;color:#eee5d7;padding:12px;font:inherit;border-radius:4px}.lobby__modes{display:grid;grid-template-columns:1fr 1.25fr;gap:24px}.lobby__practice,.lobby__multiplayer{border:1px solid #ffffff26;padding:28px;border-radius:6px;background:#131920}.lobby__practice{background:linear-gradient(145deg,#20312d,#111820);border-color:#53827260;display:flex;flex-direction:column}.lobby h2{font:700 26px/1.2 var(--font-display);margin:18px 0 12px}.lobby p,.lobby li{font-size:14px;line-height:1.65;color:#b9bfc2}.lobby__practice ul{padding-left:18px;margin:20px 0 32px}.lobby__practice>.lobby__btn{margin-top:auto}.lobby__btn{background:#dd925b;color:#110e0b;font-weight:700;padding:13px 18px;border-radius:3px;display:inline-flex;justify-content:space-between;gap:20px;align-items:center}.lobby__btn:hover:not(:disabled){background:#f3b783}.lobby__btn:disabled{opacity:.4;cursor:not-allowed}.lobby__secondary{padding:12px;border:1px solid #ffffff30;border-radius:3px;font-size:13px}.lobby__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.lobby .stakes{margin:24px 0 0;max-width:none;width:100%;padding:0;border:none;background:transparent}.lobby__note{padding:16px;border-left:2px solid #df985f;background:#201b17}.lobby__token{margin-top:24px;padding:24px;border:1px solid #71878045;border-radius:10px;background:#14201f80}.lobby__token h2{margin:12px 0 8px;font-size:clamp(20px,3vw,26px)}.lobby__token p{max-width:76ch;margin:0;color:#b5c3bc;line-height:1.65}.lobby__quests{margin-top:36px;border-top:1px solid #ffffff26;padding-top:20px}.quest-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #ffffff14}.quest-row p{margin:5px 0 0}.quest-row .lobby__btn{font-size:13px;white-space:nowrap}.lobby__history{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.lobby__history ol{padding:0;list-style:none}.lobby__history li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ffffff12}@media(max-width:700px){.lobby__intro{margin-top:36px}.lobby__modes,.lobby__history{grid-template-columns:1fr}.lobby__practice,.lobby__multiplayer{padding:22px}.lobby__name{max-width:none}}.lobby__header-actions{display:flex;gap:24px;align-items:center}.lobby-gate{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,6vw,80px);margin-top:64px;align-items:start}.lobby-gate h1{font:700 clamp(36px,5vw,58px)/1.08 var(--font-display);margin:18px 0}.lobby-gate__copy>p{max-width:44ch}.lobby-gate__art{position:relative;height:270px;overflow:hidden;margin-top:24px;border-radius:8px;background:radial-gradient(ellipse at 50% 70%,#5b352b,#11191a 75%);border:1px solid #ffffff15}.lobby-gate__art img{display:block;height:100%;width:100%;object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}.lobby-gate__art span{position:absolute;bottom:20px;left:24px;font:11px var(--font-mono);letter-spacing:.12em;color:#cbaa89}.lobby-gate__form,.lobby-play,.lobby-player-card{padding:clamp(22px,3vw,32px);background:#131b20;border:1px solid #ffffff20;border-radius:10px}.lobby-gate__form{border-top:2px solid #bd7e50}.lobby-gate__form .lobby__name{max-width:none;margin:28px 0 16px}.lobby-gate__form form>button{width:100%}.lobby-gate__preview{border-top:1px solid #ffffff20;margin-top:30px;padding-top:24px}.lobby__intro--player{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center;margin-top:40px}.lobby__intro--player h1{font-size:clamp(28px,4vw,44px);overflow-wrap:anywhere}.lobby__identity{font:10px var(--font-mono);letter-spacing:.05em;color:#9db9af;border:1px solid #4c6d6055;background:#172822;padding:10px 12px;border-radius:20px}.lobby-player-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:24px;align-items:start}.lobby-play h2{margin-top:0}.lobby-mode-picker{display:flex;padding:5px;gap:5px;background:#0b1216;border:1px solid #ffffff13;border-radius:7px;margin:22px 0 28px}.lobby-mode-picker button{flex:1;min-width:0;padding:12px 8px;font:600 12px var(--font-display);border-radius:4px;color:#a7b2b7}.lobby-mode-picker button[aria-pressed=true]{color:#f3e4cf;background:#343028;box-shadow:inset 0 0 0 1px #b37a4d66}.lobby-mode-picker small{display:block;font:8px var(--font-mono);margin-top:5px;letter-spacing:.04em;color:#b7946f}.lobby-play h3{font:700 clamp(23px,3vw,30px)/1.15 var(--font-display);margin:14px 0}.lobby-play__facts{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.lobby-play__facts span{padding:7px 10px;border:1px solid #ffffff1c;border-radius:4px;color:#b5c4bf;font-size:11px}.lobby .lobby__fineprint{font-size:12px;color:#98a6ad;line-height:1.6}.lobby-player-card>.eyebrow{margin-top:0}.lobby-player-card h2 small{font:12px var(--font-mono);color:#99b1a6}.lobby-player-card dl{display:grid;gap:12px}.lobby-player-card dl>div{display:flex;justify-content:space-between;font-size:13px}.lobby-player-card dt{color:#a8b3ba}.lobby-player-card dd{margin:0}.lobby-player-card__future{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff19}.lobby-player-card__future strong{font-size:13px;color:#dda775}.lobby-player-card__future p{font-size:12px}.lobby-tiers{padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 16px}.lobby-tiers legend{font:11px var(--font-mono);color:#b2bfc4;margin-bottom:12px}.lobby-tier{cursor:pointer;padding:14px;display:flex;flex-direction:column;gap:10px;border:1px solid #ffffff24;border-radius:6px}.lobby-tier input{width:16px;height:16px;accent-color:#d79860;margin:0}.lobby-tier--selected{background:#332820;border-color:#ce9058}.lobby-tier strong{font:700 16px var(--font-display)}.lobby-tier span{font-size:12px;line-height:1.5;color:#bbc0c1}.lobby-tier small{font:10px/1.5 var(--font-mono);color:#d4aa81;margin-top:auto}.lobby-wagers__details{padding:14px 16px;margin-bottom:20px;border-left:2px solid #ae774e;background:#ffffff04}.lobby-wagers__details strong{font-size:13px}.lobby-wagers__details p{font-size:12px;margin-bottom:0}.lobby button:focus-visible,.lobby input:focus-visible{outline:2px solid #e2b47e;outline-offset:4px}@media(max-width:800px){.lobby-gate,.lobby-player-layout{grid-template-columns:1fr}.lobby-gate{margin-top:32px}.lobby-gate__art{display:none}}@media(max-width:480px){.lobby-tiers{grid-template-columns:1fr}.lobby-tier{display:grid;grid-template-columns:18px 1fr;align-items:center}.lobby-tier span,.lobby-tier small{grid-column:2}.lobby-mode-picker button{font-size:11px;padding:12px 5px}.lobby__header-actions{gap:14px}.quest-row{flex-wrap:wrap}}.combat-overlay{position:relative;isolation:isolate;container-type:inline-size;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:clamp(14px,2vw,32px);overflow:auto;--card-w: clamp(82px, min(calc((100cqw - 140px) / 7), calc((100dvh - 520px) / 3.4)), 176px);--card-h: calc(var(--card-w) * 1.7);animation:combat-fade-in .4s ease both}.combat-overlay__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 12%,#277d7926,transparent 52%),radial-gradient(ellipse at 50% 90%,#bd652825,transparent 55%),linear-gradient(135deg,#121b20,#080d11 50%,#141719)}.combat-overlay__veil:after{content:"";position:absolute;top:17%;right:8%;bottom:17%;left:8%;border:1px solid #8faaa414;border-radius:50%;box-shadow:0 0 0 35px #8faaa405,0 0 0 70px #8faaa405;transform:scaleY(.7)}.combat-overlay__header,.combat-overlay__status{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.combat-overlay__header{padding:0 42px 16px 0;border-bottom:1px solid #b6c6cb1a}.combat-overlay__eyebrow,.combat-overlay__side,.combat-overlay__board-label,.combat-overlay__live,.combat-overlay__status,.combat-overlay__captain-name{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:#8c9eaa}.combat-overlay__eyebrow{color:#d89662}.combat-overlay__header h2{font:600 clamp(20px,2vw,30px) var(--font-display);margin:5px 0 0;letter-spacing:-.03em}.combat-overlay__live{display:flex;gap:8px;align-items:center;white-space:nowrap;color:#9cbbb5}.combat-overlay__live i{width:6px;height:6px;border-radius:50%;background:#63d1b5;box-shadow:0 0 12px #63d1b555}.combat-overlay--settled .combat-overlay__live i{background:#d89662;box-shadow:none}.combat-overlay__arena{position:relative;flex:1 0 auto;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 0}.combat-overlay__hero{--hero-accent: #d89662;position:relative;display:flex;align-items:center;gap:12px;min-width:min(340px,100%);max-width:100%;padding:8px 16px 8px 8px;border:1px solid color-mix(in srgb,var(--hero-accent) 25%,transparent);border-radius:40px 8px 8px 40px;background:linear-gradient(90deg,#161e23ee,#12181d88)}.combat-overlay__hero--opp{--hero-accent: #73c3b9}.combat-overlay__hero-text{min-width:0;flex:1}.combat-overlay__side{display:block;font-size:8px;color:var(--hero-accent)}.combat-overlay__hero-text h3{margin:3px 0;font:600 15px var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-overlay__captain-name{display:block;font-size:9px;letter-spacing:.02em}.combat-overlay__portrait{width:48px;height:48px;flex-shrink:0;border-radius:50%;border:1px solid var(--hero-accent);background-size:cover;background-position:center top;box-shadow:0 0 18px #0008}.combat-overlay__hp{font:600 21px var(--font-display);white-space:nowrap;color:#e9e4d9}.combat-overlay__hp>span{color:var(--hero-accent);font-size:13px}.combat-overlay__hp small{display:block;text-align:right;font:8px var(--font-mono);color:#8c9eaa;text-transform:uppercase;letter-spacing:.12em}.combat-overlay__boards{width:100%;display:flex;flex-direction:column;align-items:center}.combat-overlay__formation{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.combat-overlay__board-label{display:flex;justify-content:space-between;width:min(100%,1240px);font-size:8px;padding:0 8px;color:#6d8b90}.combat-overlay__board-label b{font-weight:400}.combat-overlay__formation--you .combat-overlay__board-label{color:#aa8c72}.combat-overlay__row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(6px,1cqw,14px);width:100%;min-height:var(--card-h)}.combat-unit{position:relative;flex:0 0 auto}.combat-unit .card{width:var(--card-w);height:var(--card-h)}.combat-unit:has(.card--attacking-up),.combat-unit:has(.card--attacking-down){z-index:5}.combat-overlay__row--empty{position:relative}.combat-overlay__empty{display:grid;place-items:center;width:min(100%,600px);min-height:calc(var(--card-h) * .75);border:1px dashed #899fa01c;border-radius:12px;color:#79898e;font:11px var(--font-mono);letter-spacing:.04em;background:#06101322}.combat-overlay__center{width:min(100%,1000px);min-height:108px;display:grid;place-items:center;position:relative;padding:12px 0}.combat-overlay__center:before{content:"";position:absolute;height:1px;left:0;right:0;top:50%;background:linear-gradient(90deg,transparent,#aab9b52b 25%,#aab9b52b 75%,transparent);z-index:-1}.combat-overlay__versus{text-align:center;padding:0 28px;background:#101619}.combat-overlay__versus>span{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #ae9c7440;border-radius:50%;font:700 12px var(--font-display);color:#d5bd8c}.combat-overlay__versus p{margin:8px 0 0;font:9px var(--font-mono);color:#91a29f}.combat-splash{--result-color: #8da5b7;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 24px;max-width:100%;padding:12px 24px;background:#0e151af5;border:1px solid color-mix(in srgb,var(--result-color) 40%,transparent);border-radius:8px;box-shadow:0 12px 40px #0005;animation:splash-slam .35s ease both}.combat-splash--win{--result-color: #7ad7ba}.combat-splash--loss{--result-color: #ef887b}.combat-splash h2{margin:0;font:700 clamp(20px,2.5vw,32px) var(--font-display);letter-spacing:.12em;color:var(--result-color)}.combat-splash p{margin:0;font:12px var(--font-mono);line-height:1.5;color:#e3e2da}.combat-splash .combat-splash__math{margin-top:3px;max-width:410px;font-size:9px;color:#95a5ab}.combat-overlay__status{padding-top:12px;border-top:1px solid #b6c6cb1a;font-size:9px;letter-spacing:.04em;color:#849592}.combat-overlay__status>span:last-child{white-space:nowrap;color:#c4946e}.combat-damage{position:absolute;z-index:8;top:35%;left:35%;pointer-events:none;color:#fff0e1;font:800 32px var(--font-display);text-shadow:0 2px 3px #491414,0 0 15px #da422e;animation:damage-float .7s ease-out forwards}.combat-hero-damage{position:absolute;right:10px;top:-15px;color:#ff9687;font:800 28px var(--font-display);text-shadow:0 2px 10px #000;animation:hero-damage-slam .6s ease both}.combat-overlay__portrait--hit{animation:hero-portrait-flash .6s ease}.combat-overlay--shake{animation:combat-screen-shake .28s ease}.combat-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.combat-confetti__piece{position:absolute;bottom:10%;left:var(--cf-x);width:3px;height:5px;background:#d6b580;box-shadow:0 0 10px #d6b58099;animation:confetti-fall 1.8s ease-out var(--cf-delay) forwards}.combat-overlay--idle{justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse,#1c3336,#0a1015 70%)}.combat-overlay--idle h2{font:600 28px var(--font-display);color:#dbb184}.combat-overlay--idle p{color:#9bacb1}@keyframes damage-float{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:translateY(-44px) scale(1.2)}}@keyframes hero-damage-slam{0%{opacity:0;transform:scale(2)}40%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes hero-portrait-flash{40%{filter:brightness(1.6) sepia(.5);box-shadow:0 0 24px #f0644388}}@keyframes combat-screen-shake{20%{transform:translate(-3px,1px)}60%{transform:translate(3px,-1px)}}@keyframes splash-slam{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(-280px) rotate(160deg)}}@keyframes combat-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.combat-overlay{padding:12px;--card-w: clamp(100px, calc((100dvh - 520px) / 3.4), 120px)}.combat-overlay__header{padding-bottom:10px}.combat-overlay__header h2{font-size:21px}.combat-overlay__live{font-size:8px;letter-spacing:.05em}.combat-overlay__eyebrow{font-size:8px}.combat-overlay__arena{padding:12px 0;gap:10px}.combat-overlay__hero{min-width:min(300px,100%);padding:6px 12px 6px 6px}.combat-overlay__portrait{width:38px;height:38px}.combat-overlay__hero-text h3{font-size:13px}.combat-overlay__row{overflow-x:auto;justify-content:safe center;padding:8px 6px}.combat-overlay__center{min-height:96px}.combat-splash{gap:5px;flex-direction:column;text-align:center;padding:10px 16px}.combat-splash p{font-size:10px}.combat-overlay__status>span:first-child{max-width:240px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.combat-overlay,.combat-splash,.combat-damage,.combat-hero-damage,.combat-overlay__portrait--hit{animation:none}.combat-confetti{display:none}.combat-damage{opacity:0}}@media(min-width:901px)and (max-height:800px){.combat-overlay{padding:12px 20px}.combat-overlay__header{padding-bottom:10px}.combat-overlay__header h2{font-size:22px}.combat-overlay__arena{padding:10px 0;gap:8px}.combat-overlay__center{min-height:90px}.combat-overlay__portrait{width:40px;height:40px}}.rankings-rail{display:flex;flex-direction:column;gap:.45rem;padding:.75rem .55rem;background:#080a0deb;border-right:1px solid rgba(143,163,184,.15);min-height:0;overflow-y:auto}.rankings-rail__title{margin:0;font-family:var(--font-display);font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--hs-copper)}.rankings-rail__round{margin:0;font-family:var(--font-mono);font-size:.72rem;color:var(--hs-steel)}.rankings-rail__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1;gap:.4rem;min-height:0}.rankings-rail__row{position:relative;display:grid;grid-template-columns:1.4rem 48px 1fr;gap:.4rem;align-items:center;padding:.45rem .35rem;border-radius:8px;border-left:3px solid transparent;flex:1 1 0;min-height:56px;transition:background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.rankings-rail__row:hover .rankings-rail__row--you{border-left-color:var(--hs-copper);background:#d4783a1a;box-shadow:0 0 16px #d4783a1f}.rankings-rail__row--next{border-left-color:var(--hs-verdigris);box-shadow:inset 0 0 0 1px #2ec4b64d}.rankings-rail__row--out{opacity:.4}.rankings-rail__row--hit{animation:rail-hit-flash .55s ease}@keyframes rail-hit-flash{0%,to{background:transparent}30%{background:#e23d3d47}}.rankings-rail__dmg{position:absolute;right:.35rem;top:.15rem;font-family:var(--font-display);font-weight:900;font-size:1rem;color:var(--hs-danger);text-shadow:0 2px 6px rgba(0,0,0,.7);animation:rail-dmg-float .8s var(--ease-out) forwards;pointer-events:none}@keyframes rail-dmg-float{0%{opacity:1;transform:translateY(0) scale(1.2)}to{opacity:0;transform:translateY(-18px) scale(1)}}.rankings-rail__pos{font-family:var(--font-mono);font-size:.7rem;color:var(--hs-steel);text-align:center}.rankings-rail__thumb-wrap{position:relative;width:48px;height:48px}.rankings-rail__thumb{display:block;width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center top;border:2px solid rgba(143,163,184,.35)}.rankings-rail__row--you .rankings-rail__thumb{border-color:var(--hs-copper)}.rankings-rail__row--next .rankings-rail__thumb{border-color:var(--hs-verdigris)}.rankings-rail__vs-badge{position:absolute;bottom:-4px;right:-6px;padding:.08rem .28rem;font-family:var(--font-mono);font-size:.55rem;font-weight:800;letter-spacing:.04em;color:var(--hs-ink);background:var(--hs-verdigris);border-radius:4px;animation:vs-pulse 1.4s ease-in-out infinite}@keyframes vs-pulse{0%,to{box-shadow:0 0 4px #2ec4b666}50%{box-shadow:0 0 12px #2ec4b6cc}}.rankings-rail__info{min-width:0;display:flex;flex-direction:column;gap:.2rem}.rankings-rail__name{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankings-rail__bar{height:5px;background:var(--hs-ash);border-radius:3px;overflow:hidden}.rankings-rail__fill{display:block;height:100%;background:linear-gradient(90deg,var(--hs-verdigris),var(--hs-phosphor));transition:width .4s var(--ease-out)}.rankings-rail__meta{font-family:var(--font-mono);font-size:.62rem;color:var(--hs-steel);display:flex;align-items:center;gap:.35rem}.rankings-rail__hp{color:var(--hs-bone);font-weight:700}.rankings-rail__tier{color:var(--hs-copper);letter-spacing:-.05em;font-size:.55rem}.rankings-rail__tier,.rankings-rail__power{font-family:var(--font-mono);font-size:var(--fs-1);color:var(--hs-steel)}.rankings-rail__power{color:color-mix(in srgb,var(--hs-copper) 85%,transparent)}.rankings-rail__item{list-style:none}.rankings-rail__row{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.rankings-rail__row--scouting{outline:2px solid var(--hs-copper);outline-offset:-2px}.rankings-rail__hint{margin:0 0 .35rem;padding:0 .5rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.04em;color:color-mix(in srgb,var(--hs-steel) 70%,transparent)}.scout{position:fixed;left:calc(220px + .6rem);bottom:1rem;z-index:40;width:min(30rem,calc(100vw - 240px));max-height:60vh;overflow-y:auto;padding:.7rem .85rem;background:#080b10f7;border:1px solid var(--hs-copper);border-radius:12px;box-shadow:0 12px 40px #0009}.scout__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.scout__name{font-family:var(--font-display);font-size:var(--fs-3);font-weight:700}.scout__close{font-size:var(--fs-4);line-height:1;padding:0 .35rem;color:var(--hs-steel)}.scout__meta{margin:.15rem 0 0;font-family:var(--font-mono);font-size:var(--fs-1);color:color-mix(in srgb,var(--hs-bone) 72%,transparent)}.scout__captain{margin:.2rem 0 0;font-size:var(--fs-1);line-height:1.3;color:color-mix(in srgb,var(--hs-bone) 62%,transparent)}.scout__synergies{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.scout__synergy{padding:.15rem .45rem;font-family:var(--font-mono);font-size:var(--fs-1);color:var(--hs-copper);background:#d4783a24;border:1px solid rgba(212,120,58,.45);border-radius:999px;cursor:help}.scout__board{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.scout__empty{margin:.5rem 0 0;font-size:var(--fs-1);font-style:italic;color:var(--hs-steel)}@media(max-width:900px){.scout{left:.5rem;right:.5rem;width:auto;max-width:none}}@media(max-width:900px){.rankings-rail{flex-direction:row;align-items:center;gap:.35rem;padding:.3rem .45rem;border-right:none;border-bottom:1px solid rgba(143,163,184,.18);overflow-x:auto;overflow-y:hidden}.rankings-rail__title,.rankings-rail__hint{display:none}.rankings-rail__round{flex:0 0 auto;font-size:.62rem;padding-right:.2rem}.rankings-rail__list{flex-direction:row;flex:1 1 auto;gap:.3rem;min-width:0}.rankings-rail__item{flex:0 0 auto}.rankings-rail__row{grid-template-columns:auto;grid-template-rows:auto auto;justify-items:center;gap:.1rem;min-height:0;width:3.1rem;padding:.25rem .1rem;border-left:none;border-bottom:3px solid transparent}.rankings-rail__row--you{border-bottom-color:var(--hs-copper)}.rankings-rail__row--next{border-bottom-color:var(--hs-verdigris)}.rankings-rail__pos,.rankings-rail__name,.rankings-rail__bar,.rankings-rail__tier,.rankings-rail__power{display:none}.rankings-rail__thumb-wrap{width:2.1rem;height:2.1rem}.rankings-rail__thumb{width:100%;height:100%}.rankings-rail__meta{gap:0}.rankings-rail__hp{font-size:.62rem}}.rankings-rail__ai-badge{position:absolute;top:-3px;right:-3px;background:#1a272b;color:#bfccc9;border:1px solid #57716d;border-radius:3px;padding:1px 2px;font:8px var(--font-mono);line-height:1.2}.practice-coach{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#18332f;border:1px solid #629283;color:#dbe9dc;padding:12px 18px;margin:6px 10px;border-radius:6px;flex-shrink:0}.practice-coach span{display:block;color:#a5c4b7;font:9px var(--font-mono);letter-spacing:.13em;margin-bottom:6px}.practice-coach strong{display:block;font-size:14px}.practice-coach p{font-size:12px;line-height:1.5;margin:5px 0 0;max-width:700px}.practice-coach__actions{display:flex;flex-direction:column;gap:8px;white-space:nowrap;font-size:12px}.practice-coach__actions button{padding:6px}@media(max-width:700px){.practice-coach{padding:10px;margin:5px;gap:8px}.practice-coach p{font-size:11px}.practice-coach strong{font-size:12px}}.queue-screen{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.queue-screen__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(212,120,58,.12),transparent 70%),linear-gradient(180deg,#141a22,#06080a)}.queue-screen__panel{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2.5rem;background:#0c1016eb;border:1px solid rgba(212,120,58,.35);border-radius:16px;box-shadow:0 20px 60px #00000080}.queue-screen__label{margin:0;font-family:var(--font-display);font-size:1.5rem;color:var(--hs-bone)}.queue-screen__ring-wrap{position:relative;width:120px;height:120px;display:grid;place-items:center}.queue-screen__ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.queue-screen__ring-bg{fill:none;stroke:var(--hs-ash);stroke-width:6}.queue-screen__ring-fg{fill:none;stroke:var(--hs-copper);stroke-width:6;stroke-dasharray:327;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.queue-screen__elapsed{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--hs-copper)}.queue-screen__starts{margin:0;font-size:1.05rem;color:var(--hs-verdigris)}.queue-screen__players{margin:0;font-family:var(--font-mono);font-size:.9rem;color:var(--hs-steel)}.queue-screen__players strong{color:var(--hs-bone);font-size:1.1rem}.queue-screen__bots-note{margin:0;font-size:.75rem;color:var(--hs-steel)}.queue-screen__cancel{margin-top:.5rem;padding:.6rem 1.25rem;color:var(--hs-steel);font-size:.9rem;border:1px solid rgba(143,163,184,.3);border-radius:8px}.hero-select{position:relative;isolation:isolate;min-height:100dvh;padding:26px clamp(20px,4vw,70px) 28px;color:#e9e2d5}.hero-select__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0b1014ed,#0b1014ed),url(/art/optimized-v1/landing.webp) center/cover}.hero-select__head{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1480px;margin:0 auto;padding-bottom:22px;border-bottom:1px solid #acb6b023}.hero-select__leave{font-size:12px;color:#b5c1be;padding:8px 0}.hero-select__stage{font:10px var(--font-mono);letter-spacing:.17em;color:#9bada8}.hero-select__clock{display:flex;gap:18px;align-items:center}.hero-select__clock>span{color:#93a59f;font:9px var(--font-mono);letter-spacing:.1em}.hero-select__clock strong{font:600 30px var(--font-display);color:#e4b78e;min-width:55px;text-align:right}.hero-select__clock small{font-size:13px;margin-left:3px}.hero-select__clock--urgent strong{color:#ff9a74}.hero-select__intro{display:flex;justify-content:space-between;align-items:end;gap:32px;max-width:1480px;margin:35px auto 24px}.hero-select__eyebrow{color:#d1a988;font:9px var(--font-mono);letter-spacing:.15em;margin:0 0 12px}.hero-select h1{font:700 clamp(27px,3.4vw,48px)/1.1 var(--font-display);letter-spacing:-.035em;margin:0}.hero-select__intro>p{font-size:12px;line-height:1.8;color:#aab9b4;margin:0}.hero-select__timer{max-width:1480px;margin:0 auto 24px;height:2px;background:#31413c;overflow:hidden}.hero-select__timer>div{height:100%;background:#dca779;transition:width .25s linear}.hero-select__heroes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1480px;margin:auto;gap:clamp(12px,1.5vw,24px)}.hero-select__card{padding:0;min-width:0;text-align:left;background:#121a1d;border:1px solid #a8b6ae35;border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.hero-select__card:hover,.hero-select__card:focus-visible{transform:translateY(-5px);border-color:var(--captain-color);box-shadow:0 12px 30px #0006;outline:2px solid transparent}.hero-select__card:focus-visible{outline-color:var(--captain-color);outline-offset:4px}.hero-select__card--selected{border-color:var(--captain-color);box-shadow:0 0 0 2px var(--captain-color)}.hero-select__portrait{position:relative;width:100%;height:clamp(230px,29vw,390px);overflow:hidden;background:#182221}.hero-select__portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .3s}.hero-select__card:hover .hero-select__portrait>img{transform:scale(1.035)}.hero-select__portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#121a1d 1%,#121a1dc9 17%,transparent 52%,#050a0e44)}.hero-select__crew,.hero-select__number{position:absolute;top:16px;z-index:1;font:9px var(--font-mono);letter-spacing:.07em}.hero-select__crew{left:16px;color:var(--captain-color);padding:7px 9px;background:#080f15e6;border:1px solid color-mix(in srgb,var(--captain-color) 40%,transparent);border-radius:3px}.hero-select__number{right:16px;color:#e6e7d7;padding-top:7px}.hero-select__identity{position:absolute;bottom:16px;left:20px;right:12px;z-index:1}.hero-select__identity p{color:#c1c5bc;font:10px var(--font-mono);margin:0 0 8px}.hero-select__identity h2{font:700 clamp(20px,2vw,29px)/1.1 var(--font-display);letter-spacing:-.04em;margin:0}.hero-select__details{padding:0 20px 20px;display:flex;flex-direction:column;flex:1}.hero-select__power-type{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:8px/1.5 var(--font-mono);color:var(--captain-color);margin-bottom:12px}.hero-select__power-type>span:last-child{color:#b7cfc2;white-space:nowrap}.hero-select__power{color:#c2cdc6;font-size:12px;line-height:1.7;margin:0 0 22px;min-height:62px}.hero-select__choose{display:flex;justify-content:space-between;gap:14px;padding:13px 14px;font-size:12px;font-weight:650;border:1px solid #aec2b42c;background:#aabfaa08;margin-top:auto;border-radius:3px}.hero-select__card:hover .hero-select__choose,.hero-select__card:focus-visible .hero-select__choose,.hero-select__card--selected .hero-select__choose{background:var(--captain-color);border-color:var(--captain-color);color:#0b1115}.hero-select__footer{max-width:1480px;margin:22px auto 0;display:flex;justify-content:space-between;gap:18px;color:#a4b4ad;font-size:11px;line-height:1.6}.hero-select__footer p{margin:0}.hero-select__footer p:last-child{color:#7f958b}@media(min-width:901px)and (max-height:800px){.hero-select{padding-top:18px}.hero-select__head{padding-bottom:12px}.hero-select__intro{margin-top:22px}.hero-select__portrait{height:clamp(200px,calc(100dvh - 365px),320px)}.hero-select__power{margin-bottom:14px}.hero-select__footer{margin-top:16px}}@media(max-width:900px){.hero-select__heroes{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-select__portrait{height:clamp(210px,38vw,320px)}.hero-select__intro{align-items:start;flex-direction:column;gap:15px}.hero-select__stage{display:none}.hero-select__footer{flex-direction:column;gap:6px}}@media(max-width:480px){.hero-select{padding:16px 14px 24px}.hero-select__head{gap:12px}.hero-select__clock{gap:8px}.hero-select__clock>span{font-size:8px}.hero-select__clock strong{font-size:24px}.hero-select__heroes{gap:12px}.hero-select__portrait{height:200px}.hero-select__details{padding:0 12px 12px}.hero-select__identity{left:12px}.hero-select__identity h2{font-size:20px}.hero-select__identity p{font-size:8px}.hero-select__crew{left:9px;top:10px;font-size:8px;padding:6px}.hero-select__number{display:none}.hero-select__power{font-size:11px}.hero-select__choose{padding:11px 8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.hero-select__card,.hero-select__portrait>img,.hero-select__timer>div{transition:none}.hero-select__card:hover,.hero-select__card:focus-visible{transform:none}}.hero-select__roster{max-width:1480px;margin:32px auto 0;padding-top:24px;border-top:1px solid #a8b6ae26}.hero-select__roster-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.hero-select__roster-head h2{font:600 22px var(--font-display);letter-spacing:-.025em;margin:0}.hero-select__roster-head>p{max-width:370px;margin:0;color:#99ada3;font-size:12px;line-height:1.7}.hero-select__roster-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.hero-select__roster-list li{min-width:0;text-align:center}.hero-select__roster-list img{display:block;width:min(100%,80px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid color-mix(in srgb,var(--captain-color) 35%,transparent);margin:0 auto 10px;opacity:.8}.hero-select__roster-list strong{display:block;font-size:10px;line-height:1.5;color:#c7d2cb}.hero-select__roster-list span{display:block;margin-top:4px;font:8px/1.5 var(--font-mono);color:var(--captain-color)}.hero-select__roster-note{font-size:10px;color:#899e93;line-height:1.8;margin:18px 0 0}@media(max-width:1100px){.hero-select__roster-list{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:20px}}@media(max-width:600px){.hero-select__roster-head{flex-direction:column;align-items:start;gap:12px}.hero-select__roster-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}.hero-select__roster-list img{width:64px}}.gold-coins{display:flex;gap:.2rem;align-items:center}.gold-coins__coin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(143,163,184,.35);background:transparent}.gold-coins__coin--filled{border-color:var(--hs-copper);background:radial-gradient(circle at 35% 35%,#f0a060,var(--hs-copper));box-shadow:0 0 6px #d4783a80}.gold-coins--pop .gold-coins__coin--bounce{animation:gold-coin-pop .45s cubic-bezier(.2,.8,.2,1) both}.gold-coins--shake{animation:gold-coins-shake .35s ease}@keyframes gold-coin-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes gold-coins-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.juice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;overflow:hidden}.juice-fly{position:fixed;left:var(--fx-from-x);top:var(--fx-from-y);width:var(--fx-w);height:var(--fx-h);border-radius:8px;background-size:cover;background-position:center;box-shadow:0 8px 24px #0009;animation:juice-fly .38s cubic-bezier(.2,.8,.2,1) forwards}@keyframes juice-fly{0%{left:var(--fx-from-x);top:var(--fx-from-y);transform:scale(1);opacity:1}to{left:var(--fx-to-x);top:var(--fx-to-y);transform:scale(.92);opacity:.85}}.juice-coin-arc{position:fixed;left:var(--fx-from-x);top:var(--fx-from-y);transform:translate(-50%,-50%);font-family:var(--font-mono);font-weight:800;font-size:1.1rem;color:var(--hs-copper);text-shadow:0 0 8px rgba(212,120,58,.8);animation:juice-coin-arc .65s cubic-bezier(.2,.8,.2,1) forwards}@keyframes juice-coin-arc{0%{left:var(--fx-from-x);top:var(--fx-from-y);opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{left:var(--fx-to-x);top:var(--fx-to-y);opacity:0;transform:translate(-50%,-50%) scale(.7)}}.juice-float-text{position:fixed;transform:translate(-50%);font-family:var(--font-mono);font-weight:800;font-size:1.25rem;color:#ff6b6b;text-shadow:0 2px 6px rgba(0,0,0,.8);animation:juice-float-up .7s ease-out forwards}@keyframes juice-float-up{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-32px) scale(1.15)}}.juice-upgrade-burst{position:fixed;left:50%;top:18%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(212,120,58,.9) 0%,transparent 70%);animation:juice-upgrade-burst .8s ease-out forwards}.juice-upgrade-burst:before,.juice-upgrade-burst:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;border:3px solid var(--hs-copper);animation:juice-upgrade-ring .8s ease-out forwards}.juice-upgrade-burst:after{animation-delay:.1s;border-color:var(--hs-slag)}@keyframes juice-upgrade-burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}60%{transform:translate(-50%,-50%) scale(1.4);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes juice-upgrade-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}.juice-press-ring{position:fixed;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;border:3px solid var(--hs-copper);animation:juice-press-ring .45s ease-out forwards}@keyframes juice-press-ring{0%{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}.phase-banner{position:fixed;top:38%;left:50%;transform:translate(-50%);z-index:150;pointer-events:none;animation:phase-banner-swoosh .9s cubic-bezier(.2,.8,.2,1) forwards}.phase-banner span{display:block;font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);font-weight:900;letter-spacing:.12em;text-shadow:0 4px 24px rgba(0,0,0,.8);white-space:nowrap}.phase-banner--recruit span{color:var(--hs-copper);text-shadow:0 0 30px rgba(212,120,58,.6)}.phase-banner--fight span{color:var(--hs-danger);text-shadow:0 0 30px rgba(226,61,61,.6)}@keyframes phase-banner-swoosh{0%{opacity:0;transform:translate(-50%) translate(-80px) scale(.85);filter:blur(4px)}20%{opacity:1;transform:translate(-50%) translate(0) scale(1.05);filter:blur(0)}75%{opacity:1;transform:translate(-50%) scale(1);filter:blur(0)}to{opacity:0;transform:translate(-50%) translate(60px) scale(.9);filter:blur(3px)}}.elim-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#050608d1;padding:1rem}.elim-screen__card{max-width:480px;width:100%;padding:1.5rem 1.25rem;background:#12161cfa;border:1px solid rgba(226,61,61,.45);border-radius:14px;text-align:center;box-shadow:0 0 40px #e23d3d26}.elim-screen__eyebrow{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--hs-steel)}.elim-screen__card h1{margin:.35rem 0;font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);color:var(--hs-danger);letter-spacing:.06em}.elim-screen__place{margin:0;font-family:var(--font-display);font-size:1.35rem;color:var(--hs-copper)}.elim-screen__meta{margin:.35rem 0 1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--hs-steel)}.elim-screen__board{display:flex;gap:.25rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.elim-screen__standings{list-style:none;margin:0 0 1.25rem;padding:0;text-align:left;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem}.elim-screen__standings li{display:grid;grid-template-columns:2.5rem 28px 1fr auto;gap:.4rem;align-items:center;font-size:.8rem;padding:.25rem .35rem;border-radius:6px}.elim-screen__you{background:#d4783a1f;color:var(--hs-copper)}.elim-screen__thumb{width:28px;height:28px;border-radius:50%;background-size:cover;background-position:center top}.elim-screen__actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.elim-screen__btn{padding:.55rem 1rem;background:var(--hs-ash);border-radius:8px;font-weight:700}.elim-screen__btn--primary{background:linear-gradient(180deg,#f0a060,var(--hs-copper));color:var(--hs-ink)}.elim-bar{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:.75rem;padding:.4rem .85rem;background:#e23d3d33;border:1px solid rgba(226,61,61,.5);border-radius:999px;font-size:.8rem;color:var(--hs-danger)}.elim-bar__btn{padding:.25rem .65rem;background:var(--hs-ash);border-radius:6px;font-size:.72rem;font-weight:700;color:var(--hs-bone)}.elim-screen__postmortem{margin:.75rem 0;padding:.65rem .8rem;text-align:left;background:#06080b99;border:1px solid rgba(226,61,61,.35);border-radius:10px}.elim-screen__postmortem h2{margin:0 0 .3rem;font-family:var(--font-display);font-size:var(--fs-2);letter-spacing:.06em;text-transform:uppercase;color:var(--hs-danger)}.elim-screen__killer{margin:0;font-size:var(--fs-2);line-height:1.35}.elim-screen__math{margin:.2rem 0 0;font-family:var(--font-mono);font-size:var(--fs-1);color:color-mix(in srgb,var(--hs-bone) 68%,transparent)}.elim-screen__fight{display:grid;gap:.45rem;margin-top:.55rem}.elim-screen__side-label{display:block;margin-bottom:.2rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-steel)}.elim-screen__empty{font-size:var(--fs-1);font-style:italic;color:color-mix(in srgb,var(--hs-steel) 75%,transparent)}.fairness{width:min(34rem,92vw);margin:.5rem 0;text-align:left}.fairness__summary{width:100%;padding:.4rem .7rem;font-family:var(--font-mono);font-size:var(--fs-1);text-align:left;border-radius:8px;border:1px solid rgba(143,163,184,.3);background:#0a0d12b3;color:var(--hs-steel)}.fairness--ok .fairness__summary{color:var(--hs-phosphor);border-color:#7dffb366}.fairness--mismatch .fairness__summary{color:#ff8a80;border-color:#e23d3d99}.fairness__detail{margin-top:.35rem;padding:.55rem .7rem;font-size:var(--fs-1);line-height:1.4;color:color-mix(in srgb,var(--hs-bone) 74%,transparent);background:#06080bbf;border:1px solid rgba(143,163,184,.2);border-radius:8px}.fairness__detail p{margin:0 0 .4rem}.fairness__detail dl{margin:0;font-family:var(--font-mono);font-size:.62rem}.fairness__detail dt{color:var(--hs-steel);margin-top:.3rem}.fairness__detail dd{margin:0;word-break:break-all;color:var(--hs-bone)}.fairness__how{margin:.45rem 0 0;font-size:.62rem}.fairness__how code{font-family:var(--font-mono);word-break:break-all;color:var(--hs-copper)}.match{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:.75rem;padding:.75rem clamp(.75rem,2vw,1.5rem) 1.5rem;overflow-x:hidden}.match--finished,.match--loading,.match--error{place-items:center;justify-content:center;text-align:center;gap:1rem}.match--finished h1,.match--loading p{font-family:var(--font-display);font-size:2rem}.match__ready{padding:.65rem 1.25rem;background:var(--hs-copper);color:var(--hs-ink);font-weight:700}.match__toast{position:fixed;bottom:7.5rem;left:50%;transform:translate(-50%);background:var(--hs-danger);color:#fff;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;z-index:100;border-radius:8px;box-shadow:0 8px 24px #00000073;max-width:min(90vw,420px);text-align:center}.match__standings{text-align:left;margin:0 auto;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-mono);font-size:.9rem}.match__standings--rich li{display:grid;grid-template-columns:2rem 32px 1fr auto;gap:.5rem;align-items:center}.match__standings-thumb{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center top}.match__winner{color:var(--hs-copper);font-size:1.1rem}.match__quests{margin:.5rem auto;padding:.6rem .9rem;max-width:30rem;text-align:left;border:1px solid rgba(46,196,182,.35);border-radius:10px;background:#2ec4b612}.match__quests h2{margin:0 0 .4rem;font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--hs-verdigris)}.match__quests ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem}.match__quests li{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:baseline;font-size:.85rem}.match__quest--done .match__quest-title{color:var(--hs-verdigris)}.match__quest-title{font-weight:700}.match__quest-desc{opacity:.75;font-size:.78rem}.match__quest-progress{font-family:var(--font-mono);font-size:.8rem}.match__quest-progress em{font-style:normal;color:var(--hs-verdigris)}.match__standings-you{color:var(--hs-copper)}.bg-shell{position:relative;height:100vh;height:100dvh;max-height:100dvh;display:grid;grid-template-columns:minmax(200px,220px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.bg-shell__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 45% at 50% 55%,rgba(42,49,60,.5),transparent 70%),linear-gradient(180deg,#1a2030,#0b0e12 40%,#06080a)}.bg-main{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden}.bg-recruit{flex:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;gap:.5rem;padding:.5rem .75rem 0}.bg-recruit__top{display:flex;flex-direction:column;gap:.35rem;min-height:0;min-width:0}.bg-tavern{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;align-items:end;gap:.75rem;padding:.65rem .75rem;background:#12161ceb;border:1px solid rgba(212,120,58,.35);border-radius:12px;transition:box-shadow .15s,border-color .15s}.bg-tavern__left{display:flex;flex-direction:column;gap:.35rem;align-items:center;min-width:9.5rem;max-width:9.5rem}.bg-tavern__tier{display:flex;flex-direction:column;align-items:center;gap:.1rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--hs-steel)}.bg-tavern__tier-num{width:2.5rem;height:2.5rem;display:grid;place-items:center;font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--hs-copper);border:2px solid var(--hs-copper);border-radius:50%;background:#d4783a1f}.bg-tavern__upgrade,.bg-tavern__right button{padding:.4rem .7rem;background:var(--hs-ash);font-size:.75rem;border-radius:6px}.tavern-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tavern-btn{position:relative;width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,#3a4555,var(--hs-ash));border:2px solid rgba(212,120,58,.5);box-shadow:0 4px 12px #0006;display:grid;place-items:center}.tavern-btn--disabled{filter:saturate(.35);opacity:.65}.tavern-btn--active{border-color:#7ec8ff;background:linear-gradient(180deg,#3a5a70,#1a3040);box-shadow:0 0 18px #7ec8ff73;animation:freeze-btn-pulse 1.6s ease-in-out infinite}@keyframes freeze-btn-pulse{0%,to{box-shadow:0 0 12px #7ec8ff59}50%{box-shadow:0 0 22px #7ec8ffb3}}.bg-tavern--frozen{border-color:#7ec8ffa6;box-shadow:0 0 28px #7ec8ff33,inset 0 0 40px #7ec8ff14;background:#12202af2}.bg-tavern--freeze-flash{animation:tavern-freeze-flash .55s ease}@keyframes tavern-freeze-flash{0%{box-shadow:0 0 #7ec8ff00}40%{box-shadow:0 0 48px #7ec8ff8c;border-color:#a8e0ff}to{box-shadow:0 0 28px #7ec8ff33}}.bg-tavern__shop{min-width:0;overflow-x:auto;position:relative;display:flex;gap:clamp(.35rem,1vw,.65rem);justify-content:center;align-items:flex-end;flex-wrap:wrap;min-height:calc(var(--card-h) + .5rem)}.bg-tavern__shop--frozen:before{content:"";position:absolute;top:-.35rem;right:-.35rem;bottom:-.35rem;left:-.35rem;border-radius:10px;border:2px solid rgba(126,200,255,.45);background:linear-gradient(180deg,rgba(180,230,255,.12),transparent 55%),repeating-linear-gradient(-35deg,transparent,transparent 8px,rgba(180,230,255,.04) 8px,rgba(180,230,255,.04) 10px);pointer-events:none;z-index:1;animation:frost-shimmer 2.4s ease-in-out infinite}@keyframes frost-shimmer{0%,to{opacity:.75}50%{opacity:1}}.bg-tavern__frozen-badge{position:absolute;top:-.55rem;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:.3rem;padding:.2rem .65rem;font-family:var(--font-mono);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0b1a24;background:linear-gradient(180deg,#d8f0ff,#7ec8ff);border-radius:999px;box-shadow:0 4px 14px #7ec8ff66;white-space:nowrap;pointer-events:none}.bg-tavern__frozen-icon{font-size:.85rem;line-height:1}.bg-tavern__shop--frozen .card{filter:saturate(.85) brightness(1.05);box-shadow:0 0 12px #7ec8ff40,0 8px 24px #0000008c}.tavern-btn__icon{font-size:1.4rem;line-height:1}.tavern-icon--dice{font-size:1.6rem}.tavern-icon--freeze{font-size:1.3rem}.tavern-icon--upgrade{font-weight:900;color:var(--hs-copper)}.tavern-btn__cost{position:absolute;bottom:-4px;right:-4px;min-width:1.25rem;height:1.25rem;padding:0 .2rem;display:grid;place-items:center;font-family:var(--font-mono);font-size:.65rem;font-weight:800;color:var(--hs-ink);background:radial-gradient(circle at 35% 35%,#f0a060,var(--hs-copper));border-radius:50%;border:2px solid var(--hs-ink)}.tavern-btn__cost--bad{background:var(--hs-danger);color:#fff}.tavern-btn__label{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hs-steel)}.bg-tavern--upgrade-flash{animation:tavern-gold-flash .6s ease}@keyframes tavern-gold-flash{0%,to{box-shadow:none}40%{box-shadow:0 0 40px #d4783a80;border-color:var(--hs-copper)}}.bg-tavern__upgrade:disabled,.bg-tavern__right button:disabled{opacity:.4}.bg-tavern__card-wrap{display:flex;flex-direction:column;align-items:center}.bg-tavern__right{display:flex;flex-direction:column;gap:.35rem}.bg-hint{margin:0;text-align:center;font-size:.78rem;color:var(--hs-copper);padding:.25rem .5rem 0;opacity:.85}.bg-hint--alert{color:#ff8a80;opacity:1;font-weight:700}.bg-board{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;min-width:0;flex:1;padding:.6rem .5rem .4rem;overflow:visible;border-radius:16px;border:1px solid rgba(212,120,58,.28);background:radial-gradient(ellipse 78% 58% at 50% 62%,rgba(212,120,58,.3),transparent 70%),radial-gradient(ellipse 55% 38% at 50% 78%,rgba(60,72,90,.55),transparent 72%),#06080bb8;box-shadow:inset 0 0 90px #000000bf}.bg-board__order{margin:0 0 .15rem;font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--hs-steel) 75%,transparent)}.bg-board__slot-num{position:absolute;top:-.55rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--fs-1);font-weight:800;color:color-mix(in srgb,var(--hs-steel) 65%,transparent);pointer-events:none;z-index:4}.bg-board__slot--filled .bg-board__slot-num{color:var(--hs-copper)}.bg-board__slot--illegal{opacity:.35;filter:grayscale(.7)}.bg-board__sell{position:relative;flex-shrink:0;width:calc(var(--card-w) * .58);height:var(--card-h);min-height:var(--card-h);margin-left:.5rem;opacity:.55;transition:opacity .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border:2px dashed rgba(226,61,61,.55);border-radius:8px;background:#e23d3d1f;color:#ff8a80;pointer-events:auto;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.bg-board__sell-title{font-family:var(--font-display);font-size:var(--fs-2);font-weight:900;letter-spacing:.08em}.bg-board__sell:hover,.bg-board__sell--ready,.bg-board__sell--hot{opacity:1}.bg-board__sell-meta{font-family:var(--font-mono);font-size:.75rem;opacity:.95}.bg-board__sell--ready{border-color:#e23d3dbf;background:#e23d3d33;box-shadow:0 0 16px #e23d3d40;transform:scale(1.04)}.bg-board__sell--hot{border-style:solid;border-color:var(--hs-danger);background:#e23d3d8c;color:#fff;box-shadow:0 0 24px #e23d3d73;transform:scale(1.08)}.bg-recruit--dragging .anim-card-float{animation:none!important}.bg-board__platform{position:absolute;top:12%;right:8%;bottom:18%;left:8%;border-radius:50%;background:radial-gradient(ellipse 100% 55% at 50% 60%,rgba(212,120,58,.08),transparent 65%),radial-gradient(ellipse 90% 45% at 50% 70%,rgba(22,27,34,.7),transparent 80%);border:1px solid rgba(212,120,58,.15);box-shadow:0 0 40px #d4783a14,inset 0 0 60px #0006;pointer-events:none}.bg-board__ring{position:absolute;top:10%;right:6%;bottom:16%;left:6%;border-radius:50%;border:2px solid rgba(212,120,58,.12);box-shadow:0 0 24px #d4783a0f;pointer-events:none}.bg-board__sweep{position:absolute;top:8%;right:4%;bottom:14%;left:4%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(212,120,58,.04) 30deg,transparent 60deg);animation:arena-sweep 18s linear infinite;pointer-events:none}.bg-recruit--dragging .bg-board__sweep,.bg-recruit--dragging .bg-board__ember{animation-play-state:paused}@keyframes arena-sweep{to{transform:rotate(360deg)}}.bg-board__embers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bg-board__ember{position:absolute;bottom:-4px;width:3px;height:3px;border-radius:50%;background:var(--hs-copper);opacity:0;animation:ember-rise 4s ease-in infinite}@keyframes ember-rise{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.7}90%{opacity:.2}to{opacity:0;transform:translateY(-180px) scale(.3)}}.bg-board__vs{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;margin-bottom:.4rem;background:#0c1016e6;border:1px solid rgba(46,196,182,.4);border-radius:12px;font-size:.72rem;color:var(--hs-verdigris);box-shadow:0 0 16px #2ec4b626;max-width:100%}.bg-board__vs--rich{flex-wrap:wrap;justify-content:center}.bg-board__vs-info{display:flex;flex-direction:column;gap:.1rem}.bg-board__vs-meta{font-family:var(--font-mono);font-size:.65rem;color:var(--hs-steel)}.bg-board__vs-minis{display:flex;gap:.15rem;align-items:flex-end;margin-left:.35rem}.bg-board__vs-portrait{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center top;border:1px solid var(--hs-verdigris);flex-shrink:0}.bg-board__vs-label{font-family:var(--font-mono);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bg-board__inner{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;min-height:0;gap:.35rem}.bg-board__synergy{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;max-width:100%}.bg-rite-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:min(100%,850px);box-sizing:border-box;padding:12px 16px;border:1px solid #c48348;border-radius:8px;background:#201e1b;color:#f1e5d4}.bg-rite-action>div{flex:1 1 240px;display:grid;gap:4px}.bg-rite-action span{font-size:13px}.bg-rite-action small{color:#bbb5aa;font-size:11px}.bg-rite-action button{padding:10px 14px;border:1px solid #d89455;border-radius:5px;background:#ad632a;color:#fff5e7;font:inherit;font-size:13px;cursor:pointer}.bg-rite-action button:disabled{opacity:.45;cursor:not-allowed}.bg-rite-action .bg-rite-action__cancel{background:transparent;border-color:#74624e}.bg-rite-action button:focus-visible{outline:2px solid #fff0ce;outline-offset:3px}.bg-board__synergy-chip{padding:.2rem .5rem;font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--hs-verdigris);background:#2ec4b61f;border:1px solid rgba(46,196,182,.35);border-radius:999px;cursor:help}.bg-board__synergy-chip--active{color:var(--hs-copper);background:#d4783a29;border-color:#d4783a8c;box-shadow:0 0 8px #d4783a40}.bg-discover{text-align:center;padding:.5rem;border:1px solid var(--hs-copper);border-radius:8px;transition:box-shadow .3s ease;position:relative;z-index:3}.bg-discover--glow{animation:discover-sparkle 1.2s ease;box-shadow:0 0 32px #d4783a99}@keyframes discover-sparkle{0%,to{border-color:var(--hs-copper)}50%{border-color:#f0d060;box-shadow:0 0 48px #f0d060b3}}.bg-discover h2{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;color:var(--hs-copper)}.bg-board__slots{display:flex;min-width:0;gap:.45rem;justify-content:center;align-items:flex-end;flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding:.25rem}.bg-board__slot{position:relative;flex-shrink:0;width:var(--card-w);min-height:var(--card-h);border:1px solid rgba(212,120,58,.18);border-radius:10px;display:flex;align-items:flex-end;justify-content:center;background:#0a0d1280;box-shadow:inset 0 2px 10px #0009;transition:border-color .12s var(--ease-out),box-shadow .12s var(--ease-out)}.bg-board__slot--filled{border-color:transparent;background:transparent}.bg-board__slot--filled .card.anim-drop:after{content:"";position:absolute;left:50%;bottom:-6px;width:70%;height:10px;margin-left:-35%;border-radius:50%;background:radial-gradient(ellipse,rgba(212,120,58,.4),transparent 70%);animation:dust-ring .5s ease-out;pointer-events:none}.bg-board__slot--target{border-color:var(--hs-verdigris);box-shadow:0 0 16px #2ec4b640}.bg-board__empty{font-size:1.5rem;color:var(--hs-steel);padding-bottom:2rem}.bg-drop--active{border-color:var(--hs-verdigris)!important;background:#2ec4b614!important}.bg-strip{position:relative;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:calc(var(--card-compact-h) + 1.6rem);padding:.6rem .85rem 1.85rem;background:#0c1016f2;border-top:1px solid rgba(212,120,58,.3)}.bg-strip__hero{display:flex;align-items:center;gap:.55rem}.bg-strip__portrait{width:64px;height:64px;border-radius:50%;background-size:cover;background-position:center top;border:2px solid var(--hs-copper)}.bg-strip__power{width:56px;height:56px;border-radius:10px;background-size:cover;background-position:center top;border:2px solid var(--hs-copper);position:relative;overflow:hidden}.bg-strip__power--ready{animation:hero-power-pulse 2s ease-in-out infinite}.bg-strip__power--used{filter:grayscale(.7) brightness(.5);opacity:.6}.bg-strip__power--passive{border-color:var(--hs-verdigris);box-shadow:0 0 8px #2ec4b659;cursor:help}.bg-strip__power-label{position:relative;z-index:1;font-size:1.4rem;text-shadow:0 2px 6px rgba(0,0,0,.9)}.bg-strip__power:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(5,6,8,.65) 100%)}@keyframes hero-power-pulse{0%,to{box-shadow:0 0 8px #d4783a66}50%{box-shadow:0 0 20px #d4783abf}}.bg-strip__hand{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;position:relative}.bg-strip__hand--full{outline:1px solid rgba(226,61,61,.45);outline-offset:4px;border-radius:8px}.bg-strip__hand-badge{position:absolute;top:-.65rem;left:50%;transform:translate(-50%);padding:.1rem .45rem;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--hs-danger);border-radius:4px;z-index:5}.bg-menu{position:absolute;top:.5rem;right:.65rem;z-index:70}.bg-menu__btn{width:36px;height:36px;border-radius:8px;background:#12161ce6;border:1px solid rgba(143,163,184,.3);font-size:1.1rem;color:var(--hs-bone)}.bg-menu__panel{position:absolute;top:100%;right:0;margin-top:.35rem;min-width:160px;padding:.35rem;background:#0c1016fa;border:1px solid rgba(212,120,58,.35);border-radius:8px;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 8px 24px #00000080}.bg-menu__panel button{text-align:left;padding:.45rem .65rem;border-radius:6px;font-size:.8rem}.bg-menu__panel button:hover{background:#d4783a26}.match__place-you{color:var(--hs-copper);font-family:var(--font-mono)}.match__rating{margin:.25rem 0 .75rem;font-family:var(--font-mono);font-size:1rem;color:var(--hs-steel)}.match__rating strong{color:var(--hs-verdigris);font-size:1.15rem}.match__rating-up{color:var(--hs-verdigris);font-weight:700}.match__rating-down{color:var(--hs-danger);font-weight:700}.bg-strip__right{flex-wrap:nowrap;display:flex;align-items:center;gap:.65rem}.bg-strip__gold-wrap{display:flex;align-items:center;gap:.35rem}.bg-strip__gold-num{font-family:var(--font-mono);font-size:1.35rem;font-weight:800;color:var(--hs-copper);transition:transform .25s var(--ease-spring)}.bg-strip__gold-num--tick{animation:gold-num-tick .35s var(--ease-spring)}@keyframes gold-num-tick{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.bg-strip__ready{position:relative;min-height:64px;min-width:140px;padding:.85rem 2rem;background:linear-gradient(180deg,#f0a060,var(--hs-copper));color:var(--hs-ink);font-weight:900;font-size:1.15rem;letter-spacing:.1em;border-radius:4px;clip-path:polygon(8% 0%,92% 0%,100% 50%,92% 100%,8% 100%,0% 50%);box-shadow:0 0 24px #d4783a80;overflow:hidden}.bg-strip__ready:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);transform:translate(-120%);transition:transform .5s ease}.bg-strip__ready:not(:disabled):hover:before{transform:translate(120%)}.bg-strip__ready-text{position:relative;z-index:1}.bg-strip__ready--done{background:var(--hs-ash);color:var(--hs-verdigris);box-shadow:none;animation:none}.bg-strip__ready--urgent{animation:ready-urgent-glow 1s ease-in-out infinite}@keyframes ready-urgent-glow{0%,to{box-shadow:0 0 20px #e23d3d66}50%{box-shadow:0 0 36px #e23d3dbf;filter:brightness(1.1)}}.bg-rope{position:absolute;left:0;right:0;bottom:0;height:6px;background:#8fa3b826}.bg-rope__fill{height:100%;background:linear-gradient(90deg,var(--hs-copper),var(--hs-slag));transition:width .25s linear}.bg-rope--urgent .bg-rope__fill{background:linear-gradient(90deg,var(--hs-danger),#ff6b6b);animation:rope-pulse 1s ease-in-out infinite}.bg-rope--urgent .bg-rope__label{color:var(--hs-danger);font-weight:800;animation:rope-pulse 1s ease-in-out infinite}@keyframes rope-pulse{0%,to{opacity:1}50%{opacity:.65}}.bg-rope__label{position:absolute;right:.5rem;bottom:.65rem;font-family:var(--font-mono);font-size:.68rem;color:var(--hs-steel)}.combat-overlay{flex:1;min-height:0}.bg-strip__pulse{position:relative;display:flex;align-items:baseline;gap:.2rem;padding:.35rem .75rem .9rem;border-radius:10px;background:#e23d3d1a;border:1px solid rgba(226,61,61,.35)}.bg-strip__pulse-icon{color:var(--hs-danger);font-size:var(--fs-3)}.bg-strip__pulse-num{font-family:var(--font-display);font-size:var(--fs-5);font-weight:800;line-height:1;color:var(--hs-bone)}.bg-strip__pulse-max{font-family:var(--font-mono);font-size:var(--fs-1);color:var(--hs-steel)}.bg-strip__armor{font-family:var(--font-mono);font-size:var(--fs-1);color:var(--hs-steel);margin-left:.3rem}.bg-strip__stat-label{position:absolute;left:.75rem;bottom:.3rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--hs-steel) 80%,transparent)}.bg-strip__gold-wrap{position:relative;padding-bottom:1.35rem;align-items:flex-start}.bg-strip__income{position:absolute;left:3.6rem;bottom:.3rem;white-space:nowrap;font-family:var(--font-mono);font-size:.6rem;color:color-mix(in srgb,var(--hs-copper) 85%,transparent);cursor:help}.bg-strip__captain-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;max-width:18rem}.bg-strip__captain-name{font-family:var(--font-display);font-size:var(--fs-2);font-weight:700}.bg-strip__captain-ability{font-size:var(--fs-1);line-height:1.25;color:color-mix(in srgb,var(--hs-bone) 72%,transparent)}.bg-tavern__tier-note,.bg-tavern__discount{font-family:var(--font-mono);font-size:.6rem;line-height:1.25;text-align:center;color:color-mix(in srgb,var(--hs-steel) 85%,transparent);text-transform:none;letter-spacing:0;max-width:100%}.match__triple-note{position:fixed;top:4.5rem;left:50%;transform:translate(-50%);z-index:60;margin:0;padding:.5rem 1rem;font-weight:700;color:var(--hs-ink);background:linear-gradient(180deg,#ffe08a,#f0c14b);border-radius:8px;box-shadow:0 6px 24px #f0c14b66}.match__stakes{width:min(30rem,92vw);margin:.75rem 0;padding:.75rem 1rem;background:#0a0d12cc;border:1px solid rgba(212,120,58,.4);border-radius:12px}.match__stakes h2{margin:0 0 .2rem;font-family:var(--font-display);font-size:var(--fs-3);text-transform:uppercase;letter-spacing:.05em;color:var(--hs-copper)}.match__stakes-pot{margin:0 0 .5rem;font-family:var(--font-mono);font-size:var(--fs-1);color:color-mix(in srgb,var(--hs-bone) 68%,transparent)}.match__stakes-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem;font-family:var(--font-mono);font-size:var(--fs-1)}.match__stakes-list li{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.5rem;align-items:baseline}.match__stakes-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--hs-bone) 70%,transparent)}.match__stakes-up{color:var(--hs-phosphor)}.match__stakes-down{color:#ff8a80}@media(max-width:900px){.bg-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.bg-recruit{padding:.3rem .4rem 0;gap:.3rem}.bg-tavern{grid-template-columns:1fr;grid-template-rows:auto auto;gap:.35rem;padding:.4rem .45rem}.bg-tavern__left,.bg-tavern__right{grid-row:1;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;min-width:0;max-width:none}.bg-tavern__left{grid-column:1;justify-self:start}.bg-tavern__right{grid-column:1;justify-self:end;margin-top:-3.4rem}.bg-tavern__shop{grid-row:2;grid-column:1}.bg-tavern__tier{flex-direction:row;gap:.3rem}.bg-tavern__tier-num{width:1.8rem;height:1.8rem;font-size:.9rem}.bg-tavern__tier-note,.bg-tavern__discount,.bg-strip__captain-info,.bg-board__order,.bg-strip__income,.tavern-btn__label{display:none}.tavern-btn{width:40px;height:40px}.bg-board{padding:.35rem .25rem .25rem}.bg-board__vs{position:static;transform:none;margin-bottom:.25rem}.bg-board__vs-minis{display:none}.bg-strip{grid-template-columns:auto minmax(0,1fr) auto;gap:.4rem;padding:.4rem .5rem 1.2rem;min-height:0}.bg-strip__portrait{width:40px;height:40px}.bg-strip__pulse{padding:.25rem .5rem .7rem}.bg-strip__pulse-num{font-size:var(--fs-4)}.bg-strip__gold-wrap{padding-bottom:0}.bg-strip__stat-label{font-size:.5rem}.bg-strip__ready{padding:.5rem .9rem}}.bg-shell{--card-w:clamp(88px,min(calc((100vw - 290px)/8.2),calc((100dvh - 300px)/3.1)),138px);--card-h:calc(var(--card-w)*1.436)}.bg-recruit{grid-template-rows:auto minmax(230px,1fr) auto;overflow-y:auto}.bg-board__inner{flex:none;min-height:max-content;padding:8px 0}.bg-board__slots{flex-shrink:0;min-height:calc(var(--card-h) + 16px);justify-content:safe center;align-items:flex-end;overflow-y:hidden;padding:8px 4px;scroll-padding:4px}.bg-board__slot{height:var(--card-h);min-height:var(--card-h)}.bg-strip{min-height:100px;flex-shrink:0}.bg-strip__right{grid-column:3;justify-content:flex-end}.bg-strip__hand{grid-column:2;grid-row:1}.bg-board__vs-minis .card.card--mini{width:36px;height:52px}.bg-board__vs{flex-shrink:0}.bg-board__synergy-chip{font-size:11px}.match-connection{background:#42311c;color:#ffe2ae;padding:9px 16px;font-size:13px;flex-shrink:0}@media(max-width:900px){.bg-shell{--card-w:88px;--card-h:128px;--card-compact-w:76px;--card-compact-h:110px}.bg-main{overflow-y:auto}.bg-recruit{display:flex;flex-direction:column;overflow:visible;min-height:0;flex:1}.bg-recruit__top{flex-shrink:0}.bg-board{flex:1;min-height:230px;justify-content:center}.bg-tavern__shop{justify-content:safe center;gap:9px;padding:5px;overflow-x:auto}.bg-tavern__right{margin-top:0;align-self:center}.bg-tavern__left{max-width:calc(100% - 100px);font-size:10px}.bg-tavern__tier>span:not(.bg-tavern__tier-num){font-size:9px}.bg-strip{position:sticky;bottom:0;z-index:15;grid-template-columns:auto minmax(0,1fr);padding:8px 8px 22px;gap:8px;min-height:80px;background:#10171cf5}.bg-strip__hero{grid-column:1;grid-row:1;gap:6px}.bg-strip__portrait{width:32px;height:32px}.bg-strip__power{width:36px;height:36px;min-width:36px}.bg-strip__right{grid-column:2;grid-row:1;gap:8px;min-width:0;justify-content:flex-end}.bg-strip__right .gold-coins{display:none}.bg-strip__ready{min-width:80px;min-height:44px;padding:10px;font-size:12px;letter-spacing:.04em;clip-path:none}.bg-strip__gold-wrap{padding:0 0 12px;min-width:34px}.bg-strip__pulse{padding:5px 6px 13px;gap:2px}.bg-strip__pulse-num{font-size:19px}.bg-strip__pulse-max,.bg-strip__armor{font-size:9px}.bg-strip__stat-label{font-size:8px}.bg-strip__hand{grid-column:1/-1;grid-row:2;max-width:100%;justify-content:flex-start;min-height:0;overflow-x:auto;padding:5px}.bg-board__order{display:block;font-size:9px}.bg-board__synergy{justify-content:flex-start;max-width:100%;overflow:auto;flex-wrap:nowrap}.bg-board__synergy-chip{white-space:nowrap;font-size:10px}.bg-hint{font-size:11px;line-height:1.4}}@media(max-width:370px){.bg-strip__portrait{display:none}.bg-strip__right{gap:5px}.bg-strip__ready{min-width:72px}.bg-strip__pulse-max{display:none}}@media(max-width:900px){.bg-board__sell{position:sticky;right:4px;z-index:5;width:54px;min-width:54px;height:68px;min-height:68px;align-self:flex-end;opacity:1;background:#2b1718;box-shadow:-8px 0 20px #080d11}.bg-board__order:after{content:" · swipe to see all 7 slots";color:#91a6a2}}.bg-strip__hand{min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:safe center;padding:12px 5px 6px}.bg-strip__hand>.card-shell{flex:none}.bg-strip__hand-badge{top:0;left:5px;transform:none}.bg-recruit{grid-template-rows:max-content minmax(max-content,1fr) max-content}.bg-strip{position:sticky;bottom:0;z-index:15}@media(min-width:901px){.bg-shell{--card-w:clamp(88px,min(calc((100vw - 290px)/8.2),calc((100dvh - 370px)/3.4)),138px);--card-h:calc(var(--card-w)*1.436)}}.bg-tavern__shop{flex-wrap:nowrap;overflow-x:auto}.bg-tavern__card-wrap{flex:none}.bg-shell{--card-w: clamp(112px, calc((100vw - 300px)/8) , 144px);--card-h: calc(var(--card-w) * 1.7);--card-compact-w: 112px;--card-compact-h: 184px}.bg-board__combine-guide{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 18px;margin:0 8px;color:#b8c4c4;font-size:11px;line-height:1.4}.bg-board__combine-guide b{color:#ead7a7}.bg-board__synergy-chip{color:#e3e8e8;border-color:var(--crew);background:color-mix(in srgb,var(--crew) 12%,#111a20);border-radius:5px}.bg-board__synergy-chip--active{color:#fff3d4;box-shadow:inset 3px 0 var(--crew)}@media(max-width:900px){.bg-shell{--card-w: 112px;--card-h: 190px;--card-compact-w: 112px;--card-compact-h: 184px}.bg-board__combine-guide{justify-content:flex-start;font-size:10px}.bg-strip__hand{max-height:202px}}.codex{position:relative;min-height:100vh;min-height:100dvh;padding:1.25rem clamp(1rem,3vw,2rem) 2.5rem;color:var(--hs-bone)}.codex__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 70% 45% at 20% 10%,rgba(212,120,58,.14),transparent 55%),radial-gradient(ellipse 50% 40% at 85% 20%,rgba(46,196,182,.1),transparent 50%),linear-gradient(180deg,#141a22,#06080a)}.codex__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.codex__brand{margin:0;font-family:var(--font-display);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-copper)}.codex__head h1{margin:.15rem 0 .35rem;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem)}.codex__sub{margin:0;max-width:36rem;color:var(--hs-steel);font-size:.95rem;line-height:1.45}.codex__back{padding:.55rem 1rem;border:1px solid rgba(143,163,184,.35);border-radius:8px;background:#12161ccc;color:var(--hs-bone);font-weight:600;white-space:nowrap}.codex__back:hover{border-color:var(--hs-copper)}.codex__filters{display:flex;flex-direction:column;gap:.65rem;margin-bottom:.75rem}.codex__search{display:flex;flex-direction:column;gap:.25rem;max-width:22rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--hs-steel)}.codex__search input{padding:.55rem .7rem;background:#12161ce6;border:1px solid rgba(143,163,184,.3);border-radius:8px;color:var(--hs-bone);font-family:var(--font-mono);font-size:.9rem;text-transform:none;letter-spacing:0}.codex__search input:focus{outline:1px solid var(--hs-copper);border-color:var(--hs-copper)}.codex__chips{display:flex;flex-wrap:wrap;gap:.35rem}.codex__chip{padding:.3rem .65rem;border-radius:999px;border:1px solid rgba(143,163,184,.28);background:#12161cb3;font-family:var(--font-mono);font-size:.72rem;color:var(--hs-steel)}.codex__chip--on{border-color:var(--hs-copper);color:var(--hs-bone);background:#d4783a2e}.codex__count{margin:0 0 .85rem;font-family:var(--font-mono);font-size:.75rem;color:var(--hs-steel)}.codex__layout{display:grid;grid-template-columns:1fr minmax(240px,300px);gap:1.25rem;align-items:start}.codex__grid{display:flex;flex-wrap:wrap;gap:.75rem;align-content:flex-start}.codex__card-wrap{padding:0;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.codex__card-wrap:focus-visible{outline:2px solid var(--hs-copper);outline-offset:2px}.codex__card-wrap--selected{border-color:var(--hs-copper);box-shadow:0 0 20px #d4783a40}.codex__empty{margin:1rem 0;color:var(--hs-steel)}.codex__detail{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.85rem;padding:1rem;background:#0c1016eb;border:1px solid rgba(212,120,58,.3);border-radius:12px}.codex__detail .card{align-self:center}.codex__detail-copy h2{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.25rem}.codex__meta{margin:0 0 .65rem;font-family:var(--font-mono);font-size:.72rem;color:var(--hs-verdigris)}.codex__text{margin:0 0 .75rem;font-size:.92rem;line-height:1.45;color:color-mix(in srgb,var(--hs-bone) 90%,transparent)}.codex__kw-list{margin:0 0 .75rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.codex__kw-list li{display:flex;flex-direction:column;gap:.1rem;font-size:.8rem}.codex__kw-list strong{color:var(--hs-copper);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.codex__kw-list span{color:var(--hs-steel)}.codex__crew-blurb{margin:0;font-size:.8rem;line-height:1.4;color:var(--hs-steel)}@media(max-width:900px){.codex__layout{grid-template-columns:1fr}.codex__detail{position:static;order:-1;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.codex__detail-copy{flex:1;min-width:12rem}}.preview-lobby{max-width:1180px}.preview-lobby a{color:#c8c0b4;text-decoration:none}.preview-lobby a:hover{color:#f0c194}.preview-lobby a:focus-visible{outline:2px solid #e2b47e;outline-offset:4px}.preview-lobby .lobby__header a{font-size:13px}.preview-lobby .lobby__intro{margin-top:38px}.preview-lobby .lobby__intro h1{font-size:clamp(30px,4vw,44px)}.preview-lobby__practice{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);padding:0;overflow:hidden;border-color:#638f8159;background:linear-gradient(110deg,#192825,#131b20)}.preview-lobby__practice-copy{padding:28px 32px}.preview-lobby__status{display:inline-flex;width:fit-content;color:#e6b58a;font:9px/1.5 var(--font-mono);letter-spacing:.08em;background:#10171be6;padding:6px 9px;border:1px solid #b7957555;border-radius:3px}.preview-lobby__status--open{color:#9cd7bd;border-color:#68a68c66;background:#132a24}.preview-lobby__practice h2{margin-top:18px}.preview-lobby__practice .lobby-play__facts{margin:20px 0}.preview-lobby__practice .lobby__fineprint{margin:16px 0 0;max-width:53ch}.preview-lobby__practice-art{position:relative;min-height:310px;background:#132525}.preview-lobby__practice-art>img{position:absolute;width:100%;height:100%;object-fit:cover}.preview-lobby__practice-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0c171bea,transparent 60%);pointer-events:none}.preview-lobby__future{margin-top:24px}.preview-lobby__future .lobby-player-card{padding:0;overflow:hidden}.preview-lobby__card-art{position:relative;height:160px;background:#151f23;overflow:hidden}.preview-lobby__card-art img{width:100%;height:100%;object-fit:cover;object-position:center 54%;opacity:.8}.preview-lobby__card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#131b20,transparent 80%)}.preview-lobby__card-art .preview-lobby__status{position:absolute;left:26px;bottom:8px;z-index:1}.preview-lobby__card-copy{padding:4px 26px 24px}.preview-lobby__card-copy h2{font-size:23px;margin-top:14px}.preview-lobby__card-copy .lobby__secondary{display:inline-block;font-size:12px;margin-top:4px}.preview-lobby .preview-lobby__token-note{padding-left:13px;border-left:2px solid #c38a5e;color:#ddba98;font-size:12px;margin:22px 0}.preview-lobby .lobby-player-card__future{margin-top:20px;padding-top:16px}@media(max-width:700px){.preview-lobby__practice{grid-template-columns:minmax(0,1fr)}.preview-lobby__practice-art{min-height:155px}.preview-lobby__practice-art>img{object-position:center 32%}.preview-lobby__practice-copy{padding:24px}.preview-lobby .lobby__header{align-items:flex-start;gap:12px}.preview-lobby .lobby__header-actions{gap:10px;flex-direction:column;align-items:flex-end}.preview-lobby .lobby__intro{margin-top:30px}}.preview-lobby__art-caption{position:absolute;z-index:1;inset:auto 22px 22px;display:grid;gap:8px;color:#d9d8c7;font-size:11px}.preview-lobby__art-caption span:first-child{font:9px var(--font-mono);color:#d6b68a;letter-spacing:.12em}.audio-controls{position:fixed;right:18px;bottom:18px;z-index:100}.audio-controls--match{top:9px;right:58px;bottom:auto}.audio-controls__toggle{display:flex;align-items:center;gap:8px;min-height:38px;padding:9px 12px;border:1px solid #73847f70;border-radius:7px;background:#101b20ed;color:#d6dfd7;box-shadow:0 5px 20px #0005;font-size:12px}.audio-controls--match .audio-controls__toggle{width:36px;height:36px;min-height:36px;padding:8px}.audio-controls__toggle:hover{border-color:var(--hs-copper);color:#f3bc8d}.audio-controls__panel{position:absolute;bottom:48px;right:0;width:min(300px,calc(100vw - 32px));padding:18px;border:1px solid #617872;border-radius:10px;background:#111e23fa;color:#e1e7db;box-shadow:0 18px 60px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-height:calc(100dvh - 100px);overflow:auto}.audio-controls--match .audio-controls__panel{top:45px;bottom:auto;right:-40px}.audio-controls__panel header{display:flex;align-items:center;justify-content:space-between;font-size:15px}.audio-controls__panel header button{font-size:23px;line-height:1;padding:4px 8px}.audio-controls__panel p{font-size:12px;color:#99b2ab;line-height:1.5;margin:10px 0 14px}.audio-controls__mute{width:100%;padding:10px;border:1px solid #546c65;border-radius:5px;font-size:12px;margin-bottom:14px;background:#243733}.audio-controls__panel label{display:block;margin:0 0 14px}.audio-controls__panel label>span{display:flex;justify-content:space-between;font-size:12px;gap:8px}.audio-controls__panel output{font-variant-numeric:tabular-nums;color:#e9ac7e}.audio-controls__panel input{display:block;width:100%;height:25px;margin:4px 0 0;accent-color:#eda36d;cursor:pointer}.audio-controls__panel footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3d5550;padding-top:12px;font-size:11px;color:#91ada3}.audio-controls__panel footer button{color:#e8ad80;padding:5px}.audio-controls button:focus-visible,.audio-controls input:focus-visible{outline:2px solid #eda36d;outline-offset:3px}@media(max-width:600px){.audio-controls:not(.audio-controls--match){right:12px;bottom:12px}}:root{--hs-basalt: #0b0e12;--hs-slate: #161b22;--hs-ash: #2a313c;--hs-bone: #e8e0d4;--hs-copper: #d4783a;--hs-slag: #ff6b2c;--hs-verdigris: #2ec4b6;--hs-phosphor: #7dffb3;--hs-steel: #8fa3b8;--hs-ink: #050608;--hs-danger: #e23d3d;--hs-cindercoil: #ff7a33;--hs-mossvault: #6fd858;--hs-mirrorcut: #c48cff;--hs-ironlane: #4f9bff;--hs-deepcurrent: #21d6c6;--hs-bonegarden: #f2547e;--hs-neutral: #c3ccd8;--font-display: "Syne", sans-serif;--font-body: "Figtree", sans-serif;--font-mono: "IBM Plex Mono", monospace;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--card-w: clamp(84px, calc((100vw - 300px) / 8.2), 152px);--card-h: calc(var(--card-w) * 1.436);--card-compact-w: calc(var(--card-w) * .75);--card-compact-h: calc(var(--card-compact-w) * 1.417);--fs-1: .68rem;--fs-2: .78rem;--fs-3: .92rem;--fs-4: 1.15rem;--fs-5: 1.5rem}@media(max-width:900px){:root{--card-w: clamp(66px, calc((100vw - 40px) / 8.2), 110px)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--hs-bone);background:var(--hs-basalt);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}@keyframes drop-in{0%{opacity:0;transform:translateY(-18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shell-flash{0%{filter:brightness(1);box-shadow:none}40%{filter:brightness(2.2);box-shadow:0 0 24px #e8e0d4b3}to{filter:brightness(1);box-shadow:none}}@keyframes yard-shuffle{0%{transform:translate(0);opacity:1}45%{transform:translate(12px);opacity:.35}to{transform:translate(0);opacity:1}}.anim-drop{animation:drop-in .35s cubic-bezier(.2,.8,.2,1) both}.anim-shell{animation:shell-flash .45s ease-out}.anim-yard{animation:yard-shuffle .4s ease}.btn-juicy{transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,filter .15s ease}.btn-juicy:not(:disabled):hover{transform:scale(1.06);filter:brightness(1.08)}.btn-juicy:not(:disabled):active{transform:scale(.95);transition-duration:.08s}.btn-juicy:focus-visible{outline:2px solid var(--hs-copper);outline-offset:3px}@keyframes yard-cascade-out{0%{transform:translateY(0) rotateY(0);opacity:1}to{transform:translateY(-24px) rotateY(90deg);opacity:0}}@keyframes yard-cascade-in{0%{transform:translateY(20px) rotateY(-90deg);opacity:0}to{transform:translateY(0) rotateY(0);opacity:1}}.anim-yard-cascade-out{animation:yard-cascade-out .28s ease forwards}.anim-yard-cascade-in{animation:yard-cascade-in .32s cubic-bezier(.2,.8,.2,1) both}@keyframes card-idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.anim-card-float{animation:card-idle-float 3s ease-in-out infinite}@keyframes dust-ring{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.4);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}