:root,html[data-ui-tone=calm]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b0f;--bg-elevated:#12141c;--border:#1e2230;--text:#e8eaef;--muted:#8b92a8;--accent:#3ecfbc;--accent-dim:color-mix(in srgb, var(--accent) 35%, transparent);--danger:#ff5c7a;--radius:14px;--font:system-ui, -apple-system, "Segoe UI", sans-serif;--page-pad-x:1.35rem;--page-pad-y:1.35rem;--app-main-scroll-end-gap:max(2.85rem, calc(var(--page-pad-y) + 2.15rem));--modal-overlay-pad-top:max(.75rem, env(safe-area-inset-top,0px));--modal-overlay-pad-bottom-stack:max(1.75rem, calc(env(safe-area-inset-bottom,0px) + 4.75rem));--modal-overlay-pad-bottom-centered:max(1.35rem, calc(env(safe-area-inset-bottom,0px) + 1rem));--card-pad:1.2rem;--card-gap-y:1rem;--form-gap:1.05rem}html[data-ui-tone=heat]{--bg:#0c090a;--bg-elevated:#161012;--border:#2a1e22;--text:#ede8e9;--muted:#9a868a;--accent:#b85c68;--accent-dim:color-mix(in srgb, var(--accent) 38%, transparent);--danger:#e8485c}*,:before,:after{box-sizing:border-box}html{transition:background-color .35s,color .35s}html,body,#root{height:100%}body{font-family:var(--font);background:radial-gradient(120% 80% at 50% -20%, color-mix(in srgb, var(--accent) 14%, transparent), transparent), var(--bg);color:var(--text);margin:0;line-height:1.45;transition:background .35s,color .35s}a{color:var(--accent)}.app-shell{flex-direction:column;height:100%;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-shell.brand-stage{min-height:100dvh}@media (width<=639px){.app-shell.brand-stage .app-main{padding-top:clamp(30vh,10.5rem,44vh)}}.shell-loading{justify-content:center;align-items:center;min-height:100dvh;padding:2.25rem 1.5rem;display:flex}.app-main{overscroll-behavior:contain;min-height:0;padding:var(--page-pad-y) var(--page-pad-x) var(--app-main-scroll-end-gap);flex:1;width:100%;max-width:520px;margin:0 auto;overflow:hidden auto}.bottom-nav{z-index:120;width:100%;padding:.45rem .65rem calc(.45rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.1);border-top:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative;box-shadow:0 -8px 32px #00000059}.bottom-nav:after{content:"";z-index:0;opacity:.1;pointer-events:none;background:url(/brand/whacked-logo-no-bg.svg) 50%/contain no-repeat;width:28px;height:28px;position:absolute;top:50%;right:.5rem;translate:0 -50%}.bottom-nav--three{grid-template-columns:repeat(3,1fr)}.bottom-nav__link{z-index:1;text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:0 0;border-bottom:2px solid #0000;border-radius:0;justify-content:center;align-items:flex-end;padding:.5rem .2rem .55rem;font-size:.68rem;font-weight:700;text-decoration:none;transition:color .18s,border-color .18s,text-shadow .18s;display:flex;position:relative}.bottom-nav__link:hover{color:var(--text)}.bottom-nav__link--active{color:var(--accent);border-bottom-color:color-mix(in srgb, var(--accent) 85%, transparent);text-shadow:0 0 18px color-mix(in srgb, var(--accent) 45%, transparent), 0 0 36px color-mix(in srgb, var(--accent) 18%, transparent)}html[data-ui-tone=heat] .bottom-nav__link--active{color:color-mix(in srgb, var(--accent) 88%, #fff)}.screen{padding-bottom:1.15rem}.screen h1{letter-spacing:-.02em;margin:0 0 .55rem;font-size:1.55rem}.brand{letter-spacing:-.03em;margin:0 0 .25rem;font-size:2rem}.tagline{color:var(--muted);margin:0 0 1.45rem}.brand-stage{position:relative}.brand-stage:before{content:"";z-index:0;pointer-events:none;background-color:#050608;background-image:linear-gradient(155deg, #030406eb 0%, color-mix(in srgb, var(--accent) 8%, transparent) 40%, #020305f0 100%), url(/brand/whacked-logo-no-bg.svg);background-position:50%,50% 11%;background-repeat:no-repeat;background-size:100% 100%,min(82vw,300px);position:fixed;inset:0}html[data-ui-tone=heat] .brand-stage:before{background-image:linear-gradient(155deg, #060304eb 0%, color-mix(in srgb, var(--accent) 10%, transparent) 42%, #040203f0 100%), url(/brand/whacked-logo-no-bg.svg);background-position:50%,50% 11%;background-repeat:no-repeat;background-size:100% 100%,min(82vw,300px)}@media (width>=640px){.brand-stage:before{background-image:linear-gradient(155deg, #030406e0 0%, color-mix(in srgb, var(--accent) 12%, transparent) 28%, #0505086b 52%, #020305db 100%), url(/brand/whacked-bg.png);background-image:linear-gradient(155deg, #030406e0 0%, color-mix(in srgb, var(--accent) 12%, transparent) 28%, #0505086b 52%, #020305db 100%), image-set(url(/brand/whacked-bg.webp) type("image/webp"), url(/brand/whacked-bg.png) type("image/png"));background-position:50% 22%;background-repeat:no-repeat;background-size:cover}html[data-ui-tone=heat] .brand-stage:before{background-image:linear-gradient(155deg, #060304e0 0%, color-mix(in srgb, var(--accent) 14%, transparent) 30%, #0a050673 55%, #040203e0 100%), url(/brand/whacked-bg.png);background-image:linear-gradient(155deg, #060304e0 0%, color-mix(in srgb, var(--accent) 14%, transparent) 30%, #0a050673 55%, #040203e0 100%), image-set(url(/brand/whacked-bg.webp) type("image/webp"), url(/brand/whacked-bg.png) type("image/png"));background-position:50% 22%;background-repeat:no-repeat;background-size:cover}}.brand-stage>*{z-index:1;position:relative}.auth-screen{max-width:440px;min-height:100dvh;padding:max(1.1rem, env(safe-area-inset-top,0px)) var(--page-pad-x) max(1.5rem, env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}@media (width<=639px){.auth-screen.brand-stage{justify-content:flex-start;padding-top:clamp(34vh,11rem,46vh)}}.auth-screen__stack{flex-direction:column;gap:1.2rem;width:100%;display:flex}@media (width>=640px){.auth-screen.brand-stage{justify-content:flex-start}.auth-screen__stack{gap:1rem}}.auth-screen__masthead{text-align:center}.auth-screen__masthead .auth-screen__head{justify-content:center;gap:.75rem}.auth-screen__panel{border-radius:calc(var(--radius) + 6px);background:color-mix(in srgb, var(--bg-elevated) 76%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent), 0 28px 64px #0000008c;-webkit-backdrop-filter:blur(18px)saturate(1.15);padding:1.65rem 1.55rem 1.85rem}.auth-brand{margin:0;line-height:0}.auth-brand img{width:auto;max-width:min(200px,58vw);height:2.35rem;filter:drop-shadow(0 2px 12px color-mix(in srgb, var(--accent) 35%, transparent));display:block}.auth-tagline{margin:.2rem 0 .65rem}.auth-form{gap:var(--form-gap);flex-direction:column;display:flex}.auth-character-row{align-items:center;gap:.85rem;display:flex}.auth-character-row .muted{flex:1;font-size:.78rem;line-height:1.35}.field{color:var(--muted);flex-direction:column;gap:.48rem;font-size:.85rem;display:flex}.field input,.field select{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit;padding:.72rem .85rem}.btn{border:1px solid color-mix(in srgb, var(--border) 70%, var(--accent));background:color-mix(in srgb, var(--bg) 55%, var(--bg-elevated));color:color-mix(in srgb, var(--text) 92%, var(--accent));font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:1px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.15rem .62rem;font-size:.72rem;font-weight:650;text-decoration:none;transition:border-color .18s,color .18s,box-shadow .18s,text-shadow .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #00000040}.btn:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 55%, transparent), transparent);opacity:.35;height:1px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 40%, transparent);pointer-events:none;transition:opacity .18s;position:absolute;bottom:5px;left:.65rem;right:.65rem}.btn:hover:not(:disabled):after{opacity:.9}.btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 55%, var(--border));color:var(--text)}.btn:focus-visible{outline:1px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.btn:disabled{opacity:.42;cursor:not-allowed}.btn:disabled:after{opacity:.12}.btn--primary{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elevated));color:color-mix(in srgb, var(--accent) 92%, #eafcf9);border-color:color-mix(in srgb, var(--accent) 50%, var(--border));text-shadow:0 0 20px color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent) 22%, transparent), 0 0 24px color-mix(in srgb, var(--accent) 22%, transparent)}.btn--primary:after{opacity:.75;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 90%, #fff), transparent);box-shadow:0 0 14px color-mix(in srgb, var(--accent) 55%, transparent)}.btn--primary:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 75%, transparent);text-shadow:0 0 26px color-mix(in srgb, var(--accent) 50%, transparent)}html[data-ui-tone=heat] .btn--primary{color:color-mix(in srgb, var(--accent) 88%, #fff5f6);background:color-mix(in srgb, var(--accent) 16%, var(--bg-elevated));border-color:color-mix(in srgb, var(--accent) 48%, var(--border))}.btn-row{flex-wrap:wrap;gap:.75rem;margin-top:.9rem;display:flex}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-pad) calc(var(--card-pad) + .1rem);margin:var(--card-gap-y) 0}.glass-surface{background:color-mix(in srgb, var(--bg-elevated) 46%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.12);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:calc(var(--radius) + 2px);box-shadow:inset 0 1px #ffffff12,0 0 0 1px #00000029,0 18px 50px #0000005c}html[data-ui-tone=heat] .glass-surface{background:color-mix(in srgb, var(--bg-elevated) 44%, transparent);border-color:color-mix(in srgb, var(--accent) 34%, var(--border));box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #00000038,0 18px 50px #0006}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center}.error{color:var(--danger);font-size:.9rem}.form-msg{color:var(--muted);margin:.15rem 0 .35rem;font-size:.88rem}.linkish{border:none;border-bottom:1px solid color-mix(in srgb, var(--accent) 42%, transparent);color:var(--accent);font:inherit;letter-spacing:.06em;cursor:pointer;box-shadow:0 6px 18px -8px color-mix(in srgb, var(--accent) 55%, transparent);background:0 0;border-radius:0;margin-top:.75rem;padding:.15rem 0;font-size:.82rem;text-decoration:none;transition:border-color .18s,color .18s,text-shadow .18s,box-shadow .18s;display:inline-block}.linkish:hover:not(:disabled){border-bottom-color:color-mix(in srgb, var(--accent) 88%, transparent);text-shadow:0 0 14px color-mix(in srgb, var(--accent) 35%, transparent)}.linkish.danger{color:var(--danger);border-bottom-color:color-mix(in srgb, var(--danger) 45%, transparent);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--danger) 45%, transparent)}.linkish.danger:hover:not(:disabled){border-bottom-color:color-mix(in srgb, var(--danger) 80%, transparent);text-shadow:0 0 14px color-mix(in srgb, var(--danger) 35%, transparent)}.divider{text-align:center;color:var(--muted);margin:1.25rem 0 .75rem;font-size:.8rem}.mono{font-family:ui-monospace,monospace}.big-code{letter-spacing:.18em;margin:.25rem 0;font-size:1.75rem}.member-list{margin:.5rem 0 0;padding:0;list-style:none}.member-list li{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.member-list li:last-child{border-bottom:none}.lobby-screen{flex-direction:column;align-items:stretch;gap:1.15rem;display:flex}.lobby-screen__head{justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .95rem;display:flex}.lobby-screen__sheet{flex-direction:column;gap:1.05rem;padding:1.25rem 1.15rem 1.35rem;display:flex}.lobby-screen__head h1{margin:0;line-height:1.15}.lobby-screen>.card{margin-block:0}.lobby-screen .card{background:color-mix(in srgb, var(--bg-elevated) 44%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.12);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:calc(var(--radius) + 2px);flex-direction:column;gap:.9rem;display:flex;box-shadow:inset 0 1px #ffffff12,0 0 0 1px #00000024,0 16px 44px #00000057}html[data-ui-tone=heat] .lobby-screen .card{background:color-mix(in srgb, var(--bg-elevated) 42%, transparent);border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}html[data-ui-tone=heat] .lobby-screen .btn-row{background:color-mix(in srgb, var(--bg-elevated) 40%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.lobby-screen .card h2{margin:0;font-size:1.08rem}.lobby-screen .member-list{margin:0}.lobby-screen .member-list li{padding:.55rem 0}.lobby-screen .big-code{margin:.15rem 0}.lobby-screen .btn-row{background:color-mix(in srgb, var(--bg-elevated) 42%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.08);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:calc(var(--radius) + 2px);gap:.9rem;margin-top:0;padding:.9rem 1rem 1rem;box-shadow:inset 0 1px #ffffff0f,0 12px 36px #0000004d}.lobby-screen>.linkish{align-self:flex-start;margin-top:0}.store-screen__body{flex-direction:column;justify-content:center;gap:1rem;min-height:min(56vh,26rem);margin-top:clamp(.5rem,4vh,2rem);padding-top:clamp(1.5rem,10vh,5.5rem);padding-bottom:2rem;display:flex}.store-screen__body h1{margin:0}.lobby-screen .field{gap:.52rem}.lobby-pack-hint{margin-top:.4rem;line-height:1.45;display:block}.lobby-pack-select{width:100%}.pill{text-transform:uppercase;letter-spacing:.1em;border:1px solid color-mix(in srgb, var(--border) 80%, var(--accent));color:var(--muted);box-shadow:0 0 12px -4px color-mix(in srgb, var(--accent) 15%, transparent);border-radius:1px;padding:.18rem .42rem .22rem;font-size:.62rem}.pill--ready{color:color-mix(in srgb, var(--accent) 90%, #eafcf9);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));text-shadow:0 0 10px color-mix(in srgb, var(--accent) 28%, transparent)}html[data-ui-tone=heat] .pill--ready{color:color-mix(in srgb, var(--accent) 90%, #fff5f6);background:color-mix(in srgb, var(--accent) 14%, transparent)}.pill--host{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));color:var(--accent)}.game-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.game-header__embedded-actions{align-items:center;gap:.5rem;display:flex}.banner{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 12%, var(--bg-elevated));border:1px solid var(--accent-dim);padding:.75rem .95rem;font-weight:600}.banner.subtle{font-size:.92rem;font-weight:500}.targets{gap:1rem;display:grid}.hold-reveal__label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .5rem;font-size:.75rem}.hold-reveal__pad{border:1px solid color-mix(in srgb, var(--border) 75%, var(--accent));background:color-mix(in srgb, var(--bg) 70%, var(--bg-elevated));width:100%;min-height:4.85rem;color:var(--text);font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff0a, 0 0 20px -6px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:1px;padding:.9rem 1.1rem;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.hold-reveal__pad:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));box-shadow:inset 0 1px 0 #ffffff0d, 0 0 26px -4px color-mix(in srgb, var(--accent) 28%, transparent)}.hold-reveal__hint{color:var(--muted);font-size:.78rem}.hold-reveal__hidden{letter-spacing:.2em;color:var(--muted);font-size:1.25rem}.hold-reveal__content{margin-top:.35rem;font-size:1.15rem;font-weight:700}.reveal-line{display:block}.whack-wrap{flex-direction:column;align-items:center;margin:2rem 0 1.25rem;display:flex}.whack-btn{width:min(100%,260px);min-height:3.35rem;aspect-ratio:unset;border:1px solid color-mix(in srgb, var(--accent) 65%, transparent);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 88%, #f4fffc);cursor:pointer;background:linear-gradient(175deg, color-mix(in srgb, var(--accent) 22%, var(--bg-elevated)), color-mix(in srgb, var(--accent) 6%, var(--bg)));box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 0 32px color-mix(in srgb, var(--accent) 28%, transparent);text-shadow:0 0 18px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:1px;font-size:.88rem;font-weight:800;transition:transform .12s,border-color .18s,box-shadow .18s}html[data-ui-tone=heat] .whack-btn{color:color-mix(in srgb, var(--accent) 90%, #fff5f6);border-color:color-mix(in srgb, var(--accent) 58%, transparent);background:linear-gradient(175deg, color-mix(in srgb, var(--accent) 24%, var(--bg-elevated)), color-mix(in srgb, var(--accent) 8%, var(--bg)));box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 32px color-mix(in srgb, var(--accent) 26%, transparent)}.whack-btn:active:not(:disabled){transform:translateY(1px)}.whack-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.modal-overlay{padding:var(--modal-overlay-pad-top) 1.1rem var(--modal-overlay-pad-bottom-stack);z-index:240;box-sizing:border-box;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=480px){.modal-overlay{padding-top:max(1.25rem, var(--modal-overlay-pad-top));padding-bottom:var(--modal-overlay-pad-bottom-centered);align-items:center}}.modal-overlay.modal-overlay--whack-respond{padding:max(.75rem, env(safe-area-inset-top,0px)) 1.1rem max(5.75rem, var(--modal-overlay-pad-bottom-stack));justify-content:center;align-items:center}.modal.modal--whack-respond{overscroll-behavior:contain;max-height:min(78dvh,28rem);overflow-y:auto}@media (width<=479px){.modal.modal--whack-respond{max-height:min(28rem, calc(100dvh - max(.75rem, env(safe-area-inset-top,0px)) - max(5.75rem, var(--modal-overlay-pad-bottom-stack)) - 1.25rem))}}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:1.45rem 1.35rem 1.35rem;box-shadow:0 24px 80px #0008}.character-picker-modal{flex-direction:column;max-width:min(28rem,100%);min-height:0;max-height:min(88dvh,640px);padding:1.15rem 1.1rem 1.2rem;display:flex;overflow:hidden}@media (width<=479px){.character-picker-modal{max-height:min(640px, calc(100dvh - var(--modal-overlay-pad-top) - var(--modal-overlay-pad-bottom-stack) - 1.25rem))}}.character-picker-modal__head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.character-picker-modal__head h2{letter-spacing:-.02em;margin:0;font-size:1.15rem}.character-picker-modal__close{flex-shrink:0;font-size:.85rem}.character-picker-modal__grid{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.75rem;min-height:0;margin:0;padding:.1rem .15rem 1.25rem;list-style:none;display:grid;overflow-y:auto}.character-picker-tile{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:calc(var(--radius) - 2px);background:color-mix(in srgb, var(--bg) 55%, transparent);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.45rem;width:100%;margin:0;padding:.55rem .4rem .65rem;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.character-picker-tile:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 20px color-mix(in srgb, var(--accent) 22%, transparent)}.character-picker-tile__frame{border:2px solid var(--border);width:72px;height:72px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:10px;display:block;overflow:hidden}.character-picker-tile__frame img{object-fit:cover;width:100%;height:100%;display:block}.character-picker-tile__name{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);max-width:100%;font-size:.68rem;font-weight:700;line-height:1.25}.dossier-photo-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;margin:0;padding:0;transition:box-shadow .15s;display:block;box-shadow:0 0 0 2px #0000}.dossier-photo-btn:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.dossier-photo-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.stat-grid li{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.55rem .65rem}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;display:block}.stat-value{font-size:1.15rem;font-weight:700}.pack-list{margin:0;padding:0;list-style:none}.pack-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pack-card h2{margin:0 0 .25rem;font-size:1.05rem}.admin-debug summary{cursor:pointer;margin-bottom:.5rem;font-weight:600}.debug-table-wrap{margin:.5rem 0 1rem;overflow-x:auto}.debug-table{border-collapse:collapse;width:100%;font-size:.72rem}.debug-table th,.debug-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.35rem .4rem}.debug-table th{color:var(--muted);font-weight:600}.debug-pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;max-height:12rem;margin:.5rem 0 1rem;padding:.5rem;font-size:.68rem;overflow-x:auto}@media (width<=639px){.welcome-screen.brand-stage:before{background-color:#0000;background-image:linear-gradient(160deg, color-mix(in srgb, var(--bg) 22%, transparent) 0%, color-mix(in srgb, var(--accent) 14%, transparent) 48%, color-mix(in srgb, var(--bg) 75%, transparent) 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}html[data-ui-tone=heat] .welcome-screen.brand-stage:before{background-image:linear-gradient(160deg, color-mix(in srgb, var(--bg) 28%, transparent) 0%, color-mix(in srgb, var(--accent) 18%, transparent) 48%, color-mix(in srgb, var(--bg) 78%, transparent) 100%)}}.welcome-stack{flex-direction:column;align-items:center;gap:1.15rem;width:100%;max-width:420px;display:flex}.welcome-screen{min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top,0px)) var(--page-pad-x) 3rem;padding-bottom:max(3rem, env(safe-area-inset-bottom,0px));justify-content:center;align-items:flex-start;display:flex}@media (width<=639px){.welcome-screen.brand-stage{padding-top:clamp(28vh,9.5rem,44vh);padding-bottom:max(2rem, env(safe-area-inset-bottom,0px));align-items:center}}@media (width>=640px){.welcome-screen{padding:2rem var(--page-pad-x) 3rem;align-items:center}}.welcome-inner{text-align:center;width:100%;max-width:420px}.welcome-inner--glass{border-radius:calc(var(--radius) + 8px);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent), 0 32px 72px #00000094;-webkit-backdrop-filter:blur(20px)saturate(1.2);padding:1.45rem 1.55rem 2.05rem}.welcome-brand{margin:0 0 .65rem;line-height:0;animation:.7s ease-out both welcome-in}.welcome-brand__img{width:min(300px,88vw);height:auto;margin:0 auto;display:block}.welcome-tagline{animation:.7s ease-out 80ms both welcome-in}.welcome-blurb{animation:.7s ease-out .16s both welcome-in}.welcome-actions{justify-content:center;gap:.85rem;animation:.7s ease-out .24s both welcome-in}@keyframes welcome-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.welcome-brand,.welcome-tagline,.welcome-blurb,.welcome-actions{animation:none}}.rules-modal{flex-direction:column;gap:1rem;min-height:0;max-height:min(560px,100dvh - 3rem);display:flex;overflow:hidden}@media (width<=479px){.rules-modal{max-height:min(560px, calc(100dvh - var(--modal-overlay-pad-top) - var(--modal-overlay-pad-bottom-stack) - 1.5rem))}}.rules-modal__brand{align-items:center;gap:.75rem;display:flex}.rules-modal__brand img{opacity:.95;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 40%, transparent));flex-shrink:0}.rules-modal__brand h2{letter-spacing:-.02em;margin:0;font-size:1.2rem}.rules-scroll{flex:1;min-height:0;padding:.15rem .4rem 1rem 0;font-size:.9rem;line-height:1.55;overflow-y:auto}.rules-modal__footer{flex-shrink:0;padding-top:.15rem}.rules-h{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:1rem 0 .35rem;font-size:.78rem}.rules-h:first-child{margin-top:0}.auth-screen__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.auth-forgot-link{text-align:center;width:fit-content;max-width:100%;margin:.65rem auto 0;font-size:.88rem;display:block}.auth-mode-toggle{text-align:center;width:fit-content;max-width:100%;margin:1.05rem auto 0;display:block}.auth-rules-btn{letter-spacing:.12em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:color-mix(in srgb, var(--accent) 85%, var(--text));box-shadow:0 0 16px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:1px;margin-top:0;padding:.32rem .55rem .38rem;font-size:.62rem;font-weight:800;line-height:1;text-decoration:none;transition:border-color .18s,box-shadow .18s}.auth-rules-btn:hover{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));box-shadow:0 0 22px color-mix(in srgb, var(--accent) 32%, transparent)}.auth-back{text-align:center;margin-top:.5rem;display:block}.profile-screen__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.profile-screen__head h1{letter-spacing:-.02em;margin:0;font-size:1.55rem}.profile-logout-btn{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);width:2.35rem;height:2.35rem;color:color-mix(in srgb, var(--accent) 88%, var(--text));cursor:pointer;box-shadow:0 0 16px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:1px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:border-color .18s,box-shadow .18s,color .18s;display:inline-flex}.profile-logout-btn:hover{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));box-shadow:0 0 22px color-mix(in srgb, var(--accent) 32%, transparent)}.profile-logout-btn svg{width:1.12rem;height:1.12rem}.profile-logout-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--compact{letter-spacing:.05em;text-transform:none;padding:.45rem .85rem;font-size:.85rem}.dossier-card{--dossier-pad-y:1.25rem;padding:var(--dossier-pad-y) 1.15rem 1.15rem;margin:var(--card-gap-y) 0;position:relative}.dossier-card__stack{z-index:0;position:relative}.dossier-card>.dossier-confidential{top:calc(var(--dossier-pad-y) + (var(--dossier-mug-size,96px) / 2) - -1.58em);white-space:nowrap;letter-spacing:.16em;color:var(--danger);opacity:.52;pointer-events:none;transform-origin:100% 0;z-index:2;font-size:.72rem;font-weight:800;display:inline-block;position:absolute;bottom:auto;left:auto;right:.5rem;transform:rotate(45deg)}.dossier-photo-wrap{flex-shrink:0}.dossier-top{align-items:flex-start;gap:1rem;display:flex}.dossier-meta{flex:1;min-width:0}.dossier-codename{letter-spacing:-.02em;margin:0 0 .15rem;font-size:1.35rem;font-weight:800}.dossier-clearance{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .35rem;font-size:.72rem}.dossier-title-line{color:var(--accent);margin:0;font-size:.95rem;font-weight:600}.dossier-tallies{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.dossier-tally{background:color-mix(in srgb, var(--bg) 52%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--border) 78%, var(--accent));border-radius:8px;min-width:4.5rem;padding:.35rem .55rem;box-shadow:inset 0 1px #ffffff0a}.dossier-tally span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.65rem;display:block}.dossier-tally strong{font-size:1.05rem}.dossier-badges{flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex}.dossier-stamp{text-transform:uppercase;letter-spacing:.05em;border:1px dashed color-mix(in srgb, var(--accent) 50%, var(--border));color:var(--muted);background:color-mix(in srgb, var(--accent) 8%, var(--bg));border-radius:4px;padding:.2rem .5rem;font-size:.68rem;font-weight:700}.dossier-amend{margin-top:1rem}.dossier-card .dossier-amend.card{background:color-mix(in srgb, var(--bg) 34%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.05);border:1px solid color-mix(in srgb, var(--border) 70%, var(--accent));box-shadow:inset 0 1px #ffffff0d}html[data-ui-tone=heat] .dossier-card .dossier-amend.card{border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}.dossier-amend summary{cursor:pointer;color:var(--accent);font-size:.88rem;font-weight:600}.dossier-filed{color:var(--accent);align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;animation:.45s stamp-pop;display:inline-flex}@keyframes stamp-pop{0%{opacity:0;transform:scale(.85)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.avatar-mugshot{width:var(--mug-size,88px);height:var(--mug-size,88px);border:2px solid var(--border);background:var(--bg);font-weight:800;font-size:calc(var(--mug-size,88px) * .28);letter-spacing:.04em;color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-mugshot img{object-fit:cover;width:100%;height:100%}.case-file{text-align:center}.case-closed__rules-link{text-align:right;margin:0 0 .5rem}.case-closed__rules-link .linkish{margin-top:0}.case-file__title{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 .25rem;font-size:.75rem}.case-file__headline{letter-spacing:-.02em;margin:0 0 1.2rem;font-size:1.45rem}.case-closed .case-file__headline{margin-bottom:1.45rem}.case-closed-card{text-align:center}.case-closed-stack{flex-direction:column;align-items:center;gap:2rem;max-width:320px;margin:0 auto 1.25rem;display:flex}.case-mug{text-align:center;z-index:1;flex-direction:column;align-items:center;display:flex}.case-mug .role{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .5rem;font-size:.65rem}.case-winner .role{color:var(--accent)}.case-name{margin:.55rem 0 0;font-size:.95rem;font-weight:700}.case-name--target{margin-top:.75rem;font-size:.85rem}.case-eliminated{text-transform:uppercase;letter-spacing:.2em;color:var(--danger);margin:.65rem 0 0;font-size:.72rem;font-weight:800}.case-weapon{margin:.85rem 0 0;font-size:.88rem;line-height:1.45}.case-weapon strong{font-size:1.05rem}.case-kia .avatar-mugshot{filter:saturate(.65)brightness(.92);position:relative}.case-kia .avatar-mugshot:after{content:"";pointer-events:none;background:linear-gradient(135deg, transparent 0%, transparent 30%, color-mix(in srgb, var(--danger) 14%, transparent) 41%, color-mix(in srgb, var(--danger) 42%, transparent) 48.8%, color-mix(in srgb, var(--danger) 42%, transparent) 51.2%, color-mix(in srgb, var(--danger) 14%, transparent) 59%, transparent 70%, transparent 100%), linear-gradient(-135deg, transparent 0%, transparent 30%, color-mix(in srgb, var(--danger) 14%, transparent) 41%, color-mix(in srgb, var(--danger) 42%, transparent) 48.8%, color-mix(in srgb, var(--danger) 42%, transparent) 51.2%, color-mix(in srgb, var(--danger) 14%, transparent) 59%, transparent 70%, transparent 100%);position:absolute;inset:0}.case-time{border-top:1px dashed var(--border);margin-top:1.25rem;padding-top:1rem}.case-time-clock{margin:.35rem 0 0;font-family:ui-monospace,monospace;font-size:1.15rem;font-weight:600}.case-tally-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.case-tally-row--center{justify-content:center;margin-top:.65rem}.tally-stroke{margin-right:1px}.case-tally-marks{letter-spacing:.08em;color:var(--danger);font-family:ui-monospace,monospace;font-weight:700}.case-file__actions{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:320px;margin:.5rem auto 0}.case-file__actions .btn,.case-file__actions .btn--primary{width:100%;max-width:220px}.case-file__actions .muted{text-align:center}
