@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg, #0b0f16);color:inherit;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--mf-bg:#0a0c0f;--mf-bg2:#0e1116;--mf-fg:#e8ecf2;--mf-muted:#b3b9c2;--mf-accent:#8ea4b5;--mf-accent2:#a9baca;--mf-danger:#d14d4d;--mf-ok:#65c39a;--mf-warn:#d7b568;--mf-owner:#cfeff7;--mf-border:#2b313a;--mf-sep:#1b2028;--mf-round:14px;--mf-round-sm:10px;--mf-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";--mf-glass: rgba(16,18,22,.5);--mf-glass-strong: rgba(16,18,22,.66);--mf-soft-shadow: 0 2px 14px rgba(0,0,0,.45);--mf-vh: 1dvh;--mf-vw: 1dvw;--mf-safe-top: env(safe-area-inset-top, 0px);--mf-safe-bottom: env(safe-area-inset-bottom, 0px);--mf-center-min: 64px;--mf-center-max: 520px;--mf-grid-gap: 12px;--mf-edge-pad: 8px;--mf-ava: 64px;--mf-menu-accent: var(--mf-accent);--mf-menu-accent2: var(--mf-accent2);--mf-menu-bg-dark:#121418;--mf-menu-bg-darker:#0b0e12;--mf-menu-glass: rgba(16,18,22,.5);--mf-grate-gap: 28px;--mf-scene-bg: radial-gradient(100% 120% at 0 0, color-mix(in lab, var(--mf-accent) 10%, transparent) 0, transparent 60%), radial-gradient(120% 140% at 100% 0, color-mix(in lab, var(--mf-accent2) 8%, transparent) 0, transparent 58%), linear-gradient(180deg, var(--mf-bg) 0%, var(--mf-bg2) 100%);--mf-phase-fade-ms: .7s;--mf-phase-tint: color-mix(in lab, var(--mf-accent) 16%, transparent);--ease-out: cubic-bezier(.2,.8,.2,1);--ease-in: cubic-bezier(.4,0,.2,1);--dur-180: .18s;--dur-240: .24s;--dur-360: .36s;--dur-560: .56s;--elev-surface: 0 1px 0 rgba(255,255,255,.04) inset, 0 6px 18px rgba(0,0,0,.35);--elev-raised: 0 1px 0 rgba(255,255,255,.05) inset, 0 10px 24px rgba(0,0,0,.45);--elev-floating:0 1px 0 rgba(255,255,255,.06) inset, 0 14px 32px rgba(0,0,0,.5);--elev-modal: 0 1px 0 rgba(255,255,255,.06) inset, 0 18px 40px rgba(0,0,0,.6);--role-mafia: #e36d6d;--role-don: var(--role-mafia);--role-doctor: #6fe2a0;--role-sheriff: #ffe08a;--role-civil: #c0c6cf;--role-bodyguard: #a6d2ff;--role-prostitute: #ffb2e3;--role-journalist: #c6cdff;--role-sniper: #ffc2a1}body.mf-phase-night{--mf-accent:#8ea4b5;--mf-accent2:#b8c6d2;--mf-phase-tint: color-mix(in lab, #aab4bf 22%, transparent);--mf-scene-bg: radial-gradient(120% 140% at 0% 0%, color-mix(in lab, #9aa5b1 14%, transparent), transparent 60%), radial-gradient(140% 160% at 100% 0%, color-mix(in lab, #7b8794 10%, transparent), transparent 58%), linear-gradient(180deg, #0a0c0f 0%, #10141b 100%)}body.mf-phase-day{--mf-accent:#9fb2c1;--mf-accent2:#c5d0db;--mf-phase-tint: color-mix(in lab, #d0d6de 16%, transparent);--mf-scene-bg: radial-gradient(120% 140% at 0% 0%, color-mix(in lab, #c2c9d2 14%, transparent), transparent 60%), radial-gradient(140% 160% at 100% 0%, color-mix(in lab, #a9b1bb 10%, transparent), transparent 58%), linear-gradient(180deg, #0b0e12 0%, #14181f 100%)}body.mf-phase-vote{--mf-accent:#a7b9c7;--mf-accent2:#cad6e0;--mf-phase-tint: color-mix(in lab, var(--mf-accent) 18%, transparent);--mf-scene-bg: radial-gradient(120% 140% at 0% 0%, color-mix(in lab, var(--mf-accent) 12%, transparent), transparent 60%), radial-gradient(140% 160% at 100% 0%, color-mix(in lab, var(--mf-accent2) 8%, transparent), transparent 58%), linear-gradient(180deg, #0a0c0f 0%, #0e1116 100%)}body.mf-phase-lobby{--mf-phase-tint: color-mix(in lab, var(--mf-accent) 14%, transparent)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden;scrollbar-gutter:stable both-edges}html,body{overscroll-behavior-y:none}body{margin:0;min-height:100%;background:var(--mf-scenes-bg, var(--mf-scene-bg));color:var(--mf-fg);font-family:var(--mf-font);font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14.5px;line-height:1.5}:root.theme-tg{--mf-bg: var(--tg-theme-bg-color, #0a0c0f);--mf-fg: var(--tg-theme-text-color, #e8ecf2);--mf-accent: var(--tg-theme-accent-text-color, #8ea4b5);--mf-border: color-mix(in lab, var(--mf-fg) 8%, transparent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body.mf-lowend{--mf-soft-shadow: none}body.mf-lowend *{transition-duration:.001ms!important;animation-duration:.001ms!important;will-change:auto!important}body.mf-lowend .mf-gamestage,body.mf-lowend .mf-hud,body.mf-lowend .mf-feed .mf-feed-item,body.mf-lowend .mf-events-card,body.mf-lowend .mf-hero,body.mf-lowend .mf-net,body.mf-lowend .mf-alerttoast-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}body.mf-lowend .mf-tex{display:none!important}@media (prefers-reduced-data: reduce){.mf-tex,.mf-tex-phasebg,.mf-tex-dayfx,.mf-tex-nightfx,.mf-tex-votefx,.mf-tex-noise{display:none!important}.mf-ava-bronze:after{opacity:.35;box-shadow:none}}.mf-app{width:100%;margin:0;min-height:100%;padding:0;display:block}.mf-room-shell{position:relative;margin:0;isolation:isolate}.mf-room{position:relative;display:flex;flex-direction:column;gap:14px;min-height:calc(100 * var(--mf-vh) - var(--mf-safe-top) - var(--mf-safe-bottom));padding-top:var(--mf-safe-top);padding-bottom:var(--mf-safe-bottom)}.mf-tex{position:absolute;inset:0;pointer-events:none;z-index:-1}.mf-tex-phasebg{z-index:-3;opacity:0;transition:opacity var(--mf-phase-fade-ms) ease,filter var(--mf-phase-fade-ms) ease;background-image:var(--phase-bg-image);background-position:center center;background-repeat:no-repeat;background-size:cover;filter:saturate(.9) contrast(1.04) brightness(.96);will-change:opacity}.mf-tex-phasebg.is-active{opacity:1}.mf-tex-phasebg:after{content:"";position:absolute;inset:0;background:none;mix-blend-mode:normal}.mf-tex-dayfx{opacity:0;transition:opacity .35s ease;background:radial-gradient(circle at 10% 22%,rgba(255,255,255,.05) 0 2px,transparent 3px),radial-gradient(circle at 82% 26%,rgba(255,255,255,.04) 0 2px,transparent 3px),conic-gradient(from -24deg at 8% -14%,color-mix(in lab,#dfe5ee 10%,transparent),transparent 36%),conic-gradient(from -30deg at 0% -6%,color-mix(in lab,#b9c3cf 10%,transparent),transparent 42%);mix-blend-mode:screen;filter:blur(.25px)}body.mf-phase-day .mf-tex-dayfx{opacity:.38}.mf-tex-nightfx{opacity:0;transition:opacity .35s ease;background:radial-gradient(100% 120% at 90% -10%,color-mix(in lab,#a7b2bf 16%,transparent),transparent 60%),radial-gradient(circle at 20% 25%,rgba(255,255,255,.2) 0 1px,transparent 2px),radial-gradient(circle at 40% 15%,rgba(255,255,255,.14) 0 1px,transparent 2px),radial-gradient(circle at 65% 30%,rgba(255,255,255,.18) 0 1px,transparent 2px);mix-blend-mode:screen}body.mf-phase-night .mf-tex-nightfx{opacity:.45}.mf-tex-votefx{opacity:0;transition:opacity .35s ease;background:conic-gradient(from 90deg at 50% 112%,color-mix(in lab,var(--mf-accent) 20%,transparent),transparent 30%,color-mix(in lab,#c8d2de 12%,transparent) 45%,transparent 65%,color-mix(in lab,var(--mf-accent) 20%,transparent) 85%,transparent 100%),radial-gradient(120% 60% at 50% 110%,rgba(0,0,0,.45),transparent 60%);mix-blend-mode:overlay}body.mf-phase-vote .mf-tex-votefx{opacity:.45}.mf-tex-vignette{display:none}.mf-tex-noise{background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 2px),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 2px);opacity:.18}.mf-tex-spot{--mx:.5;--my:.18;background:radial-gradient(60% 140% at calc(var(--mx) * 100%) calc(var(--my) * 100%),color-mix(in lab,var(--mf-accent) 14%,transparent),transparent 60%);filter:blur(.2px)}.mf-hud{background:var(--mf-glass);border:1px solid var(--mf-border);border-radius:var(--mf-round);padding:12px;backdrop-filter:blur(6px) saturate(120%);box-shadow:var(--elev-surface);position:relative}.mf-hud-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}.mf-hud-row:first-child{margin-top:0}.mf-hud.just-started .mf-hud-row{opacity:0;transform:translateY(-8px);animation:mf-slide-down .58s var(--ease-out) forwards}@keyframes mf-slide-down{to{opacity:1;transform:translateY(0)}}.mf-code{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#16181c6b,#1012165c);border:1px solid var(--mf-border);border-radius:999px;padding:6px 10px;min-width:220px;box-shadow:0 2px 8px #00000059 inset;flex:1 1 auto;min-width:0}.mf-code-label{color:var(--mf-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.mf-code-value{font-weight:900;letter-spacing:.12em;font-size:16px;padding:2px 8px;background:linear-gradient(180deg,color-mix(in lab,var(--mf-accent) 18%,transparent),color-mix(in lab,var(--mf-accent) 6%,transparent));border-radius:8px;user-select:all;white-space:nowrap}.mf-hud-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding:4px;border-radius:10px;background:linear-gradient(180deg,#181a1e59,#12141840);border:1px solid rgba(64,70,80,.65);box-shadow:0 2px 10px #00000047 inset}.mf-chip{background:#161a1f;color:var(--mf-fg);border:1px solid var(--mf-border);border-radius:999px;padding:6px 10px;font-size:12px;line-height:1;min-height:30px;display:inline-flex;align-items:center;transition:background .15s ease,transform .1s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 2px 8px #00000040;cursor:pointer}.mf-chip:hover{background:#1b2026;transform:translateY(-1px)}.mf-chip:active{transform:translateY(0)}.mf-chip.ghost{background:transparent;color:#e1e4ea;border-style:dashed;border-color:#3a404c}.mf-chip.ghost:hover{background:#1b202659;border-color:#4a5160}.mf-chip.danger{background:#2b1515;border-color:#532525;color:#ffd6d6;box-shadow:none}.mf-chip.owner{background:#152022;border-color:#274044;color:#c6fff1}.mf-chip.primary{background:linear-gradient(180deg,#2b333d,#1a1f26);color:#e8edf4;border:1px solid #49515b;font-weight:900;box-shadow:0 1px #ffffff0d inset,0 6px 18px #00000059}.mf-btn{background:linear-gradient(180deg,#1a1f26,#11161c);color:var(--mf-fg);border:1px solid #2f353e;border-radius:12px;padding:10px 12px;cursor:pointer;transition:.15s transform ease,.15s background ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 1px #ffffff0a inset,0 8px 16px #00000059;min-height:44px;font-weight:800;letter-spacing:.02em}.mf-btn:hover{background:linear-gradient(180deg,#212833,#151b22);border-color:#3a424c}.mf-btn:active{transform:translateY(1px)}.mf-btn.primary{background:linear-gradient(180deg,#2d3641,#1b2129) padding-box,linear-gradient(120deg,#6b7784,#a3b1be) border-box;border:1px solid transparent;color:#eaf0f6;text-shadow:0 1px 0 rgba(0,0,0,.65);box-shadow:0 1px #ffffff0f inset,0 10px 24px #00000073}.mf-btn.primary[disabled]{opacity:.6;pointer-events:none;filter:grayscale(.3) brightness(.92)}.mf-btn.big{width:100%;padding:12px 14px;font-size:16px;border-radius:14px}.mf-btn.sm{min-height:34px;padding:6px 10px;border-radius:10px;font-size:13px}.mf-btn.ghost{background:transparent;border:1px dashed #3a404c;color:var(--mf-muted)}.mf-btn.danger{background:#2b1515;border:1px solid #5a2a2a}.mf-btn.disabled{opacity:.6;pointer-events:none}.mf-hud-hint{margin-top:8px;font-size:13px;color:#dfe3ea;opacity:.95}.mf-timer{position:relative;display:flex;align-items:center;gap:8px;background:#191c21;border:1px solid var(--mf-border);border-radius:999px;padding:6px 10px;width:100%;min-width:0}.mf-timer-icon{opacity:.9}.mf-timer-text{font-weight:900;letter-spacing:.05em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";width:5ch;text-align:right;transition:color .2s ease}.mf-timer-bar{position:relative;flex:1;height:6px;background:#14171c;border-radius:999px;overflow:hidden}.mf-timer-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--mf-accent),var(--mf-accent2));transform-origin:left center;animation:mf-depleteX var(--msLeft, 0ms) linear forwards;will-change:transform}@keyframes mf-depleteX{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.mf-timer.critical .mf-timer-text{color:var(--mf-danger)}.mf-timer.critical .mf-timer-bar i{background:linear-gradient(90deg,#ff4d4d,#ff8a8a)}.mf-timer.critical{box-shadow:none;color:#ffd8d8}.mf-gamestage{position:relative;padding:12px 14px 14px;border-radius:18px;margin-top:8px;border:1px solid color-mix(in lab,var(--mf-fg) 8%,transparent);background:linear-gradient(180deg,#16181cc7,#0c0e129e) padding-box,radial-gradient(160% 200% at 0% 0%,color-mix(in lab,var(--mf-accent) 20%,transparent),transparent 60%) border-box;box-shadow:var(--elev-raised);backdrop-filter:blur(12px) saturate(130%);isolation:isolate;display:flex;flex-direction:column;gap:10px}.mf-gamestage.animate{box-shadow:0 0 0 1px color-mix(in lab,var(--mf-accent) 12%,transparent),var(--elev-floating)}.mf-gs-appear{opacity:0;transform:translateY(-6px) scale(.98);animation:mf-stage-in .42s var(--ease-out) forwards}@keyframes mf-stage-in{to{opacity:1;transform:translateY(0) scale(1)}}.mf-gs-tiles{display:flex;flex-wrap:nowrap;gap:10px;align-items:stretch}.mf-gs-pill{position:relative;display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:16px;background:linear-gradient(180deg,#181a208c,#12141a8c) padding-box,radial-gradient(120% 160% at 100% 0%,rgba(255,255,255,.05),transparent 60%) padding-box;border:1px solid color-mix(in lab,var(--mf-fg) 10%,transparent);box-shadow:0 1px #ffffff0d inset,0 12px 28px #0000006b;color:#e7ebf3;font-weight:900;letter-spacing:.04em;text-shadow:0 1px 0 rgba(0,0,0,.35);flex:1 1 0;min-width:0}.mf-gs-pill:after{content:"";position:absolute;inset:0;border-radius:14px;border:1px dashed rgba(255,255,255,.06);opacity:.6;pointer-events:none}.mf-gs-pill .ico{font-size:22px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.mf-gs-pill .txt{font-size:18px;line-height:1.2;white-space:nowrap}.mf-gs-pill.idle{opacity:.78}.mf-gs-pill.active{background:linear-gradient(180deg,color-mix(in lab,var(--mf-accent) 16%,rgba(24,26,32,.8)),#121418db) padding-box,radial-gradient(120% 160% at 0% 0%,color-mix(in lab,var(--mf-accent2) 20%,transparent),transparent 70%) border-box;border-color:color-mix(in lab,var(--mf-accent) 46%,var(--mf-fg) 6%);box-shadow:0 0 0 1px color-mix(in lab,var(--mf-accent) 26%,transparent),0 12px 28px #0000008c,0 1px #ffffff14 inset;opacity:1}.mf-gs-pill.active:after{border-color:color-mix(in lab,var(--mf-accent) 38%,transparent);opacity:.9}.mf-gs-bottom{display:flex;gap:10px;align-items:stretch;flex-wrap:nowrap}.mf-gs-timer-card,.mf-gs-daycard{position:relative;padding:8px 11px;border-radius:16px;background:linear-gradient(180deg,#16181ccc,#0e1014b3) padding-box,radial-gradient(120% 160% at 0% 0%,color-mix(in lab,var(--mf-accent) 14%,transparent),transparent 70%) border-box;border:1px solid color-mix(in lab,var(--mf-fg) 8%,transparent);box-shadow:0 1px #ffffff0d inset,0 12px 28px #0000006b;backdrop-filter:blur(8px)}.mf-gs-timer-card{flex:1.1 1 0;display:flex;align-items:center;min-width:0}.mf-gs-daycard{flex:0 0 clamp(120px,26vw,158px);margin-left:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.mf-gs-daycard .label{color:#d3d7df;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.mf-gs-daycard .val{justify-self:end;font-weight:1000;font-size:28px;letter-spacing:.08em;line-height:1.1;color:#f6f8fb;text-shadow:0 1px 0 rgba(0,0,0,.35)}.mf-timer{position:relative;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#14161ceb,#0c0e12d1) padding-box,radial-gradient(120% 160% at 0% 0%,rgba(255,255,255,.06),transparent 70%) border-box;border:1px solid color-mix(in lab,var(--mf-fg) 10%,transparent);border-radius:14px;padding:9px 11px;width:100%;min-width:0;box-shadow:0 1px #ffffff0f inset,0 10px 24px #0000006b}.mf-timer.skeleton{opacity:.65}.mf-timer-icon{opacity:.9;font-size:18px}.mf-timer-text{font-weight:1000;letter-spacing:.08em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";width:5ch;text-align:right;transition:color .2s ease;color:#f4f6fb}.mf-timer-bar{position:relative;flex:1;height:8px;background:linear-gradient(180deg,#12141ae6,#0a0c10e6);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.mf-timer-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#f8f8fa,color-mix(in lab,var(--mf-accent) 60%,#dce4ef));transform-origin:left center;animation:mf-depleteX var(--msLeft, 0ms) linear forwards;will-change:transform}.mf-timer.critical .mf-timer-bar i{background:linear-gradient(90deg,#ffb0b0,#ff5858)}@media (max-width: 720px){.mf-gs-tiles,.mf-gs-bottom{flex-wrap:nowrap}.mf-gs-daycard{grid-template-columns:auto auto}}@media (max-width: 420px){.mf-gamestage{padding:10px 12px 12px;gap:10px}.mf-gs-pill{padding:8px 9px}.mf-gs-pill .txt{font-size:16px}}.mf-final-banner{position:relative;padding:12px;border-radius:16px;isolation:isolate;border:1px solid transparent;background:linear-gradient(180deg,#16181c99,#0e101473) padding-box,radial-gradient(120% 180% at 0% 0%,color-mix(in lab,var(--mf-accent) 18%,transparent),transparent 60%) border-box;box-shadow:var(--elev-raised);text-align:center}.mf-final-banner .txt{font-weight:1000;letter-spacing:.12em;font-size:clamp(28px,7vw,40px);text-shadow:0 1px 0 rgba(0,0,0,.45);animation:mf-final-pop .5s var(--ease-out) both}.mf-final-banner .sub{margin-top:6px;opacity:.95;font-size:14px;color:#dfe3ea}.mf-final-banner.win-mafia .txt{color:var(--mf-danger);text-shadow:0 0 24px rgba(209,77,77,.35),0 1px 0 rgba(0,0,0,.45)}.mf-final-banner.win-city .txt{color:var(--mf-ok);text-shadow:0 0 24px rgba(101,195,154,.35),0 1px 0 rgba(0,0,0,.45)}@keyframes mf-final-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mf-menu{display:flex;flex-direction:column;gap:12px;--menu-gap: 14px;--menu-pad-x: clamp(14px, 4vw, 24px);--menu-pad-y: clamp(12px, 3.2vh, 18px);padding:var(--menu-pad-y) var(--menu-pad-x);margin-top:clamp(6px,1.6vh,14px)}.mf-menu>*{width:100%;max-width:min(720px,100%);margin-inline:auto}.mf-menu.v2{--pad-x: clamp(14px, 4vw, 28px);--pad-y: clamp(12px, 3.2vh, 20px);display:flex;flex-direction:column;gap:16px;padding:var(--pad-y) var(--pad-x);margin-top:clamp(6px,1.6vh,14px)}.mf-menu.v2>*{width:100%;max-width:min(860px,100%);margin-inline:auto}.mf-menu-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(32px,9vh,72px) var(--pad-x) clamp(18px,5vh,28px);border-radius:20px;border:1px solid color-mix(in lab,var(--mf-accent) 30%,transparent);background:radial-gradient(140% 180% at 10% -10%,color-mix(in lab,var(--mf-accent) 14%,transparent),transparent 60%),radial-gradient(160% 200% at 110% -20%,color-mix(in lab,var(--mf-accent2) 12%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in lab,#121417 65%,var(--mf-bg) 35%),color-mix(in lab,#0d0f12 65%,var(--mf-bg2) 35%));box-shadow:0 10px 32px #0000007a,0 0 0 1px #ffffff0a inset;backdrop-filter:blur(8px) saturate(120%)}.mf-menu-hero:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(80% 160% at calc(var(--mx, .5)*100%) calc(var(--my, .18)*100%),color-mix(in lab,var(--mf-accent) 10%,transparent),transparent 60%);mix-blend-mode:screen;opacity:.45}.mf-menu-logo{font-size:clamp(36px,9vw,64px);line-height:1;letter-spacing:.18em;font-weight:1000;text-align:center;background:linear-gradient(180deg,#fff,#dfe7ee 82%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 6px rgba(0,0,0,.25),0 3px 0 rgba(0,0,0,.35)}.mf-menu-tagline{margin:10px auto 0;text-align:center;max-width:38ch;color:color-mix(in lab,var(--mf-muted) 70%,#fff 30%);text-shadow:0 1px 0 rgba(0,0,0,.35)}.mf-menu-actions{display:flex;flex-direction:column;gap:12px;padding:0 var(--pad-x)}.mf-join-inline{display:grid;grid-template-columns:1fr auto;gap:10px;background:linear-gradient(180deg,#14161aeb,#0e1014e6);border:1px solid color-mix(in lab,var(--mf-accent) 22%,#3a404c 78%);border-radius:16px;padding:10px;box-shadow:var(--mf-soft-shadow)}.mf-input.big{min-height:48px;font-size:16px;border-radius:12px;border:1px solid var(--mf-border);background:#11141a;color:var(--mf-fg);padding:12px;width:100%}.mf-form-hint{font-size:13px;padding:0 4px}.mf-form-hint.danger{color:var(--mf-danger)}.mf-btn.xl{width:100%;padding:16px 18px;font-size:18px;border-radius:16px}.mf-create-cta{position:sticky;bottom:calc(8px + var(--mf-safe-bottom));background:linear-gradient(180deg,#2d3641,#1b2129) padding-box,linear-gradient(120deg,#6b7784,#a3b1be) border-box;border:1px solid transparent;color:#eaf0f6;text-shadow:0 1px 0 rgba(0,0,0,.65);box-shadow:0 1px #ffffff0f inset,0 10px 24px #00000073;letter-spacing:.03em;font-weight:1000;transform:translateZ(0)}.mf-create-cta:hover{filter:saturate(1.02)}.mf-create-cta:active{transform:translateY(1px)}.mf-recent{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.mf-menu-cards{display:grid;gap:10px;padding:0 var(--pad-x);grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 720px){.mf-menu-cards{grid-template-columns:1fr}}.mf-menu-card{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:4px;align-items:start;padding:12px;border-radius:14px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 22px #00000047 inset;backdrop-filter:blur(6px)}.mf-menu-card .ico{font-size:20px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.mf-menu-card .title{font-weight:900;letter-spacing:.02em}.mf-menu-card .text{color:#d8dbe2;margin:0;grid-column:1 / -1}.mf-menu-footer{display:flex;align-items:center;gap:8px;padding:4px var(--pad-x) 0}.mf-menu-footer .muted{color:var(--mf-muted);font-size:12px}.mf-menu-footer .spacer{flex:1}.mf-grid{display:flex;flex-direction:column;gap:var(--mf-grid-gap);align-items:stretch;width:100%;contain:layout;overflow:visible;flex:1 1 auto;--mf-center-col: clamp(170px, 34vw, 320px)}.mf-row{display:grid;grid-template-columns:minmax(0,1fr) var(--mf-center-col) minmax(0,1fr);gap:var(--mf-grid-gap);align-items:flex-start}.mf-row.center-only{grid-template-columns:1fr;justify-items:center}.mf-row+.mf-row{margin-top:2px}.mf-slot{display:flex;justify-content:center;min-height:0}.mf-slot.left{justify-content:flex-start;padding-left:10px}.mf-slot.right{justify-content:flex-end;padding-right:10px}.mf-slot.center{justify-content:center}.mf-slot.center>*{width:100%}.mf-slot.empty{visibility:hidden;min-width:var(--mf-ava)}.mf-center-cta{display:flex;flex-direction:column;gap:8px;width:100%;max-width:var(--mf-center-max);margin-inline:auto;align-items:center;justify-content:center}.mf-inline-pair{display:flex;gap:var(--mf-grid-gap);align-items:flex-start;justify-content:space-between;width:100%;padding-inline:calc(var(--mf-grid-gap) * .75)}.mf-stage{position:relative;isolation:isolate}.mf-hint.center{text-align:center;color:var(--mf-muted);font-size:12px;opacity:.95}.mf-events-toggle{--cta-bg: linear-gradient(135deg, rgba(26,30,38,.94), rgba(12,14,20,.9));--cta-border: linear-gradient(120deg,#7a88a2,#9db5c8);position:sticky;top:calc(12px + var(--mf-safe-top));display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;min-height:44px;border-radius:14px;border:1px solid transparent;background:var(--cta-bg) padding-box,var(--cta-border) border-box;box-shadow:0 10px 22px #00000073,0 0 0 1px #ffffff0a inset;font-weight:1000;letter-spacing:.02em;transition:transform .15s ease,box-shadow .25s ease,filter .25s ease,background .2s ease,border-color .2s ease;max-inline-size:min(100%,var(--mf-center-max));align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:10;color:#eaf0f6;text-shadow:0 1px 0 rgba(0,0,0,.65)}.mf-events-toggle:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff14,#fff0 40%) top/100% 60% no-repeat,radial-gradient(60% 220% at 50% -100%,#ffffff1a,#fff0 60%) no-repeat;mix-blend-mode:screen;opacity:.4}.mf-events-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 28px #00000085,0 0 0 1px #ffffff14 inset}.mf-events-toggle:active{transform:translateY(0);filter:saturate(1.04)}.mf-events-toggle.open{--cta-bg: linear-gradient(180deg,#2d3641 0%, #1b2129 100%);color:#eaf0f6;box-shadow:0 6px 18px #00000059}.mf-events-toggle.disabled,.mf-events-toggle[disabled]{opacity:.6;pointer-events:none}.mf-events-toggle.mf-start-toggle,.mf-events-toggle.mf-ready-toggle{position:sticky;top:calc(18px + var(--mf-safe-top));bottom:auto;width:auto;max-inline-size:min(100%,var(--mf-center-max));align-self:center;z-index:24;box-shadow:0 1px #ffffff14 inset,0 14px 28px #0000007a}.mf-events-toggle.mf-start-toggle{--cta-bg: linear-gradient(135deg,#2c3948 0%, #131922 55%, #101520 100%);--cta-border: linear-gradient(120deg,#6c8bd8 0%, #4cc6a8 50%, #9fb4ff 100%);letter-spacing:.05em;text-transform:uppercase}.mf-events-toggle.mf-ready-toggle{--cta-bg: linear-gradient(135deg,#202733 0%, #0d1118 60%, #0b1016 100%);--cta-border: linear-gradient(120deg,#586575 0%, #7b8ca0 100%);letter-spacing:.03em}.mf-vote-toggle{--cta-bg: linear-gradient(135deg,#1c222c 0%, #0d1116 60%, #0a0e14 100%);--cta-border: linear-gradient(120deg,#6b7784 0%, #8da1b8 100%);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;min-height:42px;border-radius:12px;border:1px solid transparent;background:var(--cta-bg) padding-box,var(--cta-border) border-box;box-shadow:0 8px 18px #0000006b,0 0 0 1px #ffffff0a inset;font-weight:900;letter-spacing:.02em;color:#eaf0f6;text-shadow:0 1px 0 rgba(0,0,0,.6);width:100%;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}.mf-vote-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0000007a}.mf-vote-toggle:active{transform:translateY(0);filter:saturate(1.05)}.mf-vote-toggle.open{--cta-bg: linear-gradient(180deg,#2d3641 0%, #1b2129 100%);box-shadow:0 8px 18px #00000061}.mf-events-toggle.mf-ready-toggle.ok{--cta-bg: linear-gradient(135deg,#1c2f22 0%, #0c1711 70%, #0b140f 100%);--cta-border: linear-gradient(120deg,#56c78c 0%, #7ae0a8 60%, #3fa96d 100%);box-shadow:0 1px #ffffff1a inset,0 14px 26px #0000006b,0 0 0 1px #5ac4874d}.mf-events-toggle.mf-start-toggle:hover,.mf-events-toggle.mf-ready-toggle:hover{filter:saturate(1.03)}.mf-events-toggle.mf-start-toggle:active,.mf-events-toggle.mf-ready-toggle:active{transform:translateY(1px)}.mf-events-toggle.has-unread:after{content:"";position:absolute;right:10px;top:8px;width:10px;height:10px;border-radius:50%;background:#d7b568;box-shadow:none}.mf-player{position:relative;width:var(--mf-ava);max-width:var(--mf-ava);background:transparent;border:none;border-radius:0;padding:6px 0 12px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;outline:none;overflow:visible!important}.mf-player.me .mf-nick{text-decoration:underline;text-underline-offset:2px}.mf-player.ghosted{opacity:1;filter:grayscale(.35)}.mf-player:focus,.mf-player:active{outline:none!important;box-shadow:none!important}.mf-player:focus-visible .mf-ava-bronze{box-shadow:0 0 0 3px color-mix(in lab,var(--mf-accent) 35%,transparent),var(--mf-soft-shadow)}.mf-player.vote-locked{filter:grayscale(.35) opacity(.75);cursor:not-allowed}.mf-player[aria-pressed=true] .mf-ava-bronze:before{box-shadow:0 0 0 2px color-mix(in lab,var(--mf-accent) 35%,transparent),0 6px 18px #00000059}.mf-player:active .mf-ava-bronze:before{filter:saturate(1.06)}.mf-avatar-wrap{position:relative;width:var(--mf-ava);aspect-ratio:2 / 3;height:auto;isolation:isolate;margin-bottom:2px;overflow:visible!important;transform-style:preserve-3d;will-change:transform}.mf-avatar{display:block;width:100%;height:100%;border-radius:10px;object-fit:cover;border:1px solid #2d323b;background:#15181d;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}.mf-avatar.placeholder{display:flex;align-items:center;justify-content:center;font-weight:900;color:#c6cbd3;font-size:20px}.mf-skel{position:absolute;inset:0;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 37%,#ffffff0f 63%);background-size:400% 100%;animation:mf-shimmer var(--dur-560) linear infinite;z-index:1}@keyframes mf-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.mf-owner-crown{position:absolute;left:50%;top:-.28em;transform:translate(-50%);font-size:calc(var(--mf-ava) * .36);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));z-index:5;pointer-events:none}.mf-mafia-mark{position:absolute;top:-10px;right:-10px;z-index:12;pointer-events:none;font-size:clamp(16px,calc(var(--mf-ava) * .42),22px);line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.5);filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.mf-mafia-mark .cnt{display:inline-block;margin-left:2px;font-size:.8em;font-weight:1000}.mf-mafia-mark.mine{filter:drop-shadow(0 0 8px rgba(255,255,255,.25)) drop-shadow(0 2px 6px rgba(0,0,0,.45))}.mf-mafia-mark.don{color:var(--role-don);text-shadow:0 0 12px rgba(223,174,87,.28),0 1px 0 rgba(0,0,0,.4)}.mf-dot{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;border:2px solid var(--mf-bg);z-index:3}.mf-dot.ok{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#ef4444}.mf-dot.ok.ready{background:#22c55e}.mf-dot.ok.not-ready{background:#ef4444}.mf-dot.rip{background:var(--mf-danger)}.mf-role-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;border:1px solid transparent;white-space:nowrap;backdrop-filter:blur(2px);z-index:2}.role-MAFIA{background:#a7b2bf26;color:var(--role-mafia);border-color:#a7b2bf44}.role-DON{background:#a7b2bf26;color:var(--role-don);border-color:#a7b2bf44}.role-DOCTOR{background:#59d18526;color:var(--role-doctor);border-color:#59d18544}.role-SHERIFF{background:#ffd36926;color:var(--role-sheriff);border-color:#ffd36944}.role-CIVIL{background:#9aa4b226;color:var(--role-civil);border-color:#9aa4b244}.role-BODYGUARD{background:#6bb6ff26;color:var(--role-bodyguard);border-color:#6bb6ff44}.role-PROSTITUTE{background:#ff7acb26;color:var(--role-prostitute);border-color:#ff7acb44}.role-JOURNALIST{background:#9ea7ff26;color:var(--role-journalist);border-color:#9ea7ff44}.role-SNIPER{background:#ff9a6b26;color:var(--role-sniper);border-color:#ff9a6b44}.mf-dead-onava{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:repeating-linear-gradient(135deg,#0b0c0ea6 0 8px,#0b0c0e59 8px 16px);font-weight:1000;letter-spacing:.14em;font-size:12px;color:var(--mf-danger);text-shadow:0 1px 2px rgba(0,0,0,.7);z-index:2;pointer-events:none}.mf-nick{width:100%;font-weight:800;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;unicode-bidi:plaintext;font-variant-east-asian:proportional-width}.mf-ready-summary{text-align:center;font-size:13px;color:#dfe3ea;opacity:.95}.mf-vote-ring{display:none!important}.mf-sheet{position:fixed;inset:0;background:#06080c80;display:flex;align-items:flex-end;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mf-sheet-card{width:100%;background:linear-gradient(180deg,#0f1116,#0a0c10);border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid var(--mf-border);padding:12px 12px calc(12px + var(--mf-safe-bottom));max-height:calc(100 * var(--mf-vh));overflow:auto;overscroll-behavior:contain}.mf-sheet-head{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--mf-sep)}.mf-sheet-ava{width:52px;height:78px;border-radius:10px;overflow:hidden;border:1px solid var(--mf-border);background:#15181d;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.mf-sheet-ava img{width:100%;height:100%;object-fit:cover;display:block}.mf-sheet-ava .ph{font-weight:900;color:#c6cbd3;font-size:18px}.mf-sheet-title{min-width:0;flex:1 1 auto}.mf-sheet-title .nick{font-weight:900;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mf-sheet-title .sub{color:#c6cbd3;font-size:12px;margin-top:2px}.mf-sheet-actions{display:flex;flex-direction:column;gap:8px;padding-top:10px}.mf-iconbtn{background:transparent;border:none;color:var(--mf-fg);font-size:18px;padding:4px 8px;cursor:pointer}.mf-btn.sheet{width:100%;text-align:center;border-radius:12px;font-weight:900}.mf-btn.sheet.primary{background:linear-gradient(180deg,#2d3641,#1b2129) padding-box,linear-gradient(120deg,#6b7784,#a3b1be) border-box;border:1px solid transparent;color:#eaf0f6}.mf-btn.sheet.ok{background:#183728;border:1px solid #244f3a}.mf-btn.sheet.warn{background:#3b2f18;border:1px solid #6b552a}.mf-btn.sheet.danger{background:#2b1515;border:1px solid #6b2a2a}.mf-btn.sheet.ghost{background:transparent;border:1px dashed #3a404c;color:#c6cbd3}.mf-vote{background:linear-gradient(180deg,#181a20eb,#0c0e12db) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box;border:1px solid transparent;border-radius:16px;padding:11px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--elev-floating);backdrop-filter:blur(10px) saturate(120%)}.mf-vote-title{font-weight:1000;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.mf-vote-left{color:#d0d3da;font-size:12px;padding:5px 8px;border-radius:10px;background:#ffffff0d}.mf-vote-rows{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto;padding-right:2px}.mf-vote-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto auto;gap:10px;align-items:center}.mf-vote-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;unicode-bidi:plaintext;font-variant-east-asian:proportional-width;font-weight:900}.mf-vote-bar{position:relative;width:100%;height:10px;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#2d333d,#151a21) padding-box,linear-gradient(120deg,#7a8795,#b3c0cc) border-box;border:1px solid transparent;box-shadow:inset 0 1px #ffffff0d}.mf-vote-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--votePct, 0%);background:radial-gradient(100% 180% at 0% 50%,rgba(255,30,30,.55),transparent 60%),linear-gradient(90deg,#ff2d2d,#ff6a6a);box-shadow:0 0 10px #ff2d2d8c,0 0 18px #ff5a5a59 inset;transition:width .22s cubic-bezier(.2,.8,.2,1);will-change:width}.mf-vote-row.leader .mf-vote-bar{box-shadow:0 0 0 1px #ffffff0f inset,0 6px 18px #00000059 inset}.mf-vote-row.leader .mf-vote-bar i{filter:saturate(1.08) brightness(1.05)}.mf-vote-bar:after{content:"";position:absolute;top:0;bottom:0;width:2px;left:calc((var(--vote-threshold, .5) * 100%) - 1px);background:#ffffff47;opacity:.6}.mf-vote-count{min-width:26px;text-align:right;font-weight:900}.mf-vote-pct{min-width:38px;text-align:right;color:#d6dae2;font-size:12px;font-weight:900}.mf-vote-empty{text-align:center;color:#d6dae2}.mf-vote-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:calc(12px + var(--mf-safe-top)) 12px 16px;background:#080a0e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:mf-fade-in .22s ease}.mf-vote-modal-card{position:relative;width:min(420px,96vw);margin-top:6px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#101216eb,#0a0c10f2) padding-box,linear-gradient(120deg,#6b7784,#a3b1be) border-box;box-shadow:var(--elev-modal);animation:mf-pop-in .32s var(--ease-out);padding:14px 14px 16px;display:flex;flex-direction:column;gap:12px;max-height:min(82vh,760px);overflow:hidden}.mf-vote-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mf-vote-modal-title{font-weight:1000;letter-spacing:.04em}.mf-vote-close{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#dfe3ea;font-weight:900;z-index:1}.mf-vote-modal-body{flex:1;overflow:auto}.mf-confirm{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:12px;background:radial-gradient(140% 140% at 50% -10%,rgba(110,135,160,.18),transparent 60%),#080a0e8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:mf-fade-in .18s ease}.mf-confirm-card{width:min(420px,94vw);border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#101216f0,#0a0c10f5) padding-box,linear-gradient(120deg,#6b7784,#a3b1be) border-box;box-shadow:var(--elev-modal);padding:16px;animation:mf-pop-in .28s var(--ease-out)}.mf-confirm-title{font-weight:1000;letter-spacing:.04em;font-size:16px;margin-bottom:12px}.mf-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mf-confirm-actions .mf-btn{min-height:42px;width:100%}.mf-feed{--line: rgba(255,255,255,.14);--glow: 0 4px 24px rgba(255,255,255,.08);--chip: rgba(255,255,255,.06);padding:8px 12px 12px;border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);box-shadow:var(--glow);width:100%}.mf-feed.empty{opacity:.75;font-size:14px}.mf-feed.compact{margin-top:0}.mf-feed-title{font-weight:900;font-size:14px;letter-spacing:.02em;opacity:.95;margin-bottom:8px}.mf-feed-list{list-style:none;margin:0;padding:0 0 0 10px;position:relative}.mf-feed-list:before{content:"";position:absolute;left:2px;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--line),transparent 70%);border-radius:2px}.mf-feed-item{position:relative;margin:8px 0;padding:10px 12px 10px 14px;background:var(--chip);border:1px solid rgba(255,255,255,.08);border-radius:14px;backdrop-filter:blur(6px);line-height:1.25}.mf-events-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:#080a0e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mf-events-card{width:min(92vw,720px);max-height:min(78vh,860px);overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#101216eb,#0a0c10f2) padding-box,linear-gradient(120deg,#6b7784,#a3b1be) border-box;box-shadow:var(--elev-modal);animation:mf-pop-in .34s var(--ease-out)}.mf-events-head{position:sticky;top:0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:12px;background:linear-gradient(180deg,#0a0c10e6,#0a0c10a6);border-bottom:1px solid rgba(255,255,255,.06);z-index:1}.mf-events-title{font-weight:900;letter-spacing:.02em}.mf-events-filters{display:flex;gap:6px;align-items:center;justify-content:center}.mf-events-close{font-size:20px}.mf-events-body{padding:10px 12px 14px}@keyframes mf-pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mf-role-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#080a0e8c}.mf-role-card{width:min(92vw,460px);background:linear-gradient(180deg,#101216e6,#0a0c10eb);border:1px solid var(--mf-border);border-radius:18px;padding:16px 14px;text-align:center;perspective:1000px;transform-style:preserve-3d;opacity:0;transform:translateY(6px) scale(.98);animation:mf-role-appear .44s var(--ease-out) forwards}.mf-role-ico{font-size:40px;margin-bottom:6px}.mf-role-title{font-size:20px;font-weight:900;margin-bottom:4px;letter-spacing:.02em}.mf-role-desc{color:#cfd3da;margin-bottom:8px}.mf-role-card[data-flipped=false] .mf-role-title,.mf-role-card[data-flipped=false] .mf-role-desc,.mf-role-card[data-flipped=false] .mf-role-cta{opacity:0;transform:translateY(6px);pointer-events:none}.mf-role-card[data-flipped=true] .mf-role-title,.mf-role-card[data-flipped=true] .mf-role-desc,.mf-role-card[data-flipped=true] .mf-role-cta{opacity:1;transform:translateY(0);transition:opacity .25s ease .06s,transform .25s ease .06s}.mf-role-card[data-flipped=true] .mf-role-title{animation:mf-role-title-reveal .36s ease both}.mf-role-card[data-flipped=true] .mf-role-desc{animation:mf-role-desc-reveal .52s ease .06s both}.mf-role-card .mf-avatar-wrap{width:calc(var(--mf-ava) * 1.48);margin-inline:auto}.mf-role-card .mf-role-cta[disabled]{pointer-events:none}.mf-role-ghost{position:relative}.mf-role-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease;transform:rotateY(180deg);will-change:transform}.mf-role-flip.is-flipped{transform:rotateY(0)}.mf-role-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;overflow:hidden;border:1px solid var(--mf-border);background:#15181d}.mf-role-face.back{transform:rotateY(180deg)}.mf-role-modal.flying{background:transparent!important;opacity:0!important;pointer-events:none!important}.mf-role-modal.flying .mf-role-card{opacity:0!important}.mf-role-ghost.mf-flight{filter:saturate(1.04) brightness(1.02)}.mf-role-ghost.mf-flight:after{content:"";position:absolute;inset:-6px;border-radius:10px;pointer-events:none;background:radial-gradient(80% 180% at 50% -20%,#ffffff29,#fff0 60%),linear-gradient(180deg,#ffffff0f,#fff0);mix-blend-mode:screen;opacity:.45;animation:mf-flight-trail .52s ease forwards}@keyframes mf-flight-trail{0%{opacity:.45}70%{opacity:.2}to{opacity:0}}.mf-ava-hidden,body.mf-role-open .mf-player.me .mf-avatar-wrap{visibility:hidden}.mf-role-fly{contain:layout style;overflow:visible!important;will-change:transform}body.mf-animating .mf-hud,body.mf-animating .mf-gamestage{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.mf-tex-phasebg,.mf-toast-card,.mf-events-toggle,.mf-avatar{will-change:opacity,transform;contain:paint}.mf-net{position:sticky;top:0;z-index:21;display:flex;gap:8px;align-items:center;margin:8px 0;padding:8px 12px;border-radius:12px;border:1px solid #6b552a;background:#3b2f1859;color:#ffe7b0;backdrop-filter:blur(6px)}.mf-net .ico{opacity:.9}.mf-net .txt{font-size:13px}.mf-endedbar{position:sticky;bottom:0;inset-inline:0;padding:10px 12px var(--mf-safe-bottom);background:linear-gradient(180deg,#0000,#0000008c 35%)}.mf-endedbar-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#141418cc;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}.mf-endedbar-title{font-weight:800;opacity:.9}.mf-endedbar-btn{min-width:180px}@media (max-width: 390px){.mf-endedbar-inner{grid-template-columns:1fr}.mf-endedbar-btn{width:100%}}.mf-empty{display:flex;align-items:center;justify-content:center;min-height:120px;border:1px dashed var(--mf-border);border-radius:12px;color:#d6dae2;background:#16181c47;text-align:center;padding:16px}.mf-safe{height:var(--mf-safe-bottom)}button:focus-visible,.mf-chip:focus-visible,.mf-input:focus-visible,.mf-gs-chip:focus-visible,.mf-gs-day:focus-visible{outline:2px solid color-mix(in lab,var(--mf-accent) 35%,transparent);outline-offset:2px}.mf-player:focus-visible{outline:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.mf-ava-bronze{--brz-w: clamp(3px, calc(var(--mf-ava) * .06), 7px);--brz-r: calc(10px + var(--brz-w));--brz-base: #3b454f;--brz-dark: #12161b;--brz-light: #a8b2be;--brz-edge: #e7edf5;--brz-patina: #5b6672;position:relative;isolation:isolate;overflow:visible!important;z-index:7;transform-style:preserve-3d}.mf-ava-bronze:before{content:"";position:absolute;inset:calc(var(--brz-w) * -1);border-radius:var(--brz-r);padding:var(--brz-w);pointer-events:none;z-index:2;background:radial-gradient(120% 180% at 30% -10%,color-mix(in lab,var(--brz-edge) 52%,transparent) 0 60%,transparent 61%),conic-gradient(from 210deg,var(--brz-light) 0deg,var(--brz-base) 80deg,var(--brz-dark) 160deg,var(--brz-base) 260deg,var(--brz-light) 360deg),linear-gradient(180deg,color-mix(in lab,var(--brz-light) 38%,var(--brz-base)) 0%,var(--brz-dark) 100%),radial-gradient(160% 120% at 0% 0%,color-mix(in lab,var(--brz-patina) 16%,transparent),transparent 60%),radial-gradient(160% 160% at 120% -10%,color-mix(in lab,var(--brz-patina) 12%,transparent),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");background-blend-mode:overlay,normal,normal,overlay,overlay,multiply;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:0 2px 10px #00000059,0 0 0 1px #ffffff0a inset}.mf-ava-bronze:after{content:"";position:absolute;inset:calc(var(--brz-w) * -1);border-radius:var(--brz-r);padding:var(--brz-w);pointer-events:none;z-index:3;background:conic-gradient(from -90deg at 50% 50%,#ff3d3df2 0 calc(var(--voteRatio, 0) * 360deg),#ff3d3d00 calc(var(--voteRatio, 0) * 360deg) 360deg),radial-gradient(70% 160% at calc(var(--mx, .5) * 100%) calc(var(--my, .2) * 100%),#ffffff2e,#fff0 60%),conic-gradient(from 150deg at 50% 50%,#ffffff24 0 8%,#fff0 8% 48%,#ffffff24 48% 52%,#fff0 52% 92%,#ffffff24 92% 100%);mix-blend-mode:screen;opacity:.75;transition:opacity .25s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:0 0 12px rgba(255,61,61,calc(var(--voteRatio,0) * .45)),0 0 18px rgba(255,61,61,calc(var(--voteRatio,0) * .35)) inset}.mf-ava-bronze[data-voted=true]:after{opacity:.95}.mf-ava-bronze:before,.mf-ava-bronze:after{transform-origin:center;backface-visibility:hidden;transition:transform .6s ease}.mf-role-card[data-flipped=false] .mf-ava-bronze:before,.mf-role-card[data-flipped=false] .mf-ava-bronze:after,.mf-ava-bronze[data-flipped=false]:before,.mf-ava-bronze[data-flipped=false]:after{transform:rotateY(180deg)}.mf-role-card[data-flipped=true] .mf-ava-bronze:before,.mf-role-card[data-flipped=true] .mf-ava-bronze:after,.mf-ava-bronze[data-flipped=true]:before,.mf-ava-bronze[data-flipped=true]:after{transform:rotateY(0)}.mf-toasts{position:fixed;left:50%;bottom:calc(14px + var(--mf-safe-bottom));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;width:min(92vw,560px);z-index:1300;pointer-events:none}.mf-toast-card{--toast-index: 0;--lift: calc(var(--toast-index) * 6px);pointer-events:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#16181ceb,#0e1014e6);border:1px solid var(--mf-border);box-shadow:0 10px 26px #00000059;transform:translateY(calc(16px - var(--lift))) scale(.98);opacity:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease}.mf-toast-card.in{transform:translateY(calc(0px - var(--lift))) scale(1);opacity:1}.mf-toast-card .ico{font-size:18px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.mf-toast-card .txt{min-width:0}.mf-toast-card .title{font-weight:900;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.mf-toast-card .sub{color:#d6dae2;font-size:12px;margin-top:2px;opacity:.95}.mf-toast-card .tag{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(2px)}.mf-toast-card .tag.good{background:#183728;color:#6fe2a0;border-color:#244f3a}.mf-toast-card .tag.bad{background:#2b1515;color:#ff9a9a;border-color:#6b2a2a}.mf-toast-card.info{border-color:#3a404c}.mf-toast-card.ok,.mf-toast-card.success{border-color:#244f3a}.mf-toast-card.warn{border-color:#6b552a}.mf-toast-card.danger,.mf-toast-card.error{border-color:#6b2a2a}.mf-toast-card.has-cta{grid-template-columns:auto 1fr auto}.mf-toast-cta{display:flex;align-items:center}.mf-toast-btn{background:linear-gradient(180deg,#2d3641,#1b2129) padding-box,linear-gradient(120deg,#6b7784,#a3b1be) border-box;border:1px solid transparent;color:#eaf0f6;text-shadow:0 1px 0 rgba(0,0,0,.65);box-shadow:0 1px #ffffff0f inset,0 8px 16px #00000059;border-radius:10px;padding:6px 12px;font-weight:900;cursor:pointer}.mf-toast-btn:active{transform:translateY(1px)}.mf-alerttoast-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;background:#080a0e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mf-alerttoast-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(92vw,560px);border-radius:16px;border:1px solid var(--mf-border);background:linear-gradient(180deg,#16181ceb,#0e1014e6);box-shadow:var(--elev-modal);padding:12px}.mf-alerttoast-card .ico{font-size:18px}.mf-alerttoast-card .title{font-weight:900;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.mf-alerttoast-card .sub{color:#d6dae2;font-size:12px;margin-top:2px;opacity:.95}.mf-alerttoast-actions{display:flex;align-items:center;justify-content:flex-end}.mf-shake{animation:mf-shake .36s var(--ease-out)}@keyframes mf-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.mf-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;border-radius:8px;padding:6px 8px;font-size:12px;background:#14161aeb;border:1px solid rgba(255,255,255,.08);opacity:0;pointer-events:none;transition:opacity var(--dur-180) var(--ease-out);box-shadow:var(--elev-surface)}.mf-player:hover .mf-tooltip,.mf-player:focus-visible .mf-tooltip{opacity:1}.mf-phase-flash{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 160% at 50% 50%,var(--mf-phase-tint),transparent 60%);opacity:0;transition:opacity var(--dur-180) var(--ease-out)}.mf-phase-flash.in{opacity:.6}.mf-skip{position:absolute;left:8px;top:8px;z-index:2000;padding:6px 10px;border-radius:10px;background:#11141a;color:#fff;border:1px solid #3a404c;transform:translateY(-200%);transition:transform var(--dur-180) var(--ease-out)}.mf-skip:focus{transform:translateY(0);outline:2px solid color-mix(in lab,var(--mf-accent) 35%,transparent)}.mf-dossier-modal{position:fixed;inset:0;z-index:1150;display:grid;place-items:center;background:#080a0e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mf-dossier-card{width:min(92vw,560px);border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#101216eb,#0a0c10f2) padding-box,linear-gradient(120deg,#6b7784,#a3b1be) border-box;box-shadow:0 14px 42px #0009,0 6px 20px #00000073 inset;animation:mf-pop-in .34s var(--ease-out)}.mf-dossier-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.mf-dossier-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#cfd3da;opacity:.9}.mf-dossier-body{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px}.mf-dossier-ava{width:84px;height:126px;border-radius:10px;overflow:hidden;border:1px solid var(--mf-border);background:#15181d;display:flex;align-items:center;justify-content:center}.mf-dossier-ava img{width:100%;height:100%;object-fit:cover;display:block}.mf-dossier-ava .ph{font-weight:900;color:#c6cbd3;font-size:18px}.mf-dossier-info{position:relative;min-height:126px;display:flex;align-items:center;justify-content:flex-start}.mf-dossier-title{font-size:20px;font-weight:900;letter-spacing:.02em;margin:0;z-index:1}.mf-dossier-stamp{position:absolute;right:8px;bottom:6px;z-index:0;font-weight:1000;letter-spacing:.14em;font-size:clamp(18px,5.6vw,26px);padding:6px 10px;border:3px solid currentColor;border-radius:8px;transform:rotate(-8deg);mix-blend-mode:normal;opacity:.95}.mf-dossier-stamp.good{color:#65c39a;text-shadow:0 0 18px rgba(101,195,154,.28)}.mf-dossier-stamp.bad{color:#d14d4d;text-shadow:0 0 18px rgba(209,77,77,.28)}.mf-dossier-foot{padding:10px 12px 14px;display:flex;justify-content:flex-end}@media (max-width:768px){:root{--mf-center-min: 56px;--mf-edge-pad: 6px}.mf-hud{padding:10px;border-radius:12px}.mf-gs-timer{min-width:0}.mf-grid{gap:8px}.mf-events-toggle{top:calc(6px + var(--mf-safe-top));padding:10px 16px}.mf-role-card{width:min(94vw,460px)}.mf-sheet-card{padding:10px 10px calc(10px + var(--mf-safe-bottom))}}@media (max-width: 1024px){:root{--mf-center-max: 460px;--mf-grid-gap: 10px}}@media (max-width: 720px){:root{--mf-ava: 58px}.mf-menu-logo{text-shadow:0 0 4px rgba(0,0,0,.25)}}@media (max-width: 540px){.mf-vote-rows{max-height:200px}}@media (max-width: 480px){:root{--mf-ava: 54px;--mf-grid-gap: 8px;--mf-center-col: clamp(150px, 62vw, 220px)}.mf-slot.left{padding-left:8px}.mf-slot.right{padding-right:8px}}@media (max-width: 390px){:root{--mf-center-min: 48px;--mf-edge-pad: 6px;--mf-ava: 50px;--mf-center-col: clamp(140px, 68vw, 200px)}.mf-slot.left{padding-left:6px}.mf-slot.right{padding-right:6px}.mf-grid{gap:6px}.mf-chip.ghost{min-height:36px}}@media (orientation: landscape){.mf-events-toggle{bottom:8px;top:auto;position:sticky}:root{--mf-ava: calc(var(--mf-ava) * .88)}}:root[dir=rtl] .mf-grid{grid-template-columns:max-content minmax(var(--mf-center-min),1fr) max-content}:root[dir=rtl] .mf-col.left{align-items:flex-end}:root[dir=rtl] .mf-col.right{align-items:flex-start}.mf-tex-grate{display:none!important;opacity:0!important;background:none!important;-webkit-mask:none!important;mask:none!important}body.mf-phase-lobby .mf-tex-grate{opacity:0!important}.mf-center-cta.lobby-pinned{position:static;margin-top:6px;padding-bottom:0;z-index:20}.mf-events-toggle.mf-start-toggle,.mf-events-toggle.mf-ready-toggle{position:static;top:auto!important;bottom:auto!important;width:auto;max-inline-size:min(100%,var(--mf-center-max));align-self:center}@media (orientation: landscape){.mf-events-toggle.mf-start-toggle,.mf-events-toggle.mf-ready-toggle{top:auto!important}}.mf-player.dead .mf-role-badge{display:inline-flex!important;z-index:7;pointer-events:none}@supports not (backdrop-filter: blur(2px)){.mf-hud,.mf-gamestage,.mf-feed .mf-feed-item,.mf-vote,.mf-vote-modal-card,.mf-events-card,.mf-hero,.mf-net,.mf-endedbar-inner{background-color:#101216eb!important;background-image:none!important;box-shadow:0 1px #ffffff0a inset,0 10px 30px #0000008c!important}.mf-events-modal,.mf-sheet{background-color:#080a0ebf!important}.mf-role-card,.mf-confirm-card{background-color:#101216f0!important}}@supports not (-webkit-backdrop-filter: blur(2px)){.mf-hud,.mf-gamestage,.mf-feed .mf-feed-item,.mf-vote,.mf-vote-modal-card,.mf-events-card,.mf-hero,.mf-net,.mf-endedbar-inner{-webkit-backdrop-filter:none!important}}@supports not (color: color-mix(in lab,#000 50%,#fff)){:root.theme-tg{--mf-border: rgba(236,239,242,.08)}.mf-gs-chip.active{border-color:#4b5661;background:linear-gradient(180deg,#8ea4b538,#8ea4b51f)}.mf-hero{border-color:#8ea4b559;background:radial-gradient(120% 160% at 20% -20%,rgba(142,164,181,.14),transparent 60%),radial-gradient(140% 160% at 110% -10%,rgba(169,186,202,.12),transparent 58%),repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px),linear-gradient(180deg,#121417,#0c0e10)}.mf-hero-logo,.mf-menu-logo{background:linear-gradient(180deg,#fff,#e3e9ef);-webkit-background-clip:text;background-clip:text}.mf-gamestage{background:linear-gradient(180deg,#16181c99,#0e101473) padding-box,radial-gradient(120% 180% at 0% 0%,rgba(142,164,181,.22),transparent 60%) border-box!important}}@supports not (background: conic-gradient(from 90deg,#000,#fff)){.mf-tex-votefx{background:linear-gradient(180deg,color-mix(in lab,var(--mf-accent) 14%,transparent),transparent 60%),radial-gradient(120% 60% at 50% 110%,rgba(0,0,0,.35),transparent 60%)!important}.mf-vote-ring{background:radial-gradient(circle at center,color-mix(in lab,var(--mf-accent) 85%,transparent),#0000 60%)!important}}@supports not (mask-composite: exclude){.mf-ava-bronze:before,.mf-ava-bronze:after{-webkit-mask:none!important;mask:none!important;padding:0!important;background:none!important}.mf-ava-bronze .mf-avatar{outline:2px solid #a8b2be;outline-offset:2px}}@keyframes mf-role-appear{0%{opacity:0;transform:translateY(10px) scale(.96)}70%{opacity:1;transform:translateY(-2px) scale(1.012)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mf-role-title-reveal{0%{letter-spacing:.06em;filter:blur(2px);opacity:0}to{letter-spacing:.02em;filter:blur(0);opacity:1}}@keyframes mf-role-desc-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: more){.mf-hud,.mf-gamestage,.mf-events-card,.mf-role-card,.mf-alerttoast-card{border-color:color-mix(in lab,var(--mf-fg) 18%,transparent);box-shadow:0 0 0 1px #ffffff14 inset,0 0 0 2px #00000059}.mf-timer{border-color:color-mix(in lab,var(--mf-fg) 18%,transparent)}}html[data-theme=horror-light]{--mf-accent:#b0b7c2;--mf-accent2:#d6dbe2}html[data-theme=noir-blue]{--mf-accent:#8ea4b5;--mf-accent2:#a9baca}.mf-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text, #fff) 14%,transparent);background:color-mix(in srgb,var(--surface, rgba(255,255,255,.06)) 100%,transparent);font-size:18px;line-height:1;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #0000002e;transition:background .16s ease,border-color .16s ease,transform .12s ease,box-shadow .16s ease}.mf-icon-button:hover{background:color-mix(in srgb,var(--surface, rgba(255,255,255,.12)) 90%,transparent);box-shadow:0 6px 18px #00000038}.mf-icon-button:active{transform:scale(.94);box-shadow:0 3px 8px #0000002e}.mf-menu-hero{position:relative}.mf-menu-close{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));background:color-mix(in srgb,var(--surface, rgba(0,0,0,.4)) 90%,transparent);backdrop-filter:blur(8px)}.mf-menu-close:hover{background:color-mix(in srgb,var(--surface, rgba(0,0,0,.55)) 90%,transparent)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg, #0b0f16);color:var(--fg, #e8edf5);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}:root{--tg-bg: #0b0f16;--tg-fg: #e8edf5;--tg-accent: #7aa7ff}.appWrap{min-height:100%}:root{--croco-bg: #04110b;--croco-fg: #e9edf5;--croco-muted: #9fb2c5;--croco-surface: rgba(11, 18, 28, .9);--croco-surface-2: rgba(17, 26, 38, .92);--croco-border: rgba(255, 255, 255, .08);--croco-border-strong: rgba(255, 255, 255, .14);--croco-primary: linear-gradient(135deg, #34d399, #22c55e);--croco-primary-2: linear-gradient(135deg, #22c55e, #16a34a);--croco-green: #1fee9c;--croco-red: #ef4444;--croco-shadow: 0 18px 48px rgba(0, 0, 0, .35)}.croco{position:relative;min-height:100dvh;color:var(--croco-fg);overflow:hidden;overscroll-behavior-y:contain;background:radial-gradient(120% 120% at 18% 12%,rgba(52,211,153,.16),transparent 60%),radial-gradient(110% 120% at 82% 0%,rgba(31,238,156,.18),transparent 55%),radial-gradient(120% 120% at 50% 120%,rgba(12,96,62,.32),transparent 62%),linear-gradient(160deg,#04110b,#0a1a12 38%,#031008 78%,#010b05);font-family:Space Grotesk,Inter,Segoe UI,system-ui,-apple-system,sans-serif}.croco:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle at 50% 55%,rgba(34,197,94,.32) 0,rgba(34,197,94,.32) 32%,transparent 36%),radial-gradient(circle at 50% 55%,rgba(52,211,153,.24) 0,rgba(52,211,153,.24) 30%,transparent 34%),radial-gradient(circle at 50% 55%,rgba(15,118,110,.22) 0,rgba(15,118,110,.22) 28%,transparent 32%);background-size:72px 60px;background-position:0 0,36px 30px,18px 15px;opacity:.48;pointer-events:none}.croco:after{content:"";position:absolute;inset:0;background:radial-gradient(closest-side at 25% 35%,rgba(255,255,255,.08) 0,transparent 62%),radial-gradient(closest-side at 75% 35%,rgba(255,255,255,.08) 0,transparent 62%),radial-gradient(closest-side at 50% 85%,rgba(255,255,255,.06) 0,transparent 62%);background-size:72px 60px;background-position:0 0,36px 30px,0 30px;opacity:.42;pointer-events:none}.croco-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.croco-bg .blob{position:absolute;width:420px;height:420px;border-radius:999px;filter:blur(120px);opacity:.45}.croco-bg .blob.one{background:#0ea5e9;top:-180px;right:-140px}.croco-bg .blob.two{background:#22c55e;bottom:-180px;left:-140px}.croco-wrap{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-left)) calc(32px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-right));display:grid;gap:14px;min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));align-content:start}.croco .switch-overlay{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-right));background:radial-gradient(120% 80% at 18% 15%,rgba(34,197,94,.18),transparent 55%),radial-gradient(120% 80% at 82% 10%,rgba(14,165,233,.16),transparent 55%),#04080e8c;backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);overflow:hidden;will-change:opacity;isolation:isolate}.croco .switch-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#070c1266,#070c1480);z-index:0}.croco .switch-overlay:after{content:"";position:absolute;inset:10% 12%;background:radial-gradient(80% 80% at 50% 50%,rgba(255,255,255,.08),transparent 60%);filter:blur(12px);opacity:.8;pointer-events:none;z-index:0}.croco .switch-shell{position:relative;width:min(94vw,820px);padding:clamp(16px,4vw,26px);display:flex;justify-content:center;align-items:center;border-radius:24px;overflow:hidden;isolation:isolate;z-index:1;background:radial-gradient(130% 90% at 18% 12%,rgba(34,197,94,.16),transparent 55%),radial-gradient(130% 90% at 82% 8%,rgba(14,165,233,.14),transparent 55%),linear-gradient(182deg,#060a0fb8,#05090ee0);box-shadow:0 22px 52px #0000006b,inset 0 1px #ffffff0a;will-change:transform,opacity;transform:translateZ(0)}.croco .switch-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#04080e33,#04080e52);backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);z-index:0}.panel{width:100%;border-radius:18px;padding:16px;background:var(--croco-surface);border:1px solid var(--croco-border);box-shadow:var(--croco-shadow);backdrop-filter:blur(16px);display:grid;gap:12px}.setup-shell{position:relative;display:grid;justify-items:center;padding-top:calc(env(safe-area-inset-top) + clamp(120px,18vw,168px));padding-bottom:clamp(180px,28vw,260px)}.croco-head{position:absolute;bottom:100%;top:auto;left:50%;transform:translate(-50%);width:clamp(180px,46vw,240px);pointer-events:none;filter:drop-shadow(0 14px 34px rgba(0,0,0,.45));z-index:5}.croco-head img{display:block;width:100%;height:auto}.croco-hands{position:absolute;display:flex;justify-content:center;pointer-events:none;z-index:0}.croco-hands img{display:block;width:min(92%,420px);max-width:96vw;height:auto;filter:drop-shadow(0 0 2px rgba(0,0,0,.6)) drop-shadow(0 10px 26px rgba(0,0,0,.26))}.croco-legs{position:absolute;left:50%;transform:translate(-50%);width:min(68%,520px);max-width:640px;pointer-events:none;z-index:0}.croco-legs img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 34px rgba(0,0,0,.24))}.setup-panel{position:relative;z-index:1;overflow:visible;padding-bottom:clamp(100px,18vw,150px);background:transparent;border-color:transparent;box-shadow:none;isolation:isolate}.setup-panel:before{content:"";position:absolute;inset:0;border-radius:18px;background:var(--croco-surface);border:1px solid var(--croco-border);box-shadow:var(--croco-shadow);backdrop-filter:blur(16px);pointer-events:none;z-index:1}.setup-panel .setup-content{position:relative;z-index:3;display:grid;gap:12px}.setup-panel .croco-head{position:absolute;bottom:100%;top:auto;left:50%;transform:translate(-50%);width:clamp(180px,46vw,240px);z-index:5}.setup-panel .croco-hands.hold-panel{top:clamp(108px,19vw,158px);left:50%;transform:translate(-50%);width:calc(100% + 32px);max-width:860px;z-index:5}.setup-panel .croco-hands.hold-panel img{width:100%;max-width:none}.setup-panel .croco-legs{top:100%;left:50%;transform:translate(-50%);width:min(72%,520px);max-width:650px;z-index:2}.roster-shell{position:relative;padding-top:clamp(28px,12vw,88px)}.roster-shell .roster-list{position:relative;z-index:1}@media (max-width: 768px){.setup-panel{padding-bottom:clamp(110px,24vw,180px)}.setup-panel .croco-hands.hold-panel{top:clamp(112px,26vw,166px);width:calc(100% + 26px);max-width:720px}.setup-panel .croco-legs{top:100%;width:min(84%,480px);max-width:560px}.roster-shell{padding-top:clamp(24px,14vw,92px)}}@media (max-width: 480px){.croco-head,.setup-panel .croco-head{width:clamp(160px,46vw,200px)}}.setup-panel .panel-head.with-gear{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--croco-muted);margin:0}.seg{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--croco-border);background:#ffffff0a;color:var(--croco-fg);font-weight:800;min-height:46px}.seg-active{background:var(--croco-primary);border-color:transparent;box-shadow:0 12px 40px #22c55e52;color:#041017}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}.muted{color:var(--croco-muted)}.settings-gear{position:relative;width:46px;height:46px;border-radius:14px;border:1px solid color-mix(in srgb,var(--croco-border) 70%,rgba(34,197,94,.55));background:radial-gradient(120% 120% at 20% 20%,rgba(34,197,94,.24),transparent),radial-gradient(120% 120% at 80% 0%,rgba(52,211,153,.18),transparent),#ffffff0d;color:#fff;display:grid;place-items:center;box-shadow:var(--croco-shadow);overflow:hidden}.gear-inner{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--croco-border-strong);background:#00000059}.gear-glow{position:absolute;inset:-16px;background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.24),transparent 55%);filter:blur(24px);opacity:.7;pointer-events:none}.roster-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:14px;background:var(--croco-surface-2);border:1px solid var(--croco-border);box-shadow:var(--croco-shadow)}.avatar-btn{width:46px;height:46px;border-radius:12px;border:1px solid var(--croco-border-strong);display:inline-grid;place-items:center;font-size:20px;color:#041017;box-shadow:var(--croco-shadow)}.roster-row input{width:100%;background:#00000040;border:1px solid var(--croco-border-strong);border-radius:10px;color:#fff;font-weight:700;padding:12px;font-size:16px;min-height:44px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0f;color:var(--croco-fg);display:grid;place-items:center}.ghost-line{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:14px;border:1px dashed var(--croco-border);background:#ffffff0a;color:var(--croco-fg);font-weight:800}.pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pack-chip{border-radius:14px;border:1px solid var(--croco-border);background:#ffffff0a;color:var(--croco-fg);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;box-shadow:var(--croco-shadow);position:relative;overflow:hidden}.pack-top{display:flex;align-items:center;gap:10px;flex:1}.pack-label{font-weight:900;letter-spacing:.01em}.pack-sticker{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--croco-border);font-size:18px;box-shadow:inset 0 1px #ffffff0f}.pack-active{border-color:#1fee9c;box-shadow:0 14px 40px #1fee9c4d,var(--croco-shadow)}.check-pill{padding:6px;border-color:#1fee9c99;background:#1fee9c26;color:#c8f7dc}.custom-block{margin-top:8px;padding:10px;border-radius:12px;border:1px dashed var(--croco-border);background:#ffffff0a;display:grid;gap:8px}.croco-textarea{width:100%;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0f;color:var(--croco-fg);padding:12px;font-family:inherit;font-size:14px;min-height:120px;box-shadow:inset 0 1px #ffffff0f}.croco-textarea.custom-input{min-height:0;height:44px}.custom-add-row{display:grid;grid-template-columns:1fr auto;gap:8px}.add-chip{width:44px;height:44px;border-radius:12px;border:1px solid var(--croco-border);background:linear-gradient(135deg,#1fee9c,#2ed3ff);color:#041017;font-weight:900;font-size:18px;box-shadow:0 12px 28px #1fee9c47}.custom-chips{display:flex;flex-wrap:wrap;gap:8px}.custom-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:#ffffff0f;border:1px solid var(--croco-border);box-shadow:inset 0 1px #ffffff0a}.chip-word{font-weight:700}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:8px;border:1px solid var(--croco-border);background:#ffffff14;color:var(--croco-fg)}.custom-empty{color:var(--croco-muted);font-size:13px;padding:8px 0}.small-meta{color:var(--croco-muted);font-size:13px}.small-meta.danger{color:#fca5a5}.cta{width:100%;border:none;border-radius:14px;padding:14px;font-weight:900;font-size:16px;color:#041017;background:var(--croco-primary);box-shadow:0 16px 40px #22c55e59;min-height:50px}.cta:disabled{opacity:.6;cursor:not-allowed}.croco-settings-overlay{position:fixed;inset:0;background:radial-gradient(120% 120% at 15% 10%,rgba(34,197,94,.12),transparent),radial-gradient(120% 120% at 85% 20%,rgba(52,211,153,.14),transparent),#040a10b8;backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-right));z-index:1200;overflow:hidden}.croco-settings-window{position:relative;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 20px);border-radius:18px;padding:16px 18px 16px 16px;background:radial-gradient(140% 140% at 85% 0%,rgba(34,197,94,.18),transparent),radial-gradient(140% 140% at 0% 20%,rgba(52,211,153,.16),transparent),#090f18f2;border:1px solid var(--croco-border);box-shadow:0 24px 80px #0000008c;overflow:auto;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);will-change:transform,opacity;transform:translateZ(0);margin:0 auto;flex-shrink:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable both-edges;scrollbar-color:rgba(52,211,153,.5) rgba(255,255,255,.04);display:flex;flex-direction:column}.croco-settings-window:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 50% -10%,rgba(255,255,255,.05),transparent 50%);pointer-events:none}.croco-settings-window:after{content:"";position:sticky;bottom:-1px;display:block;height:18px;pointer-events:none;background:linear-gradient(180deg,#070c1200,#070c1299);margin-top:8px}.croco-settings-window::-webkit-scrollbar{width:10px}.croco-settings-window::-webkit-scrollbar-track{background:#ffffff0a;border-radius:12px;border:1px solid var(--croco-border)}.croco-settings-window::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#34d399e6,#22c55ed9);border-radius:12px;border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 1px #fff3}.croco-settings-window::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#34d399f2,#22c55ee6)}.croco-settings-window .settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.croco-settings-window .settings-title{font-size:20px;font-weight:900}.croco-settings-window .settings-close{width:36px;height:36px;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0f;color:var(--croco-fg);display:grid;place-items:center;box-shadow:var(--croco-shadow)}.croco-settings-window .settings-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.croco-settings-window .setting-card{position:relative;padding:14px;border-radius:16px;background:var(--croco-surface-2);border:1px solid var(--croco-border);box-shadow:var(--croco-shadow);display:grid;gap:8px;overflow:hidden}.croco-settings-window .setting-card.accent{background:linear-gradient(135deg,#22c55e24,#34d3991f),var(--croco-surface-2);border-color:color-mix(in srgb,var(--croco-border) 60%,rgba(34,197,94,.45))}.croco-settings-window .setting-card.glass{background:linear-gradient(135deg,#1fee9c1a,#2ed3ff0f),#111a26e6;border-color:color-mix(in srgb,var(--croco-border) 60%,rgba(31,238,156,.35))}.croco-settings-window .setting-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.croco-settings-window .setting-number{padding:6px 10px;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0f;font-weight:900}.croco-settings-window .settings-slider-row{display:grid;gap:6px}.croco-settings-window .settings-slider{--slider-progress: 50%;width:100%;height:14px;border-radius:999px;background:linear-gradient(90deg,#34d399 0%,#22c55e var(--slider-progress),rgba(255,255,255,.08) var(--slider-progress));border:1px solid var(--croco-border);outline:none;-webkit-appearance:none;appearance:none;box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000040}.croco-settings-window .settings-slider::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:transparent}.croco-settings-window .settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #041017;box-shadow:0 10px 24px #00000059,0 0 0 4px #22c55e38;margin-top:-6px}.croco-settings-window .settings-slider::-moz-range-track{height:12px;border-radius:999px;background:transparent}.croco-settings-window .settings-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #041017;box-shadow:0 10px 24px #00000059,0 0 0 4px #22c55e38}.croco-settings-window .settings-slider:focus-visible{outline:2px solid rgba(34,197,94,.6);outline-offset:2px}.croco-settings-window .meter{display:grid;gap:6px}.croco-settings-window .meter-track{position:relative;height:10px;border-radius:999px;background:#ffffff14;border:1px solid var(--croco-border);overflow:hidden}.croco-settings-window .meter-track.alt{background:#ffffff0f}.croco-settings-window .meter-fill{position:absolute;inset:0;background:linear-gradient(90deg,#34d399,#22c55e)}.croco-settings-window .meter-fill.alt{background:linear-gradient(90deg,#2dd4bf,#22c55e)}.croco-settings-window .meter-thumb{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000059;border:2px solid #041017}.croco-settings-window .meter-scale{display:flex;align-items:center;justify-content:space-between;color:var(--croco-muted);font-size:12px}.croco-settings-window .setting-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.croco-settings-window .setting-actions button{height:42px;border-radius:12px;border:1px solid var(--croco-border-strong);background:#ffffff0f;color:#fff;font-weight:800;box-shadow:var(--croco-shadow)}.croco-settings-window .settings-toggles{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.croco-settings-window .toggle-chip{display:inline-flex;align-items:center;gap:8px;justify-content:flex-start;width:100%;padding:12px;border-radius:14px;border:1px solid var(--croco-border);background:#ffffff0f;font-weight:800;color:var(--croco-fg);box-shadow:var(--croco-shadow)}.croco-settings-window .toggle-chip.on{background:linear-gradient(135deg,#1fee9c,#2ed3ff);color:#041017;border:none;box-shadow:0 14px 40px #2ed3ff59}.croco-settings-window .toggle-dot{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.75;margin-left:auto}.croco-settings-window .toggle-chip.on .toggle-dot{background:#000000a6;opacity:1}.croco-settings-window .settings-block{margin-top:12px;display:grid;gap:10px}@media (max-width: 768px){.croco-settings-overlay{padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-right))}.croco-settings-window{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px);max-width:none;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);border-radius:18px;padding:14px 16px 16px 12px;box-shadow:0 18px 50px #0009}.croco-settings-window .settings-head{flex-direction:column;align-items:flex-start}.croco-settings-window .settings-close{position:absolute;top:10px;right:10px}.croco-settings-window .settings-grid,.croco-settings-window .settings-toggles{grid-template-columns:1fr}.croco-settings-window .setting-card{padding:12px}}.card.hero{padding:18px;border-radius:18px;display:grid;gap:12px;background:radial-gradient(120% 120% at 10% 10%,rgba(34,197,94,.12),transparent),radial-gradient(120% 120% at 90% 10%,rgba(52,211,153,.12),transparent),var(--croco-surface);border:1px solid var(--croco-border);box-shadow:var(--croco-shadow)}.card.hero.switch-card{min-height:50vh;width:100%;min-width:90vw;margin:auto;align-self:center;justify-self:center;align-content:center;justify-items:center;text-align:center}.hero-main{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;width:100%;max-width:540px}.bubble{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;font-size:30px;font-weight:900;color:#041017;border:1px solid var(--croco-border-strong);box-shadow:var(--croco-shadow)}.bubble.small{width:48px;height:48px;border-radius:14px;font-size:20px}.hero-label{font-size:12px;text-transform:uppercase;color:var(--croco-muted)}.hero-title{font-size:clamp(18px,5.4vw,22px);font-weight:900;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.hero-sub{margin-top:8px;color:var(--croco-muted)}.hero-cta{display:grid;justify-items:center;gap:6px}.play-circle{position:relative;width:94px;height:94px;border-radius:999px;border:1px solid color-mix(in srgb,var(--croco-border) 45%,rgba(255,255,255,.3));background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 38%),radial-gradient(circle at 70% 68%,rgba(5,12,18,.4),transparent 55%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 70%),var(--croco-primary);box-shadow:inset 0 6px 12px #ffffff2e,inset 0 -10px 20px #04101740,0 22px 48px #22c55e57,0 0 0 8px #ffffff0f;color:#041017;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;backdrop-filter:blur(8px)}.play-circle:before{content:"";position:absolute;inset:-6px;border-radius:inherit;background:linear-gradient(135deg,#ffffff2e,#34d39926,#22c55e38);opacity:.7;filter:blur(10px);z-index:-1}.play-circle:after{content:"";position:absolute;inset:12px;border-radius:inherit;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 6px 12px #ffffff38,inset 0 -10px 20px #04101733}.play-circle:hover{box-shadow:inset 0 6px 12px #fff3,inset 0 -10px 22px #04101747,0 26px 56px #22c55e66,0 0 0 10px #ffffff12;filter:drop-shadow(0 12px 18px rgba(34,197,94,.26))}.play-circle svg{transform:translate(1px);stroke-width:2.6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.hero-cta-caption{font-weight:900;letter-spacing:.02em}.round{display:grid;gap:12px;position:relative}.round-meta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;flex-wrap:wrap;font-weight:800}.round-meta-main{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.round-left{display:inline-flex;align-items:center;gap:10px;min-width:0}.round-text{display:grid;gap:2px;min-width:0}.round-name{font-size:16px;font-weight:900;max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-mode{color:var(--croco-muted);font-size:12px}.round-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:12px;background:radial-gradient(circle at 18% 20%,rgba(34,197,94,.12),transparent 60%),#060a0cb8;border:1px solid color-mix(in srgb,var(--croco-border) 60%,rgba(255,255,255,.12));font-weight:800;color:var(--croco-fg);box-shadow:inset 0 1px #ffffff0f}.round-exit{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--croco-border) 40%,rgba(239,68,68,.5));background:linear-gradient(135deg,#ef44442e,#fb71851a),#ffffff0a;color:#ffe4e6;font-weight:900;letter-spacing:.02em;box-shadow:0 12px 32px #ef444447,var(--croco-shadow);backdrop-filter:blur(8px)}.timer-sub{color:var(--croco-muted);font-size:12px}.pacman-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#060a0eb8;border:1px solid color-mix(in srgb,var(--croco-border) 60%,rgba(0,0,0,.35));border-radius:12px;padding:8px 10px;box-shadow:inset 0 1px #ffffff0a}.timer-stack{display:grid;gap:2px}.pacman-round{justify-self:center;min-width:88px;text-align:center}.pacman-pause{width:34px;height:34px;border-radius:12px;border:1px solid color-mix(in srgb,var(--croco-border) 60%,rgba(255,255,255,.12));background:radial-gradient(circle at 20% 20%,rgba(34,197,94,.14),transparent 60%),#ffffff0f;display:grid;place-items:center;color:var(--croco-fg);box-shadow:0 10px 26px #00000059,inset 0 1px #ffffff0a}.pacman-pause.is-paused{border-color:color-mix(in srgb,var(--croco-border) 60%,rgba(31,238,156,.5));background:radial-gradient(circle at 80% 20%,rgba(31,238,156,.18),transparent 60%),#ffffff0f}.pacman-track{position:relative;height:28px;border-radius:999px;background:linear-gradient(135deg,#141a21d9,#080c12e6);border:1px solid color-mix(in srgb,var(--croco-border) 60%,rgba(255,255,255,.08));overflow:visible;box-shadow:inset 0 1px #ffffff0f,var(--croco-shadow)}.pacman-track.is-dimmed{opacity:.9}.pacman.is-dimmed{filter:none;opacity:.6}.pacman.is-dimmed .pacman-body{animation-play-state:paused;box-shadow:0 0 0 2px #facc1529;filter:saturate(.5) brightness(.9)}.pacman.is-dimmed .pacman-trail{opacity:0}.pacman.is-dimmed .pacman-eye{box-shadow:none}.pacman-eye:after{content:"";position:absolute;top:18%;left:18%;width:2px;height:2px;border-radius:999px;background:#ffffffe6;box-shadow:0 0 4px #fff9}.pacman.is-paused .pacman-body{animation-play-state:paused}.pacman.is-paused .pacman-trail{opacity:.5}.pacman-track.is-paused{opacity:.92}@keyframes pacChomp{0%{--mouth-angle: 72deg}50%{--mouth-angle: 12deg}to{--mouth-angle: 72deg}}.word-card{position:relative;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(155deg,#050b09f0,#08100cf7);box-shadow:var(--croco-shadow);display:grid;gap:10px;backdrop-filter:blur(6px)}.word-top{display:flex;align-items:center;gap:8px}.word-main{font-size:clamp(30px,6vw,48px);font-weight:900;letter-spacing:.4px}.word-sub{color:var(--croco-muted)}.hint-bubble{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);color:var(--croco-fg);background:#060a0cb8}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.option-btn{width:100%;min-height:52px;border-radius:14px;border:none;background:var(--croco-primary);color:#041017;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 16px 40px #22c55e59}.option-btn.secondary{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid var(--croco-border);color:var(--croco-fg)}.option-btn.ghost{background:#ffffff0f;border:1px solid var(--croco-border);color:var(--croco-fg);box-shadow:none}.option-btn:disabled{opacity:.5;cursor:not-allowed}.pause{position:absolute;inset:0;display:grid;place-items:center;background:#04070cb8;border-radius:18px}.pause-card{background:var(--croco-surface);border:1px solid var(--croco-border);padding:16px;border-radius:14px;text-align:center;box-shadow:var(--croco-shadow);display:grid;gap:8px;min-width:240px}.timeout-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:18px;background:#04070cc7;backdrop-filter:blur(6px)}.timeout-card{background:var(--croco-surface);border:1px solid var(--croco-border);padding:16px;border-radius:16px;box-shadow:var(--croco-shadow);display:grid;gap:10px;min-width:260px;text-align:center}.timeout-title{font-weight:900;font-size:18px}.timeout-sub{color:var(--croco-muted);font-size:14px}.timeout-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pill{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:12px;background:#060a0cb3;font-size:12px;border:1px solid rgba(255,255,255,.12)}.pill-success{background:#22c55e38;border-color:#22c55e99;color:#dbffe8}.pill-warn{background:#ef444426;border-color:#ef444480;color:#fecdd3}.winners{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffff0f;border:1px solid var(--croco-border)}.score-table{display:grid;gap:10px}.score-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--croco-surface-2);border:1px solid var(--croco-border);box-shadow:var(--croco-shadow)}.score-name{font-weight:800}.score-value{font-weight:900;font-size:18px;color:var(--croco-fg)}.score-value.lead{color:#1fee9c}.btn{border:none;border-radius:14px;padding:14px;font-weight:900;font-size:15px;color:#041017;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn.primary{background:var(--croco-primary);box-shadow:0 16px 40px #22c55e59}.btn.secondary{background:linear-gradient(135deg,#ffffff14,#ffffff0a);color:var(--croco-fg);border:1px solid var(--croco-border)}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0f;color:var(--croco-fg);cursor:pointer;min-height:40px}.ghost-btn.wide{width:100%;justify-content:center}.croco .seg,.croco .seg-active{background:#ffffff0a;border:1px solid var(--croco-border);color:var(--croco-fg)}.croco .seg-active{background:var(--croco-primary);border-color:transparent;box-shadow:0 12px 40px #22c55e52;color:#041017}.croco .cta,.croco .btn.primary,.croco .option-btn{background:var(--croco-primary);box-shadow:0 16px 40px #22c55e59;color:#041017}.croco .option-btn.secondary{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid var(--croco-border);color:var(--croco-fg);box-shadow:none}.croco .option-btn.ghost{background:#ffffff0f;border:1px solid var(--croco-border);color:var(--croco-fg);box-shadow:none}.croco .settings-gear{border:1px solid color-mix(in srgb,var(--croco-border) 70%,rgba(34,197,94,.55));background:radial-gradient(120% 120% at 20% 20%,rgba(34,197,94,.24),transparent),radial-gradient(120% 120% at 80% 0%,rgba(52,211,153,.18),transparent),#ffffff0d}.croco .gear-glow{background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.24),transparent 55%)}.croco .card.hero{background:radial-gradient(120% 120% at 10% 10%,rgba(34,197,94,.12),transparent),radial-gradient(120% 120% at 90% 10%,rgba(52,211,153,.12),transparent),var(--croco-surface);border:1px solid var(--croco-border)}.croco .play-circle{box-shadow:inset 0 6px 12px #ffffff2e,inset 0 -10px 20px #04101740,0 22px 48px #22c55e57,0 0 0 8px #ffffff0f}.croco .play-circle:before{background:linear-gradient(135deg,#ffffff2e,#34d39926,#22c55e38)}.croco .play-circle:hover{box-shadow:inset 0 6px 12px #fff3,inset 0 -10px 22px #04101747,0 26px 56px #22c55e66,0 0 0 10px #ffffff12;filter:drop-shadow(0 12px 18px rgba(34,197,94,.26))}.croco .meter-fill{background:linear-gradient(90deg,#34d399,#22c55e)}.cta.wide{width:100%}@media (max-width: 640px){.chips-row{grid-template-columns:1fr}.option-btn{width:100%}.croco-wrap{padding-left:10px;padding-right:10px}}.explain{color:var(--croco-fg);background:radial-gradient(120% 120% at 20% 18%,rgba(99,102,241,.26),transparent 52%),radial-gradient(110% 120% at 78% 10%,rgba(14,165,233,.24),transparent 55%),radial-gradient(120% 120% at 50% 120%,rgba(24,24,36,.6),transparent 62%),linear-gradient(160deg,#0d0f24,#0b1329 45%,#0a1122 78%,#090f1f)}.explain-grid{display:grid;gap:14px}.setup-panel{position:relative;background:var(--croco-surface);border:1px solid var(--croco-border);box-shadow:var(--croco-shadow);overflow:hidden}.setup-panel:before{display:none}.setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;padding-right:52px}.settings-fab{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#ffffff14;border:1px solid var(--croco-border);color:var(--croco-fg);font-weight:800;box-shadow:var(--croco-shadow);position:absolute;top:12px;right:12px}.cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.warning{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0f;color:#fff}.tips{display:grid;gap:8px}.tip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#ffffff0f;border:1px solid var(--croco-border)}.tip.small{font-size:13px;color:var(--croco-muted)}.btn.ghost{background:#ffffff0f;border:1px solid var(--croco-border);color:var(--croco-fg)}.btn.danger{background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid rgba(255,255,255,.08);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:#ffffff0f;font-weight:700}.pill.ghost{border:1px solid var(--croco-border)}.grid.two{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.field{display:grid;gap:8px}.label{color:var(--croco-muted);font-size:14px;font-weight:600}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1}.custom-words textarea{width:100%;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0a;color:#fff;padding:12px;min-height:120px;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif}.custom-actions{display:flex;gap:8px;flex-wrap:wrap}.toggles{display:flex;flex-wrap:wrap;gap:8px}.toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0a;font-weight:700}.toggle .dot{width:12px;height:12px;border-radius:50%;background:#64748b}.toggle.on{background:var(--croco-primary);color:#041017}.toggle.on .dot{background:#16a34a}.pair-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pair-card{padding:12px;border-radius:14px;background:#ffffff0a;border:1px solid var(--croco-border)}.pair-title{color:var(--croco-muted);font-weight:700;margin-bottom:8px}.pair-pill{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#ffffff0f;border:1px solid var(--croco-border)}.pair-pill select{flex:1;background:transparent;color:#fff;border:none;font-weight:700}.pair-actions{display:flex;gap:8px;margin-top:10px}.roster-actions{display:inline-flex;gap:6px}.round-shell{display:grid;gap:12px}.round-meta{display:grid;gap:8px}.round-meta-main{display:flex;gap:8px;align-items:center}.round-pill{padding:8px 10px;border-radius:12px;background:#ffffff0f;font-weight:800;text-transform:uppercase}.round-pill.ghost{border:1px solid var(--croco-border)}.round-roles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.role-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#ffffff0f;border:1px solid var(--croco-border);font-weight:800}.role-pill .dot{width:10px;height:10px;border-radius:999px;background:#22c55e}.round-stats{display:flex;gap:8px;flex-wrap:wrap}.word-panel{display:grid;gap:12px}.timer-bar{position:relative;width:100%;height:12px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid var(--croco-border)}.timer-fill{height:100%;background:linear-gradient(90deg,#34d399,#22c55e);transition:width .2s ease}.word-wrap{display:grid;gap:6px;justify-items:center}.word-label{color:var(--croco-muted);font-size:14px}.word-card{width:100%;padding:18px;border-radius:16px;border:1px solid var(--croco-border);background:radial-gradient(120% 120% at 10% 10%,rgba(34,197,94,.12),transparent 40%),radial-gradient(120% 120% at 90% 0%,rgba(14,165,233,.1),transparent 45%),#ffffff0a;display:flex;align-items:baseline;justify-content:space-between;gap:12px;box-shadow:var(--croco-shadow)}.word-text{font-size:clamp(26px,6vw,38px);font-weight:900}.word-level{font-weight:800;color:var(--croco-muted)}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.secondary-actions{display:flex;gap:8px;justify-content:flex-end}.log-panel{display:grid;gap:10px}.log-list{display:grid;gap:8px}.log-list.compact .log-row{padding:10px}.log-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0a}.log-row.guessed{border-color:#22c55e59}.log-row.pass{border-color:#0f766e47}.log-row.penalty{border-color:#ef444459}.log-word{font-weight:800}.log-meta{display:inline-flex;align-items:center;gap:6px;color:var(--croco-muted)}.pause-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:20;padding:16px}.pause-card{max-width:420px;width:100%;text-align:center}.summary-panel{display:grid;gap:14px}.stat-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{padding:12px;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0a}.stat-label{color:var(--croco-muted);font-weight:700}.stat-value{font-size:26px;font-weight:900}.scores,.score-list{display:grid;gap:8px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--croco-border);background:#ffffff0a}.score{font-size:20px;font-weight:900}.toast{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:#04070ce6;border:1px solid var(--croco-border);box-shadow:0 12px 32px #00000059;z-index:25}.toast.guessed{border-color:#22c55e73}.toast.pass{border-color:#0ea5e959}.toast.penalty{border-color:#ef444473}.settings-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:24;padding:16px}.settings-sheet{width:min(940px,96vw);max-height:88vh;overflow:hidden;display:grid;gap:12px;grid-template-rows:auto 1fr}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-body{overflow:auto;display:grid;gap:12px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;-webkit-overflow-scrolling:touch}.sheet-body::-webkit-scrollbar{width:6px}.sheet-body::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}.sheet-body::-webkit-scrollbar-track{background:transparent}@media (max-width: 720px){.round-roles{flex-direction:column;align-items:flex-start}.actions{grid-template-columns:1fr}.secondary-actions{justify-content:stretch}.pair-actions{flex-direction:column}}:root{--quiz-bg: #070c12;--quiz-fg: #e9edf5;--quiz-muted: #9fb2c5;--quiz-surface: rgba(11, 18, 28, .9);--quiz-surface-2: rgba(17, 26, 38, .92);--quiz-border: rgba(255, 255, 255, .08);--quiz-border-strong: rgba(255, 255, 255, .14);--quiz-primary: linear-gradient(135deg, #22d3ee, #8b5cf6);--quiz-primary-2: linear-gradient(135deg, #1fee9c, #2ed3ff);--quiz-green: #1fee9c;--quiz-red: #ef4444;--quiz-shadow: 0 18px 48px rgba(0, 0, 0, .35)}.quiz{position:relative;min-height:100dvh;color:var(--quiz-fg);overflow:hidden;overscroll-behavior-y:contain;background:radial-gradient(120% 80% at 20% 15%,rgba(99,102,241,.22),transparent 60%),radial-gradient(110% 90% at 85% 8%,rgba(14,165,233,.18),transparent 55%),radial-gradient(140% 120% at 50% 115%,rgba(34,211,238,.18),transparent 65%),linear-gradient(180deg,#060c1a,#030711);font-family:Space Grotesk,Inter,Segoe UI,system-ui,-apple-system,sans-serif}.quiz:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 0);background-size:18px 18px;opacity:.15;pointer-events:none;z-index:0}.quiz-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.quiz-bg .blob{position:absolute;width:420px;height:420px;border-radius:999px;filter:blur(120px);opacity:.45}.quiz-bg .blob.one{background:#6a5af9;top:-180px;right:-140px}.quiz-bg .blob.two{background:#10b981;bottom:-180px;left:-140px}.quiz-wrap{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-left)) calc(32px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-right));display:grid;gap:14px;min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));align-content:start}.quiz .switch-overlay{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-right));background:radial-gradient(120% 80% at 18% 15%,rgba(34,211,238,.18),transparent 55%),radial-gradient(120% 80% at 82% 10%,rgba(139,92,246,.16),transparent 55%),#04080e8c;backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);overflow:hidden;will-change:opacity;isolation:isolate}.quiz .switch-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#070b1266,#070c1680);z-index:0}.quiz .switch-overlay:after{content:"";position:absolute;inset:10% 12%;background:radial-gradient(80% 80% at 50% 50%,rgba(255,255,255,.08),transparent 60%);filter:blur(12px);opacity:.8;pointer-events:none;z-index:0}.quiz .switch-shell{position:relative;width:min(94vw,880px);aspect-ratio:1 / 1;padding:clamp(16px,4vw,28px);display:flex;justify-content:center;align-items:center;border-radius:24px;overflow:hidden;isolation:isolate;z-index:1;background:radial-gradient(130% 90% at 20% 12%,rgba(34,211,238,.16),transparent 55%),radial-gradient(130% 90% at 82% 8%,rgba(139,92,246,.14),transparent 55%),linear-gradient(182deg,#050b169e,#030711d1),url(/assets/quiz-switch-card-BDnd3qYc.png) center/cover no-repeat;box-shadow:0 22px 52px #0000006b,inset 0 1px #ffffff0d;will-change:transform,opacity;transform:translateZ(0)}.quiz .switch-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#04080e38,#04080e52);backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%);z-index:0}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--quiz-border);background:#ffffff0f;color:var(--quiz-fg);cursor:pointer;min-height:40px}.ghost-btn:disabled{opacity:.5;pointer-events:none}.ghost-btn.compact{padding:8px 10px;min-height:unset;font-weight:800}.panel{width:100%;border-radius:18px;padding:16px;background:var(--quiz-surface);border:1px solid var(--quiz-border);box-shadow:var(--quiz-shadow);backdrop-filter:blur(16px);display:grid;gap:12px}.panel-head{display:grid;gap:6px;margin-bottom:8px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--quiz-muted);margin:0}.panel-title{font-size:22px;font-weight:900}.chips-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.seg{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--quiz-border);background:#ffffff0a;color:var(--quiz-fg);font-weight:800;min-height:46px}.seg-active{background:var(--quiz-primary);border-color:transparent;box-shadow:0 12px 40px #8b5cf647;color:#041017}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;align-items:stretch}.settings-gear{position:relative;width:46px;height:46px;border-radius:14px;border:1px solid color-mix(in srgb,var(--quiz-border) 70%,rgba(34,211,238,.5));background:radial-gradient(120% 120% at 20% 20%,rgba(34,211,238,.18),transparent),radial-gradient(120% 120% at 80% 0%,rgba(139,92,246,.22),transparent),#ffffff0d;color:#fff;display:grid;place-items:center;box-shadow:var(--quiz-shadow);overflow:hidden}.gear-inner{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--quiz-border-strong);background:#00000059}.settings-gear svg{transition:transform .25s ease}.settings-gear:hover svg{transform:rotate(18deg)}.gear-glow{position:absolute;inset:-16px;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.25),transparent 55%);filter:blur(24px);opacity:.7;pointer-events:none}.roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:6px 0 8px}.section-title{font-size:16px;font-weight:800}.section-sub{color:var(--quiz-muted);font-size:13px;margin-top:2px}.section-actions{display:flex;align-items:center;gap:8px}.roster-list{display:grid;gap:8px}.roster-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:14px;background:var(--quiz-surface-2);border:1px solid var(--quiz-border);box-shadow:var(--quiz-shadow)}.avatar-btn{width:46px;height:46px;border-radius:12px;border:1px solid var(--quiz-border-strong);display:inline-grid;place-items:center;font-size:20px;color:#041017;box-shadow:var(--quiz-shadow)}.roster-row input{width:100%;background:#00000040;border:1px solid var(--quiz-border-strong);border-radius:10px;color:#fff;font-weight:700;padding:12px;font-size:16px;min-height:44px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--quiz-border);background:#ffffff0f;color:var(--quiz-fg);display:grid;place-items:center}.icon-btn:disabled{opacity:.4;pointer-events:none}.quiz-settings.settings-overlay{position:fixed;inset:0;background:radial-gradient(120% 120% at 15% 10%,rgba(34,211,238,.12),transparent),radial-gradient(120% 120% at 85% 20%,rgba(139,92,246,.16),transparent),#040a10b8;backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-left) env(safe-area-inset-bottom) env(safe-area-inset-right);z-index:1200;overflow:hidden}.quiz-settings-window.settings-window{position:relative;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));border-radius:18px;padding:16px;background:radial-gradient(140% 140% at 85% 0%,rgba(34,211,238,.24),transparent),radial-gradient(180% 140% at 20% 10%,rgba(139,92,246,.22),transparent 60%),radial-gradient(120% 120% at 60% 80%,rgba(6,182,212,.18),transparent 55%),linear-gradient(160deg,#0d1320,#0c1022 40%,#0a0f24);border:1px solid var(--quiz-border);box-shadow:0 24px 80px #0000008c;overflow:hidden;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);will-change:transform,opacity;transform:translateZ(0);margin:0;flex-shrink:0;overflow-y:auto}.quiz-settings-window:before{content:"";position:absolute;inset:0;background:radial-gradient(130% 130% at 50% -10%,rgba(255,255,255,.06),transparent 55%),radial-gradient(40% 40% at 20% 30%,rgba(139,92,246,.18),transparent 60%),radial-gradient(60% 60% at 80% 50%,rgba(34,211,238,.18),transparent 65%);pointer-events:none}.quiz-settings-window:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1px 1px at 40% 70%,rgba(173,216,255,.35),transparent 60%),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.32),transparent 60%),radial-gradient(1px 1px at 85% 60%,rgba(156,214,255,.38),transparent 60%),radial-gradient(1px 1px at 30% 50%,rgba(255,255,255,.3),transparent 60%);background-repeat:no-repeat;mix-blend-mode:screen;pointer-events:none}.quiz-settings-window::-webkit-scrollbar{width:0;height:0}.quiz-settings-window .settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.quiz-settings-window .settings-title{font-size:20px;font-weight:900}.quiz-settings-window .settings-title.sm{font-size:16px}.quiz-settings-window .settings-sub{color:var(--quiz-muted);font-size:13px;margin-top:2px}.quiz-settings-window .settings-close{width:36px;height:36px;border-radius:12px;border:1px solid var(--quiz-border);background:#ffffff0f;color:var(--quiz-fg);display:grid;place-items:center;box-shadow:var(--quiz-shadow)}.quiz-settings-window .settings-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.quiz-settings-window .field-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--quiz-muted)}.quiz-settings-window .slider-field{position:relative;padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--quiz-border) 55%,rgba(255,255,255,.2));background:linear-gradient(135deg,#202c42c7,#101a2ac7),radial-gradient(circle at 15% 15%,rgba(34,211,238,.22),transparent 55%),radial-gradient(circle at 85% 80%,rgba(139,92,246,.2),transparent 45%),radial-gradient(circle at 50% -20%,rgba(255,255,255,.1),transparent 55%);box-shadow:0 14px 34px #00000061,0 0 0 1px #38bdf814,0 8px 26px #8b5cf61f;overflow:hidden}.quiz-settings-window .slider-field:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.04);pointer-events:none}.quiz-settings-window .slider-field__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-settings-window .slider-field__value{font-weight:900;font-size:18px;color:#38bdf8;text-shadow:0 0 18px rgba(56,189,248,.35)}.quiz-settings-window .slider-field__control{position:relative;margin-top:12px;height:42px;display:flex;align-items:center}.quiz-settings-window .slider-field__rail{position:absolute;left:0;right:0;height:10px;top:50%;transform:translateY(-50%);border-radius:999px;background:#ffffff0f;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.quiz-settings-window .slider-field__progress{position:absolute;inset:0;background:linear-gradient(90deg,#38bdf8e6,#a855f7e6);box-shadow:0 0 16px #38bdf866,0 0 32px #a855f74d}.quiz-settings-window .slider-field__input{position:absolute;inset:0;width:100%;height:100%;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;margin:0}.quiz-settings-window .slider-field__input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:radial-gradient(circle at 30% 30%,#e0f2fe,#38bdf8 60%,#1d4ed8);box-shadow:0 0 18px #38bdf8b3,0 0 0 6px #38bdf824;transition:transform .16s ease-out,box-shadow .16s ease-out}.quiz-settings-window .slider-field__input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:radial-gradient(circle at 30% 30%,#e0f2fe,#38bdf8 60%,#1d4ed8);box-shadow:0 0 18px #38bdf8b3,0 0 0 6px #38bdf824;transition:transform .16s ease-out,box-shadow .16s ease-out}.quiz-settings-window .slider-field__input::-webkit-slider-thumb:active,.quiz-settings-window .slider-field__input::-moz-range-thumb:active{transform:scale(1.08);box-shadow:0 0 24px #38bdf8cc,0 0 0 8px #38bdf829}.quiz-settings-window .slider-field__input::-webkit-slider-runnable-track{background:transparent;height:10px}.quiz-settings-window .slider-field__input::-moz-range-track{background:transparent;height:10px}.quiz-settings-window .slider-field__footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--quiz-muted)}.settings-block{margin-top:14px;display:grid;gap:10px}.settings-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.setting-card{position:relative;padding:14px;border-radius:16px;background:var(--quiz-surface-2);border:1px solid var(--quiz-border);box-shadow:var(--quiz-shadow);display:grid;gap:8px;overflow:hidden}.setting-card.accent{background:linear-gradient(135deg,#22d3ee1f,#8b5cf61f),var(--quiz-surface-2);border-color:color-mix(in srgb,var(--quiz-border) 60%,rgba(34,211,238,.4))}.setting-card.glass{background:linear-gradient(135deg,#1fee9c1a,#2ed3ff0f),#111a26e6;border-color:color-mix(in srgb,var(--quiz-border) 60%,rgba(31,238,156,.35))}.setting-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.setting-number{padding:6px 10px;border-radius:12px;border:1px solid var(--quiz-border);background:#ffffff0f;font-weight:900}.meter{display:grid;gap:6px}.meter-track{position:relative;height:10px;border-radius:999px;background:#ffffff14;border:1px solid var(--quiz-border);overflow:hidden}.meter-track.alt{background:#ffffff0f}.meter-fill{position:absolute;inset:0;background:linear-gradient(90deg,#22d3ee,#8b5cf6)}.meter-fill.alt{background:linear-gradient(90deg,#1fee9c,#2ed3ff)}.meter-thumb{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000059;border:2px solid #041017}.meter-scale{display:flex;align-items:center;justify-content:space-between;color:var(--quiz-muted);font-size:12px}.setting-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.setting-actions button{height:42px;border-radius:12px;border:1px solid var(--quiz-border-strong);background:#ffffff0f;color:#fff;font-weight:800;box-shadow:var(--quiz-shadow)}.settings-toggles{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.toggle-chip{display:inline-flex;align-items:center;gap:8px;justify-content:flex-start;width:100%;padding:12px;border-radius:14px;border:1px solid var(--quiz-border);background:#ffffff0f;font-weight:800;color:var(--quiz-fg);box-shadow:var(--quiz-shadow)}.toggle-chip.on{background:linear-gradient(135deg,#1fee9c,#2ed3ff);color:#041017;border:none;box-shadow:0 14px 40px #2ed3ff59}.toggle-dot{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.75;margin-left:auto}.toggle-chip.on .toggle-dot{background:#000000a6;opacity:1}@media (max-width: 768px){.quiz-settings.settings-overlay{padding:calc(8px + env(safe-area-inset-top)) env(safe-area-inset-left) calc(8px + env(safe-area-inset-bottom)) env(safe-area-inset-right)}.quiz-settings-window.settings-window{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:none;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:18px;padding:14px 12px 16px;box-shadow:0 18px 50px #0009}.quiz-settings-window .settings-head{flex-direction:column;align-items:flex-start}.quiz-settings-window .settings-close{position:absolute;top:10px;right:10px}.quiz-settings-window .settings-grid,.quiz-settings-window .settings-toggles{grid-template-columns:1fr}.quiz-settings-window .setting-card{padding:12px}}.ghost-line{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:14px;border:1px dashed var(--quiz-border);background:#ffffff0a;color:var(--quiz-fg);font-weight:800}.category-grid{display:grid;grid-template-columns:1fr;gap:10px}.cat-card{--cat-from: #22d3ee;--cat-to: #8b5cf6;position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 52px 12px 12px;border-radius:14px;border:1px solid var(--quiz-border);background:linear-gradient(135deg,color-mix(in srgb,var(--cat-from) 20%,transparent 80%),color-mix(in srgb,var(--cat-to) 20%,transparent 80%)),var(--quiz-surface-2);box-shadow:var(--quiz-shadow);color:var(--quiz-fg);text-align:left;overflow:hidden}.cat-card:after{content:"";position:absolute;inset:-40% auto auto 64%;width:200px;height:200px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--cat-to) 18%,transparent 82%),transparent 70%);transform:rotate(14deg);opacity:.8;pointer-events:none}.cat-card.on{border-color:color-mix(in srgb,var(--cat-to) 50%,rgba(255,255,255,.35));box-shadow:0 16px 40px color-mix(in srgb,var(--cat-to) 28%,rgba(0,0,0,.55)),var(--quiz-shadow);background:linear-gradient(135deg,color-mix(in srgb,var(--cat-from) 46%,transparent 54%),color-mix(in srgb,var(--cat-to) 46%,transparent 54%)),#00000059}.cat-icon{width:44px;height:44px;border-radius:12px;border:1px solid var(--quiz-border-strong);display:grid;place-items:center;font-size:20px;background:#ffffff14;box-shadow:var(--quiz-shadow)}.cat-text{display:grid;gap:4px;min-width:0}.cat-name{font-weight:800}.cat-hint{color:var(--quiz-muted);font-size:13px;line-height:1.3}.cat-check{width:26px;height:26px;border-radius:10px;border:1px solid var(--quiz-border);display:grid;place-items:center;background:#ffffff0f;font-weight:900;font-size:13px;color:var(--quiz-muted);box-shadow:inset 0 1px #ffffff14;transform:translateY(0);position:absolute;top:4px;right:10px}.cat-check.on{background:linear-gradient(135deg,var(--cat-from),var(--cat-to));color:#041017;border:none;box-shadow:0 10px 26px color-mix(in srgb,var(--cat-to) 28%,rgba(0,0,0,.45))}.cat-check.diff{margin-left:auto;transform:translateY(0);--cat-from: var(--diff-from);--cat-to: var(--diff-to)}.difficulty-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 321px){.category-grid,.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.difficulty-card{--diff-from: #22d3ee;--diff-to: #8b5cf6;position:relative;padding:12px 52px 12px 12px;border-radius:14px;border:1px solid var(--quiz-border);background:linear-gradient(135deg,color-mix(in srgb,var(--diff-from) 18%,transparent 82%),color-mix(in srgb,var(--diff-to) 18%,transparent 82%)),var(--quiz-surface-2);box-shadow:var(--quiz-shadow);color:var(--quiz-fg);display:grid;gap:6px;justify-items:flex-start;text-align:left;overflow:hidden}.difficulty-card:before{content:"";position:absolute;inset:-30% auto auto 68%;width:140px;height:140px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--diff-to) 22%,transparent 78%),transparent 70%);opacity:.8;pointer-events:none}.difficulty-card.active{border-color:color-mix(in srgb,var(--diff-to) 50%,rgba(255,255,255,.35));box-shadow:0 16px 40px color-mix(in srgb,var(--diff-to) 28%,rgba(0,0,0,.45)),var(--quiz-shadow);background:linear-gradient(135deg,color-mix(in srgb,var(--diff-from) 44%,transparent 56%),color-mix(in srgb,var(--diff-to) 44%,transparent 56%)),#00000059}.difficulty-head{display:flex;align-items:center;gap:10px}.difficulty-chip{width:38px;height:38px;border-radius:12px;border:1px solid var(--quiz-border-strong);display:grid;place-items:center;font-size:18px;background:#ffffff14;box-shadow:var(--quiz-shadow)}.difficulty-labels{display:grid;gap:4px}.difficulty-label{font-weight:800}.difficulty-desc{color:var(--quiz-muted);font-size:13px;line-height:1.3}.roster-card{position:relative;padding:12px;border-radius:14px;background:radial-gradient(120% 120% at 10% 10%,color-mix(in srgb,var(--c) 22%,transparent),transparent),var(--quiz-surface-2);border:1px solid color-mix(in srgb,var(--c) 40%,var(--quiz-border));box-shadow:var(--quiz-shadow);display:grid;gap:8px;align-items:center}.roster-card .emoji{width:46px;height:46px;border-radius:12px;border:1px solid var(--quiz-border-strong);font-size:22px;background:#ffffff14}.roster-card input{width:100%;background:#00000040;border:1px solid var(--quiz-border-strong);border-radius:10px;color:#fff;font-weight:700;padding:12px;font-size:16px;min-height:44px}.pill{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:12px;background:#ffffff0f;font-size:12px;border:1px solid var(--quiz-border)}.cta{width:100%;border:none;border-radius:14px;padding:14px;font-weight:900;font-size:16px;color:#041017;background:var(--quiz-primary);box-shadow:0 16px 40px #22d3ee59;min-height:50px}.quiz .card.hero{padding:18px;border-radius:18px;display:grid;gap:12px;background:radial-gradient(120% 120% at 10% 10%,rgba(34,211,238,.12),transparent),radial-gradient(120% 120% at 90% 10%,rgba(139,92,246,.1),transparent),var(--quiz-surface);border:1px solid var(--quiz-border);box-shadow:var(--quiz-shadow)}.switch-card-panel{width:90vw;min-width:90vw;aspect-ratio:1 / 1;margin:0 auto;display:grid;gap:12px;place-items:center;align-self:center;justify-self:center;text-align:center;background:linear-gradient(182deg,#050b1662,#04080e9f),url(/assets/quiz-switch-card-BDnd3qYc.png) center/cover no-repeat;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:clamp(33px,calc(4vw + 15px),41px);box-shadow:0 16px 44px #00000052,inset 0 1px #ffffff0d;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);overflow:hidden;z-index:1;animation:switchPop .22s ease-out}.quiz .hero-main{display:grid;grid-template-columns:72px 1fr;gap:4px;align-items:center;width:100%;max-width:540px}.quiz .bubble{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;font-size:30px;font-weight:900;color:#041017;border:1px solid var(--quiz-border-strong);box-shadow:var(--quiz-shadow)}.quiz .bubble.small{width:48px;height:48px;border-radius:14px;font-size:20px}.quiz .hero-label{font-size:12px;text-transform:uppercase;color:var(--quiz-muted);margin-bottom:2px}.quiz .hero-title{font-size:clamp(18px,5.4vw,22px);font-weight:900;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.quiz .hero-sub{margin-top:8px;color:var(--quiz-muted)}.quiz .hero-cta{display:grid;justify-items:center;gap:10px;margin-top:10px}.quiz .play-circle{position:relative;width:160px;height:56px;border-radius:12px;border:2px dashed rgba(255,255,255,.8);background:linear-gradient(135deg,#ffffff1f,#0e233acc),#08121ed9;box-shadow:0 0 0 6px #050c1480,0 14px 30px #00000052,inset 0 0 0 1px #ffffff14;color:#fdfdfd;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.quiz .play-circle:before{content:"";position:absolute;inset:-5px;border-radius:inherit;border:2px dashed rgba(255,255,255,.24);opacity:.8;filter:blur(6px);z-index:-1}.quiz .play-circle:after{content:"ПОГНАЛИ";position:absolute;inset:0;display:grid;place-items:center;font-weight:900;letter-spacing:.08em;color:#fefefe;text-shadow:0 2px 8px rgba(0,0,0,.45)}.quiz .play-circle:hover{box-shadow:0 0 0 6px #050c148c,0 18px 34px #00000059,inset 0 0 0 1px #ffffff1f;filter:brightness(1.05) drop-shadow(0 14px 24px rgba(0,0,0,.35));background:linear-gradient(135deg,#ffffff29,#14304ed9),#0a1623e6}.quiz .play-circle:active{transform:scale(.97);box-shadow:0 0 0 5px #050c1499,0 12px 26px #0000004d,inset 0 0 0 1px #ffffff1a}.quiz .play-circle svg{display:inline;width:18px;height:18px;stroke:currentColor;position:absolute;right:14px;top:50%;transform:translateY(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.round{display:grid;gap:12px}.round-meta{display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px;font-weight:800;background:#070c12b3;border:1px solid color-mix(in srgb,var(--quiz-border) 60%,rgba(0,0,0,.4));border-radius:12px;padding:10px;box-shadow:inset 0 1px #ffffff0a}.round-left{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:0}.round-text{display:grid;gap:4px;min-width:0}.round-name{font-size:16px;max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-mode{color:var(--quiz-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.dot{width:6px;height:6px;border-radius:50%;background:#fff9}.round-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid var(--quiz-border);background:#ffffff0f;font-weight:800;font-size:12px;letter-spacing:.02em}.round-pill.subtle{background:#ffffff0a;color:var(--quiz-muted)}.round-pill.dark{background:#070c12b3;border-color:color-mix(in srgb,var(--quiz-border) 60%,rgba(0,0,0,.35));box-shadow:0 6px 14px #00000040;justify-self:end;align-self:start}.round-exit{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--quiz-border) 40%,rgba(239,68,68,.5));background:linear-gradient(135deg,#ef44442e,#fb71851a),#ffffff0a;color:#ffe4e6;font-weight:900;letter-spacing:.02em;box-shadow:0 12px 32px #ef444447,var(--quiz-shadow);backdrop-filter:blur(8px)}.round-exit:hover{border-color:#ef4444cc;color:#fff;box-shadow:0 14px 38px #ef444459,0 0 0 1px #ffffff0a}.timer-num{font-size:30px;font-weight:900}.pacman-timer{display:grid;gap:6px;margin:4px 0 6px}.pacman-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#070c12b3;border:1px solid color-mix(in srgb,var(--quiz-border) 60%,rgba(0,0,0,.35));border-radius:12px;padding:8px 10px;box-shadow:inset 0 1px #ffffff0a}.pacman-round{justify-self:center;align-self:center;min-width:72px;text-align:center}.pacman-pause{width:34px;height:34px;border-radius:12px;border:1px solid color-mix(in srgb,var(--quiz-border) 60%,rgba(255,255,255,.12));background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.16),transparent 60%),#ffffff0f;display:grid;place-items:center;color:var(--quiz-fg);box-shadow:0 10px 26px #00000059,inset 0 1px #ffffff0a}.pacman-pause.is-paused{border-color:color-mix(in srgb,var(--quiz-border) 60%,rgba(31,238,156,.5));background:radial-gradient(circle at 80% 20%,rgba(31,238,156,.18),transparent 60%),#ffffff0f}.pacman-track{position:relative;height:28px;border-radius:999px;background:linear-gradient(135deg,#141a21d9,#080c12e6);border:1px solid color-mix(in srgb,var(--quiz-border) 60%,rgba(255,255,255,.08));overflow:visible;box-shadow:inset 0 1px #ffffff0f,var(--quiz-shadow)}.pacman-remaining{position:absolute;inset:0;height:100%;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.9) 32%,transparent 38%) 8px 50% / 16px 12px repeat-x,radial-gradient(circle,rgba(255,255,255,.14) 32%,transparent 38%) 0 50% / 16px 12px repeat-x,linear-gradient(90deg,#14b8a633,#3b82f638);border-right:1px solid rgba(255,255,255,.12);transition:width .2s ease;backdrop-filter:blur(2px);filter:drop-shadow(0 1px 4px rgba(255,255,255,.08))}.pacman-team-icon{position:absolute;left:6px;top:50%;width:28px;height:28px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 20px #00000047,0 0 0 4px #ffffff0f;font-size:17px;z-index:2;pointer-events:none}.pacman{--pac-size: 28px;--pac-color: #facc15;position:absolute;top:50%;width:var(--pac-size);height:var(--pac-size);transform:translate(-50%,-50%);filter:drop-shadow(0 10px 20px rgba(250,204,21,.4))}.pacman-trail{position:absolute;top:50%;left:55%;width:80%;height:10px;transform:translateY(-50%);background:radial-gradient(circle at 10% 50%,rgba(250,204,21,.38),transparent 55%),radial-gradient(circle at 35% 50%,rgba(250,204,21,.24),transparent 60%);filter:blur(10px);opacity:.85;pointer-events:none}.pacman-body{--mouth-angle: 68deg;position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 32%,#fff5c7 0,#facc15 55%,#e3b90d);-webkit-mask:conic-gradient(from calc(270deg - (var(--mouth-angle) / 2)),transparent 0deg var(--mouth-angle),#000 var(--mouth-angle) 360deg);mask:conic-gradient(from calc(270deg - (var(--mouth-angle) / 2)),transparent 0deg var(--mouth-angle),#000 var(--mouth-angle) 360deg);box-shadow:0 0 0 4px #facc1524,0 8px 16px #facc1559;animation:pacChomp .32s ease-in-out infinite}.pacman-eye{position:absolute;top:22%;left:58%;width:6px;height:6px;border-radius:999px;background:#0f172a;box-shadow:0 0 0 2px #ffffff2e}.pacman-eye:after{content:"";position:absolute;top:18%;left:18%;width:2px;height:2px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 4px #fff9}.pacman-mouth{display:none}.pacman-track.is-paused .pacman-body{animation-play-state:paused}@property --mouth-angle{syntax: "<angle>"; inherits: false; initial-value: 68deg;}@keyframes pacChomp{0%,to{--mouth-angle: 72deg}50%{--mouth-angle: 14deg}}.score-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;position:relative;z-index:2;width:calc(100% + 28px + env(safe-area-inset-left) + env(safe-area-inset-right));margin-left:calc(-14px - env(safe-area-inset-left));margin-right:calc(-14px - env(safe-area-inset-right))}.score-chip{position:relative;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#22d3ee14,#8b5cf60d),#080c12bf;border:1px solid var(--quiz-border);box-shadow:var(--quiz-shadow);overflow:hidden}.score-chip:after{content:"";position:absolute;width:120px;height:120px;inset:-30% auto auto 65%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 70%);transform:rotate(18deg);pointer-events:none}.score-chip.is-active{border-color:color-mix(in srgb,var(--quiz-border) 50%,rgba(34,211,238,.6));box-shadow:0 16px 40px #22d3ee42,var(--quiz-shadow)}.score-chip-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;position:relative;z-index:1}.score-chip-avatar{width:40px;height:40px;border-radius:12px;border:1px solid var(--quiz-border-strong);display:grid;place-items:center;font-weight:900;font-size:18px;color:#041017;box-shadow:var(--quiz-shadow)}.score-chip-info{display:grid;gap:4px;min-width:0}.score-chip-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-chip-value{font-weight:900;font-size:18px}.score-chip-track{position:relative;height:10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--quiz-border);overflow:hidden;margin-top:8px}.score-chip-asked{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff14,#ffffff0a)}.score-chip-fill{position:absolute;inset:0;background:linear-gradient(90deg,#22d3ee,#8b5cf6);box-shadow:0 10px 24px #8b5cf652}@media (max-width: 520px){.score-rail{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scroll-snap-type:x mandatory}.score-chip{min-width:240px;scroll-snap-align:start}}.question{padding:16px;border-radius:16px;background:radial-gradient(120% 120% at 10% 10%,rgba(34,211,238,.08),transparent),var(--quiz-surface-2);border:1px solid var(--quiz-border);box-shadow:var(--quiz-shadow);max-height:42vh;overflow-y:auto;overscroll-behavior:contain}.question-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.question-text{margin-top:12px;font-size:clamp(18px,5vw,22px);font-weight:900;line-height:1.3;word-break:break-word}.answer{margin-top:10px;padding:10px;border-radius:12px;background:#00000073;border:1px solid var(--quiz-border);font-weight:700;line-height:1.25}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;padding-inline:2px;margin-inline:0}.option{position:relative;padding:14px 12px 12px 44px;border-radius:14px;border:1px solid var(--quiz-border);background:var(--quiz-surface-2);color:var(--quiz-fg);text-align:left;font-weight:800;min-height:56px;box-shadow:0 12px 30px #00000059;display:grid;grid-template-columns:1fr;gap:8px;align-items:flex-start}.option.opt-correct{border-color:#1fee9cb3;box-shadow:0 16px 40px #1fee9c59,0 0 0 1px #1fee9c80;background:linear-gradient(135deg,#1fee9c24,#2ed3ff1a)}.option.opt-wrong{border-color:#ef4444b3;box-shadow:0 16px 40px #ef444459,0 0 0 1px #ef444473;background:linear-gradient(135deg,#ef44441f,#f1b6b60f)}.opt-label{position:absolute;top:8px;left:10px;width:24px;height:24px;border-radius:8px;border:1px solid var(--quiz-border);display:grid;place-items:center;background:#ffffff0f;box-shadow:inset 0 1px #ffffff14;font-size:11px;letter-spacing:.03em;color:#dceafe;font-weight:900}.opt-body{display:grid;gap:4px;min-width:0}.opt-text{overflow-wrap:break-word;word-break:break-word;white-space:normal;hyphens:auto}.opt-status{font-size:12px;color:var(--quiz-muted)}.btn{padding:14px;border-radius:14px;border:1px solid var(--quiz-border-strong);font-weight:900;color:#fff;min-height:48px;box-shadow:var(--quiz-shadow)}.btn.primary{background:var(--quiz-primary-2);color:#041017;border:none}.btn.secondary{background:#ffffff0f}.btn.wide,.ghost-btn.wide{width:100%;justify-content:center}.pause{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:10;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))}.pause-card{padding:18px;border-radius:16px;background:#000000bf;border:1px solid var(--quiz-border);display:grid;gap:10px;text-align:center;width:min(320px,90vw)}.winners{display:inline-flex;align-items:center;gap:10px;background:#ffffff14;border-radius:12px;padding:10px;margin-bottom:10px;border:1px solid var(--quiz-border)}.score-table{display:grid;gap:8px}.score-row{display:grid;grid-template-columns:44px 1fr max-content;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--quiz-surface-2);border:1px solid var(--quiz-border)}.score-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-value{font-size:18px;font-weight:900}.score-value.lead{color:var(--quiz-green)}.summary-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 420px){.quiz-wrap{gap:12px}.quiz-top{gap:6px;padding:10px}.chip,.ghost-btn{padding:8px 10px}.hero-main{grid-template-columns:64px 1fr}.roster-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width: 360px){.quiz-wrap{padding-inline:calc(10px + env(safe-area-inset-left)) calc(10px + env(safe-area-inset-right))}.chip,.ghost-btn{padding:7px 9px}.hero-main{grid-template-columns:56px 1fr}}@media (max-width: 320px){.chips-row,.setting-actions,.category-grid,.difficulty-grid{grid-template-columns:1fr}.hero-main{grid-template-columns:1fr;justify-items:center;text-align:center}.roster-grid,.controls{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.quiz-bg,.quiz:after{display:none}.panel,.card.hero,.question,.rail,.roster-card{box-shadow:none}}.choice{position:relative;min-height:100dvh;background:radial-gradient(160% 120% at 20% 10%,rgba(34,211,238,.18),transparent 60%),radial-gradient(180% 120% at 90% 0%,rgba(236,72,153,.12),transparent 55%),radial-gradient(140% 160% at 50% 110%,rgba(99,102,241,.12),transparent 60%),#060a11;color:#e9edf5;font-family:Space Grotesk,Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.choice-bg{position:absolute;inset:0;pointer-events:none}.choice-bg .blob{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.4}.choice-bg .blob.a{background:#22d3ee;top:-160px;left:-120px}.choice-bg .blob.b{background:#ec4899;bottom:-120px;right:-120px}.choice-bg .grain{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 0);background-size:18px 18px;opacity:.2}.choice-shell,.choice-wrap{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) clamp(12px,3vw,22px) calc(26px + env(safe-area-inset-bottom));display:grid;gap:14px;min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));align-content:start}.choice-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.choice-roster-actions{display:flex;gap:8px}.choice-roster-list{display:grid;gap:10px}.choice-roster-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.choice-avatar-btn{width:44px;height:44px;border-radius:12px;border:none;color:#041017;font-size:20px;display:grid;place-items:center;cursor:pointer}.choice-roster-row input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e9edf5;font-weight:600}.choice-icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e9edf5;display:grid;place-items:center;cursor:pointer}.choice-home{display:grid;gap:14px}.choice button{font-family:inherit}.ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e9edf5;cursor:pointer}.choice-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e9edf5;cursor:pointer;min-height:40px}.choice-ghost-btn.compact{padding:8px 10px;min-height:unset;font-weight:800}.choice-ghost-line{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px dashed rgba(255,255,255,.2);background:#ffffff0a;color:#e9edf5;cursor:pointer;width:100%;justify-content:center}.choice-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:14px;border:none;background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#041017;font-weight:800;cursor:pointer;box-shadow:0 16px 40px #00000040}.icon{width:38px;height:38px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e9edf5;display:grid;place-items:center;cursor:pointer}.landing{display:grid;gap:18px}.landing-compact{max-width:900px;margin:0 auto}.landing-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.landing h1{margin:8px 0 10px;font-size:clamp(24px,3vw,32px)}.landing-card{border-radius:18px;padding:16px;background:radial-gradient(120% 120% at 30% 0%,rgba(34,211,238,.12),transparent 60%),#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #00000047}.landing-card.hero{display:grid;gap:10px}.label{text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#9fb2c5;margin:0}.muted{color:#9fb2c5;margin:0}.choice-hero-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:10px 0 6px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px #00000040}.choice-hero-actions .choice-gear.hero{width:44px;height:44px;background:#ffffff14;border-color:#ffffff24}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.hero-pill{padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card-ghost{border-radius:16px;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.card-ghost ul{padding-left:16px;margin:6px 0 0;color:#d7e2ef}.rules ul{margin:6px 0 0;padding-left:16px}.choice-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#9fb2c5;font-size:12px;margin:0 0 6px}.choice-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.play-vertical{min-height:calc(100dvh - 40px);display:grid;gap:12px;align-content:stretch}.play-top{display:flex;align-items:center;gap:10px;justify-content:space-between}.prompt{flex:1;text-align:center;font-size:clamp(18px,3vw,24px);font-weight:700;color:#e9edf5;padding:8px 10px}.vertical-split{display:flex;flex-direction:column;gap:12px;width:100%;min-height:calc(100dvh - 160px)}.option-block{flex:1;border:none;border-radius:16px;padding:16px;color:#041017;font-weight:900;font-size:clamp(20px,4vw,28px);text-align:center;box-shadow:0 18px 38px #00000059;display:grid;place-items:center;cursor:pointer}.option-block.picked{outline:2px solid rgba(233,237,245,.9);outline-offset:2px}.option-label{max-width:90%}.choice-main,.choice-side{display:grid;gap:12px}.question-card{border-radius:18px;padding:16px;background:radial-gradient(120% 120% at 20% 0%,rgba(34,211,238,.16),transparent 65%),radial-gradient(120% 120% at 80% 0%,rgba(236,72,153,.16),transparent 55%),#0a1019eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #00000059}.question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.question-head h2{margin:6px 0;font-size:clamp(20px,2.4vw,26px)}.streak-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e9edf5}.split{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.side{border:none;border-radius:16px;min-height:180px;padding:14px;color:#041017;font-weight:800;text-align:left;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 18px 38px #00000059}.side .side-label{font-size:clamp(16px,2vw,20px);max-width:90%}.side .side-sub{margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#041017b3}.side .pct{position:absolute;bottom:12px;right:12px;background:#041017cc;color:#e9edf5;padding:6px 10px;border-radius:10px;font-weight:800;border:1px solid rgba(233,237,245,.2)}.side.picked{outline:2px solid rgba(233,237,245,.8);outline-offset:2px}.hint{margin:10px 0 0}.bars{margin-top:12px;display:grid;gap:8px}.bar{position:relative;padding:10px 12px;border-radius:12px;background:#ffffff0a;overflow:hidden}.bar span{position:relative;z-index:1}.bar-fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#22d3ee,#8b5cf6);opacity:.3;transition:width .4s ease}.bar-fill.alt{background:linear-gradient(90deg,#f97316,#ec4899)}.rare{color:#22d3ee;font-weight:700}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}.eyebrow-row{display:flex;gap:8px}.eyebrow-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#c7d3e0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.badge-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.badge{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.badge-icon{width:36px;height:36px;border-radius:12px;background:#ffffff14;display:grid;place-items:center}.badge-label{color:#9fb2c5;font-size:13px}.badge-value{font-weight:800;color:#e9edf5}.choice-panel{border-radius:18px;padding:16px;background:radial-gradient(120% 120% at 20% 0%,rgba(34,211,238,.08),transparent 60%),radial-gradient(120% 120% at 80% 0%,rgba(236,72,153,.08),transparent 55%),#0a1019eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px #00000047;backdrop-filter:blur(14px)}.choice-panel.ghost{background:#ffffff08}.choice-panel-head{display:grid;gap:6px;margin-bottom:6px}.choice-panel-head h3{margin:0}.choice-panel-title{font-size:clamp(22px,3vw,26px);font-weight:800;margin:0}.choice-panel-sub{margin:0;color:#9fb2c5}.choice-hero-panel{display:grid;gap:12px;padding:12px 12px 16px}.choice-chips-row{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.choice-seg{border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e9edf5;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;text-align:left}.choice-seg-active{border-color:#22d3eeb3;box-shadow:0 14px 32px #22d3ee38;background:linear-gradient(135deg,#22d3ee29,#8b5cf629)}.choice-seg-icon{width:36px;height:36px;border-radius:12px;background:#ffffff0f;display:grid;place-items:center;font-size:18px}.choice-seg-text{display:grid;gap:2px}.choice-seg-title{font-weight:800;line-height:1.1}.choice-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.choice-section-title{font-weight:800;font-size:16px}.choice-section-sub{color:#9fb2c5;margin-top:2px}.choice-difficulty-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.choice-diff{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e9edf5;cursor:pointer;text-align:left}.choice-diff.on{border-color:#22d3eeb3;box-shadow:0 10px 24px #22d3ee40;background:linear-gradient(135deg,#22d3ee29,#8b5cf624)}.choice-diff-emoji{width:32px;height:32px;border-radius:10px;background:#ffffff14;display:grid;place-items:center;font-size:18px}.choice-diff-label{font-weight:800}@media (max-width: 320px){.choice-difficulty-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.choice-gear{position:relative;width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e9edf5;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.choice-gear .choice-gear-inner{position:relative;z-index:1}.choice-gear .choice-gear-glow{position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,#22d3ee38,#8b5cf638);filter:blur(10px);opacity:.8;z-index:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pack-meta{font-size:13px;margin-top:4px}.pack-chips{margin-top:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e9edf5;cursor:pointer}.chip-active{background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#041017;border-color:transparent}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.theme-grid.compact{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.theme-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e9edf5;text-align:left;cursor:pointer;overflow:hidden}.theme-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--theme-from, #22d3ee),var(--theme-to, #8b5cf6));opacity:.12;z-index:0}.theme-card .theme-icon,.theme-card .theme-body,.theme-card .theme-check{position:relative;z-index:1}.theme-card.on{border-color:#22d3eeb3;box-shadow:0 14px 32px #22d3ee3d}.theme-icon{width:42px;height:42px;border-radius:14px;background:#ffffff14;display:grid;place-items:center;font-size:18px}.theme-body{display:grid;gap:4px}.theme-title{font-weight:800}.theme-sub{color:#9fb2c5;font-size:13px}.theme-check{width:22px;height:22px;border-radius:8px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#e9edf5;background:#ffffff0a}.theme-check.on{background:linear-gradient(135deg,#22d3ee,#8b5cf6);border-color:transparent;color:#041017}.choice-settings-overlay{position:fixed;inset:0;z-index:14;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-left)) calc(22px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-right));background:radial-gradient(120% 80% at 18% 15%,rgba(34,211,238,.18),transparent 55%),radial-gradient(120% 80% at 82% 10%,rgba(139,92,246,.16),transparent 55%),#04080e99;backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%)}.choice-settings-window{position:relative;width:min(96vw,780px);max-height:calc(100dvh - 120px);overflow:auto;border-radius:20px;padding:16px;background:radial-gradient(120% 120% at 16% 0%,rgba(34,211,238,.1),transparent 60%),radial-gradient(120% 120% at 84% 0%,rgba(236,72,153,.1),transparent 55%),#0a1019f2;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 48px #00000061}.choice-settings-window::-webkit-scrollbar{width:8px}.choice-settings-window::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.choice-settings-window .choice-settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.choice-settings-window .choice-settings-title{font-weight:800;font-size:18px}.choice-settings-window .choice-settings-title.sm{font-size:15px}.choice-settings-window .choice-settings-sub{color:#9fb2c5;margin-top:2px}.choice-settings-window .choice-settings-close{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#e9edf5;display:grid;place-items:center;cursor:pointer}.choice-settings-block{display:grid;gap:10px;margin-top:12px}.choice-settings-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.choice-settings-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:12px 0}.choice-toggle-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e9edf5;cursor:pointer;justify-content:space-between}.choice-toggle-chip.on{border-color:#22d3eeb3;background:linear-gradient(135deg,#22d3ee29,#8b5cf624);box-shadow:0 12px 28px #22d3ee3d}.choice-toggle-dot{width:18px;height:10px;border-radius:999px;background:#e9edf5d9;display:inline-block}.missions{display:grid;gap:8px;margin-top:8px}.mission{display:grid;gap:6px;padding:4px 0}.mission-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mission-bar{position:relative;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.mission-fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#22d3ee,#8b5cf6);transition:width .3s ease}.badges{display:grid;gap:8px}.custom-form{display:grid;gap:8px;margin-top:8px}.custom-form input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e9edf5}.history{display:grid;gap:8px}.history-row{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.history-title{font-weight:700}.history-meta{display:flex;align-items:center;gap:10px;color:#9fb2c5;font-size:13px}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);padding:10px 14px;border-radius:12px;background:#041017d9;border:1px solid rgba(255,255,255,.12);color:#e9edf5;z-index:10;box-shadow:0 16px 36px #00000059}@media (max-width: 1024px){.landing-hero,.choice-layout{grid-template-columns:1fr}.choice-top{flex-wrap:wrap}.choice-section-header{flex-direction:column;align-items:flex-start}.split{grid-template-columns:1fr}}@media (max-width: 640px){.choice-shell,.choice-wrap{padding-top:14px}.choice-top{flex-direction:column;align-items:flex-start}}:root{--bg: #020617;--bg-elevated: #030712;--bg-soft: rgba(15, 23, 42, .85);--card: rgba(15, 23, 42, .96);--card-soft: rgba(15, 23, 42, .78);--border-subtle: rgba(148, 163, 184, .35);--border-strong: rgba(148, 163, 184, .8);--accent-main: #38bdf8;--accent-soft: rgba(56, 189, 248, .16);--accent-secondary: #a855f7;--accent-gold: #fbbf24;--accent-success: #22c55e;--accent-danger: #fb7185;--text: #e5e7eb;--muted: #9ca3af;--radius-xl: 26px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--shadow-soft: 0 18px 40px rgba(15, 23, 42, .85);--shadow-hard: 0 26px 70px rgba(15, 23, 42, .95);--transition-fast: .16s ease-out;--transition-medium: .24s ease-out;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(120% 140% at 0% 0%,#020617 0,transparent 55%),radial-gradient(120% 160% at 100% 0%,#020617 0,transparent 55%),#000;color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;padding:0}input,textarea{font:inherit;color:inherit}.auction-app{position:relative;max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:calc(10px + var(--safe-top)) 12px calc(12px + var(--safe-bottom));display:flex;flex-direction:column;border-radius:28px;background:radial-gradient(130% 150% at -10% -10%,#0f172a 0,transparent 55%),radial-gradient(140% 160% at 110% -10%,#0b1120 0,transparent 60%),radial-gradient(130% 180% at 50% 120%,#020617 0,transparent 70%),linear-gradient(160deg,#020617 0% 40%,#020617);box-shadow:var(--shadow-hard);overflow:hidden;isolation:isolate}.auction-app:before,.auction-app:after{content:"";position:absolute;border-radius:999px;filter:blur(46px);opacity:.9;pointer-events:none;z-index:0}.auction-app:before{width:360px;height:360px;top:-140px;right:-140px;background:radial-gradient(circle at 30% 10%,rgba(56,189,248,.8),transparent 60%)}.auction-app:after{width:420px;height:420px;bottom:-180px;left:-160px;background:radial-gradient(circle at 10% 40%,rgba(168,85,247,.7),transparent 65%)}.auction-app--landing{justify-content:center}.auction-app--phase-in_progress:before{background:radial-gradient(circle at 30% 10%,rgba(56,189,248,.9),transparent 60%)}.auction-app--phase-finished:after{background:radial-gradient(circle at 10% 40%,rgba(251,191,36,.8),transparent 65%)}.screen-wrapper{position:relative;flex:1;display:flex;flex-direction:column;gap:12px;z-index:1}.screen-main{flex:1;display:flex;flex-direction:column;margin-top:4px;overflow-y:auto;overflow-x:hidden;padding-bottom:6px}.screen-body{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:visible}.screen{flex:1;display:flex}.screen--landing{align-items:center;justify-content:center}.label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.label.tiny{letter-spacing:.14em;font-size:10px}.title{font-size:20px;margin:4px 0 0}.title-small{font-size:16px;margin:4px 0 0}.muted{font-size:13px;color:var(--muted)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.btn--compact{padding-inline:14px;font-size:12px}.btn--power{background:linear-gradient(135deg,#67e8f9,#38bdf8,#6366f1);color:#020617;border-color:#ffffffb8;box-shadow:0 12px 22px #6366f152}.btn--ready{background:linear-gradient(135deg,#16a34a,#22c55e);color:#021407;border-color:#bbf7d0cc;box-shadow:0 10px 20px #22c55e47}.btn--not-ready{background:linear-gradient(135deg,#fb7185,#ef4444);color:#0b0f16;border-color:#fee2e2bf;box-shadow:0 10px 22px #ef444447}.btn__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.btn__icon--power svg{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(56,189,248,.45))}.btn__icon--ready svg{width:100%;height:100%;filter:drop-shadow(0 3px 8px rgba(34,197,94,.32))}.btn__icon--not-ready svg{width:100%;height:100%;filter:drop-shadow(0 3px 8px rgba(239,68,68,.3))}.btn--primary{background:linear-gradient(135deg,var(--accent-gold),var(--accent-secondary));color:#0b1120;border-color:#f8fafce6;box-shadow:0 16px 32px #fbbf248c}.btn--ghost{background:linear-gradient(135deg,#0f172ae6,#0f172aeb);border-color:var(--border-subtle);color:var(--text)}.btn--wide{width:100%;justify-content:center}.btn:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:0 10px 22px #0f172ab3}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--border-subtle);background:radial-gradient(circle at 0% 0%,rgba(148,163,184,.22),transparent 40%),#0f172afa;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px #0f172acc;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.icon-btn--ghost{background:linear-gradient(135deg,#0f172af5,#0f172ae6)}.icon-btn:active:not(:disabled){transform:translateY(1px) scale(.97);box-shadow:0 6px 14px #0f172ae6}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-subtle);background:#0f172aeb;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.chip--phase{border-color:#94a3b899;background:linear-gradient(135deg,#38bdf81f,#0f172aeb)}.chip__icon{display:inline-flex;align-items:center;justify-content:center;font-size:13px}.chip--host{position:absolute;top:-4px;right:-2px;width:26px;height:26px;padding:0;border-radius:999px;border:none;background:transparent;display:grid;place-items:center;font-size:16px;color:#fbbf24;box-shadow:none;pointer-events:none;text-shadow:0 0 12px rgba(251,191,36,.55)}.chip--winner{border-color:#22c55ecc;color:var(--accent-success);background:#16a34a1a}.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border-subtle);background:#0f172ae6;font-size:12px;white-space:nowrap}.pill--soft{background:#0f172af0}.pill--ghost{background:#0f172ae0}.pill--tiny{padding:4px 10px;font-size:11px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.field-error{font-size:13px;color:var(--accent-danger)}.text-input{width:100%;border-radius:999px;border:1px solid var(--border-subtle);padding:10px 14px;font-size:15px;background:radial-gradient(circle at 0% 0%,rgba(148,163,184,.16),transparent 50%),#0f172ae6;color:var(--text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.text-input--large{padding:12px 16px;font-size:16px}.text-input:focus{border-color:var(--accent-main);box-shadow:0 0 0 1px #38bdf8b3,0 0 0 12px #38bdf814}.callout{margin:2px 0 8px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0a;font-size:13px;color:var(--muted)}.card{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:linear-gradient(145deg,#0f172afa,#0f172aeb);box-shadow:var(--shadow-soft);padding:12px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(18px)}.card-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-row--tight{align-items:flex-end}.screen--landing{padding-block:12px}.landing-card{position:relative;width:100%;border-radius:var(--radius-xl);padding:20px 18px 16px;background:radial-gradient(140% 200% at -10% -20%,rgba(56,189,248,.38),transparent 60%),radial-gradient(160% 260% at 120% -40%,rgba(168,85,247,.5),transparent 65%),#0f172af5;border:1px solid rgba(148,163,184,.6);box-shadow:0 26px 70px #0f172af2;display:flex;flex-direction:column;gap:14px;overflow:hidden;isolation:isolate}.landing-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.06);mix-blend-mode:soft-light;pointer-events:none}.landing-card__head{display:flex;flex-direction:column;gap:8px}.landing-logo{display:flex;flex-direction:column;gap:2px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.landing-logo__primary{font-size:11px;color:#e2e8f0d9}.landing-logo__secondary{font-size:28px;background:linear-gradient(180deg,#fff,#e5edff 80%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 16px rgba(15,23,42,.75)}.landing-tagline{font-size:13px;color:color-mix(in srgb,var(--muted) 70%,#ffffff 30%)}.landing-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.landing-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.landing-connect{font-size:12px;color:var(--muted)}.app-header{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:8px 52px 8px 10px;border-radius:var(--radius-lg);background:radial-gradient(150% 200% at 0% 0%,rgba(56,189,248,.32),transparent 55%),radial-gradient(160% 240% at 100% -40%,rgba(168,85,247,.32),transparent 60%),linear-gradient(150deg,#0f172afa,#0f172af5);border:1px solid rgba(148,163,184,.7);box-shadow:var(--shadow-soft);overflow:hidden;isolation:isolate;backdrop-filter:blur(20px)}.app-header__close{position:absolute;top:6px;right:6px;z-index:2}.app-header__center{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;z-index:1}.app-header__eyebrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.app-header__meta{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172af2;font-size:11px;color:var(--muted)}.app-header__pulse{width:8px;height:8px;border-radius:999px;background:radial-gradient(circle,var(--accent-success),#16a34a);box-shadow:0 0 #22c55e80;animation:header-pulse 2s ease-in-out infinite}@keyframes header-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}.app-header__code-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-header__code{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:linear-gradient(120deg,#0f172af5,#0f172ae6);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700;color:var(--text);cursor:pointer}.app-header__code-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.app-header__code-value{font-size:13px}.lobby-layout{gap:10px}.card--lobby-top{padding-bottom:12px}.lobby-header-main{display:flex;flex-direction:column;gap:6px}.lobby-header-main__row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.lobby-header-main__players{font-size:15px;font-weight:600}.lobby-header-main__code{font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;border:1px solid var(--border-subtle);background:#0f172ae6;letter-spacing:.16em;text-transform:uppercase}.lobby-header-progress{display:flex;flex-direction:column;gap:4px;margin-top:6px}.lobby-header-progress__top{display:flex;align-items:baseline;justify-content:space-between}.lobby-header-progress__label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.lobby-header-progress__value{font-size:11px;font-weight:600}.progress{position:relative;width:100%;height:6px;border-radius:999px;background:#0f172ae6;overflow:hidden}.progress--inline{height:5px}.progress__fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--accent-success),var(--accent-main));box-shadow:0 0 14px #38bdf866}.lobby-settings{flex-shrink:0}.lobby-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px;margin-top:8px}.lobby-stat{padding:8px 9px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--card-soft);display:flex;flex-direction:column;gap:4px}.lobby-stat__label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.lobby-stat__value{font-size:14px;font-weight:700}.lobby-hint{margin-top:6px;font-size:12px;color:var(--muted)}.card--lobby-players{flex:1;min-height:0}.lobby-players-list{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-right:2px;overflow-y:auto}.lobby-players-list--ingame{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lobby-player-btn{background:none;border:none;padding:0;width:100%;text-align:left;color:inherit;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-medium),background var(--transition-medium)}.lobby-player-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-main) 60%,transparent);outline-offset:2px}.lobby-player{position:relative;display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172af5;transition:border-color var(--transition-fast),background var(--transition-medium),box-shadow var(--transition-medium),transform var(--transition-fast)}.lobby-player--ingame{padding:10px 11px;background:radial-gradient(circle at 100% 20%,rgba(56,189,248,.08),transparent 32%),linear-gradient(135deg,#94a3b814,#0f172af2);border:1px solid color-mix(in srgb,var(--border-subtle) 70%,transparent);box-shadow:0 12px 32px #02061799,0 1px #ffffff0a inset}.lobby-player-btn.lobby-player--ingame:hover,.lobby-player-btn.lobby-player--ingame:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-main) 45%,rgba(148,163,184,.45));box-shadow:0 16px 36px #020617bf,0 0 0 1px color-mix(in srgb,var(--accent-main) 28%,transparent)}.lobby-player--self{border-color:color-mix(in srgb,var(--accent-main) 70%,var(--border-subtle));box-shadow:0 14px 32px #38bdf82e,0 0 0 1px color-mix(in srgb,var(--accent-main) 35%,transparent)}.lobby-player--ready{border-color:#22c55ebf;background:linear-gradient(135deg,#22c55e29,#0f172af5)}.lobby-player--host{border-color:#fbbf24bf}.lobby-player__avatar{width:34px;height:34px;border-radius:12px;background:#0f172af5;display:grid;place-items:center;font-weight:800;overflow:hidden;font-size:14px}.lobby-player--ingame .lobby-player__avatar{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--accent-main) 30%,rgba(148,163,184,.45));background:linear-gradient(160deg,#38bdf829,#0f172aeb);box-shadow:0 10px 24px #02061799}.lobby-player__avatar img{width:100%;height:100%;object-fit:cover}.lobby-player__body{flex:1;min-width:0}.lobby-player__name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-player--ingame .lobby-player__name{font-size:15px;letter-spacing:.01em}.lobby-player__tags{font-size:11px;color:var(--muted)}.lobby-player__tags--auction{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px}.auction-meta-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-subtle) 75%,transparent);background:linear-gradient(135deg,#94a3b814,#0f172ae6);font-size:11px;font-weight:700;letter-spacing:.02em}.auction-meta-tag__icon{font-size:13px;line-height:1}.auction-meta-tag--bid{border-color:color-mix(in srgb,var(--accent-main) 55%,rgba(148,163,184,.4));background:linear-gradient(135deg,#38bdf833,#0f172aeb);color:var(--text);box-shadow:0 12px 30px #38bdf824}.lobby-player__status{display:flex;align-items:center}.status-dot{width:8px;height:8px;border-radius:999px;background:#94a3b899}.status-dot--ok{background:var(--accent-success);box-shadow:0 0 12px #22c55ea6}.bottom-bar{margin-top:4px;padding:8px 9px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172afa;display:flex;justify-content:center}.bottom-bar__primary{max-width:260px}.game-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;align-items:start}.lot-hero__emoji-wrap{position:relative;display:grid;place-items:center;width:100%;min-height:200px;isolation:isolate;overflow:hidden;border-radius:var(--radius-md)}.lot-hero__index{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lot-index__meta{display:flex;align-items:center;gap:8px}.lot-index__balance{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;border:1px solid var(--border-subtle);background:#38bdf81f;color:var(--accent-gold);font-weight:700;white-space:nowrap}.lot-hero__emoji{font-size:72px;line-height:1;filter:drop-shadow(0 10px 22px rgba(0,0,0,.4));position:relative;z-index:1}.lot-hero__bid{font-size:15px;font-weight:700;padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px)}.bid-cta{margin-top:12px}.hero-bid-btn{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-main) 70%,rgba(255,255,255,.8));background:linear-gradient(120deg,#38bdf81f,#a855f71a),radial-gradient(circle at 20% 40%,rgba(56,189,248,.22),transparent 48%),#0f172ae6;box-shadow:0 16px 36px #38bdf838,0 0 0 1px #ffffff0d;backdrop-filter:blur(6px)}.hero-bid-btn__glow{position:absolute;inset:-20%;background:radial-gradient(circle at 30% 40%,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at 80% 30%,rgba(168,85,247,.18),transparent 60%);filter:blur(32px);opacity:.9;pointer-events:none}.hero-bid-btn__icon{position:relative;z-index:1;font-size:16px;background:linear-gradient(135deg,#67e8f9,#a855f7);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 6px 12px rgba(56,189,248,.4))}.hero-bid-btn__label{position:relative;z-index:1;letter-spacing:.12em}.lot-hero__timer{position:absolute;inset:0;display:grid;place-items:center;font-size:132px;font-weight:800;color:#ffffffd1;text-shadow:0 18px 52px rgba(0,0,0,.55);pointer-events:none;line-height:1;text-align:center;font-variant-numeric:tabular-nums;mix-blend-mode:screen;letter-spacing:-8px;z-index:2}.lot-last{margin-top:6px;padding:8px 9px;border-radius:var(--radius-md);border:1px dashed var(--border-subtle);background:#0f172af5}.lot-last__content{margin-top:2px;display:flex;flex-direction:column;gap:2px;font-size:13px}.lot-last__name{font-weight:500}.lot-last__meta{color:var(--muted)}.card--last{display:flex;flex-direction:column;gap:4px;grid-column:1 / -1}.card--bid{gap:12px;overflow:hidden}.bid-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bid-stat{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172af5;display:flex;flex-direction:column;gap:6px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.bid-stat--action{cursor:pointer;border-color:#38bdf899;background:linear-gradient(145deg,#38bdf81f,#0f172af5);box-shadow:0 12px 36px #38bdf82e}.bid-stat--secondary{background:linear-gradient(145deg,#5eead414,#0f172af0);border-color:#5eead499}.bid-stat--action:hover{transform:translateY(-1px);border-color:#5eead4b8;box-shadow:0 14px 42px #5eead433}.bid-stat--action:focus-visible{outline:2px solid rgba(56,189,248,.8);outline-offset:2px}.bid-stat--disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.bid-stat__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.bid-stat__label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.bid-stat__value{font-size:18px;font-weight:800}.bid-stat__hint{font-size:12px;color:var(--muted)}.bid-stat__badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#ffffff14;color:#e2e8f0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.bid-stat__badge--ghost{background:#ffffff0a;color:var(--muted);border-color:var(--border-subtle)}.bid-inline-hint{font-size:12px;color:var(--muted);margin:2px 0 0}.bid-input-row{margin-top:2px;display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.78fr);grid-template-areas:"amount action" "quick quick";gap:0;align-items:stretch;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:linear-gradient(120deg,#0f172afa,#0f172aeb);box-shadow:0 12px 32px #0f172a5c;overflow:hidden}.bid-input-row:focus-within{border-color:#38bdf8bf;box-shadow:0 0 0 1px #38bdf84d,0 0 0 14px #38bdf814}.text-input--split{grid-area:amount;min-height:52px;border:none;border-right:1px solid rgba(148,163,184,.35);border-radius:0;padding:12px 16px;background:#ffffff05;box-shadow:none}.text-input--split:focus{box-shadow:none;border-right-color:#38bdf899}.bid-submit-split{grid-area:action;position:relative;width:100%;min-height:52px;border-radius:0;border-left:1px solid rgba(56,189,248,.35);border-right:none;border-top:none;border-bottom:none;background:linear-gradient(135deg,#38bdf829,#5eead424);color:#e0f2fe;font-weight:800;letter-spacing:.16em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0a;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.bid-submit-split__label{position:relative;z-index:1}.bid-submit-split__glow{position:absolute;inset:-30% -14%;background:radial-gradient(circle at 30% 50%,rgba(56,189,248,.3),transparent 55%),radial-gradient(circle at 80% 50%,rgba(94,234,212,.25),transparent 50%);filter:blur(4px);opacity:.9;pointer-events:none}.bid-submit-split:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04);border-color:#38bdf8a6;box-shadow:inset 0 1px #ffffff0f,0 14px 30px #38bdf838}.bid-submit-split:focus-visible{outline:2px solid rgba(56,189,248,.9);outline-offset:2px}.bid-submit-split:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.quick-bids{grid-area:quick;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 12px 14px;border-top:1px solid rgba(148,163,184,.3);background:#ffffff05}.quick-bid{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172ae6;color:#e2e8f0;font-weight:700;text-align:center;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.quick-bid:hover:not(:disabled){transform:translateY(-1px);border-color:#38bdf899;box-shadow:0 10px 30px #38bdf82e}.quick-bid:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.bid-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bid-actions--primary{grid-template-columns:1fr;margin-top:6px}.bid-actions--secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px;width:100%}.bid-action{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.bid-action--pass{background:linear-gradient(135deg,#ef44442e,#0f172af0);border:1px solid rgba(248,113,113,.75);box-shadow:0 12px 30px #ef444440;color:#fecdd3}.bid-action--allin{background:linear-gradient(135deg,#22c55e33,#0f172af0);border:1px solid rgba(74,222,128,.7);box-shadow:0 12px 30px #22c55e40;color:#bbf7d0}.owner-controls{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px}.results-layout{justify-content:center}.results-list{display:flex;flex-direction:column;gap:8px}.result-row{padding:8px 9px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172afa;display:flex;align-items:center;justify-content:space-between;gap:8px}.result-row--winner{border-color:#fbbf24e6;box-shadow:0 12px 28px #fbbf2480;background:radial-gradient(circle at -10% -10%,rgba(251,191,36,.25),transparent 55%),#0f172afa}.result-row__left{display:flex;align-items:center;gap:8px}.result-row__avatar{width:36px;height:36px;border-radius:12px;background:#0f172af5;display:grid;place-items:center;font-weight:800;overflow:hidden}.result-row__avatar img{width:100%;height:100%;object-fit:cover}.result-row__info{display:flex;flex-direction:column;gap:2px}.result-row__name{font-size:14px;font-weight:600}.result-row__money{font-size:14px;font-weight:700}.result-row__meta{font-size:12px;color:var(--muted)}.results-actions{margin-top:10px;display:flex;flex-direction:column;gap:8px}.toast-stack{position:fixed;top:calc(8px + var(--safe-top));left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:6px;padding-inline:12px}.toast{padding:7px 10px 7px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:#0f172afa;color:#f9fafb;font-size:13px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 18px 40px #0f172ae6}.toast--error{background:linear-gradient(135deg,#f87171f5,#ef4444fa);border-color:#f8fafce6}.toast__text{white-space:nowrap}.toast__close{border:none;background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1}button{transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}button:active:not(:disabled){transform:translateY(1px)}@media (max-width: 540px){.card--lot{text-align:center}.card--lot .card-row{flex-direction:column;align-items:center;gap:6px}.lot-index{flex-direction:row;gap:6px;align-items:center;justify-content:center}.lot-hero__emoji{font-size:96px}.lot-hero__emoji-wrap{min-height:150px}.bid-stats{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 400px){.auction-app{padding-inline:10px;border-radius:0}.landing-card{padding-inline:16px}.card{padding:10px}}@media (max-width: 820px){.game-layout{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 30% 20%,rgba(56,189,248,.12),transparent 45%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.12),transparent 40%),#020617bf;backdrop-filter:blur(10px);z-index:50;display:grid;place-items:center;padding:16px}.modal{width:min(480px,100%);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:linear-gradient(145deg,#0f172afa,#0f172af0);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:14px;padding:16px;position:relative}.modal-backdrop--bid{background:radial-gradient(circle at 30% 20%,rgba(56,189,248,.18),transparent 45%),radial-gradient(circle at 70% 80%,rgba(94,234,212,.18),transparent 40%),#020617d1}.bid-modal{width:min(560px,100%);gap:12px}.bid-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bid-modal__title{margin:0;font-size:20px}.bid-modal__subtitle{margin:4px 0 0;font-size:13px;color:var(--muted)}.bid-modal__body{display:flex;flex-direction:column;gap:12px}.bid-modal__input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.text-input--lg{font-size:18px;padding:12px}.bid-hotkeys{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.bid-hotkey{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172ae6;color:#e2e8f0;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.bid-hotkey:hover:not(:disabled){transform:translateY(-1px);border-color:#38bdf899;box-shadow:0 10px 30px #38bdf82e}.bid-hotkey:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.bid-hotkey__key{min-width:38px;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.6);background:#ffffff0f;font-weight:700;letter-spacing:.08em}.bid-hotkey__label{flex:1;font-weight:700}@media (max-width: 520px){.bid-modal__input-row{grid-template-columns:1fr}}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.modal__title{margin:0;font-size:18px}.modal__fields{display:grid;gap:12px}.settings-panel{display:flex;flex-direction:column;gap:12px}.settings-grid{display:grid;gap:12px}@media (min-width: 720px){.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.slider-field{position:relative;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:linear-gradient(135deg,#0c121ef5,#060a14f5),radial-gradient(circle at 20% 20%,rgba(56,189,248,.12),transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.12),transparent 40%);box-shadow:0 14px 40px #0f172a80;overflow:hidden}.slider-field:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.04);pointer-events:none}.slider-field__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.slider-field__value{font-weight:800;font-size:18px;color:var(--accent-main);text-shadow:0 0 18px rgba(56,189,248,.35)}.slider-field__control{position:relative;margin-top:12px;height:42px;display:flex;align-items:center}.slider-field__rail{position:absolute;left:0;right:0;height:10px;top:50%;transform:translateY(-50%);border-radius:999px;background:#ffffff0f;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.slider-field__progress{position:absolute;inset:0;background:linear-gradient(90deg,#38bdf8e6,#a855f7e6);box-shadow:0 0 16px #38bdf866,0 0 32px #a855f74d}.slider-field__input{position:absolute;inset:0;width:100%;height:100%;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;margin:0}.slider-field__input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:radial-gradient(circle at 30% 30%,#e0f2fe,#38bdf8 60%,#1d4ed8);box-shadow:0 0 18px #38bdf8b3,0 0 0 6px #38bdf824;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider-field__input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:radial-gradient(circle at 30% 30%,#e0f2fe,#38bdf8 60%,#1d4ed8);box-shadow:0 0 18px #38bdf8b3,0 0 0 6px #38bdf824;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider-field__input::-webkit-slider-thumb:active,.slider-field__input::-moz-range-thumb:active{transform:scale(1.08);box-shadow:0 0 24px #38bdf8cc,0 0 0 8px #38bdf829}.slider-field__input::-webkit-slider-runnable-track{background:transparent;height:10px}.slider-field__input::-moz-range-track{background:transparent;height:10px}.slider-field__footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--muted)}.modal__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}.modal__actions .btn{border-radius:var(--radius-md);background:linear-gradient(160deg,#0b1220,#0f172a);border-color:#94a3b88c;box-shadow:0 10px 24px #020617a6;letter-spacing:.12em}.modal__actions .btn--ghost{background:linear-gradient(155deg,#080c16f5,#04070ff0);color:#e5e7eb;border-color:#94a3b899}.modal__actions .btn--primary{background:linear-gradient(150deg,#111827,#0ea5e9);color:#e0f2fe;border-color:#0ea5e9b3;box-shadow:0 14px 30px #082f498c}.modal__actions .btn:hover:not(:disabled){box-shadow:0 12px 28px #020617bf}.modal__actions .btn:active:not(:disabled){transform:translateY(0)}.card--players-live{display:grid;gap:12px}.live-players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.live-player{width:100%;text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:linear-gradient(135deg,#38bdf814,#a855f70d);padding:12px;color:inherit;display:grid;gap:10px;position:relative;overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.live-player:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.12),transparent 45%),radial-gradient(circle at 90% 10%,rgba(168,85,247,.12),transparent 50%);pointer-events:none}.live-player:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-main) 25%,var(--border-subtle));box-shadow:0 12px 36px #00000040}.live-player--leading{border-color:color-mix(in srgb,var(--accent-gold) 45%,var(--border-subtle));box-shadow:0 12px 38px #fbbf242e}.live-player__top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.live-player__avatar{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border-subtle);display:grid;place-items:center;font-weight:800;letter-spacing:.2px;overflow:hidden}.live-player__avatar img{width:100%;height:100%;object-fit:cover;display:block}.live-player__titles{display:grid;gap:4px}.live-player__name{font-weight:800;letter-spacing:.2px}.live-player__tags{display:flex;flex-wrap:wrap;gap:6px}.live-player__worth{font-weight:800;font-size:16px;color:var(--text)}.live-player__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.live-player__stat{display:grid;gap:2px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border-subtle);border-radius:12px;padding:8px 10px}.live-player__stat-label{font-size:12px;color:var(--muted)}.live-player__stat-value{font-weight:800}.live-player__stat-value--pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent-secondary) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent-secondary) 50%,transparent)}.chip--me{background:color-mix(in srgb,var(--accent-main) 30%,transparent);border-color:color-mix(in srgb,var(--accent-main) 60%,transparent)}.chip--glow{background:color-mix(in srgb,var(--accent-gold) 25%,transparent);border-color:color-mix(in srgb,var(--accent-gold) 60%,transparent)}.empty-note{padding:12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px dashed var(--border-subtle);color:var(--muted)}.basket-modal{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.06),transparent 55%),radial-gradient(circle at 80% 10%,rgba(168,85,247,.06),transparent 55%),#05070fb8;backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;z-index:1400}.basket-panel{width:min(520px,100%);background:linear-gradient(160deg,#0f172af5,#090914f5);border-radius:24px;border:1px solid color-mix(in srgb,var(--border-subtle) 90%,transparent);box-shadow:var(--shadow-hard);padding:18px;display:grid;gap:12px}.basket-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.basket-head__avatar{width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid var(--border-subtle);display:grid;place-items:center;font-weight:800;overflow:hidden}.basket-head__avatar img{width:100%;height:100%;object-fit:cover}.basket-head__info{display:grid;gap:4px}.basket-head__name{font-weight:900;font-size:18px}.basket-head__meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.basket-close{font-size:18px;color:var(--muted)}.basket-items{display:grid;gap:12px;max-height:60vh;overflow:auto;padding-right:4px}.basket-item{padding:12px;border-radius:16px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface) 85%,transparent);display:grid;gap:6px}.basket-item__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.basket-item__tag{font-size:12px;padding:4px 8px;border-radius:12px;background:color-mix(in srgb,var(--accent-secondary) 20%,transparent);border:1px solid color-mix(in srgb,var(--accent-secondary) 45%,transparent)}.basket-item__price{font-weight:800}.basket-item__title{font-weight:800;letter-spacing:.2px}.basket-item__meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.basket-item__effect{padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--accent-main) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-main) 30%,transparent)}.basket-item__effect--bad{background:color-mix(in srgb,var(--accent-danger) 14%,transparent);border-color:color-mix(in srgb,var(--accent-danger) 40%,transparent)}.basket-item__effect--good{background:color-mix(in srgb,var(--accent-success) 14%,transparent);border-color:color-mix(in srgb,var(--accent-success) 40%,transparent)}.basket-empty{padding:12px;border-radius:16px;border:1px dashed var(--border-subtle);color:var(--muted);text-align:center}