.rank-badge{vertical-align:-3px;filter:drop-shadow(0 1px 1px #00000080);flex:none;display:inline-block}.emblem{flex:none;display:block}.calling-card{color:#fff;text-shadow:0 1px 2px #000000b3;border:1px solid color-mix(in srgb, var(--card-accent,#fff) 45%, transparent);border-radius:10px;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #00000059}.calling-card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff24 45%,#0000 60%);animation:5s ease-in-out infinite card-sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes card-sheen{60%,to{transform:translate(100%)}}.calling-card.lg{min-height:82px;padding:14px 20px 14px 14px}.calling-card.sm{gap:8px;padding:6px 12px 6px 6px}.cc-emblem{flex:none;place-items:center;display:grid}.cc-initial{border:2px solid var(--card-accent,#fff);background:#00000059;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.cc-text{flex-direction:column;gap:2px;min-width:0;display:flex}.cc-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--card-accent,#fff);font-size:10.5px}.cc-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:17px;font-weight:800;display:flex;overflow:hidden}.calling-card.lg .cc-name{font-size:22px}.calling-card.sm .cc-name{font-size:14px}.cc-sub{opacity:.9;font-size:12.5px}.rank-line{align-items:center;gap:10px;display:flex}.rank-line-text{flex:1;min-width:0}.rank-line-name{font-size:13.5px;font-weight:700}.rank-line-name span{color:var(--muted);font-size:12px;font-weight:400}.xp-track{background:#ffffff14;border-radius:999px;height:6px;margin:4px 0 3px;overflow:hidden}.xp-fill{border-radius:inherit;background:linear-gradient(90deg,#c08a1e,#ffd27a);height:100%}.rank-line-xp{color:var(--faint);font-size:11.5px}.account-progress-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.account-progress-actions button{justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:13px;display:inline-flex}.service-record .gacha-close{margin-left:auto}.ranks-tab{flex-direction:column;gap:12px;display:flex}.xp-rules{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.xp-rules li{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:4px 10px;font-size:12px}.xp-rules b{color:var(--accent-hi)}.rank-ladder{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4px 10px;max-height:340px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.rank-ladder li{opacity:.55;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:26px 1fr auto;align-items:center;column-gap:8px;padding:5px 8px;display:grid}.rank-ladder li.done{opacity:.85}.rank-ladder li.current{opacity:1;background:#f2b4411f;border:1px solid #f2b44166}.rank-ladder .rank-badge{grid-row:span 2}.rl-name{font-size:13px;font-weight:700}.rl-en{color:var(--faint);grid-column:2;font-size:11px}.rl-xp{color:var(--muted);grid-area:1/3/span 2;font-size:12px}.cards-tab h3{margin:4px 0 8px;font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.card-tile,.emblem-tile{text-align:left;border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;padding:6px;display:flex;position:relative}.card-tile.on,.emblem-tile.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card-tile.locked,.emblem-tile.locked{opacity:.5}.card-tile-art{border-radius:7px;height:46px}.card-tile-name{font-size:12.5px;font-weight:700}.card-tile-rule{color:var(--faint);font-size:11px}.tile-lock-icon,.tile-check-icon{color:#fff;filter:drop-shadow(0 1px 1px #000);position:absolute;top:10px;right:10px}.emblem-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.emblem-tile{text-align:center;align-items:center}.emblem-none{border:1px dashed var(--line-strong);width:44px;height:44px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.cards-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;display:flex}.saved-note{color:var(--success);font-size:12.5px}.b-killer{pointer-events:none;width:min(440px,100vw - 32px);animation:.35s cubic-bezier(.2,.9,.3,1.2) killer-in;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.b-killer.war{top:118px;bottom:auto}.b-killer .cc-kicker{color:#ffb4a8}@keyframes killer-in{0%{opacity:0;transform:translate(-50%,24px)scale(.96)}}.b-xp{pointer-events:none;text-shadow:0 1px 3px #000000d9;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%)}.b-xp div{color:#ffe08a;font-size:13px;font-weight:700;animation:1.8s ease-out forwards xp-pop}.b-xp div b{font-size:15px}.b-xp .rankup{color:#fff;background:linear-gradient(90deg,#785000bf,#c88c14bf);border-radius:10px;align-items:center;gap:8px;padding:6px 14px;font-size:17px;animation:3.2s ease-out forwards xp-pop;display:flex}@keyframes xp-pop{0%{opacity:0;transform:translateY(8px)scale(.9)}12%{opacity:1;transform:translateY(0)scale(1.05)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.b-feed .rank-badge,.b-score .rank-badge{margin-right:4px}.mvp-show{flex-direction:column;gap:14px;width:100%;display:flex}.mvp-podium{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;display:flex}.mvp-card{background:linear-gradient(180deg, #141c28d9, #0a0e14d9) padding-box, var(--edge-cyan) border-box;text-align:left;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:8px;width:min(250px,100vw - 64px);padding:12px 12px 34px;animation:.5s cubic-bezier(.2,.9,.3,1.15) both mvp-rise;display:flex;position:relative}.mvp-card.p1{background:linear-gradient(180deg, #282008d9, #0c0c0ad9) padding-box, var(--edge-gold) border-box;padding-bottom:58px;box-shadow:0 0 28px #ffd70033}.mvp-card.p2{padding-bottom:44px}.mvp-card.empty{opacity:.55}.mvp-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#ffd27a;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.mvp-value{font-size:13px}.mvp-value b{font-family:var(--font-num);color:var(--gold);text-shadow:0 0 12px #ffd70059;font-size:26px}.mvp-line,.mvp-none{opacity:.75;font-size:12px}.mvp-step{background:#ffffff14;border-radius:0 0 12px 12px;place-items:center;height:26px;font-weight:800;display:grid;position:absolute;bottom:0;left:0;right:0}.mvp-card.p1 .mvp-step{background:linear-gradient(#ffd23c59,#ffd23c1f);height:48px;font-size:22px}.mvp-card.p2 .mvp-step{height:36px}.mvp-table{width:100%;overflow-x:auto}.mvp-table table{border-collapse:collapse;width:100%;font-size:13px}.mvp-table th{opacity:.7;text-align:left;padding:4px 6px;font-size:11px;font-weight:600}.mvp-table td{text-align:left;white-space:nowrap;border-top:1px solid #ffffff0f;padding:4px 6px}.mvp-table tr.me td{color:#ffd27a}.mvp-name{align-items:center;gap:6px;display:flex}.mvp-tag{color:#1a1400;background:#ffd23a;border-radius:4px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:800}.mvp-more{margin-top:8px}@keyframes mvp-rise{0%{opacity:0;transform:translateY(24px)}}.vp{flex-direction:column;gap:12px;width:100%;display:flex}.vp-stage{background:linear-gradient(#05080d, #05080d) padding-box, var(--edge-gold) border-box;border:1px solid #0000;border-radius:14px;height:clamp(230px,38vh,340px);position:relative;overflow:hidden;box-shadow:0 0 34px #ffd7001f}.vp-stage canvas{display:block}.vp-still-bg{background:radial-gradient(18% 60% at 50% 30%,#ffd70038,#0000 70%),radial-gradient(14% 50% at 27% 40%,#d6e2f024,#0000 70%),radial-gradient(14% 50% at 73% 45%,#e08a4a24,#0000 70%),linear-gradient(#05080d,#0a0e14);position:absolute;inset:0}.vp-blocks{align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.vp-block{flex-direction:column;align-items:center;gap:8px;width:min(150px,26vw);display:flex}.vp-step{width:100%;font:700 34px/1 var(--font-num);color:var(--gold);background:linear-gradient(#ffd70040,#ffd7000d);border:1px solid #ffd70073;border-bottom:0;border-radius:8px 8px 0 0;place-items:center;display:grid}.vp-block.p1 .vp-step{height:110px}.vp-block.p2 .vp-step{color:#d6e2f0;background:linear-gradient(#d6e2f033,#d6e2f00a);border-color:#d6e2f066;height:76px}.vp-block.p3 .vp-step{color:#e08a4a;background:linear-gradient(#e08a4a38,#e08a4a0a);border-color:#e08a4a66;height:54px}.vp-tag{white-space:nowrap;font:600 12.5px/1.3 var(--font-display);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:0;background:#0a0e14b8;border:1px solid #ffffff2e;border-radius:6px;padding:3px 9px;transition:opacity .3s;position:absolute;top:0;left:0}.vp-tag.static{opacity:1;text-overflow:ellipsis;max-width:100%;position:static;overflow:hidden}.vp-tag span{font-family:var(--font-num);color:var(--gold);font-weight:700}.vp-tag.p1{border-color:#ffd700b3;box-shadow:0 0 14px #ffd7004d}.vp-tag.me{color:var(--gold)}.vp-corner{font:600 11px/1 var(--font-num);letter-spacing:.18em;color:#ffd70099;pointer-events:none;position:absolute}.vp-corner.tl{top:10px;left:12px}.vp-corner.br{color:#ff0844bf;bottom:10px;right:12px}.vp-skip{letter-spacing:.06em;color:#fff;cursor:pointer;align-items:center;gap:6px;display:inline-flex;position:absolute;top:8px;right:10px;font:600 12px/1 var(--font-display)!important;background:#0a0e1499!important;border:1px solid #ffffff40!important;border-radius:7px!important;padding:5px 10px!important}.vp-aar{background:linear-gradient(#0c1119cc, #0c1119cc) padding-box, var(--edge-cyan) border-box;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.vp-stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;display:grid}.vp-stats>div{background:#ffffff09;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.vp-stats span{font:600 11px/1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#93a6b6}.vp-num{font:700 28px/1 var(--font-num);font-variant-numeric:tabular-nums;color:#eaf3fb}.vp-num.gold{color:var(--gold);text-shadow:0 0 14px #ffd70073,0 1px #0009}.vp-xp{align-items:center;gap:10px;display:flex}.vp-xp-bar{flex:1;min-width:0}.vp-xp-head{font:600 12.5px/1.2 var(--font-display);justify-content:space-between;gap:8px;margin-bottom:5px;display:flex}.vp-xp-head .vp-num{color:var(--cyan);font-size:15px}.vp-xp-track{background:#ffffff14;border-radius:999px;height:10px;position:relative;overflow:visible}.vp-xp-track i{background:linear-gradient(90deg, var(--cyan-2), var(--cyan));border-radius:999px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #00f2fe8c}.vp-xp-track em{background:radial-gradient(circle,#fff 0 25%,#00f2feb3 40%,#0000 70%);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%}.vp-guest{color:#93a6b6;margin:0;font-size:12.5px}.vp-medals{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.vp-medal{--tone:var(--gold);text-align:center;opacity:0;flex-direction:column;align-items:center;gap:3px;width:116px;transition:opacity .3s,transform .45s cubic-bezier(.2,1.6,.4,1);display:flex;transform:scale(.6)}.vp-medal.cyan{--tone:var(--cyan)}.vp-medal.crimson{--tone:var(--crimson)}.vp-medal.on{opacity:1;transform:none}.vp-medal-disc{width:54px;height:54px;color:var(--tone);border:2px solid var(--tone);box-shadow:0 0 18px color-mix(in srgb, var(--tone) 50%, transparent), inset 0 0 12px color-mix(in srgb, var(--tone) 30%, transparent);background:radial-gradient(circle at 35% 30%,#ffffff2e,#0a0e14e6 70%);border-radius:50%;place-items:center;display:grid;position:relative}.vp-medal strong{font:700 12.5px/1.2 var(--font-display);color:var(--tone)}.vp-medal small{color:#b7c6d3;font-size:11px}.vp-burst{pointer-events:none;position:absolute;top:50%;left:50%}.vp-burst i{background:var(--tone);width:5px;height:5px;box-shadow:0 0 8px var(--tone);border-radius:50%;margin:-2.5px;animation:.9s cubic-bezier(.1,.7,.3,1) both vp-spark;position:absolute}.vp-burst i:nth-child(3n){background:#fff}@keyframes vp-spark{0%{transform:rotate(var(--a)) translateX(0) scale(1.4);opacity:1}to{transform:rotate(var(--a)) translateX(var(--d)) scale(.2);opacity:0}}@media (prefers-reduced-motion:reduce){.vp-burst{display:none}}.gacha-screen{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(80% 60% at 50% 0,#00f2fe1f,#0000 70%),radial-gradient(60% 50% at 50% 100%,#ffd7000f,#0000 70%),#05080cc7;place-items:center;padding:16px;animation:.2s ease-out gacha-fade;display:grid;position:fixed;inset:0}@keyframes gacha-fade{0%{opacity:0}}.gacha-shell{background:linear-gradient(var(--glass-strong), var(--glass-strong)) padding-box, var(--edge-cyan) border-box;width:min(880px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow), var(--glow-cyan);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #0000;border-radius:18px;flex-direction:column;gap:16px;padding:18px 20px 20px;display:flex;position:relative;overflow:auto}.gacha-empty{color:var(--muted);margin:0}.gacha-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gacha-top h2{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#f1f7ff;text-shadow:0 0 18px #00f2fe4d;margin:0;font-size:22px;font-weight:700}.gacha-tabs{border:1px solid var(--line);background:#0000004d;border-radius:999px;gap:4px;padding:3px;display:flex}.gacha-tabs button{color:var(--muted);font-size:13px;font-family:var(--font-display);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-weight:600}.gacha-tabs button.active{color:var(--cyan);background:#00f2fe24;box-shadow:inset 0 0 0 1px #00f2fe59}.coin-pill{font:700 16px/1 var(--font-num);color:var(--gold);background:#ffd7001a;border:1px solid #ffd70066;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;display:inline-flex}.gacha-close{padding:6px}.gacha-error{text-align:center}.gacha-hint{text-align:center;color:var(--muted);margin:0;font-size:13px}.skin-swatch{--gun:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'><path d='M2 14 L22 11 L22 10 L78 10 L78 13 L118 13 L118 17 L78 17 L78 22 L61 22 L63 36 L52 36 L49 22 L38 22 L35 34 L27 34 L30 24 L22 25 L4 31 Z M40 4 H62 V9 H40 Z'/></svg>");aspect-ratio:3;width:96px;-webkit-mask:var(--gun) center / contain no-repeat;-webkit-mask:var(--gun) center / contain no-repeat;mask:var(--gun) center / contain no-repeat;flex:none}.skin-swatch.sm{width:42px}.skin-swatch.lg{width:180px}.skin-swatch.bare{aspect-ratio:1;border-radius:6px;-webkit-mask:none;mask:none}.skin-swatch.empty,.skin-swatch.default-look{background:linear-gradient(160deg,#ffffff24,#0000 40%),#2b2d30}.skin-swatch.gold,.skin-swatch.chrome{animation:3.2s ease-in-out infinite swatch-shine;background-size:220% 100%!important}@keyframes swatch-shine{0%,to{background-position:0%}50%{background-position:100%}}.skin-swatch.neon{filter:drop-shadow(0 0 6px var(--neon)) drop-shadow(0 0 2px var(--neon));animation:1.8s ease-in-out infinite swatch-neon}@keyframes swatch-neon{50%{filter:drop-shadow(0 0 12px var(--neon)) drop-shadow(0 0 4px var(--neon)) brightness(1.25)}}.gacha-banner{background:radial-gradient(60% 90% at 20%,#f5b82e40,#0000 70%),linear-gradient(120deg,#1d1030,#0b1a2a 60%,#0d2530);border:1px solid #f5b82e4d;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;padding:18px;display:grid;position:relative;overflow:hidden}.banner-art{min-height:150px;position:relative}.banner-gun{left:calc(4% + var(--i) * 6%);top:calc(8% + var(--i) * 22%);transform:rotate(calc(-14deg + var(--i) * 6deg));animation:4s ease-in-out infinite banner-float;animation-delay:calc(var(--i) * -1s);position:absolute}@keyframes banner-float{50%{translate:0 -6px}}.banner-text .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-hi);font-size:11.5px}.banner-text h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--gold);text-shadow:0 0 18px #ffd70059;margin:4px 0 6px;font-size:24px;font-weight:700}.banner-text p{color:var(--muted);margin:0 0 10px;font-size:13.5px}.rates{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.rates li{border:1px solid color-mix(in srgb, var(--rarity) 45%, transparent);background:#00000047;border-radius:8px;align-items:center;gap:7px;padding:5px 9px;font-size:13px;display:flex}.rates li b{color:var(--rarity);margin-left:auto}.rates .dot{background:var(--rarity);width:9px;height:9px;box-shadow:0 0 8px var(--rarity);border-radius:50%}.pity{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pity-label{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:12.5px;display:flex}.pity-label span:first-child{color:var(--rarity);font-weight:600}.pity-track{background:#ffffff12;border-radius:99px;height:7px;overflow:hidden}.pity-fill{border-radius:inherit;background:var(--rarity);height:100%;box-shadow:0 0 10px var(--rarity);transition:width .4s}.roll-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.roll-buttons button{padding:14px 18px;font-size:15px}.roll-buttons .cost{background:#00000038;border-radius:99px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:12.5px;display:inline-flex}.reveal{z-index:60;background:radial-gradient(#141e32e6,#020509f7);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:16px;animation:.25s ease-out gacha-fade;display:flex;position:fixed;inset:0;overflow:auto}.reveal.best-epic{background:radial-gradient(#5a288c8c,#020509f7 70%)}.reveal.best-legendary.lit{background:radial-gradient(#a06e1480,#020509f7 70%)}.reveal.charging:before{content:"";pointer-events:none;background:radial-gradient(circle,#00f2fe38,#0000 45%);animation:.42s ease-in infinite charge-beat;position:absolute;inset:0}.reveal.charging.best-epic:before{background:radial-gradient(circle,#a855f747,#0000 45%);animation-duration:.34s}.reveal.charging.best-legendary:before{background:radial-gradient(circle,#ffd7004d,#0000 45%);animation-duration:.26s}@keyframes charge-beat{0%{opacity:.2;scale:.85}15%{opacity:1;scale:1.06}to{opacity:.2;scale:.9}}.legend-burst{pointer-events:none;background:repeating-conic-gradient(from 0deg, #ffd66e29 0 6deg, transparent 6deg 18deg);animation:14s linear infinite burst-spin,.9s ease-out burst-in;position:absolute;inset:-50%;-webkit-mask:radial-gradient(circle,#000 0 20%,#0000 55%);mask:radial-gradient(circle,#000 0 20%,#0000 55%)}@keyframes burst-spin{to{rotate:360deg}}@keyframes burst-in{0%{opacity:0;scale:.3}}.reveal-cards{grid-template-columns:repeat(5,132px);gap:12px;display:grid;position:relative}.reveal-cards.n1{grid-template-columns:200px}.flip-card{aspect-ratio:2/3;perspective:900px}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1.1);position:relative}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;inset:0;overflow:hidden}.flip-back{border:1px solid var(--line-strong);background:repeating-linear-gradient(45deg,#ffffff0a 0 6px,#0000 6px 12px),linear-gradient(160deg,#1b2a3a,#0c141d)}.flip-back span{font-family:var(--font-story);color:#ffeccd59;font-size:44px}.flip-front{text-align:center;background:radial-gradient(ellipse 90% 60% at 50% 35%, color-mix(in srgb, var(--rarity) 35%, transparent), transparent 75%), linear-gradient(180deg, #121c27, #0a1118);border:2px solid var(--rarity);box-shadow:0 0 22px color-mix(in srgb, var(--rarity) 55%, transparent);transform:rotateY(180deg)}.flip-card.flipped.epic .flip-front,.flip-card.flipped.legendary .flip-front{animation:1.6s ease-in-out .6s infinite card-pulse}@keyframes card-pulse{50%{box-shadow:0 0 38px color-mix(in srgb, var(--rarity) 85%, transparent)}}.flip-card.flipped.legendary{animation:.7s ease-out .35s both legend-pop}@keyframes legend-pop{40%{scale:1.12}}.card-rays{background:repeating-conic-gradient(#ffdc7840 0 8deg, transparent 8deg 22deg);pointer-events:none;animation:8s linear infinite burst-spin;position:absolute;inset:-40%}.flip-front .skin-swatch{width:90%;position:relative}.card-name{font-size:13.5px;font-weight:700;line-height:1.2;position:relative}.card-meta{color:var(--muted);flex-direction:column;gap:2px;font-size:11.5px;display:flex;position:relative}.card-rarity{color:var(--rarity);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.card-new,.card-dupe{border-radius:99px;padding:1px 7px;font-size:10.5px;font-weight:700;position:absolute;top:8px;right:8px}.card-new{background:var(--success);color:#06200f}.card-dupe{color:var(--muted);background:#ffffff1a}.reveal-actions{gap:10px;display:flex;position:relative}.gacha-inventory{grid-template-columns:180px minmax(0,1fr);gap:14px;min-height:360px;display:grid}.weapon-list{flex-direction:column;gap:4px;display:flex}.weapon-list button{background:0 0;border-color:#0000;justify-content:flex-start;padding:6px 10px;font-size:13px}.weapon-list button.active{background:var(--raise-hover);border-color:var(--line-strong)}.skin-grid-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.skin-grid-head h3{margin:0;font-size:17px}.skin-grid-head span{color:var(--muted);font-size:12.5px}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.skin-tile{--rarity:var(--line-strong);border:1px solid color-mix(in srgb, var(--rarity) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 14%, transparent), #0003);flex-direction:column;gap:6px;padding:12px 8px 10px;position:relative}.skin-tile:disabled{opacity:1}.skin-tile.locked{opacity:.4;filter:grayscale(.7)}.skin-tile.equipped{border-color:var(--accent-hi);box-shadow:0 0 0 1px var(--accent-hi) inset, 0 0 16px #f2b44140}.tile-name{text-align:center;font-size:13px;font-weight:600;line-height:1.2}.tile-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:5px;font-size:11px;display:flex}.tile-rarity{color:var(--rarity);font-weight:700}.tile-exclusive,.tile-count{background:#ffffff14;border-radius:99px;padding:0 6px}.tile-lock{color:var(--muted);position:absolute;top:6px;right:6px}.tile-equipped{color:var(--accent-hi);align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}@media (max-width:720px){.gacha-banner{grid-template-columns:1fr}.banner-art{min-height:110px}.gacha-inventory{grid-template-columns:1fr}.weapon-list{flex-direction:row;overflow-x:auto}.weapon-list button{flex:none}.reveal-cards{grid-template-columns:repeat(3,minmax(0,104px))}.reveal-cards.n1{grid-template-columns:180px}}@media (prefers-reduced-motion:reduce){.gacha-screen *,.reveal *{transition:none!important;animation:none!important}}.account-panel{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff09;flex-direction:column;gap:10px;padding:12px;display:flex}.account-tabs{border-radius:var(--radius-sm);background:#00000047;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.account-tabs button{color:var(--muted);background:0 0;border:0;padding:7px 10px;font-size:13.5px}.account-tabs button.active{background:var(--raise-hover);color:var(--text);font-weight:600}.account-form{flex-direction:column;gap:8px;display:flex}.account-hint{color:var(--faint);margin:0;font-size:12px}.account-actions{gap:8px;display:flex}.account-actions .primary{flex:1}.account-who{align-items:center;gap:10px;display:flex}.account-avatar{width:38px;height:38px;color:var(--accent-ink);background:linear-gradient(#ffcd62,#e79d22);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.account-name{font-weight:700}.account-coins{color:var(--accent-hi);align-items:center;gap:5px;font-size:13px;display:inline-flex}.account-logout{margin-left:auto;padding:6px 10px;font-size:13px}.gacha-button{color:#f1e6ff;background:linear-gradient(#5b2d91,#34185a);border-color:#be8cff66}.gacha-button:hover:not(:disabled){background:linear-gradient(#6c37ab,#3f1d6b)}.account-guest-back{align-self:center;font-size:12.5px}.studio{z-index:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.studio.live{cursor:grab}.studio.live:active{cursor:grabbing}.studio-canvas{animation:1.2s ease-out both studio-in;position:absolute;inset:0}@keyframes studio-in{0%{opacity:0}}.studio-still{position:absolute;inset:0}.studio-still.set-command{background:radial-gradient(40% 55% at 30% 62%,#00f2fe29,#0000 70%),radial-gradient(70% 40% at 50% 100%,#00f2fe14,#0000 70%),linear-gradient(#05080c 0%,#0a0e14 60%,#071016 100%)}.studio-still.set-command:after{content:"";background:linear-gradient(#00f2fe0d 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#00f2fe0d 1px,#0000 1px) 0 0/40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 70%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 70%,#000 20%,#0000 75%)}.studio-still.set-beach{background:radial-gradient(circle at 26% 56%,#ffe2a0 0 4%,#ffb06080 5%,#0000 22%),linear-gradient(#141a3a 0%,#3d2d55 28%,#7a3f5c 44%,#ff9a4a 56%,#1d3a52 57%,#0e2132 78%,#0a0e14 100%)}.studio-hud{pointer-events:none;background:radial-gradient(circle,#0000 0 58%,#05080c8c 100%),repeating-radial-gradient(circle at 0 100%,#0000 0 79px,#00f2fe0d 80px);position:absolute;inset:0}.hud-corner{font:600 11px/1 var(--font-num);letter-spacing:.18em;color:#00f2fe8c;text-transform:uppercase;position:absolute}.hud-corner.tl{top:14px;left:16px}.hud-corner.br{bottom:14px;right:16px}.hud-corner:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 8px}.studio-tools{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;left:16px}.studio-hint{font:600 12px/1 var(--font-display);letter-spacing:.08em;color:#e6f5ffb3;text-shadow:0 1px 6px #0009;margin-right:6px}.studio-tools button{color:#e6f5ffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e148c;border:1px solid #00f2fe40;border-radius:8px;width:32px;height:32px;padding:0}.studio-tools button.on{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #00f2fe59}@media (max-width:640px){.hud-corner.tl,.studio-hint{display:none}}:root{--bg-0:#07131c;--panel:#08141dcc;--panel-strong:#09151ef5;--panel-hud:#08141ddb;--raise:#ffffff0f;--raise-hover:#ffffff1c;--line:#ffeccd1a;--line-strong:#ffeccd33;--text:#f5efe3;--muted:#a9b8be;--faint:#71878f;--accent:#f2b441;--accent-hi:#ffd27a;--accent-ink:#241703;--hp:#ef5b4c;--hunger:#f2a83b;--morale:#a07cff;--stamina:#3cc7a6;--volcano:#ff6a3d;--treasure:#f5c84c;--hull:#5aa9e6;--sky:#9cd3f0;--danger:#ff7a66;--caution:#ffd166;--success:#62d394;--secret:#b69cff;--paper:#f5ecd6;--paper-2:#eadcb8;--paper-ink:#2b2115;--paper-muted:#6e5d44;--paper-line:#d8c69d;--paper-accent:#a86a12;--paper-good:#25784a;--paper-bad:#b3432c;--radius:14px;--radius-sm:9px;--shadow:0 12px 32px #00000061;--font-ui:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-story:"Lora Variable", Georgia, "Times New Roman", serif;--tac-bg:#0a0e14;--glass:#0c11199e;--glass-strong:#0a0e14d6;--glass-blur:blur(16px) saturate(1.25);--glass-line:#a0dcff24;--cyan:#00f2fe;--cyan-2:#4facfe;--crimson:#ff0844;--crimson-2:#ffb199;--gold:gold;--gold-2:#ffae00;--edge-cyan:linear-gradient(135deg, #00f2feb3, #00f2fe14 35%, #4facfe0d 65%, #00f2fe8c);--edge-crimson:linear-gradient(135deg, #ff0844bf, #ff084414 35%, #ff08440d 65%, #ff08448c);--edge-gold:linear-gradient(135deg, #ffd700d9, #ffae001f 35%, #ffae0014 65%, #ffd700b3);--glow-cyan:0 0 0 1px #00f2fe0f, 0 0 28px #00f2fe1a;--font-display:"Chakra Petch", "Be Vietnam Pro", system-ui, sans-serif;--font-num:"Rajdhani", "Chakra Petch", "Be Vietnam Pro", system-ui, sans-serif;font-family:var(--font-ui);color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.4}*{box-sizing:border-box}html[data-glass=off]{--glass:#0c1119db;--glass-strong:#0a0e14f0}html[data-glass=off] *,html[data-glass=off] :before,html[data-glass=off] :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html,body,#root{height:100%;margin:0}body{background:var(--bg-0)}button{font:inherit;cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raise);color:var(--text);justify-content:center;align-items:center;gap:8px;padding:9px 14px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:inline-flex}button:hover:not(:disabled){background:var(--raise-hover);border-color:#ffeccd52}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}button.primary{background:linear-gradient(180deg, #ffe45c, var(--gold) 45%, var(--gold-2));color:#1c1400;border-color:#ffe98a;font-weight:700;box-shadow:inset 0 1px #ffffff80,0 6px 18px #ffc40040}button.primary:hover:not(:disabled){background:linear-gradient(#fff07a,#ffe02e 45%,#ffbe1a);border-color:#fff0a8}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--raise);color:var(--text)}button.big{padding:13px 18px;font-size:16px}button.ready.done{color:#bff0d4;background:#62d39424;border-color:#62d39480}button .count{font-variant-numeric:tabular-nums;background:#0000002e;border-radius:999px;padding:1px 7px;font-size:13px;font-weight:600}.icon-btn{border-radius:8px;padding:7px}.icon-btn.danger.armed{color:#ffc2b6;background:#ff7a6629;border-color:#ff7a6699;padding:7px 10px;font-size:12px}input,select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line-strong);color:var(--text);background:#00000047;width:100%;padding:10px 12px;transition:border-color .15s,background .15s}input::placeholder{color:var(--faint)}input:focus{border-color:var(--accent);background:#00000061;outline:none}kbd{min-width:22px;height:22px;color:var(--accent-ink);font-family:var(--font-ui);white-space:nowrap;background:linear-gradient(#fff3d6,#e9d3a3);border-bottom:2px solid #b48d45;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.label.secret{color:var(--secret)}.label.split{justify-content:space-between}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.hint{color:var(--muted);font-size:13px}.danger-text{color:var(--danger)}.field{flex-direction:column;gap:7px;display:flex}.notice{border-radius:var(--radius-sm);background:#5aa9e61f;border:1px solid #5aa9e659;margin:0;padding:10px 12px}.error{color:var(--danger);margin:0}.callout{border-radius:var(--radius-sm);text-align:left;border:1px solid;align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;line-height:1.35;display:flex}.callout svg{flex-shrink:0;margin-top:1px}.callout.danger{color:#ffd0c6;background:#ff7a661f;border-color:#ff7a6666}.callout.danger svg{color:var(--danger)}.callout.caution{color:#ffe9b0;background:#ffd1661a;border-color:#ffd16659}.callout.caution svg{color:var(--caution)}.callout.info{color:var(--muted);background:var(--raise);border-color:var(--line)}.callout.secret{color:#ddd0ff;background:#b69cff1a;border-color:#b69cff66}.avatar{--c:#888;background:var(--c);box-shadow:0 0 0 2px #00000059, 0 0 0 3px color-mix(in srgb, var(--c) 45%, transparent);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;line-height:1;display:inline-grid}.avatar.xs{width:16px;height:16px;font-size:9px;box-shadow:0 0 0 1.5px #0006}.avatar.sm{width:24px;height:24px;font-size:11px}.avatar.md{width:34px;height:34px;font-size:15px}.avatar.lg{width:44px;height:44px;font-size:19px}.avatar.dim{filter:grayscale(.85);opacity:.5}.avatar.slot{box-shadow:none;border:1.5px dashed var(--line-strong);background:0 0}.bar{background:#ffffff1a;border-radius:999px;min-width:50px;height:8px;position:relative}.bar.sm{height:4px}.bar-fill{border-radius:inherit;height:100%;transition:width .4s}.bar-marker{background:#fff;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 0 1px #00000080}.lobby{place-items:center;min-height:100%;padding:32px 16px;display:grid;position:relative;overflow:hidden}.lobby-inner{z-index:3;flex-direction:column;gap:22px;width:min(420px,100%);display:flex;position:relative}.lobby-hero{text-align:center}.lobby h1{font-family:var(--font-story);letter-spacing:.06em;color:#fff3d8;text-shadow:0 2px #7a3f2a,0 8px 30px #ffb45a73;margin:6px 0 4px;font-size:clamp(46px,11vw,68px);font-weight:700;line-height:1}.tagline{font-family:var(--font-story);color:#ffe7c7;text-shadow:0 1px 8px #00000080;margin:10px 0 0;font-size:17px;font-style:italic}.facts{flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.facts li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a142373;border:1px solid #ffeccd2e;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;display:inline-flex}.lobby-card{border:1px solid var(--line-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08141dc7;border-radius:18px;flex-direction:column;gap:12px;padding:20px;display:flex}.divider{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--line-strong);flex:1;height:1px}.join{gap:8px;display:flex}.join .code{text-transform:uppercase;letter-spacing:.35em;text-align:center;font-size:18px;font-weight:700}.join button{flex-shrink:0}.game{position:fixed;inset:0}.game-loading{text-align:center;color:#cfd8dc;letter-spacing:.04em;background:#0d1418;align-content:center;place-items:center;gap:16px;padding:16px;font-size:1.1rem;display:grid;position:fixed;inset:0}.hud{z-index:10;pointer-events:none;position:absolute;inset:0}.hud .panel{background:var(--panel-hud);border:1px solid var(--line);border-radius:var(--radius);pointer-events:auto;box-shadow:0 1px 0 #ffffff0d inset, var(--shadow);padding:12px 14px;position:absolute}.hud .room{flex-direction:column;gap:10px;width:216px;padding:10px 12px;display:flex;top:16px;left:16px}.hud .room.lobby-room{gap:10px;width:236px;padding:14px}.room-code{letter-spacing:.22em;color:var(--accent-hi);font-size:34px;font-weight:700;line-height:1}.room-head{align-items:center;gap:6px;display:flex}.room-chip{color:var(--muted);border-radius:8px;gap:6px;padding:5px 9px}.room-chip .room-code{letter-spacing:.18em;color:var(--text);font-size:14px}.room-actions{gap:6px;margin-left:auto;display:flex}.roster{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roster li{align-items:center;gap:9px;display:flex}.roster-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.roster-name{align-items:center;gap:5px;font-size:14px;display:flex}.roster-name .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster li.me .name{font-weight:700}.roster li.dead .name,.roster li.offline .name{color:var(--faint)}.roster li.dead .name{text-decoration:line-through}.you{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-hi);background:#f2b4412e;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.i-host{color:var(--accent);flex-shrink:0}.i-dead{color:var(--faint);flex-shrink:0}.i-tied{color:var(--danger);flex-shrink:0}.i-off{color:var(--caution);flex-shrink:0}.roster li.empty{opacity:.55}.kick{color:var(--faint);background:0 0;border-color:#0000;margin-left:auto;padding:2px}.kick:hover:not(:disabled){color:var(--danger);background:#ff7a661f}.clock{background:var(--panel-hud);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;flex-direction:column;align-items:center;gap:6px;padding:8px 16px 9px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud .clock:not(:has(.clock-row)){flex-direction:row;gap:10px}.clock-row{align-items:center;gap:10px;display:flex}.clock svg{color:var(--accent)}.clock.phase-night svg{color:#c6c3ff}.clock.phase-dusk svg{color:#ff9f6b}.clock-day{color:var(--muted);font-size:14px}.clock-day strong{color:var(--text);font-size:18px}.clock-day small{font-size:12px}.clock-phase{font-weight:600}.clock-weather{display:inline-flex}.clock-weather svg{color:var(--sky)}.clock-sep{background:var(--line-strong);width:1px;height:18px}.clock-time{font-variant-numeric:tabular-nums;align-items:center;gap:4px;min-width:40px;font-size:17px;font-weight:700;display:inline-flex}.clock.urgent{border-color:#ff7a6699}.clock.urgent .clock-time{color:var(--danger);animation:1s ease-in-out infinite pulse}.tides{gap:4px;display:flex}.clock-hazards{color:var(--muted);font-variant-numeric:tabular-nums;gap:10px;font-size:12px;display:flex}.clock-hazards .warn{color:var(--sky);font-weight:600}.clock-hazards .danger{color:var(--danger);font-weight:700;animation:1.6s ease-in-out infinite pulse}.tide{background:#ffffff24;border-radius:2px;width:16px;height:4px}.tide.past{background:#f2b4418c}.tide.now{background:var(--accent-hi);box-shadow:0 0 8px var(--accent)}@keyframes pulse{50%{opacity:.55}}.splash{text-align:center;pointer-events:none;z-index:30;white-space:nowrap;animation:2.8s forwards splash;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.splash-kicker{letter-spacing:.3em;text-transform:uppercase;color:#ffe7c7;text-shadow:0 2px 10px #0009;font-size:14px;font-weight:600}.splash-title{font-family:var(--font-story);color:#fff4dc;text-shadow:0 3px #5a2d14b3,0 10px 40px #0000008c;font-size:clamp(44px,8vw,84px);font-weight:700}.splash.phase-night .splash-title{color:#e2e0ff;text-shadow:0 3px #1e1946cc,0 10px 40px #786eff59}.splash.phase-dusk .splash-title{color:#ffd2b0}@keyframes splash{0%{opacity:0;transform:translate(-50%,-40%)scale(.96)}14%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-56%)scale(1.02)}}.hud .status{flex-direction:column;gap:9px;width:260px;display:flex;top:16px;right:16px}.zone{align-items:center;gap:7px;display:flex}.zone svg{color:var(--accent);flex-shrink:0}.zone-name{font-size:17px;font-weight:700}.minimap-frame{border:1px solid var(--line);background:radial-gradient(circle,#2a7fa0,#134a66 70%,#0d364c);border-radius:12px;position:relative;overflow:hidden}.compass-n{color:#ffffffbf;font-size:10px;font-weight:800;position:absolute;top:6px;left:8px}.compass-n:after{content:"↑";margin-left:2px}.minimap{width:100%;height:auto;display:block}.mm-land{fill:#5d9a4c;stroke:#f0dca2;stroke-width:6px}.mm-islet{fill:#6aa556;stroke:#f0dca2;stroke-width:4px}.mm-islet.rocky{fill:#8a857d;stroke:#c9c1b0}.mm-islet.volcanic{fill:#4a4546;stroke:#2e2b2c}.mm-islet.sandbar,.mm-islet.atoll{fill:#e8d49a;stroke:#f7ecc9}.mm-lagoon{fill:#3fc1c9}.mm-reef{fill:#ffaa9638;stroke:#ffbeaa80;stroke-width:2px;stroke-dasharray:5 4}.mm-lake{fill:#2f9bc4}.mm-volcano{fill:#6b625d}.mm-crater{fill:#ff7a1a}.mm-cave{fill:#3d3934;stroke:#d8cfc0;stroke-width:1.5px}.mm-mine{fill:#7a5230;stroke:#f0c070;stroke-width:1.5px}.mm-camp{fill:#ffb347;stroke:#fff;stroke-width:2.5px}.mm-anchor{fill:#ffd166;stroke:#1d1400;stroke-width:1.5px}.mm-anchor.active{fill:#ff6b35}.mm-egg,.mm-anomaly{fill:#ffe79a;paint-order:stroke;stroke:#1d1400;stroke-width:2px;font-size:16px;font-weight:800}.mm-anomaly{fill:#c9a6ff}.mm-trap{fill:#ff5a4a;paint-order:stroke;stroke:#2a0500;stroke-width:2px;font-size:18px;font-weight:900}.mm-player{stroke:#fff;stroke-width:2px}.mm-player.dead{opacity:.35}.mm-me{stroke:#fff;stroke-width:4px}.mm-x{fill:#e63946;font-size:26px;font-weight:800}.resources{flex-direction:column;gap:8px;display:flex}.resource-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.resource-pair .resource{background:var(--raise);border-radius:9px;grid-template-columns:auto 1fr;padding:6px 8px}.resource-pair .resource-label{grid-area:1/2}.resource-pair .resource-value{grid-area:2/2;justify-self:start}.resource-pair .resource>svg{grid-row:span 2}.resource{grid-template-columns:18px 76px 1fr;align-items:center;gap:2px 7px;font-size:13px;display:grid}.resource-label{color:var(--muted);font-size:12px}.resource-value{justify-self:stretch;font-weight:600}.resource-note{color:var(--faint);grid-column:2/-1;font-size:11.5px}.hud .banner{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(600px,100% - 560px);max-height:calc(100vh - 360px);padding:14px 18px;display:flex;top:84px;left:50%;overflow-y:auto;transform:translate(-50%)}.hud .banner.phase-lobby{gap:12px;width:min(520px,100% - 580px);padding:18px 20px}.banner-title{font-family:var(--font-story);margin:0;font-size:24px}.banner-story{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.fold{color:var(--muted);background:0 0;border-color:#0000;align-self:flex-end;padding:3px 6px;font-size:12px}.banner:not(.folded) .fold{position:absolute;top:-8px;right:-12px}.banner.folded .fold{align-self:center}.story{text-align:left;font-family:var(--font-story);color:#f3e7cf;margin:0;font-size:15.5px;line-height:1.6}.private-line{color:#ddd0ff;border-left:3px solid var(--secret);padding-left:10px}.settings{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.settings.readonly{color:var(--muted);flex-direction:row;justify-content:center;gap:16px;font-size:14px}.settings.readonly strong{color:var(--text)}.setting{flex-direction:column;gap:6px;display:flex}.segmented{border:1px solid var(--line);background:#0000004d;border-radius:10px;gap:3px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border-color:#0000;flex:1;padding:7px 10px;font-size:14px}.segmented button.selected{color:var(--accent-hi);background:#f2b4412e;border-color:#f2b4418c;font-weight:600}.hud .self{flex-direction:column;gap:10px;width:268px;font-size:14px;display:flex;bottom:16px;left:16px}.hud .self.ghost{background:#141626d1}.self-head{align-items:center;gap:11px;display:flex}.self-id{flex-direction:column;min-width:0;display:flex}.self-id strong{font-size:16px}.self-id .hint{font-size:12px}.role-card{flex-direction:column;gap:8px;display:flex}.role-card.open{background:#62d39414;border:1px solid #62d39459;border-radius:11px;padding:10px}.role-card.open.traitor{background:#ff7a661a;border-color:#ff7a6680}.peek{-webkit-user-select:none;user-select:none;border-style:dashed;width:100%;font-size:13px}.role-body{flex-direction:column;gap:5px;font-size:13px;display:flex}.role-title{font-family:var(--font-story);color:#bff0d4;font-size:19px}.role-card.traitor .role-title{color:var(--danger)}.role-goal{color:var(--caution);align-items:center;gap:8px;font-weight:600;display:flex}.pips{gap:3px;display:flex}.pip{border:1.5px solid var(--caution);border-radius:50%;width:9px;height:9px}.pip.on{background:var(--caution)}.clues{border-left:3px solid var(--secret);color:#e6ddff;flex-direction:column;gap:4px;padding-left:9px;font-size:13px;display:flex}.feed-day{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.vitals{flex-direction:column;gap:7px;display:flex}.vital{grid-template-columns:16px 68px 1fr 28px;align-items:center;gap:7px;display:grid}.vital-label{color:var(--muted);font-size:12.5px}.vital-value{text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.stat-chips{flex-wrap:wrap;gap:4px;display:flex}.stat-chip{color:var(--muted);background:var(--raise);border-radius:999px;padding:2px 8px;font-size:12px}.stat-chip strong{color:var(--text);margin-left:2px}.items-row{border-top:1px solid var(--line);align-items:flex-start;gap:8px;padding-top:9px;display:flex}.items-row>svg{color:var(--muted);flex-shrink:0;margin-top:3px}.items{flex-wrap:wrap;flex:1;gap:4px;display:flex}.items span:not(.hint){background:#f2b4411a;border:1px solid #f2b44138;border-radius:6px;padding:1px 7px;font-size:12px}.hud .feed{flex-direction:column;gap:6px;width:300px;padding:8px 10px 10px;font-size:12.5px;display:flex;bottom:62px;right:16px}.hud .feed.expanded{width:420px;max-height:min(60vh,520px)}.feed-toggle{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:0 0;border-color:#0000;justify-content:flex-start;gap:8px;padding:2px;font-size:11px;font-weight:600;display:flex}.feed-toggle .hint{text-transform:none;letter-spacing:0;margin-left:auto;font-size:12px;font-weight:400}.feed-toggle:hover:not(:disabled){color:var(--text);background:0 0}.feed-lines{flex-direction:column;gap:5px;display:flex;overflow-y:auto}.feed-line{grid-template-columns:14px 24px 1fr;align-items:baseline;gap:5px;line-height:1.35;display:grid}.feed-line svg{align-self:center}.feed-line.ok svg{color:var(--success)}.feed-line.bad svg{color:var(--danger)}.feed-line.bad{color:#ffd9d0}.hud .keys-chip{color:var(--muted);border-radius:999px;gap:8px;padding:6px 10px;font-size:12.5px;display:inline-flex;bottom:16px;right:16px}.hud .keys-chip kbd{min-width:18px;height:18px;font-size:11px}.hud .keys{flex-direction:column;gap:8px;width:340px;padding:10px 12px;display:flex;bottom:16px;right:16px}.keys-close{color:var(--muted);background:0 0;border-color:#0000;padding:3px;position:absolute;top:6px;right:6px}.keys .hint{font-size:12px}.keys-grid{grid-template-columns:1fr 1fr;gap:5px 12px;display:grid}.key-row{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.key-row kbd{min-width:44px}.hud .keys~.feed{bottom:196px}.hud:has(.keys) .feed{bottom:196px}.prompt{background:var(--panel-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:9px;padding:9px 16px 9px 10px;font-size:15px;font-weight:600;animation:.2s rise;display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.prompt svg{color:var(--accent)}.prompt.treasure{border-color:var(--treasure);box-shadow:0 0 0 3px #f5c84c33, var(--shadow)}.prompt .hint{font-weight:400}.posture{background:var(--panel-hud);border:1px solid var(--line-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;animation:.2s rise;display:flex;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.posture svg{color:var(--accent)}.posture.hidden{background:#0e281ad9;border-color:#62d3948c}.posture.hidden svg{color:var(--success)}.posture kbd{min-width:18px;height:18px;font-size:11px}.toast{z-index:40;box-shadow:var(--shadow);background:#782016eb;border:1px solid #ff7a6699;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;animation:.2s rise;display:flex;position:absolute;top:86px;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;translate:0 6px}}.paused{z-index:25;-webkit-backdrop-filter:blur(3px)grayscale(.5);backdrop-filter:blur(3px)grayscale(.5);pointer-events:none;background:#040a1073;place-items:center;display:grid;position:absolute;inset:0}.paused-card{background:var(--panel-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;display:flex}.paused-card strong{font-family:var(--font-story);font-size:26px}.event-card{z-index:15;pointer-events:auto;width:min(500px,100% - 32px);max-height:calc(100vh - 110px);color:var(--paper-ink);background:radial-gradient(ellipse at 20% 0%, #ffffff8c, transparent 55%), radial-gradient(ellipse at 100% 100%, #a86a1224, transparent 60%), linear-gradient(180deg, var(--paper), var(--paper-2));border:1px solid #fff6e0;border-radius:16px;flex-direction:column;gap:12px;padding:20px 22px;animation:.22s card-in;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #50371459,0 24px 60px #00000080}@keyframes card-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.98)}}.event-card h2{font-family:var(--font-story);margin:0;font-size:26px;line-height:1.15}.event-meta{color:var(--paper-muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.people{align-items:center;gap:4px;display:flex}.people .avatar:last-of-type{margin-right:5px}.event-timer{font-variant-numeric:tabular-nums;color:var(--paper-accent);align-items:center;gap:4px;font-weight:700;display:inline-flex}.event-timer.urgent{color:var(--paper-bad);animation:1s ease-in-out infinite pulse}.event-intro{font-family:var(--font-story);margin:0;font-size:16px;line-height:1.55}.event-hint{color:var(--paper-muted);margin:0;font-size:12px}.choices{flex-direction:column;gap:8px;display:flex}.choice{text-align:left;color:var(--paper-ink);border:1px solid var(--paper-line);background:#ffffffb8;border-radius:11px;grid-template-columns:26px 1fr 74px;justify-content:stretch;align-items:center;gap:12px;padding:11px 12px;display:grid}.choice:hover:not(:disabled){border-color:var(--paper-accent);background:#fff;box-shadow:0 4px 14px #7850142e}.choice-key{background:var(--paper-ink);width:26px;height:26px;color:var(--paper);border-radius:7px;place-items:center;font-size:13px;font-weight:700;display:grid}.choice-body{flex-direction:column;gap:4px;min-width:0;display:flex}.choice-body>strong{font-size:15px}.choice-check{color:var(--paper-muted);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12.5px;display:flex}.bonus{border:1px dashed var(--paper-line);opacity:.75;border-radius:5px;padding:0 6px;text-decoration:line-through}.bonus.have{opacity:1;color:var(--paper-good);background:#25784a1a;border-style:solid;border-color:#25784a73;font-weight:600;text-decoration:none}.chance{color:var(--paper-accent);flex-direction:column;align-items:flex-end;gap:4px;display:flex}.chance strong{font-variant-numeric:tabular-nums;font-size:18px}.chance.good{color:var(--paper-good)}.chance.bad{color:var(--paper-bad)}.chance-bar{background:#2b21151f;border-radius:2px;width:100%;height:4px;overflow:hidden}.chance-bar span{background:currentColor;height:100%;display:block}.event-card.result.success{box-shadow:0 0 0 1px #25784a99,0 0 0 5px #62d39440,0 24px 60px #00000080}.event-card.result.fail{box-shadow:0 0 0 1px #b3432c99,0 0 0 5px #ff7a6638,0 24px 60px #00000080}.roll{align-items:center;gap:16px;display:flex}.dice{flex-shrink:0;place-items:center;width:78px;height:78px;display:grid;position:relative}.dice svg{width:100%;height:100%;position:absolute;inset:0}.dice .body{fill:#2b2115}.dice .face{fill:#3d3020}.dice .edges{stroke:#f5ecd659;stroke-width:1.5px;fill:none}.dice span{color:var(--paper);font-variant-numeric:tabular-nums;margin-top:10px;font-size:24px;font-weight:800;position:relative}.dice.rolling svg{animation:.3s linear infinite tumble}.dice.settled .body{fill:#a86a12}.dice.settled .face{fill:#c9861f}.dice.settled{animation:.35s land}@keyframes tumble{to{transform:rotate(360deg)}}@keyframes land{40%{transform:scale(1.14)}}.breakdown{flex-direction:column;gap:6px;font-size:14px;display:flex}.mods{flex-wrap:wrap;gap:4px;display:flex}.mod{color:var(--paper-good);background:#25784a1a;border-radius:5px;padding:1px 7px;font-size:12px}.mod.neg{color:var(--paper-bad);background:#b3432c1a}.total strong{font-size:20px}.verdict{font-family:var(--font-story);align-items:center;gap:6px;font-size:22px;font-weight:700;display:flex}.verdict.success{color:var(--paper-good)}.verdict.fail{color:var(--paper-bad)}.outcome{flex-wrap:wrap;gap:5px;display:flex}.effect{color:var(--paper-good);background:#25784a1f;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:600}.effect.bad{color:var(--paper-bad);background:#b3432c1f}.why{color:var(--paper-muted);margin:0;font-size:13.5px}.event-card>button.primary{align-self:flex-end}.hud .campfire{background:radial-gradient(ellipse at 50% 0%, #ff8c3c29, transparent 60%), var(--panel-strong);border-color:#ffaa5a40;flex-direction:column;gap:12px;width:min(760px,100% - 660px);min-width:min(560px,100% - 32px);max-height:calc(100vh - 92px);padding:16px 18px;display:flex;top:76px;left:50%;transform:translate(-50%)}.hud .campfire.outside{width:min(440px,100% - 32px);min-width:0;color:var(--muted);background:var(--panel);flex-direction:row;align-items:center;gap:10px;top:auto;bottom:120px}.campfire-head{align-items:center;gap:10px;display:flex}.campfire-head svg{color:#ff9f5a;filter:drop-shadow(0 0 6px #ff8c3cb3)}.campfire-head h2{font-family:var(--font-story);margin:0;font-size:22px}.campfire-head .hint{margin-left:auto}.campfire-story{background:#ffdcaa0f;border-radius:10px;max-height:140px;padding:10px 12px;font-size:14.5px;overflow-y:auto}.campfire-body{grid-template-columns:1.15fr 1fr;gap:14px;min-height:0;display:grid;overflow:hidden}.campfire-votes{flex-direction:column;gap:10px;padding-right:2px;display:flex;overflow-y:auto}.camp-section{background:var(--raise);border:1px solid var(--line);border-radius:11px;flex-direction:column;gap:8px;padding:10px;display:flex}.camp-section.secret{background:#b69cff12;border-color:#b69cff4d}.vote-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.vote-grid.three{grid-template-columns:repeat(3,1fr)}.vote{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px;padding:8px 10px;font-size:13px;display:flex}.vote span{color:var(--muted);font-size:12px}.vote.selected{border-color:var(--accent);background:#f2b44124}.camp-section.secret .vote.selected{border-color:var(--secret);background:#b69cff29}.vote.yes strong{color:#ffb4a6}.vote.no strong{color:#bff0d4}.vote.yes,.vote.no{align-items:center}.voters{gap:3px;min-height:16px;display:flex}.hint.cast{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nominees{flex-wrap:wrap;gap:6px;display:flex}.nominee{border-radius:999px;padding:5px 10px 5px 5px;font-size:13px}.nominee:hover:not(:disabled){background:#ff7a661a;border-color:#ff7a6699}.reveal{background:#0003;border-radius:9px;flex-direction:column;gap:3px;padding:8px 10px;font-size:13px;display:flex}.reveal.tied strong{color:var(--danger)}.campfire-chat{flex-direction:column;gap:10px;min-height:0;display:flex}.chat{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.chat-lines{background:#00000038;border-radius:10px;flex-direction:column;flex:1;gap:5px;min-height:140px;max-height:300px;padding:8px 10px;font-size:14px;display:flex;overflow-y:auto}.chat-line{line-height:1.4;animation:.15s rise}.chat-line strong{color:color-mix(in srgb, var(--c,#fff) 55%, #fff);margin-right:4px}.chat-line.mine{color:#fff4dc}.chat-empty{color:var(--faint);margin:auto;font-size:13px}.chat-tag{text-transform:uppercase;color:var(--secret);margin-right:5px;font-size:10px;font-weight:700}.chat-form{gap:6px;display:flex}.chat-form input{flex:1}.chat-form .icon-btn{padding:0 11px}.hud .lobby-chat,.hud .ghost-chat{flex-direction:column;gap:8px;width:min(460px,100% - 600px);min-width:300px;padding:10px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}.hud .lobby-chat .chat-lines,.hud .ghost-chat .chat-lines{min-height:70px;max-height:140px}.hud .ghost-chat{background:#141626d9;border-color:#b69cff4d}.nametag{--c:#fff;color:#fff;border-left:3px solid var(--c);font-family:var(--font-ui);white-space:nowrap;pointer-events:none;background:#060e149e;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:600}.bubble{--c:#f2b441;background:var(--paper);color:var(--paper-ink);border-bottom:3px solid var(--c);font-family:var(--font-ui);pointer-events:none;border-radius:12px;width:max-content;max-width:220px;padding:5px 11px;font-size:13px;position:relative;box-shadow:0 4px 14px #0000004d}.prep-screen{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:radial-gradient(at 50% 30%,#0818248c,#03080dd1);place-items:center;padding:16px;animation:.2s fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.prep-card{background:var(--panel-strong);border:1px solid var(--line-strong);border-radius:18px;flex-direction:column;gap:16px;width:min(1100px,100%);max-height:calc(100vh - 32px);padding:20px 22px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 30px 80px #0000008c}.prep-header{flex-shrink:0;align-items:center;gap:16px;display:flex}.prep-header h2{font-family:var(--font-story);margin:2px 0 0;font-size:28px;line-height:1.1}.prep-header .event-timer{background:var(--raise);color:var(--accent-hi);border-radius:10px;margin-left:auto;padding:6px 12px;font-size:20px}.prep-header .event-timer.urgent{color:var(--danger)}.keys-inline kbd{height:18px;font-size:11px}.prep-footer{border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:14px;padding-top:14px;display:flex}.prep-footer .hint{flex:1}.ready-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.prep-footer button{min-width:150px}.prep-card.creator{width:min(1080px,100%)}.creator-body{grid-template-columns:380px 1fr;gap:24px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.creator-left,.creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.creator-left section,.creator-right section{flex-direction:column;gap:8px;display:flex}.creator-preview{background:var(--raise);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.creator-preview strong{font-size:17px}.points{color:var(--danger);background:#ff7a6629;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.points.done{color:var(--success);background:#62d39429}.stat-rows{flex-direction:column;gap:6px;display:flex}.stat-row{background:var(--raise);border-radius:9px;grid-template-columns:1fr 28px auto 28px 18px;align-items:center;gap:8px;padding:5px 8px;display:grid}.stat-name{flex-direction:column;min-width:0;display:flex}.stat-name strong{font-size:14px}.stat-name .hint{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.step{border-radius:8px;width:28px;height:28px;padding:0}.stat-pips{gap:4px;display:flex}.stat-pip{border:1px solid var(--line-strong);background:#ffffff0f;border-radius:5px;width:17px;height:17px;padding:0}.stat-pip.on{background:linear-gradient(#ffd27a,#e9a02a);border-color:#ffd98a}.stat-value{text-align:center;font-variant-numeric:tabular-nums;font-size:17px}.derived{grid-template-columns:1fr 1fr;gap:6px;display:grid}.derived span{background:#f2b44114;border:1px solid #f2b44133;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;font-size:13px;display:flex}.derived svg{color:var(--accent)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #0000004d;border-radius:50%;width:30px;height:30px;padding:0}.swatch.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff40}.swatch:disabled{opacity:.18}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.pick{text-align:left;color:var(--muted);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;padding:10px 11px;font-size:12.5px;line-height:1.35;display:flex}.pick strong{color:var(--text);font-size:14px}.pick-item{color:var(--accent-hi);background:#f2b4411f;border-radius:5px;margin-top:2px;padding:1px 7px;font-size:11.5px}.pick.selected{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent) inset;background:#f2b4411f}.pick.flaw.selected{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger) inset;background:#ff7a661a}.packing-body{grid-template-columns:260px auto 1fr;align-items:start;gap:18px;min-height:0;display:grid;overflow-y:auto}.shop{flex-direction:column;gap:8px;min-height:0;display:flex}.shop-list{flex-direction:column;gap:5px;max-height:min(440px,100vh - 230px);padding-right:4px;display:flex;overflow-y:auto}.shop-item{background:var(--raise);border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:6px 8px;display:flex}.shop-item:hover{border-color:var(--line-strong)}.shape{background:#00000040;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.shape span{border-radius:2px;box-shadow:inset 0 0 0 1px #00000059}.shop-info{flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}.shop-info .hint{font-size:11.5px}.owned{color:var(--success);margin-left:6px;font-size:11px}.buy{color:var(--accent-hi);gap:5px;padding:5px 9px;font-size:13px;font-weight:700}.buy svg{color:var(--accent)}.bag-grid{border:1px solid var(--line-strong);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0a1822;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);border-radius:6px;position:relative;box-shadow:0 0 0 4px #00000040}.compartment{border:1px dashed var(--secret);color:#d9ccff;pointer-events:none;background:repeating-linear-gradient(45deg,#b69cff1f 0 6px,#b69cff0d 6px 12px);flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:3px;font-size:10px;display:flex;position:absolute}.bag-item{text-align:center;cursor:grab;color:#fff;text-shadow:0 1px 2px #000000b3;border:1px solid #00000080;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:1px;font-size:10px;font-weight:600;line-height:1.1;transition:filter .1s;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #0003}.bag-item:hover{filter:brightness(1.15)}.bag-item.dragging{opacity:.3}.bag-item.paired{box-shadow:0 0 0 2px var(--caution)}.bag-ghost{pointer-events:none;border-radius:5px;position:absolute}.bag-ghost.ok{border:2px solid var(--success);background:#62d39459}.bag-ghost.bad{border:2px solid var(--danger);background:#ff7a6659}.item-tip{border:1px solid var(--line-strong);background:#0000004d;border-radius:10px;flex-direction:column;gap:3px;padding:9px 10px;font-size:12.5px;display:flex}.item-tip strong{font-size:14px}.bag-side{flex-direction:column;gap:10px;min-width:0;font-size:14px;display:flex}.meters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.meter{background:var(--raise);border:1px solid var(--line);border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:10px;display:grid}.meter>svg{color:var(--accent)}.meter .big-number,.meter .bar{grid-column:1/-1}.big-number{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.big-number small{color:var(--muted);font-size:13px;font-weight:500}.tray{flex-wrap:wrap;gap:6px;display:flex}.tray-item{align-items:center;display:flex}.tray-pick{cursor:grab;touch-action:none;border:2px solid;gap:6px;padding:6px 10px;font-size:13px}.tray-item .ghost{padding:4px 8px;font-size:12px}.pair{align-items:flex-start;gap:7px;font-size:13px;display:flex}.pair svg{color:var(--caution);flex-shrink:0;margin-top:2px}.prep-card.viewer{width:auto}.prep-card.journal{width:min(720px,100%);color:var(--paper-ink);background:radial-gradient(ellipse at 15% 0%, #ffffff8c, transparent 50%), linear-gradient(180deg, var(--paper), var(--paper-2));border-color:#fff6e0}.journal .prep-header svg{color:var(--paper-accent)}.journal .hint{color:var(--paper-muted);margin-left:auto}.journal-pages{flex-direction:column;gap:14px;padding-right:6px;display:flex;overflow-y:auto}.journal-day h3{font-family:var(--font-story);color:var(--paper-accent);border-bottom:1px solid var(--paper-line);margin:0 0 4px;padding-bottom:4px;font-size:18px}.journal-day p{font-family:var(--font-story);margin:8px 0;font-size:15.5px;line-height:1.6}.journal-tag{font-family:var(--font-ui);vertical-align:2px;color:var(--paper-accent);background:#a86a121f;border-radius:5px;align-items:center;gap:4px;margin-right:7px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.journal .private-line{color:#4b3584;border-left-color:#7b5fd0}.journal .private-line .journal-tag{color:#5a3fb0;background:#7b5fd024}.end-screen{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:radial-gradient(at 50% 20%,#141e3299,#03080de6);place-items:center;padding:16px;animation:.4s fade;display:grid;position:absolute;inset:0}.end-card{--win:var(--accent);background:var(--panel-strong);border:1px solid var(--line-strong);border-radius:20px;flex-direction:column;gap:16px;width:min(1040px,100%);max-height:calc(100vh - 32px);padding:24px;display:flex;overflow:hidden;box-shadow:0 30px 80px #0009}.end-card.winner-team{--win:var(--success)}.end-card.winner-traitor{--win:var(--danger)}.end-card.winner-solo{--win:var(--secret)}.end-card.winner-none{--win:var(--muted)}.end-head{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.end-badge{text-transform:uppercase;letter-spacing:.12em;color:var(--win);border:1px solid color-mix(in srgb, var(--win) 55%, transparent);background:color-mix(in srgb, var(--win) 14%, transparent);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.end-head h1{font-family:var(--font-story);color:#fff4dc;margin:0;font-size:clamp(32px,5vw,46px);line-height:1.1}.end-text{max-width:620px;color:var(--muted);margin:0;font-size:15px}.end-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px;font-size:12.5px;display:flex}.end-meta span{background:var(--raise);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.end-body{grid-template-columns:1fr 1.25fr;gap:18px;min-height:0;display:grid;overflow-y:auto}.end-reveal{flex-direction:column;gap:10px;min-width:0;display:flex}.reveal-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reveal-card{background:var(--raise);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px;animation:.5s backwards flip;display:flex}.reveal-card:nth-child(2){animation-delay:80ms}.reveal-card:nth-child(3){animation-delay:.16s}.reveal-card:nth-child(4){animation-delay:.24s}.reveal-card:nth-child(5){animation-delay:.32s}.reveal-card:nth-child(6){animation-delay:.4s}@keyframes flip{0%{opacity:0;transform:rotateX(70deg)}}.reveal-card.traitor{background:#ff7a661a;border-color:#ff7a6673}.reveal-role{color:#bff0d4;font-size:13px;font-weight:600}.reveal-card.traitor .reveal-role{color:var(--danger)}.reveal-card .hint{font-size:11.5px}.timeline{background:var(--raise);border-radius:10px;padding:8px 10px;font-size:13px}.timeline summary{cursor:pointer;color:var(--accent-hi);align-items:center;gap:6px;font-weight:600;list-style:none;display:flex}.timeline summary::-webkit-details-marker{display:none}.timeline[open] summary svg{transform:rotate(180deg)}.timeline-night{flex-direction:column;gap:2px;margin:8px 0 0;display:flex}.traitor-act{color:var(--danger);font-weight:600}.chronicle{color:var(--paper-ink);background:radial-gradient(ellipse at 15% 0%, #ffffff8c, transparent 50%), linear-gradient(180deg, var(--paper), var(--paper-2));border-radius:14px;padding:18px 20px;box-shadow:0 0 0 1px #50371459}.chronicle-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--paper-accent);font-size:11px;font-weight:700}.chronicle h2{font-family:var(--font-story);margin:2px 0 8px;font-size:24px}.chronicle p{font-family:var(--font-story);margin:0 0 10px;font-size:15px;line-height:1.6}.chronicle p:first-of-type:first-letter{float:left;color:var(--paper-accent);padding:4px 6px 0 0;font-size:44px;font-weight:700;line-height:.9}.end-actions{border-top:1px solid var(--line);flex-shrink:0;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}@media (max-width:1100px){.hud .banner,.hud .banner.phase-lobby{width:min(560px,100% - 32px);max-height:40vh;top:auto;bottom:16px;left:50%}.hud .campfire{z-index:5;width:calc(100% - 32px);min-width:0}.hud .lobby-chat,.hud .feed,.hud .keys,.hud .keys-chip{display:none}.creator-body{grid-template-columns:1fr}.packing-body{grid-template-columns:1fr;justify-items:center}.end-body{grid-template-columns:1fr}}@media (max-width:700px){.hud .status{width:160px}.hud .status .resources,.hud .self{display:none}.clock{top:auto;bottom:16px}.campfire-body{grid-template-columns:1fr;overflow-y:auto}.vote-grid.three,.reveal-grid{grid-template-columns:1fr}.prep-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.splash{opacity:1;animation:none}}.breath{align-items:center;gap:8px;font-size:13px;display:flex}.breath .bar{flex:1}.breath.low{color:#ff8a7a;animation:.8s ease-in-out infinite alternate blink}@keyframes blink{0%{opacity:1}to{opacity:.55}}.encounter{z-index:38;background:var(--panel-strong);border:1px solid var(--line-strong);width:min(420px,100vw - 32px);box-shadow:var(--shadow);border-radius:14px;padding:12px 16px;animation:.25s rise;position:absolute;top:128px;left:50%;transform:translate(-50%)}.encounter.good{box-shadow:0 0 0 3px #f5c84c2e, var(--shadow);border-color:#f5c84cbf}.encounter.bad{border-color:#ff6e5abf}.encounter-head{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.encounter-text{margin-top:6px;font-size:14px;line-height:1.45}.encounter-effects{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.encounter-effects span{background:#ffffff14;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.encounter-effects .up{color:#9be38f}.encounter-effects .down{color:#ff8a7a}.darkness{pointer-events:none;z-index:1;background:radial-gradient(at 50% 55%,#0000 18%,#040308eb 78%);transition:opacity .4s;position:absolute;inset:0}.underwater-tint{pointer-events:none;z-index:1;background:radial-gradient(at 50% 40%,#288caa14,#021e2d8c);position:absolute;inset:0}.seed-row{align-items:center;gap:6px;display:flex}.seed-row input{font-variant-numeric:tabular-nums;width:130px}.hotbar-wrap{pointer-events:none;flex-direction:column;align-items:center;gap:6px;min-width:300px;max-width:calc(100vw - 620px);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hotbar-hint{color:var(--text);text-shadow:0 1px 2px #000c;background:#08141d8c;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px 12px;padding:4px 12px;font-size:12px;display:flex}.hotbar-hint strong{color:var(--accent-hi)}.hotbar-hint kbd{min-width:16px;height:16px;font-size:10px}.hotbar{background:var(--panel-hud);border:1px solid var(--line);pointer-events:auto;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;display:flex}.hotbar .slot{background:var(--raise);width:58px;height:44px;color:var(--text);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:8px;place-items:center;padding:3px;font-size:10.5px;line-height:1.15;display:grid}.hotbar .slot:hover{background:var(--raise-hover)}.hotbar .slot.active{border-color:var(--accent);background:#f2b44129;box-shadow:0 0 0 2px #f2b44140}.hotbar .slot-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.prompt.victim{border-color:var(--danger);color:#ffb3a8;box-shadow:0 0 0 3px #ff7a6640, var(--shadow)}.prompt.victim svg{color:var(--danger)}.prompt.build{border-color:var(--danger);border-radius:16px;flex-wrap:wrap;justify-content:center;max-width:560px}.prompt.build.ok{border-color:var(--success)}.prompt kbd{min-width:20px;height:20px;font-size:11px}.prompt-text{white-space:nowrap}.prompt-text kbd+kbd{margin-left:3px}.fx-word{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;letter-spacing:1px;color:#ffe066;-webkit-text-stroke:1.5px #2a1405;text-shadow:2px 3px #2a1405,0 0 14px #ffc85073;font-family:Bangers,Impact,system-ui,sans-serif;font-size:30px;font-weight:900;animation:1.25s cubic-bezier(.2,1.4,.4,1) forwards fx-pop}.fx-word small{color:#ff5a4a;-webkit-text-stroke:1px #2a0505;margin-top:-4px;font-size:20px;display:block}.fx-word.kill{color:#ff3b3b;font-size:40px}.fx-word.chop{color:#f0c27a}.fx-word.miss{color:#d8e2e8;font-size:22px}.fx-word.eat{color:#9ef07a;font-size:24px}.fx-word.build{color:#ffd27a}.fx-word.splash{color:#aee8ff}.fx-word.poof{color:#fff}@keyframes fx-pop{0%{opacity:1;transform:translateY(0)scale(.4)rotate(-14deg)}15%{opacity:1;transform:translateY(-14px)scale(1.25)rotate(-6deg)}35%{transform:translateY(-24px)scale(1)rotate(-4deg)}to{opacity:0;transform:translateY(-70px)scale(.9)rotate(3deg)}}.status-blind{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000008c 0%,#000 42%);transition:opacity .5s;position:absolute;inset:0}.status-dizzy{pointer-events:none;z-index:2;background:radial-gradient(#0000 40%,#8c5adc52 78%);animation:2.2s ease-in-out infinite dizzy-wobble;position:absolute;inset:-10%}@keyframes dizzy-wobble{0%,to{transform:rotate(-3deg)scale(1.02)}50%{transform:rotate(3deg)scale(1.06)}}.status-stun{z-index:3;pointer-events:none;color:#ffe066;text-shadow:0 2px 6px #0009;align-items:center;gap:14px;font-size:30px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.status-stun span{animation:.9s linear infinite stun-orbit}.status-stun span:nth-child(2){animation-delay:-.3s}.status-stun span:nth-child(3){animation-delay:-.6s}.status-stun em{letter-spacing:1px;font-size:18px;font-style:normal;font-weight:800}@keyframes stun-orbit{0%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-10px)rotate(180deg)scale(.7)}to{transform:translateY(0)rotate(360deg)scale(1)}}@media (max-width:1100px){.hotbar-wrap{max-width:calc(100vw - 32px);bottom:200px}}@media (prefers-reduced-motion:reduce){.status-dizzy,.status-stun span{animation:none}}.awards .label{align-items:center;gap:6px;display:flex}.awards .label svg{color:var(--treasure)}.award-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.award{background:#f5c84c14;border:1px solid #f5c84c40;border-radius:10px;align-items:center;gap:8px;padding:7px 9px;animation:.5s backwards flip;display:flex}.award strong{color:var(--treasure);font-size:13px}.award .hint{font-size:11.5px}.posture.sinking{border-color:var(--danger);color:#ffc2b8;background:#3c0c0ae0;animation:.9s ease-in-out infinite sink-pulse}.posture.sinking svg{color:var(--danger)}@keyframes sink-pulse{50%{box-shadow:0 0 0 4px #ff7a6659}}.icon-btn.off{opacity:.45}.stat-log{border-top:1px solid var(--line);margin-top:8px;padding-top:6px;font-size:11.5px}.stat-log-head{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:2px 0;font-size:11.5px;display:flex}.stat-log-head svg:last-child{margin-left:auto}.stat-log-line{align-items:baseline;gap:6px;padding:2px 0;display:flex}.stat-log-reason{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.stat-log-deltas{white-space:nowrap;gap:6px;font-weight:600;display:flex}.stat-log.open{max-height:260px;overflow-y:auto}.ghost-actions{flex-direction:column;gap:6px;margin:6px 0 8px;display:flex}.ghost-actions select,.ghost-actions input{width:100%}.nominee.selected{border-color:var(--secret);background:#b69cff26}.moments .label{align-items:center;gap:6px;display:flex}.moments .label svg,.toast.star svg{color:var(--treasure)}.moment{border-bottom:1px dashed var(--line);padding:3px 0;font-size:12.5px}.toast.star{color:var(--treasure)}.touch-controls{pointer-events:none;z-index:4;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.touch-look{pointer-events:auto;touch-action:none;width:55%;height:100%;position:absolute;top:0;right:0}.touch-stick{pointer-events:auto;touch-action:none;place-items:center;width:170px;height:170px;display:grid;position:absolute;bottom:18px;left:18px}.touch-stick-ring{background:#08141d59;border:2px solid #ffffff59;border-radius:50%;width:124px;height:124px}.touch-stick-knob{background:#ffffff8c;border-radius:50%;width:56px;height:56px;position:absolute;box-shadow:0 2px 10px #0006}.touch-actions{pointer-events:none;grid-template-columns:repeat(3,auto);place-items:end center;gap:10px;display:grid;position:absolute;bottom:18px;right:16px}.touch-top{pointer-events:none;gap:6px;display:flex;position:absolute;top:8px;right:8px}.touch-btn{pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:none;border:1px solid var(--line-strong);width:62px;height:62px;color:var(--text);background:#08141d99;border-radius:50%;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;font-size:10px;line-height:1.1;display:flex}.touch-btn.big{width:78px;height:78px;font-size:11px}.touch-btn.accent{border-color:var(--accent);background:#f2b44159}.touch-btn.danger{border-color:var(--danger);background:#ff7a6659}.touch-btn:active{transform:scale(.94)}.touch-top .touch-btn{width:48px;height:48px}.touch-bag-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}@media (pointer:coarse){.hud .keys,.hud .keys-chip,.hotbar-hint{display:none}.hotbar-wrap{bottom:200px}}@media (max-height:500px){.prep-screen{padding:6px}.prep-card{gap:8px;max-height:calc(100vh - 12px);padding:10px 12px}.prep-header h2{font-size:20px}}@media (pointer:coarse) and (max-width:1000px){.hud .self{gap:6px;width:180px;padding:8px 10px;top:56px;bottom:auto;left:8px}.hud .self .self-head,.hud .self .stat-chips,.hud .self .items-row,.hud .self .stat-log,.hud .self .callout,.hud .status,.hud .feed{display:none}.hud.show-map .status{z-index:5;width:220px;display:flex;top:64px;right:80px}.hud .room{padding:6px 8px;top:8px;left:8px}.hud .room .roster{display:none}.prompt{font-size:13px;bottom:42%}}.hud .objectives{width:min(360px,100% - 560px);min-width:250px;padding:8px 12px 10px;font-size:13px;top:84px;left:50%;transform:translate(-50%)}.objectives-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-hi);align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.objectives ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.goal{align-items:flex-start;gap:8px;line-height:1.3;display:flex}.goal>svg{color:var(--muted);flex-shrink:0;margin-top:2px}.goal div{flex-direction:column;gap:1px;display:flex}.goal small{color:var(--muted);font-size:11.5px}.goal.done{color:var(--faint)}.goal.done>svg{color:var(--success)}.goal.urgent{color:var(--caution);font-weight:600}.goal.urgent>svg{color:var(--caution);animation:1s ease-in-out infinite pulse}.waypoint{--wp:#ffd166;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.wp-arrow{border-left:11px solid #0000;border-right:11px solid #0000;border-bottom:22px solid var(--wp);filter:drop-shadow(0 0 6px #000000b3);width:0;height:0;animation:1.2s ease-in-out infinite wp-bob;position:absolute;top:0;left:0}.waypoint:not(.off) .wp-arrow{margin-top:-18px}.wp-text{white-space:nowrap;color:var(--wp);text-shadow:0 1px 2px #000,0 0 8px #000c;flex-direction:column;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:30px;left:0;transform:translate(-50%)}.wp-dist{color:var(--text);font-size:11px;font-weight:500}.waypoint.off .wp-text{top:16px;bottom:auto}.waypoint.off.low .wp-text{top:auto;bottom:16px}@keyframes wp-bob{50%{opacity:.75}}.hud .tip{z-index:4;border-color:#f2b44173;grid-template-columns:auto 1fr;gap:8px 10px;width:300px;animation:.35s ease-out tip-in;display:grid;top:120px;left:16px}.tip>svg{color:var(--accent-hi);margin-top:2px}.tip p{margin:0;font-size:13.5px;line-height:1.45}.tip-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.tip-actions button{padding:5px 12px;font-size:12.5px}@keyframes tip-in{0%{opacity:0;transform:translate(-12px)}}@media (max-width:1100px){.hud .objectives{width:min(300px,100% - 510px);min-width:0}.hud .tip{top:110px}}@media (pointer:coarse) and (max-width:1000px){.hud .objectives{width:230px;padding:6px 9px;font-size:12px;top:78px;left:auto;right:8px;transform:none}.hud .objectives .goal small,.hud .objectives .goal.done{display:none}.hud .tip{width:calc(100% - 560px);min-width:220px;padding:8px 10px;top:8px;bottom:auto;left:200px}.hud .tip p{font-size:12px}}.presets{flex-direction:column;gap:8px;display:flex}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.pick.preset strong{font-size:15px}button.ghost.small{text-transform:none;letter-spacing:0;padding:3px 9px;font-size:12px}button.ghost.small.selected{border-color:var(--accent);color:var(--accent-hi)}.kit-button{justify-content:center;width:100%;margin:2px 0 4px}.keys-more{grid-column:1/-1;justify-self:start}.night-steps{counter-reset:step;color:var(--muted);flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;font-size:12.5px;list-style:none;display:flex}.night-steps li{counter-increment:step;background:var(--raise);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;display:flex}.night-steps li:before{content:counter(step);background:var(--line-strong);width:18px;height:18px;color:var(--text);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.night-steps li.now{color:var(--caution);font-weight:600}.night-steps li.now:before{background:var(--caution);color:var(--accent-ink)}.night-steps li.done{color:var(--faint)}.night-steps li.done:before{content:"✓";color:var(--success);background:#62d39440}details.more>summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:12.5px;list-style-position:inside}details.more>summary svg{vertical-align:-2px}details.more[open]>summary{margin-bottom:6px}details.more>.vote-grid,details.more>.hint{margin-top:6px}.crosshair{pointer-events:none;background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #00000073}.prep-card.crafting{width:min(640px,100% - 24px)}.craft-list{flex-direction:column;gap:8px;max-height:min(64vh,560px);padding-right:4px;display:flex;overflow-y:auto}.craft-row{background:var(--raise);border:1px solid var(--line);opacity:.78;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.craft-row.ready{opacity:1;border-color:#f2b44173}.craft-icon{border:2px solid var(--line-strong);background:#00000040;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.craft-info{flex-direction:column;gap:3px;min-width:0;display:flex}.craft-needs{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.craft-needs .chip{background:#ffffff0f;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;display:inline-flex}.craft-needs .chip.ok{color:var(--success)}.craft-needs .chip.missing{color:var(--danger)}.prep-card.crafting .prep-header h2{white-space:nowrap}.battle-button{color:#ffe6dc;background:linear-gradient(#8f2a1c,#5e1a12);border-color:#ff8c6e59}.battle-button:hover:not(:disabled){background:linear-gradient(#a8321f,#6e1f15)}.lobby.frontline{background:var(--tac-bg)}.lobby.frontline h1{font-family:var(--font-display);white-space:nowrap;letter-spacing:.12em;color:#f1f7ff;text-shadow:0 0 1px #00f2fecc,0 2px #0009,0 8px 34px #00f2fe59;font-size:clamp(38px,10vw,60px);font-weight:700}.lobby.frontline .frontline-sub{font-family:var(--font-num);letter-spacing:.7em;color:var(--gold);text-shadow:0 0 14px #ffd70073;margin-right:-.7em;font-size:15px;font-weight:700}.lobby.frontline .kicker{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:11.5px;font-weight:600}.lobby.frontline .tagline{font-family:var(--font-ui);color:#dfe8f2;font-size:15px;font-style:normal}.lobby.frontline .facts li{font-family:var(--font-display);letter-spacing:.03em;background:#0a0e148c;border-color:#00f2fe38;font-weight:600}.lobby.frontline .facts li svg{color:var(--cyan)}.lobby.frontline .lobby-card{background:linear-gradient(var(--glass), var(--glass)) padding-box, var(--edge-cyan) border-box;box-shadow:0 24px 60px #0000008c, var(--glow-cyan);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #0000;position:relative}.lobby.frontline .lobby-card:before,.lobby.frontline .lobby-card:after{content:"";border:2px solid var(--cyan);opacity:.8;pointer-events:none;width:14px;height:14px;position:absolute}.lobby.frontline .lobby-card:before{border-bottom:0;border-right:0;top:-5px;left:-5px}.lobby.frontline .lobby-card:after{border-top:0;border-left:0;bottom:-5px;right:-5px}.lobby.frontline .lobby-card input{background:#05080c8c;border-color:#00f2fe33}.lobby.frontline .lobby-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f2fe26}.lobby.frontline .lobby-card .label,.lobby.frontline .divider{font-family:var(--font-display);letter-spacing:.04em}.lobby.frontline .join .code{font-family:var(--font-num);font-size:20px}.lobby.frontline .battle-button{background:linear-gradient(180deg, #ffe45c, var(--gold) 45%, var(--gold-2));color:#1c1400;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-color:#ffe45ccc;font-weight:700;box-shadow:0 8px 26px #ffc40047,inset 0 1px #ffffff80}.lobby.frontline .battle-button:hover:not(:disabled){background:linear-gradient(#fff07a,#ffe02e 45%,#ffbe1a);box-shadow:0 10px 32px #ffc4006b,inset 0 1px #fff9}@media (min-width:1000px){.lobby.studio-lobby{place-items:center end;padding-right:max(32px,6vw)}}.perf-overlay{z-index:60;color:#d8f5c8;pointer-events:none;white-space:nowrap;background:#000000b8;border-radius:8px;padding:8px 10px;font:11.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:10px;right:10px}.perf-overlay b{color:#9fe870;font-size:15px}.perf-overlay span{opacity:.6}.reconnecting{z-index:200;background:var(--bg-0);color:var(--text);letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:18px;font-weight:600;display:flex;position:fixed;inset:0}.reconnecting.overlay{background:#040a0fb8}.reconnecting .spinner{border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite reconnect-spin}@keyframes reconnect-spin{to{transform:rotate(360deg)}}