:root{--bg:#0c0907;--wood:#1a130d;--panel:#1e1610db;--panel-solid:#221911;--panel2:#2c2118;--line:#4a3a2a;--gold:#e8c37a;--gold-2:#ffe1a6;--gold-dim:#b9925085;--ink:#f3ead9;--muted:#b7a890;--accent:#ff7a3d;--good:#6bd08a;--bad:#ff5a6a;--chaos:#d98cff;--neutral:#c9bca6;--c-attack:#ff5a5f;--c-defence:#56a0e6;--c-engine:#f5a623;--c-control:#b06ed6;--c-buff-nerf:#f1c84a;--c-information:#2bd0b4;--c-gamble:#ff79c8;--c-resource:#57d985;--c-when-drawn:#a6b0bc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--line);background:linear-gradient(#38291c,#271d14);border-radius:11px;padding:9px 15px;transition:transform .1s,border-color .15s,box-shadow .15s,filter .15s}button:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px);box-shadow:0 6px 20px #00000073}button:active:not(:disabled){transform:translateY(0)scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{font-family:var(--font-display);letter-spacing:.01em;color:#3a2408;background:linear-gradient(#ffd98a,#eca12a);border:none;border-radius:13px;padding:11px 18px 13px;position:relative;box-shadow:inset 0 2px #ffffff80,inset 0 -3px #c47b14,0 4px #8f560a,0 9px 16px #0006}button.primary:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80,#0000);border-radius:10px 10px 50% 50%;height:42%;position:absolute;inset:3px 5px auto}button.primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 2px #ffffff80,inset 0 -3px #c47b14,0 4px #8f560a,0 11px 20px #00000073}button.primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #fff6,inset 0 -2px #c47b14,0 1px #8f560a,0 3px 7px #0006}button.ghost{box-shadow:inset 0 0 0 1px var(--line), 0 3px 8px #0000004d;background:#ffffff0d}select{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.app-shell{flex-direction:column;height:100dvh;display:flex}.tip{cursor:help}.tooltip-portal{z-index:1000;width:max-content;max-width:280px;color:var(--ink);border:1px solid var(--gold-dim);text-align:left;pointer-events:none;background:#120d08;border-radius:9px;padding:8px 11px;font-size:12.5px;font-weight:500;line-height:1.4;animation:.12s fadeIn;position:fixed;box-shadow:0 14px 34px #0009}.start-screen{background:radial-gradient(1100px 700px at 22% 36%, #ffa0461f, transparent 60%), linear-gradient(120deg, #080604ed 26%, #08060480 100%), url(/assets/ui/table.png) center/cover no-repeat, var(--wood);flex:1;grid-template-columns:1.2fr .85fr;align-items:center;gap:24px;min-height:100%;padding:6vh 5vw;display:grid;position:relative;overflow:hidden}.landing-hero{z-index:5;max-width:640px;position:relative}.brand-lockup{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.brand-lockup svg{width:18px;height:18px}.eyebrow{color:var(--good);letter-spacing:.24em;text-transform:uppercase;margin:22px 0 2px;font-size:12px}.landing-hero h1{font-family:var(--font-display);letter-spacing:.01em;color:var(--gold-2);-webkit-text-stroke:3px #3a2408;paint-order:stroke fill;text-shadow:0 4px #00000059,0 14px 44px #ffaa5038;margin:0 0 16px;font-size:clamp(54px,7.6vw,98px);line-height:.9}.lede{color:var(--muted);max-width:30em;font-size:17px;line-height:1.55}.stat-chips{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.stat-chips span{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;display:inline-flex}.stat-chips svg{width:15px;height:15px;color:var(--gold)}.setup-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.setup-panel label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:6px;font-size:11px;display:flex}.setup-panel .primary{padding:12px 22px;font-size:15px}.showcase{z-index:1;pointer-events:none;justify-content:flex-end;align-items:center;width:min(64vw,1080px);height:100%;padding-right:clamp(10px,3vw,64px);display:flex;position:absolute;top:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.showcase-fan{align-items:flex-end;display:flex}.showcase-fan .game-card{pointer-events:auto;transform-origin:bottom;width:152px;margin-left:-46px;animation:6s ease-in-out infinite floatCard}.showcase-fan .game-card:nth-child(2n){animation-duration:7.2s}.showcase-fan .game-card:hover{z-index:50!important;transform:translateY(-30px)scale(1.08)rotate(0)!important}.board{background:radial-gradient(1200px 760px at 50% 30%, #78461e38, transparent 62%), linear-gradient(180deg, #060403d1, #060403b3), url(/assets/ui/table.png) center/cover no-repeat, var(--wood);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.board:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 220px 40px #000000b3}.ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ember,.steam{filter:blur(1px);border-radius:50%;position:absolute}.ember{background:radial-gradient(circle,#ffb45ae6,#0000 70%);width:4px;height:4px;animation:linear infinite emberRise}.steam{background:radial-gradient(circle,#fff0dc0d,#0000 70%);width:120px;height:120px;animation:ease-in-out infinite steamDrift}.topbar,.table-layout,.handbar{z-index:2;position:relative}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0705a8;align-items:center;gap:16px;padding:12px 20px;display:flex}.topbar .brand{font-family:var(--font-display);letter-spacing:.01em;color:var(--gold-2);align-items:center;gap:9px;font-size:20px;font-weight:400;display:inline-flex}.topbar .brand svg{width:21px;height:21px}.stat-pills{gap:8px;margin-left:auto;display:flex}.stat-pills .tip{border:1px solid var(--gold-dim);color:var(--muted);cursor:help;background:linear-gradient(#2c2118,#18110b);border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:13px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.stat-pills .tip>svg{color:var(--gold)}.stat-pills b{font-family:var(--font-display);color:var(--gold-2);font-variant-numeric:tabular-nums;font-weight:400}.icon-button{width:40px;height:40px;color:var(--muted);background:linear-gradient(#4a3a2a,#241a11);border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #160d06,0 3px 8px #0006}.icon-button:hover:not(:disabled){color:var(--gold-2);filter:brightness(1.1);transform:translateY(-1px)}.icon-button svg{width:18px;height:18px}.table-layout{flex:1;grid-template-columns:minmax(0,1fr) 312px;gap:16px;min-height:0;padding:16px;display:grid}.table-main{flex-direction:column;gap:14px;min-width:0;display:flex;overflow:hidden}.zones{flex:1;grid-template-columns:repeat(auto-fit,minmax(198px,1fr));align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.zone{border:1px solid var(--gold-dim);background:linear-gradient(#36291df2,#160f0af5);border-radius:18px;padding:15px 16px;transition:border-color .18s,box-shadow .18s,transform .14s;animation:.4s both zoneIn;position:relative;box-shadow:inset 0 1px #ffffff14,0 14px 30px #00000073}.zone.active{border-color:var(--gold);animation:2.4s ease-in-out infinite zonePulse}.zone.dead{opacity:.4;filter:grayscale(.75)}.zone.targetable{cursor:pointer;border-color:var(--good);box-shadow:0 0 0 1px var(--good), 0 0 30px #6bd08a4d;animation:1.1s ease-in-out infinite targetPulse}.zone.targetable:hover{transform:translateY(-4px)scale(1.01)}.zone-top{align-items:center;gap:12px;display:flex}.avatar{object-fit:cover;border:2px solid var(--gold-dim);border-radius:14px;flex:none;width:52px;height:52px;box-shadow:0 3px 10px #00000073}.zone.active .avatar{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 16px #e8c37a66}.zone-id{min-width:0}.role-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--good);font-size:10px}.zone-top h3{white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:20px;overflow:hidden}.seat-no{color:var(--muted);cursor:help;background:#00000057;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:11px}.status-badges{gap:6px;min-height:20px;margin-top:6px;display:flex}.badge{cursor:help;font-size:14px;font-style:normal;animation:.3s pop}.meter-row{align-items:center;gap:9px;margin-top:10px;display:flex}.meter-row>.tip{cursor:help;display:inline-flex}.meter-row>.tip>svg{width:16px;height:16px}.meter-row.hp>.tip>svg{color:var(--bad)}.meter-row.rats>.tip>svg{color:var(--gold)}.pips{gap:5px;display:flex}.pip{background:#ffffff14;border-radius:999px;width:30px;height:11px;box-shadow:inset 0 1px 1px #0006}.pip.hp{background:linear-gradient(#ff7c86,#df3243);animation:.28s pop;box-shadow:0 0 10px #ff5a6a80}.rat-tokens{flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;display:flex}.rat-token{border:1px solid var(--line);background:#16100b 50%/120% no-repeat;border-radius:9px;width:32px;height:32px;padding:0;animation:.34s cubic-bezier(.2,1.4,.5,1) both ratPop;position:relative;box-shadow:0 2px 6px #0006}.rat-token.pick{border-color:var(--good);cursor:pointer;box-shadow:0 0 0 1px var(--good), 0 0 12px #6bd08a80}.rat-token:disabled{opacity:1}.rat-atts{gap:1px;display:flex;position:absolute;top:-8px;right:-7px}.att-chip{filter:drop-shadow(0 1px 1px #000000d9);cursor:help;font-size:12px;font-style:normal}.rats-empty{color:var(--muted);font-size:12px;font-style:italic}.zone-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:11px;font-size:12px;display:flex}.card-pill{font-family:var(--font-display);color:var(--gold-2);border:1px solid var(--gold-dim);background:linear-gradient(#2c2118,#18110b);border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-weight:400;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.card-pill svg{color:var(--gold)}.zone-foot .out{color:var(--bad);letter-spacing:.12em;font-weight:900}.table-center{flex:none;justify-content:center;align-items:flex-start;gap:36px;padding:4px 10px 2px;display:flex}.pile-wrap{flex-direction:column;align-items:center;gap:7px;display:flex}.pile{border:1px solid var(--gold-dim);background:var(--panel-solid);border-radius:13px;place-items:center;width:84px;height:118px;display:grid;position:relative;box-shadow:0 16px 32px #00000080}.deck-pile{background:url(/assets/cards/card-back.png) 50%/cover no-repeat;animation:4.5s ease-in-out infinite deckBreathe}.deck-pile:before,.deck-pile:after{content:"";background:inherit;z-index:-1;border-radius:13px;position:absolute;inset:0}.deck-pile:before{filter:brightness(.6);transform:translate(5px,6px)}.deck-pile:after{filter:brightness(.4);transform:translate(9px,11px)}.played-slot{border:1px dashed var(--line);background:0 0;padding:0}.played-slot .game-card{cursor:help;width:84px;margin:0}.played-empty{color:var(--muted);font-size:12px;font-style:italic}.pile-rats{cursor:help;flex-wrap:wrap;place-content:center;gap:3px;width:84px;height:118px;padding:8px;display:flex}.pile-rats i{background:radial-gradient(circle at 40% 30%,#7a6044,#43331f);border-radius:4px;width:13px;height:13px;box-shadow:inset 0 1px 1px #ffffff1f}.pile-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px}.pile-count{color:var(--gold);font-size:16px;font-weight:800}.side{flex-direction:column;gap:14px;min-height:0;display:flex}.turn-card{border:1px solid var(--gold-dim);background:linear-gradient(#2c2118,#190f08);border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff0f}.turn-card .turn-label{letter-spacing:.14em;text-transform:uppercase;color:var(--good);font-size:11px}.turn-card h2{font-family:var(--font-display);color:var(--gold-2);margin:2px 0 0;font-size:23px;font-weight:400}.turn-badge{font-family:var(--font-display);color:var(--gold-2);border:1px solid var(--gold-dim);background:linear-gradient(#ffd98a38,#e8c37a1a);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;animation:2s ease-in-out infinite badgePulse;display:inline-flex}.turn-badge svg{width:14px;height:14px}.log-panel{border:1px solid var(--gold-dim);background:linear-gradient(#241a12,#150d07);border-radius:16px;flex-direction:column;flex:1;min-height:0;padding:0 14px 14px;display:flex;box-shadow:inset 0 1px #ffffff0d}.log-panel h2{font-family:var(--font-display);color:var(--gold-2);letter-spacing:.02em;border-bottom:1px solid var(--gold-dim);background:linear-gradient(#e8c37a14,#0000);margin:0 -14px 10px;padding:12px 14px 11px;font-size:17px;font-weight:400}.log-list{flex-direction:column;gap:7px;display:flex;overflow-y:auto}.log-entry{border-left:3px solid var(--line);color:var(--ink);margin:0;padding-left:9px;font-size:13px;line-height:1.38;animation:.28s both logIn}.log-good{border-color:var(--good)}.log-bad{border-color:var(--bad)}.log-chaos{border-color:var(--chaos)}.log-neutral{border-color:var(--neutral)}.banner{z-index:2;text-align:center;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);color:var(--accent);background:#ff7a3d29;padding:9px;font-weight:800;animation:.25s bannerIn;position:relative}.handbar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080604bd;padding:10px 18px 14px}.hand-head{z-index:90;pointer-events:none;align-items:center;gap:14px;margin-bottom:6px;display:flex;position:relative}.hand-head>*{pointer-events:auto}.hand-head .hand-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.hand-head h2{margin:2px 0 0;font-size:18px}.food-chip{color:var(--good);cursor:help;align-items:center;gap:6px;font-weight:800;display:inline-flex}.hand-actions{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0705d1;border-radius:13px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;padding:8px 10px;display:flex;box-shadow:0 8px 22px #00000073}.boost-toggle{color:var(--gold);align-items:center;gap:6px;font-size:13px;display:flex}.distance-row{gap:6px;display:flex}.dist{padding:7px 11px;font-size:13px}.hand-row{perspective:1400px;justify-content:center;align-items:flex-end;min-height:168px;padding:24px 2px 2px;display:flex}.game-card{aspect-ratio:1008/1536;text-align:left;width:150px;color:var(--ink);background:0 0;border:0;flex:0 0 150px;padding:0;position:relative;container-type:inline-size}button.game-card{cursor:pointer;transform-origin:bottom;transition:transform .16s cubic-bezier(.2,.7,.3,1),filter .16s}.hand-row .game-card{transform:translateY(var(--ty,0px)) rotate(var(--rot,0deg));margin-left:-30px}.hand-row .game-card:first-child{margin-left:0}.hand-row .game-card:hover,.hand-row .game-card.selected{z-index:50;transform:translateY(-46px)scale(1.14)rotate(0)!important}.hand-row .game-card.unplayable{filter:grayscale(.5)brightness(.66);cursor:default}.hand-row .game-card.unplayable:hover{filter:grayscale(.2)brightness(.85)}.cf-frame{z-index:2;pointer-events:none;filter:drop-shadow(0 10px 20px #0000008c);width:100%;height:100%;position:absolute;inset:0}.hand-row .game-card.playable:not(:hover) .cf-frame{filter:drop-shadow(0 10px 20px #0000008c)drop-shadow(0 0 7px #e8c37a99)}.hand-row .game-card:hover .cf-frame,.hand-row .game-card.selected .cf-frame,.peek-row .game-card.selected .cf-frame{filter:drop-shadow(0 22px 40px #0009)drop-shadow(0 0 12px #ffd682e6)}.cf-gloss{z-index:3;pointer-events:none;border-radius:6%;position:absolute;inset:3%;overflow:hidden}.cf-gloss .shine{background:linear-gradient(115deg,#0000 38%,#ffffff38 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}.hand-row .game-card:hover .cf-gloss .shine{animation:.7s shine}.cf-art{z-index:1;background-color:#160f09;background-position:50%;background-size:cover;border-radius:4px;width:76.4%;height:47.6%;position:absolute;top:9.2%;left:11.8%}.cf-art.fallback{background-image:radial-gradient(circle at 50% 35%,#3a2c1c,#160f09 74%),radial-gradient(#ffffff0f 1px,#0000 1px);background-size:cover,9px 9px;place-items:center;display:grid}.cf-art.fallback .gc-glyph{filter:drop-shadow(0 3px 6px #000000b3);font-size:22cqw}.cf-art.fallback .gc-ph-tag{letter-spacing:.1em;color:#ffffff8c;background:#00000073;border-radius:4px;padding:1px 4px;font-size:4cqw;position:absolute;top:6%;right:7%}.cf-cat,.cf-reactive{z-index:4;aspect-ratio:1;border-radius:50%;place-items:center;width:9%;font-size:5cqw;display:grid;position:absolute;top:11.4%;box-shadow:0 1px 4px #0009}.cf-cat{color:#1a1206;left:14.5%}.cf-reactive{color:var(--gold);border:1px solid var(--gold-dim);background:#000000ad;right:14.5%}.cf-name{z-index:4;text-align:center;color:#3a2614;white-space:nowrap;justify-content:center;align-items:center;width:68%;height:6.3%;font-size:7cqw;font-weight:800;line-height:1;display:flex;position:absolute;top:57.8%;left:16%;overflow:hidden}.cf-text{z-index:4;text-align:center;color:#4a3621;flex-direction:column;gap:2%;width:69%;height:23%;font-size:5.1cqw;line-height:1.27;display:flex;position:absolute;top:65%;left:15.5%;overflow:hidden}.cf-boost{color:#8a5a1e;margin-top:auto;font-size:4.7cqw;font-weight:700}.card-preview{z-index:400;pointer-events:none;animation:.14s previewIn;position:fixed;bottom:236px;left:50%;transform:translate(-50%)}.card-preview .game-card{width:250px}.log-card{color:var(--gold);cursor:help;text-underline-offset:2px;font-weight:700;-webkit-text-decoration:underline dotted #e8c37a80;text-decoration:underline dotted #e8c37a80}.log-card:hover{color:#ffe2a6;text-decoration-color:#ffe2a6}.card-preview-center{z-index:500;pointer-events:none;place-items:center;animation:.12s fadeIn;display:grid;position:fixed;inset:0}.card-preview-center:before{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0805038c;position:absolute;inset:0}.card-preview-center .game-card{width:312px;animation:.16s cubic-bezier(.2,1.4,.4,1) previewPop;position:relative}@keyframes previewPop{0%{opacity:0;transform:scale(.86)}}.flight-layer{pointer-events:none;z-index:500;position:fixed;inset:0}.draw-flight{border:1px solid var(--gold-dim);pointer-events:none;will-change:translate, opacity, scale;background-color:#16100b;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;width:56px;height:80px;margin:-40px 0 0 -28px;animation:.6s cubic-bezier(.35,.7,.3,1) forwards drawFly;position:fixed;box-shadow:0 10px 24px #0009}.draw-flight.is-rat{background-color:#2a1a10}@keyframes drawFly{0%{opacity:0;translate:0;rotate:-8deg;scale:.62}16%{opacity:1}82%{opacity:1;scale:.5}to{translate:var(--dx) var(--dy);opacity:0;rotate:9deg;scale:.32}}.board.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) boardShake}@keyframes boardShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px,1px)}40%,60%{transform:translate(4px,-1px)}}.fx-float{z-index:520;pointer-events:none;letter-spacing:-.02em;text-shadow:0 2px 6px #000000e6,0 0 16px;font-size:34px;font-weight:900;animation:1.1s cubic-bezier(.2,.8,.3,1) forwards fxFloat;position:fixed;transform:translate(-50%,-50%)}.fx-damage{color:#ff5a6a}.fx-out{color:var(--gold);letter-spacing:.1em;font-size:26px}@keyframes fxFloat{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}18%{opacity:1;transform:translate(-50%,-55%)scale(1.15)}to{opacity:0;transform:translate(-50%,-135%)scale(1)}}.hit-flash{z-index:510;pointer-events:none;animation:.36s forwards hitFlash;position:fixed;inset:0;box-shadow:inset 0 0 160px 30px #ff283c8c}@keyframes hitFlash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.overlay{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050302cc;place-items:center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.overlay-card{border:1px solid var(--gold-dim);text-align:center;background:linear-gradient(#2e2218,#160d06);border-radius:24px;max-width:760px;padding:28px 32px 32px;animation:.24s cubic-bezier(.2,1.3,.4,1) overlayIn;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 0 60px #e8c37a0f,0 40px 100px #000000b3}.overlay-card>.icon-button,.overlay-card .settings-head>.icon-button{z-index:2;position:absolute;top:16px;right:16px}.overlay-card h2{font-family:var(--font-display);color:var(--gold-2);margin-top:8px;font-weight:400}.react-row,.name-grid,.peek-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0;display:flex}.name-grid{grid-template-columns:repeat(2,1fr);display:grid}.peek-row .game-card{cursor:pointer;flex:0 0 150px;width:150px;transition:transform .14s}.peek-row .game-card:hover,.peek-row .game-card.selected{transform:translateY(-10px)scale(1.05)}.peek-row .game-card:hover .cf-frame{filter:drop-shadow(0 22px 40px #0009)drop-shadow(0 0 12px #ffd682e6)}.winner-burst{font-size:56px;animation:.5s cubic-bezier(.2,1.5,.4,1) pop}@keyframes shine{to{transform:translate(130%)}}@keyframes tipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes overlayIn{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes previewIn{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.96)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes ratPop{0%{opacity:0;transform:scale(0)translateY(-8px)}}@keyframes logIn{0%{opacity:0;transform:translate(-8px)}}@keyframes bannerIn{0%{opacity:0;transform:translateY(-6px)}}@keyframes zoneIn{0%{opacity:0;transform:translateY(10px)}}@keyframes zonePulse{0%,to{box-shadow:0 0 0 1px var(--gold), 0 0 22px #e8c37a2e}50%{box-shadow:0 0 0 1px var(--gold), 0 0 40px #e8c37a6b}}@keyframes targetPulse{0%,to{box-shadow:0 0 0 1px var(--good), 0 0 22px #6bd08a4d}50%{box-shadow:0 0 0 1px var(--good), 0 0 38px #6bd08a8c}}@keyframes badgePulse{0%,to{box-shadow:0 0 #e8c37a00}50%{box-shadow:0 0 0 4px #e8c37a24}}@keyframes floatCard{0%,to{translate:0}50%{translate:0 -12px}}@keyframes deckBreathe{0%,to{box-shadow:0 16px 32px #00000080}50%{box-shadow:0 16px 40px #e8c37a40}}@keyframes emberRise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.9}90%{opacity:.6}to{opacity:0;transform:translateY(-90vh)scale(.4)}}@keyframes steamDrift{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.8;transform:translate(30px,-40px)}}.name-input,.code-input{background:var(--panel2);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:10px;padding:9px 12px}.lobby-screen{background:radial-gradient(1000px 640px at 50% 30%, #78461e38, transparent 62%), linear-gradient(180deg, #080604db, #080604b8), url(/assets/ui/table.png) center/cover no-repeat, var(--wood);flex:1;place-items:center;min-height:100vh;padding:24px;display:grid}.lobby-panel{border:1px solid var(--gold-dim);background:linear-gradient(#2c2118,#190f08);border-radius:20px;width:min(520px,94vw);padding:26px;box-shadow:0 34px 90px #0009}.lobby-panel.wide{width:min(640px,94vw)}.lobby-panel.center{text-align:center;justify-items:center;gap:12px;display:grid}.lobby-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.lobby-head h2{color:var(--gold);margin:0}.lobby-head .ghost{align-items:center;gap:5px;font-size:13px;display:inline-flex}.muted{color:var(--muted)}.err{color:var(--bad);background:#ff5a6a1a;border:1px solid #ff5a6a66;border-radius:8px;margin:10px 0;padding:7px 10px;font-size:13px}.join-row{gap:8px;display:flex}.join-row .code-input{letter-spacing:.3em;text-transform:uppercase;flex:1;font-weight:700}.join-row button{align-items:center;gap:5px;display:inline-flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px;display:grid}.form-grid label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:12px;display:flex}.form-grid select{font-size:16px}.primary.big,.big{justify-content:center;align-items:center;gap:7px;width:100%;margin-top:14px;padding:13px;font-size:15px;display:inline-flex}.lobby-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.list-head{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.list-head span{align-items:center;gap:6px;display:inline-flex}.lobby-list .empty{text-align:center;padding:22px;font-style:italic}.lobby-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.lobby-card-info{flex-direction:column;display:flex}.lobby-card .code{color:var(--gold);letter-spacing:.12em;font-size:18px}.lobby-card .seats{margin-left:auto;font-size:13px}.lobby-card .primary{padding:7px 16px}.code-banner{border:1px solid var(--gold-dim);background:#e8c37a1a;border-radius:14px;flex-direction:column;align-items:center;gap:2px;margin-bottom:12px;padding:16px;display:flex}.code-banner .code.big{color:var(--gold);letter-spacing:.18em;font-size:46px;font-weight:900;line-height:1.05}.code-banner .muted{text-transform:uppercase;letter-spacing:.1em;font-size:12px}.seat-list{flex-direction:column;gap:7px;margin:12px 0;display:flex}.seat{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.seat b{font-size:16px}.seat.open{opacity:.55;border-style:dashed}.seat-avatar{object-fit:cover;border:1px solid var(--line);border-radius:10px;flex:none;width:40px;height:40px}.seat-avatar.open-plus{color:var(--muted);background:#ffffff08;border-style:dashed;place-items:center;font-size:22px;display:grid}.seat .seat-tags{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.seat .host-icon{color:var(--gold)}.you-tag{background:var(--accent);color:#2a1606;border-radius:5px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800}.waiting{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=900px){.start-screen{grid-template-columns:1fr}.showcase{display:none}.table-layout{grid-template-columns:1fr;overflow-y:auto}.table-main{overflow:visible}.zones{flex:none;overflow:visible}.side{flex-direction:row}.log-list{max-height:110px}}@media (width<=640px){.topbar{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));gap:7px}.topbar .brand{gap:6px;font-size:15px}.topbar .brand svg{width:19px;height:19px}.brand-text{display:none}.stat-pills{gap:5px}.stat-pills .tip{gap:3px;padding:6px 9px;font-size:12px}.pill-label{display:none}.icon-button{width:44px;height:44px}button,.game-card,.log-card{touch-action:manipulation}.table-layout{gap:10px;padding:10px}.table-main{gap:10px}.zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}.zone{border-radius:12px;padding:8px 9px}.zone-top{gap:7px}.avatar{border-radius:8px;width:26px;height:26px;font-size:15px}.role-tag{display:none}.zone-top h3{font-size:14px}.seat-no{padding:1px 5px;font-size:10px}.status-badges{gap:4px;min-height:0;margin-top:3px}.status-badges:empty{display:none}.meter-row{gap:6px;margin-top:6px}.meter-row>.tip>svg{width:13px;height:13px}.pips{gap:3px}.pip{width:16px;height:8px}.rat-tokens{gap:4px}.zone-foot{margin-top:6px;font-size:11px}.hand-row{scroll-snap-type:x proximity;perspective:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:8px;min-height:0;padding:14px 12px 4px;overflow-x:auto}.hand-row .game-card{scroll-snap-align:center;flex:0 0 100px;width:100px!important;margin-left:0!important;transform:none!important}.hand-row .game-card.selected{transform:scale(1.06)!important}.handbar{padding:8px 10px max(14px, env(safe-area-inset-bottom))}.hand-head{flex-wrap:wrap;gap:8px;margin-bottom:4px}.hand-head h2{font-size:15px}.hand-actions{flex-wrap:wrap;justify-content:center;width:100%;margin-left:0;padding:8px}.hand-actions .primary{padding:12px 18px;font-size:15px}.dist{padding:11px 13px;font-size:14px}.boost-toggle{font-size:14px}.side{gap:8px}.turn-card{padding:8px 12px}.turn-card h2{font-size:16px}.log-panel{padding:8px 10px}.log-panel h2{margin-bottom:4px;font-size:12px}.log-list{max-height:76px}.log-entry{font-size:12px}.card-preview-center{pointer-events:auto;cursor:pointer}.board,.topbar,.handbar,.zone{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.settings-fab{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:600;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--ink);background:#0a0705b3;border-radius:12px;place-items:center;padding:0;display:grid;position:fixed}.settings-fab svg{width:20px;height:20px}.settings-fab:hover{border-color:var(--gold);color:var(--gold)}.settings-card{text-align:left;width:min(420px,92vw)}.settings-head{border-bottom:1px solid var(--gold-dim);justify-content:center;align-items:center;margin-bottom:16px;padding-bottom:13px;display:flex;position:relative}.settings-head h2{color:var(--gold-2);margin:0;font-size:23px}.setting-row{border-top:1px solid #ffffff12;align-items:center;gap:12px;padding:14px 2px;display:flex}.mute-btn{border-radius:10px;flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid}.mute-btn svg{width:18px;height:18px}.setting-main{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.setting-main>span{color:var(--muted);letter-spacing:.04em;font-size:13px}.setting-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--gold);flex:0 0 40px;font-size:13px;font-weight:800}.settings-card .primary{width:100%;margin-top:16px}.setting-main input[type=range]{appearance:none;background:linear-gradient(90deg, var(--gold) var(--fill,50%), #ffffff21 var(--fill,50%));cursor:pointer;border-radius:999px;outline:none;width:100%;height:7px}.setting-main input[type=range]:disabled{opacity:.4;cursor:default}.setting-main input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 40% 35%, #fff, var(--gold));cursor:pointer;border:1px solid #8a5a1e;border-radius:50%;width:19px;height:19px;box-shadow:0 2px 6px #0000008c}.setting-main input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 40% 35%, #fff, var(--gold));cursor:pointer;border:1px solid #8a5a1e;border-radius:50%;width:19px;height:19px}.menu-links{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.menu-links .ghost{font-weight:700}.help-card{text-align:left;flex-direction:column;width:min(560px,94vw);max-height:88vh;display:flex}.help-body{margin:2px -4px 6px;padding:0 4px;overflow-y:auto}.help-body section{border-top:1px solid #ffffff0f;padding:10px 0}.help-body section:first-child{border-top:0}.help-body h3{color:var(--gold);margin:0 0 4px;font-size:15px}.help-body p{color:var(--ink);margin:0;font-size:14px;line-height:1.5}.help-body b{color:var(--gold-2)}.help-tip{font-style:italic;color:var(--muted)!important;margin-top:12px!important;font-size:13px!important}.library-overlay{align-items:stretch;padding:0}.library-screen{border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(#1c140d,#120c07);flex-direction:column;width:min(1100px,100%);display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.library-head{padding:max(15px, env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid var(--gold-dim);background:linear-gradient(#e8c37a14,#0000);justify-content:space-between;align-items:center;display:flex}.library-head h2{color:var(--gold-2);align-items:center;gap:10px;margin:0;font-size:22px;display:flex}.library-head h2 svg{width:22px;height:22px;color:var(--gold)}.lib-count{color:var(--muted);font-size:13px;font-weight:500}.library-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}.chip{white-space:nowrap;border-radius:999px;flex:none;padding:7px 13px;font-size:13px}.chip.on{color:#2a1606;background:linear-gradient(#ffc65f,#ef8420);border-color:#ffd98a;font-weight:800}.library-body{-webkit-overflow-scrolling:touch;min-height:0;padding:4px 18px max(24px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.lib-cat{margin-top:18px}.lib-cat h3{letter-spacing:.05em;color:var(--ink);text-transform:uppercase;margin:0 0 12px;font-size:14px}.lib-cat h3 span{color:var(--muted);margin-left:4px;font-size:12px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:center;gap:16px;display:grid}.lib-grid .game-card{width:100%;max-width:178px}@media (width<=640px){.lib-grid{grid-template-columns:repeat(2,1fr);gap:12px}.library-head,.library-filters,.library-body{padding-left:12px;padding-right:12px}}.account-card{text-align:left;width:min(420px,94vw)}.account-blurb{margin:0 0 14px;font-size:13px}.account-field{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:7px;margin-bottom:12px;font-size:12px;display:flex}.account-field input{background:var(--panel2);color:var(--ink);border:1px solid var(--line);text-transform:none;letter-spacing:0;border-radius:10px;padding:11px 13px;font-size:15px}.account-name-row{gap:8px;display:flex}.account-name-row input{flex:1;min-width:0}.account-card .primary{width:100%;padding:12px}.account-card .ghost{width:100%;margin-top:12px}.account-name-row .primary{width:auto;padding:0 16px}.account-err{color:var(--bad);margin:-4px 0 12px;font-size:13px}.account-ok{color:var(--good);margin:-4px 0 12px;font-size:13px}.account-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 14px;display:grid}.account-stats>div{border:1px solid var(--line);text-align:center;background:#00000047;border-radius:12px;padding:12px 6px}.account-stats b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:22px;display:block}.account-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.account-sent{text-align:center;padding:10px 0 4px}.account-sent-big{margin:0 0 8px;font-size:18px;font-weight:800}.lb-msg{text-align:center;padding:44px 0}.lb-list{margin:6px 0 0;padding:0;list-style:none}.lb-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 12px;display:flex}.lb-row.me{border:1px solid var(--gold-dim);background:#e8c37a1f;border-radius:10px}.lb-pos{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);flex:0 0 40px;justify-content:center;align-items:center;font-weight:800;display:flex}.lb-row.top1 .lb-pos{color:#ffd54a}.lb-row.top2 .lb-pos{color:#cdd6e0}.lb-row.top3 .lb-pos{color:#d8945a}.rank-badge{letter-spacing:.03em;white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:800}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.lb-mmr{font-variant-numeric:tabular-nums;color:var(--gold);flex:none;font-weight:800}.lb-wl{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 70px;font-size:12px}@media (width<=640px){.lb-wl{display:none}.lb-name{font-size:14px}}.mode-choice{grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;display:grid}.mode-card{text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;padding:20px;display:flex}.mode-card b{font-size:19px}.mode-card .muted{font-size:13px;font-weight:500;line-height:1.45}.mode-card svg{color:var(--gold)}.mode-card.ranked{border-color:var(--gold-dim);background:linear-gradient(#e8c37a29,#38291c99)}.mode-card.ranked svg{color:var(--gold-2)}.queue-panel{gap:12px}.queue-pulse{width:76px;height:76px;color:var(--gold-2);background:radial-gradient(circle,#e8c37a40,#0000 70%);border-radius:50%;place-items:center;animation:1.6s ease-in-out infinite queuePulse;display:grid}@keyframes queuePulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.queue-timer{font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-size:32px;font-weight:800}@media (width<=640px){.mode-choice{grid-template-columns:1fr}}.account-rank{align-items:center;gap:10px;margin:4px 0 12px;display:flex}.account-rank .rank-badge.unranked{color:var(--muted);border-color:var(--line)}.ranked-result{z-index:1;border:1px solid var(--gold-dim);background:linear-gradient(#2a1f14,#160d06);border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:100%;margin:4px 0 6px;padding:14px 22px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.rr-place{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.rr-rank{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.rr-change{font-size:12px;font-weight:800}.rr-change.up{color:var(--good)}.rr-change.down{color:var(--bad)}.rr-mmr{font-variant-numeric:tabular-nums;color:var(--ink);font-size:20px}.rr-mmr b{font-size:24px}.rr-mmr .rr-delta{font-weight:800}.rr-mmr.up .rr-delta{color:var(--good)}.rr-mmr.down .rr-delta{color:var(--bad)}.rr-note{color:var(--muted);font-size:12px}.account-badges{flex-direction:column;gap:6px;margin:4px 0 10px;display:flex}.ab-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.ab-row{flex-wrap:wrap;gap:6px;display:flex}.season-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.season-badge b{font-weight:800}.avatar-picker{align-items:center;gap:12px;margin-bottom:8px;display:flex}.avatar-current{border:1px solid var(--gold-dim);background:#e8c37a14;border-radius:14px;flex:0 0 56px;place-items:center;width:56px;height:56px;font-size:38px;line-height:1;display:grid}.avatar-grid{flex-wrap:wrap;gap:4px;display:flex}.avatar-opt{background:#ffffff0a;border:1px solid #0000;border-radius:8px;padding:4px 7px;font-size:18px;line-height:1}.avatar-opt.on{border-color:var(--gold);background:#e8c37a29}.account-matches{flex-direction:column;gap:6px;margin:4px 0 10px;display:flex}.match-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.match-row{border-left:3px solid var(--line);background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.match-row.win{border-left-color:var(--good)}.match-row.loss{border-left-color:var(--bad)}.m-result{width:36px;font-weight:800}.match-row.win .m-result{color:var(--good)}.match-row.loss .m-result{color:var(--bad)}.m-place{flex:1}.m-mode{text-transform:capitalize}.m-when{font-size:12px}.avatar-current{object-fit:cover;padding:0}.avatar-opt-img{background:#ffffff0a;border:2px solid #0000;border-radius:10px;place-items:center;width:44px;height:44px;padding:2px;display:grid;overflow:hidden}.avatar-opt-img img{object-fit:cover;border-radius:8px;width:100%;height:100%}.avatar-opt-img.on{border-color:var(--gold)}.avatar-opt-img.shop-tile{color:var(--gold)}.menu-avatar{object-fit:cover;vertical-align:-4px;border-radius:50%;width:18px;height:18px;margin-right:6px}.crumbs-line{border:1px solid var(--gold-dim);background:#e8c37a14;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin:4px 0 10px;padding:8px 12px;display:flex}.crumbs-bal{font-weight:700}.crumbs-shop{color:var(--gold);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.shop-balance{color:var(--gold-2);white-space:nowrap;margin-left:auto;margin-right:10px;font-size:18px;font-weight:800}.shop-msg{text-align:center;padding:6px 0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;padding:4px;display:grid}.shop-card{border:1px solid var(--line);background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.shop-card.selected{border-color:var(--gold);background:#e8c37a1a}.shop-art{width:84px;height:84px;position:relative}.shop-art img{object-fit:cover;border-radius:12px;width:100%;height:100%}.shop-art img.locked{filter:grayscale(.8)brightness(.55)}.shop-lock{color:#fff;opacity:.9;margin:auto;position:absolute;inset:0}.shop-name{text-align:center;font-size:13px;line-height:1.2}.shop-tag{color:var(--good);font-size:12px;font-weight:800}.shop-card.selected .shop-tag{color:var(--gold)}.shop-buy{padding:5px 12px;font-size:13px}.coins-earned{color:var(--gold-2);margin:2px 0;font-size:18px;font-weight:800}.lb-avatar{object-fit:cover;border:2px solid var(--gold-dim);border-radius:11px;flex:none;width:44px;height:44px;box-shadow:0 2px 6px #0006}.lb-row.top1 .lb-avatar,.lb-row.top2 .lb-avatar,.lb-row.top3 .lb-avatar{border-color:var(--gold)}.launch{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;flex-direction:column;gap:12px;max-width:520px;margin-top:4px;padding:16px;display:flex}.player-pick{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.player-pick select{flex:1}.launch-cta{gap:12px;display:flex}.launch-cta>.kit-btn{flex:1}.big-cta{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:16px;font-weight:800;display:inline-flex}.big-cta.locked{border:1px dashed var(--line);color:var(--muted);background:#ffffff0a;font-size:14px;font-weight:700}.big-cta.locked:hover:not(:disabled){border-color:var(--gold);color:var(--ink)}.menu-bar{flex-wrap:wrap;gap:8px;max-width:560px;margin-top:16px;display:flex}.menu-chip{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.menu-chip svg{color:var(--gold)}.menu-chip.profile{border-color:var(--gold-dim);background:#e8c37a1f;padding-left:6px}.menu-chip .chip-bal{color:var(--gold-2);font-weight:800}.menu-chip .menu-avatar{vertical-align:0;width:26px;height:26px;margin:0}@media (width<=640px){.launch,.menu-bar{max-width:none}.launch-cta{flex-direction:column}}@font-face{font-family:Lilita One;src:url(/assets/fonts/LilitaOne-Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{--font-display:"Lilita One", "Inter", system-ui, sans-serif;--tier-bronze:#cc8a44;--tier-silver:#c6cdd6;--tier-gold:#e8c37a;--tier-platinum:#58c7cf;--tier-diamond:#7aa7ff}.kit-btn{font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;color:#3a2408;background:linear-gradient(180deg, var(--btn-top,#ffd98a), var(--btn-bot,#eca12a));box-shadow:inset 0 2px 0 #ffffff80, inset 0 -3px 0 var(--btn-lip,#c47b14), 0 4px 0 var(--btn-edge,#8f560a), 0 9px 16px #0006;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 22px 15px;font-size:16px;line-height:1;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative}.kit-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80,#0000);border-radius:11px 11px 50% 50%;height:42%;position:absolute;inset:3px 5px auto}.kit-btn>*{position:relative}.kit-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.kit-btn:active:not(:disabled){box-shadow:inset 0 2px 0 #fff6, inset 0 -2px 0 var(--btn-lip,#c47b14), 0 1px 0 var(--btn-edge,#8f560a), 0 3px 7px #0006;transform:translateY(3px)}.kit-btn:disabled{filter:grayscale(.7)brightness(.62);cursor:not-allowed}.kit-btn.gold{--btn-top:#ffd98a;--btn-bot:#eca12a;--btn-lip:#c47b14;--btn-edge:#8f560a;color:#3a2408}.kit-btn.green{--btn-top:#8fe39a;--btn-bot:#3aab51;--btn-lip:#2a883c;--btn-edge:#1c5e2a;color:#0e3315}.kit-btn.red{--btn-top:#ff9089;--btn-bot:#e0463f;--btn-lip:#b32f29;--btn-edge:#7e1f1b;color:#fff}.kit-btn.dark{--btn-top:#4a3a2a;--btn-bot:#2a1f15;--btn-lip:#18110b;--btn-edge:#000;color:var(--ink)}.kit-btn.ghost{box-shadow:inset 0 0 0 1px var(--line), 0 3px 8px #0000004d;color:var(--ink);background:#ffffff0d}.kit-btn.ghost:before{opacity:.3}.kit-btn.lg{border-radius:16px;padding:16px 28px 18px;font-size:19px}.kit-btn.block{width:100%}.kit-panel{background:linear-gradient(180deg, var(--panel2), var(--panel-solid));border:1px solid var(--gold-dim);border-radius:22px;padding:22px;position:relative;box-shadow:inset 0 1px #ffffff12,0 24px 60px #0000008c}.kit-panel.glow:after{content:"";z-index:-1;opacity:.35;pointer-events:none;background:url(/assets/ui/panels/glow.webp) 50%/100% 100% no-repeat;position:absolute;inset:-40px}.kit-ribbon{min-width:240px;font-family:var(--font-display);letter-spacing:.03em;text-align:center;color:#5a3806;text-shadow:0 1px #fff6;background:url(/assets/ui/ribbons/title-ribbon.webp) 50%/100% 100% no-repeat;padding:12px 44px 22px;font-size:22px;display:inline-block}.kit-badge{font-family:var(--font-display);color:#1a130d;background:linear-gradient(180deg, color-mix(in srgb, var(--badge,var(--gold)) 70%, #fff), var(--badge,var(--gold)));border:1px solid #00000040;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 10px;font-size:13px;display:inline-grid;box-shadow:inset 0 1px #fff9,inset 0 -2px #00000040,0 2px 5px #0006}.kit-progress{border:1px solid var(--line);background:#00000073;border-radius:999px;height:16px;overflow:hidden;box-shadow:inset 0 2px 4px #0000008c}.kit-progress>.fill{background:linear-gradient(180deg, var(--gold-2), var(--gold));border-radius:999px;height:100%;transition:width .45s;box-shadow:inset 0 1px #ffffff8c}.kit-pill{font-family:var(--font-display);border:1px solid var(--gold-dim);background:linear-gradient(#2c2118,#18110b);border-radius:999px;align-items:center;gap:6px;padding:5px 13px 5px 9px;font-size:15px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.kit-pill b{color:var(--gold-2);font-variant-numeric:tabular-nums}.kit-reward{background:url(/assets/ui/frames/item-slot.webp) 50%/100% 100% no-repeat;place-items:center;width:76px;height:76px;display:grid;position:relative}.kit-reward .qty{font-family:var(--font-display);color:var(--gold-2);text-shadow:0 1px 2px #000;font-size:13px;position:absolute;bottom:2px;right:4px}.result-overlay.win:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 38%,#ffc85a38,#0000 55%);position:absolute;inset:0}.result-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(420px,92vw);animation:.4s cubic-bezier(.2,1.3,.5,1) both resultPop;display:flex}@keyframes resultPop{0%{opacity:0;transform:scale(.82)translateY(18px)}to{opacity:1;transform:none}}.result-ribbon{margin-top:-44px}.result-winner{flex-direction:column;align-items:center;gap:8px;display:flex}.result-avatar{object-fit:cover;border:3px solid var(--gold-dim);border-radius:18px;width:84px;height:84px;box-shadow:0 4px 14px #00000080}.result-overlay.win .result-avatar{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 0 28px #e8c37a80}.result-emblem{font-size:54px;line-height:1}.result-winner p{color:var(--ink);margin:0;font-size:16px}.result-rewards{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.rewards-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px}.reward-row{gap:10px;display:flex}.reward-emoji{font-size:30px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}@media (prefers-reduced-motion:reduce){.result-card{animation:none}}.settings-head h2,.library-head h2,.lobby-head h2,.lobby-panel h2,.account-card h2{font-family:var(--font-display);letter-spacing:.015em;font-weight:400}.hearts{cursor:help;align-items:center;gap:4px;display:flex}.heart{filter:drop-shadow(0 1px 2px #00000080);width:24px;height:24px;animation:.28s pop}.heart.lost{filter:grayscale()brightness(.4);opacity:.5;animation:none}.lb-medal{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);width:auto;max-width:40px;height:36px;margin:0 auto;display:block}.rr-rankup{flex-direction:column;align-items:center;gap:8px;padding:6px 0 10px;display:flex}.rr-rankup-label{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold-2);text-shadow:0 0 18px #e8c37aa6,0 2px #0006;font-size:22px;animation:.45s pop}.rr-rankup .rank-badge{padding:5px 14px;font-size:15px;box-shadow:0 0 20px #e8c37a73}.toast-layer{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;font-family:var(--font-display);color:var(--ink);border:1px solid var(--gold-dim);text-align:center;cursor:pointer;background:linear-gradient(#3a2c1e,#201610);border-radius:12px;max-width:86vw;padding:11px 18px;font-size:14px;font-weight:400;animation:.2s toastIn;box-shadow:inset 0 1px #ffffff14,0 8px 26px #0000008c}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reward-loading{place-items:center;display:grid}.spin-dot{border:3px solid #ffffff26;border-top-color:var(--gold-2);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.result-pending{justify-content:center;align-items:center;min-height:50px}.rr-loading{color:var(--muted);font-family:var(--font-display);align-items:center;gap:10px;display:inline-flex}.rr-loading:before{content:"";border:2px solid #ffffff26;border-top-color:var(--gold-2);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.boot-loader{z-index:300;background:radial-gradient(900px 600px at 50% 42%, #ffa04624, transparent 60%), linear-gradient(180deg, #0c0805eb, #080503f5), url(/assets/ui/table.png) center / cover no-repeat, var(--wood);flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}.boot-loader.fade{opacity:0}.boot-brand{font-family:var(--font-display);color:var(--gold-2);-webkit-text-stroke:2px #3a2408;paint-order:stroke fill;text-shadow:0 4px #00000059,0 14px 40px #ffaa5040;align-items:center;gap:12px;font-size:clamp(36px,6vw,58px);display:inline-flex}.boot-brand svg{width:1em;height:1em;color:var(--gold)}.boot-bar{border:1px solid var(--gold-dim);background:#00000080;border-radius:999px;width:min(360px,70vw);height:18px;overflow:hidden;box-shadow:inset 0 2px 5px #0009}.boot-fill{background:linear-gradient(180deg, var(--gold-2), var(--gold));border-radius:999px;height:100%;transition:width .12s linear;box-shadow:inset 0 1px #ffffff80}.boot-pct{font-family:var(--font-display);color:var(--muted);letter-spacing:.03em;font-size:14px}.vs-splash{background:#050302db;flex-direction:column;gap:26px}.vs-splash:before{content:"";pointer-events:none;background:radial-gradient(720px 520px at 50% 46%,#ffa0462e,#0000 60%);position:absolute;inset:0}.vs-mode{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);font-size:15px;animation:.4s both vsDrop}.vs-row{align-items:center;gap:clamp(20px,6vw,70px);display:flex}.vs-side{flex-direction:column;align-items:center;gap:10px;display:flex}.vs-side.you{animation:.45s cubic-bezier(.2,1.2,.4,1) both vsSlideL}.vs-side.field{animation:.45s cubic-bezier(.2,1.2,.4,1) both vsSlideR}.vs-side b{font-family:var(--font-display);color:var(--ink);font-size:22px}.vs-avatar{object-fit:cover;border:3px solid var(--gold);width:clamp(80px,16vw,110px);height:clamp(80px,16vw,110px);box-shadow:0 0 0 2px var(--gold), 0 0 30px #e8c37a80;border-radius:22px}.vs-tag{font-family:var(--font-display);background:var(--accent);color:#2a1606;border-radius:6px;padding:2px 9px;font-size:12px}.vs-opps{display:flex}.vs-opps img{object-fit:cover;border:2px solid var(--gold-dim);border-radius:15px;width:clamp(54px,11vw,70px);height:clamp(54px,11vw,70px);margin-left:-14px;box-shadow:0 3px 12px #0000008c}.vs-opps img:first-child{margin-left:0}.vs-mark{font-family:var(--font-display);color:var(--gold-2);-webkit-text-stroke:3px #3a2408;paint-order:stroke fill;text-shadow:0 0 30px #e8c37a99;font-size:clamp(48px,11vw,96px);animation:.5s cubic-bezier(.2,1.6,.4,1) both vsPop}.vs-sub{color:var(--muted);font-size:13px;animation:.5s both vsDrop}@keyframes vsPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes vsSlideL{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes vsSlideR{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes vsDrop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vs-side,.vs-mark,.vs-mode,.vs-sub{animation:none}}