html{background:#04070e;min-height:100%}body,#root{min-height:100svh}body{margin:0}@font-face{font-family:Cairo;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cairo-arabic-500-700-800-CJWMIGCx.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cairo-latin-500-700-800-PfPtmrPZ.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cairo-arabic-500-700-800-CJWMIGCx.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cairo-latin-500-700-800-PfPtmrPZ.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/cairo-arabic-500-700-800-CJWMIGCx.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/cairo-latin-500-700-800-PfPtmrPZ.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/tajawal-arabic-400-CyCXRvzh.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/tajawal-latin-400-BVNSOH3d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/tajawal-arabic-500-BZ8ojJNu.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/tajawal-latin-500-CoYeBiSI.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/tajawal-arabic-700-D2-eand5.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/tajawal-latin-700-BypgxfGb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);--font-body:"Tajawal", "Cairo", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-heading:"Cairo", "Tajawal", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-display:"Cairo", "Tajawal", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-numeric:"Cairo", "Tajawal", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--type-display-xl:clamp(2rem, 6vw, 3.2rem);--type-display-lg:clamp(1.55rem, 4.2vw, 2.3rem);--type-title-lg:clamp(1.18rem, 2.8vw, 1.45rem);--type-title-md:clamp(1.04rem, 2.3vw, 1.18rem);--type-body-lg:1rem;--type-body-md:.95rem;--type-body-sm:.84rem;--tracking-room-code:.14em;color:#f4f8fd;--bg:#020617;--bg-deep:#010409;--bg-soft:#0f172acc;--panel:#0f172a99;--line:#ffffff0f;--line-strong:#ffffff1f;--text:#f8fafc;--muted:#94a3b8;--gold:#d4af37;--gold-glow:#d4af3766;--accent:var(--gold);--accent-strong:#e5c257;--cyan:#22d3ee;--cyan-glow:#22d3ee4d;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--shadow-sm:0 4px 12px #0003;--shadow:0 12px 32px -4px #0006;--shadow-lg:0 32px 64px -12px #0009;--glass-blur:blur(20px);--glass-surface:#0f172a99;--glass-border:#ffffff1a;--gold-gradient:linear-gradient(135deg, #f3d06f 0%, #d4af37 50%, #b8860b 100%);--radius-ui:10px;--radius-xl:var(--radius-ui);--radius-lg:var(--radius-ui);--radius-md:var(--radius-ui);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--motion-fast:.15s cubic-bezier(.4, 0, .2, 1);--motion-base:.25s cubic-bezier(.4, 0, .2, 1);--motion-slow:.4s cubic-bezier(.4, 0, .2, 1);background:radial-gradient(circle at top,#d4af3714,#0000 40%),radial-gradient(circle at 0 100%,#22d3ee14,#0000 40%),linear-gradient(#020617 0%,#010409 100%)}*,:before,:after{box-sizing:border-box}body{background:inherit;color:var(--text);font-family:var(--font-body);font-size:var(--type-body-lg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;min-height:100svh;margin:0;line-height:1.65;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) ease, border-color var(--motion-base) ease, background-color var(--motion-base) ease, color var(--motion-base) ease, box-shadow var(--motion-base) ease}button:active{transform:translateY(1px)}img{max-width:100%;display:block}.app-shell{isolation:isolate;min-height:100svh;padding:calc(var(--space-4) + var(--safe-top,0px)) calc(var(--space-3) + var(--safe-right,0px)) calc(var(--space-5) + var(--safe-bottom,0px)) calc(var(--space-3) + var(--safe-left,0px));position:relative}.app-shell__layer{pointer-events:none;z-index:-3;background-image:var(--shell-layer-background-image);filter:saturate(1.04)contrast(1.02);opacity:1;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .7s cubic-bezier(.22,1,.36,1);position:fixed;inset:0;transform:scale(1.04)}.app-shell__layer:before,.app-shell__layer:after{content:"";position:absolute;inset:0}.app-shell__layer:before{background:radial-gradient(circle at 50% 14%, #ffffff57, transparent 18%), radial-gradient(circle at 50% 32%, #ffe6ad2e, transparent 24%), radial-gradient(circle at 50% 100%, #ffffff0d, transparent 44%), linear-gradient(180deg, var(--shell-layer-overlay-top) 0%, #ffffff08 36%, var(--shell-layer-overlay-bottom) 100%)}.app-shell__layer:after{background:radial-gradient(circle at top center, var(--shell-layer-glow-top), transparent 18%), radial-gradient(circle at 12% 22%, var(--shell-layer-glow-left), transparent 24%), radial-gradient(circle at 88% 18%, var(--shell-layer-glow-right), transparent 28%), radial-gradient(circle at center, transparent 46%, var(--shell-layer-vignette) 100%);mix-blend-mode:screen;opacity:.96}.app-shell__layer--previous{z-index:-2}.app-shell__layer--previous.is-fading-out{opacity:0}.app-shell__inner{z-index:1;min-height:calc(100svh - var(--safe-top,0px) - var(--safe-bottom,0px));position:relative}.app-shell--game{box-sizing:border-box;height:auto;min-height:100svh;padding:calc(var(--space-2) + var(--safe-top,0px)) calc(var(--space-2) + var(--safe-right,0px)) calc(92px + var(--safe-bottom,0px)) calc(var(--space-2) + var(--safe-left,0px));-webkit-overflow-scrolling:touch;overflow:hidden auto}.app-shell--game .app-shell__inner{min-height:calc(100svh - var(--safe-top,0px) - var(--safe-bottom,0px));height:auto;overflow:visible}.landing-card,.game-layout,.hub-layout{width:min(100%,1240px);margin:0 auto}.landing-card{min-height:calc(100svh - var(--safe-top,0px) - var(--safe-bottom,0px) - 24px);flex-direction:column;justify-content:center;display:flex}.game-layout,.hub-layout{gap:16px;display:grid}.app-shell--game .game-layout{height:auto;min-height:calc(100svh - var(--safe-top,0px) - var(--safe-bottom,0px));align-content:start;overflow:visible}@media (prefers-reduced-motion:reduce){.app-shell__layer{transition:none!important}}.game-layout__body,.game-layout__main-column,.game-layout__side-column,.hub-layout__hero,.hub-layout__main,.hub-layout__side{gap:16px;display:grid}.game-layout__main-column,.game-layout__side-column{align-content:start}@media (width>=720px){.app-shell--game{height:100svh;padding:calc(var(--space-4) + var(--safe-top,0px)) calc(var(--space-4) + var(--safe-right,0px)) calc(108px + var(--safe-bottom,0px)) calc(var(--space-4) + var(--safe-left,0px));overflow:hidden}.app-shell--game .app-shell__inner{height:calc(100svh - var(--safe-top,0px) - var(--safe-bottom,0px));overflow:hidden}.app-shell--game .game-layout{align-content:stretch;height:100%;min-height:0;overflow:hidden}.top-bar{align-items:stretch}.hub-layout__main,.hub-layout__side{grid-template-columns:repeat(2,minmax(0,1fr))}.players-list{grid-template-columns:repeat(auto-fit,minmax(172px,1fr))}.chat-form,.result-actions{grid-template-columns:minmax(0,1fr) auto}.reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.game-layout__body{grid-template-columns:minmax(0,1.24fr) minmax(320px,.86fr);align-items:start}.game-layout__body--single{grid-template-columns:minmax(0,1fr)}.game-layout__side-column{top:calc(var(--space-4) + var(--safe-top,0px));position:sticky}.hub-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.84fr);align-items:start}.hub-layout__hero{grid-column:1/-1}.hub-layout__main,.hub-layout__side{grid-template-columns:minmax(0,1fr)}}.field{gap:8px;display:grid}.field span{color:#e9eef4;font-size:var(--type-body-md);font-weight:700}.field input,.chat-form input{border-radius:var(--radius-ui);width:100%;min-height:54px;color:var(--text);transition:border-color var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);background:#ffffff1f;border:1px solid #ffffff2e;outline:none;padding:0 16px;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff08}.field input:focus,.chat-form input:focus{background:#ffffff29;border-color:#d4af37ad;box-shadow:0 0 0 1px #d4af3733,0 10px 26px #0f1c2b24}.room-code-input{font-family:var(--font-numeric);text-transform:uppercase;letter-spacing:var(--tracking-room-code);text-align:center;font-variant-numeric:tabular-nums}.divider{color:var(--muted);align-items:center;gap:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.primary-button,.secondary-button,.ghost-button,.action-button{border-radius:var(--radius-ui);cursor:pointer;min-height:48px;transition:transform var(--motion-fast), box-shadow var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);border:none;font-weight:800}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.action-button:hover{transform:translateY(-1px)}.primary-button{color:#221609;background:linear-gradient(#f5dd9ffa,#c19337fa);padding:0 20px;box-shadow:0 18px 28px #4f350a38,inset 0 1px #ffffff57}.primary-button:active,.secondary-button:active,.ghost-button:active,.action-button:active{transform:scale(.98)}.primary-button.is-selected{box-shadow:0 18px 28px #4f350a47,0 0 0 1px #ffedba38}.secondary-button{color:#f2e1b5;background:#ffffff1a;border:1px solid #d4af3733;padding:0 18px;box-shadow:0 14px 24px #0f1c2b1f}.secondary-button.is-selected{color:#d9f7ff;background:#3fd8ff24;border-color:#3fd8ff47;box-shadow:0 14px 26px #3fd8ff1f}.ghost-button{color:#d0dae5;background:#ffffff14;border:1px solid #ffffff29;min-height:42px;padding:0 14px}.action-button{color:var(--text);background:#ffffff1a;border:1px solid #ffffff29;justify-content:center;align-items:center;gap:10px;padding:0 16px;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.action-button.is-selected{color:#d9f7ff;background:#3fd8ff29;border-color:#3fd8ff61;box-shadow:0 10px 24px #3fd8ff1f}.banner{border-radius:var(--radius-ui);-webkit-backdrop-filter:blur(18px);margin:0;padding:13px 15px;font-size:.94rem;line-height:1.65}.banner.info{color:#d9f7ff;background:#3fd8ff1a;border:1px solid #3fd8ff2e}.banner.error{color:#ffd5db;background:#ff5d6e1f;border:1px solid #ff5d6e2e}.banner.warning{color:#ffe0c2;background:#ff9e4f1f;border:1px solid #ff9e4f33}.panel,.result-card,.hero-card,.account-panel{border-radius:var(--radius-ui);-webkit-backdrop-filter:var(--glass-blur);animation:panel-rise var(--motion-slow) ease both;background:linear-gradient(#ffffff29,#ffffff14);border:1px solid #ffffff2e;padding:18px;position:relative;overflow:hidden;box-shadow:0 24px 48px #11213124,inset 0 1px #ffffff24}.hero-card,.account-panel{border-radius:var(--radius-ui);padding:24px 20px}.panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel__header h2{font-family:var(--font-heading);font-size:var(--type-title-lg);margin:0;line-height:1.35}.panel__header span,.panel-copy,.small-note,.empty-state{color:var(--muted)}.panel-copy,.small-note,.empty-state{margin:0;line-height:1.7}.status-row,.inline-actions,.toggle-row{flex-wrap:wrap;gap:10px;display:flex}.stacked-actions,.chat-form,.result-actions{gap:12px;display:grid}.tag{border-radius:var(--radius-ui);color:#edf4fb;min-height:28px;font-size:var(--type-body-sm);background:#ffffff1f;border:1px solid #ffffff24;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.tag.accent{color:#bff5ff;background:#3fd8ff29;border-color:#3fd8ff42}.tag.role{color:#ffe4a0;background:#f4c7591f;border-color:#f4c75933}.tag.danger{color:#ffd4da;background:#ff5d6e1f;border-color:#ff5d6e33}.tag.warning{color:#ffd8b8;background:#ff9e4f1f;border-color:#ff9e4f33}.tag.mafia{color:#ffd3d9;background:#ff5d6e24;border-color:#ff5d6e42}.toggle-chip{border-radius:var(--radius-ui);background:#ffffff14;border:1px solid #ffffff24;align-items:center;gap:10px;padding:12px 14px;display:flex}.toggle-chip input{width:18px;height:18px}.danger-button{color:#ffd8dd;border-color:#ff5d6e2e}.surface-ornate:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#ffffff29,#0000 22%),linear-gradient(145deg,#f4c75914,#0000 32% 68%,#3fd8ff12);position:absolute;inset:0}.surface-ornate:after{content:"";border-radius:max(0px, calc(var(--radius-ui) - 2px));pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:10px}.surface-accent-glow{box-shadow:0 24px 46px #11213124,0 0 0 1px #ffffff0f,0 26px 56px #3fd8ff1f}.surface-hero-glow{box-shadow:0 24px 46px #11213124,0 34px 72px #f4c75929}.avatar-badge{color:#f8fbff;background:radial-gradient(circle at top,#ffffff24,#080e1a14);flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.avatar-badge:before{content:"";background:radial-gradient(circle at 28% 20%,#ffffff38,#0000 34%),linear-gradient(#0000,#00000038);position:absolute;inset:0}.avatar-badge:after{content:"";border-radius:inherit;border:1px solid #ffffff1f;position:absolute;inset:1px}.avatar-badge__art{width:100%;height:100%}.portrait-badge{border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff1a,0 12px 26px #0000003d}.avatar-badge__initials{z-index:1;font-family:var(--font-heading);letter-spacing:.04em;font-weight:800;position:relative}.identity-avatar.avatar-badge .avatar-badge__initials{font-size:1.3rem}.player-avatar.avatar-badge .avatar-badge__initials,.reveal-avatar.avatar-badge .avatar-badge__initials{font-size:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes panel-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-drift{0%,to{transform:translate(0,0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.panel,.result-card,.hero-card,.account-panel,button{transition:none!important;animation:none!important}}.app-shell.shell-tone-day{--shell-overlay-top:#0a142047;--shell-overlay-bottom:#070d16d1;--shell-vignette:#05090f70;--room-panel-top:#122c4457;--room-panel-bottom:#122c4433;--room-panel-fill:#0a182829;--room-panel-border:#e9f4ff57;--room-panel-shadow:#11213138;--room-panel-inset:#ffffff29;--room-card-top:#14304847;--room-card-bottom:#14304824;--room-card-fill:#08142324;--room-card-border:#e2f0ff47;--room-card-inset:#ffffff1f;--room-phase-pill-top:#f4c75957;--room-phase-pill-bottom:#ffffff24;--room-phase-pill-border:#d4af375c;--room-phase-pill-text:#fffae8;--room-phase-pill-glow:#d4af373d;--room-timer-pill-bg:#3fd8ff33;--room-timer-pill-border:#22d3ee52;--room-timer-pill-text:#f3fdff;--room-chat-bubble-bg:#0d233a70;--room-chat-bubble-border:#e8f3ff47;--room-chat-self-bg:#21548a6b;--room-chat-self-border:#6fc1ff57;--room-chat-input-bg:#0d233a66;--room-chat-input-border:#e8f3ff47;--room-chat-status-bg:#0d233a66;--room-chat-status-border:#e8f3ff3d;--room-announcement-divider:#ffffff1a;--room-icon-color:#f0f6ffeb;--room-player-card-glow-ring:#f4c7591f;--room-player-card-glow-shadow:#f4c7591f;--room-player-avatar-ring:#ffecba3d;--room-player-avatar-glow:#f4c75924}.app-shell.shell-tone-night{--shell-overlay-top:#060c1657;--shell-overlay-bottom:#03060ee0;--shell-vignette:#03050b94;--room-panel-top:#09162870;--room-panel-bottom:#0916283d;--room-panel-fill:#ffffff0a;--room-panel-border:#79b7ff33;--room-panel-shadow:#050a164d;--room-panel-inset:#ffffff1f;--room-card-top:#0b182a57;--room-card-bottom:#0b182a29;--room-card-fill:#ffffff08;--room-card-border:#76b4ff2e;--room-card-inset:#ffffff1a;--room-phase-pill-top:#9370ff3d;--room-phase-pill-bottom:#3fd8ff1f;--room-phase-pill-border:#7dabff47;--room-phase-pill-text:#edf6ff;--room-phase-pill-glow:#68b0ff38;--room-timer-pill-bg:#3fd8ff2e;--room-timer-pill-border:#3fd8ff47;--room-timer-pill-text:#e9fbff;--room-chat-bubble-bg:#09182a61;--room-chat-bubble-border:#77b6ff33;--room-chat-self-bg:#17467c57;--room-chat-self-border:#58b0ff42;--room-chat-input-bg:#09182a57;--room-chat-input-border:#76b4ff33;--room-chat-status-bg:#09182a52;--room-chat-status-border:#76b4ff2e;--room-announcement-divider:#76b4ff1f;--room-icon-color:#e1f0ffeb;--room-player-card-glow-ring:#59beff1f;--room-player-card-glow-shadow:#2e8aff29;--room-player-avatar-ring:#8ecfff38;--room-player-avatar-glow:#43a2ff2e}.app-shell.phase-lobby,.app-shell.phase-day,.app-shell.phase-result{--shell-overlay-top:#0a142029;--shell-overlay-bottom:#070d16b3}.app-shell.phase-night,.app-shell.phase-role_reveal{--shell-overlay-top:#060c1657;--shell-overlay-bottom:#03060ee6}.app-shell.phase-voting{--shell-overlay-top:#1c0c0a38;--shell-overlay-bottom:#0a080ed1}.auth-page{width:min(100%,560px);margin:0 auto}.auth-hero-section{width:100%;min-height:calc(100svh - var(--safe-top,0px) - var(--safe-bottom,0px));isolation:isolate;position:relative;overflow:clip}.auth-hero-section:before{content:"";z-index:-2;background:radial-gradient(circle at 50% 8%,#ffe8b624,#0000 20%),linear-gradient(#07101c3d,#07101c4d 58%,#07101c6b);position:absolute;inset:0}.auth-hero-section:after{content:"";filter:blur(22px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#f4c75914,#0000 68%);border-radius:999px;height:180px;position:absolute;inset:8% 12% auto}.auth-stage__scene{min-height:calc(100svh - var(--safe-top,0px) - var(--safe-bottom,0px));justify-content:center;align-items:center;padding-block:clamp(24px,6vh,72px);display:flex;position:relative}.auth-stage__stars{opacity:.08;background-color:#0000;background-image:radial-gradient(circle at 12% 14%,#ffffffc7 1px,#0000 1.6px),radial-gradient(circle at 26% 34%,#ffffff8a 1px,#0000 1.5px),radial-gradient(circle at 58% 16%,#ffffff85 1px,#0000 1.4px),radial-gradient(circle at 74% 26%,#ffffff75 1px,#0000 1.5px),radial-gradient(circle at 90% 18%,#ffffff9e 1px,#0000 1.4px);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:420px 420px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;position:absolute;inset:0}.guest-entry-card{z-index:2;width:min(100%,560px);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;gap:16px;margin:0 auto;padding:0;animation:none;display:grid;position:relative;overflow:visible}.guest-entry-card:before{content:none}.guest-entry-card__header{text-align:center;place-items:center;padding:0;display:grid}.guest-entry-card__header .brand-mark{filter:drop-shadow(0 12px 22px #0a10185c)drop-shadow(0 0 18px #d4a44924);width:clamp(96px,26vw,128px)}.guest-entry-card__header .brand-mark__image{width:100%;height:auto}.guest-actions{z-index:1;border-radius:var(--radius-ui);-webkit-backdrop-filter:blur(16px);background:linear-gradient(#0a18285c,#0a18282e);border:1px solid #e9f4ff38;gap:12px;padding:14px;display:grid;position:relative;box-shadow:0 18px 34px #0a121e33,inset 0 1px #ffffff14}.guest-entry-card .field>span{color:#f4f7fbfa;font-family:var(--font-heading);margin-bottom:2px;font-size:.84rem;font-weight:700;display:block}.guest-entry-card .field input{color:#f8fbff;background:#0a18285c;border-color:#e9f4ff3d}.guest-entry-card .field input::placeholder{color:#ffffff6b}.room-code-field{position:relative}.guest-code-slots{direction:ltr;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,2vw,10px);margin:8px 0 0;display:grid}.guest-code-slot{aspect-ratio:.82;border-radius:var(--radius-ui);color:#f8fbff;width:100%;min-width:0;min-height:52px;font-family:var(--font-numeric);text-align:center;font-variant-numeric:tabular-nums;background:linear-gradient(#0a182870,#0a182838);border:1px solid #fff3;place-items:center;font-size:clamp(.96rem,4.2vw,1.38rem);font-weight:800;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff0f,0 12px 20px #0a121e24}.guest-code-slot.is-active{background:linear-gradient(#d5ae5629,#ffffff0f);border-color:#d5ae56e0;box-shadow:0 0 0 1px #d5ae5614,0 14px 22px #25190914}.room-code-hidden-input{opacity:0;cursor:pointer;text-align:center;letter-spacing:.18em;direction:ltr;position:absolute;inset:0}.guest-entry-card__join{z-index:1;border-radius:var(--radius-ui);min-height:56px;font-family:var(--font-heading);font-size:var(--type-title-md);justify-content:center;align-items:center;display:inline-flex;position:relative}.guest-entry-card__join-text{color:#241a0b;font-weight:800}.guest-entry-card__watch{width:100%;min-height:50px}.guest-entry-card__footer{z-index:1;gap:10px;display:grid;position:relative}.guest-entry-card__create{width:100%;min-height:50px}.auth-stage__error{margin:0}@media (width>=720px){.guest-entry-card{gap:20px;padding:0}}.hub-layout{padding-bottom:18px}.hub-layout__hero,.hub-layout__main,.hub-layout__side{gap:14px;display:grid}.account-card{align-items:center;gap:12px;display:flex}.account-card__copy{gap:8px;min-width:0;display:grid}.muted-inline{color:var(--muted)}.form-block.compact{margin-top:12px}.panel-divider{background:var(--line);height:1px;margin:14px 0}.cta-grid,.settings-grid,.history-list,.leaderboard-list,.stats-grid{gap:10px;display:grid}.metric-card,.history-item,.leaderboard-item{border-radius:var(--radius-ui);background:#ffffff09;border:1px solid #ffffff14;padding:12px 13px}.metric-card{text-align:center;gap:4px;display:grid;box-shadow:inset 0 1px #ffffff0a}.metric-card strong{font-family:var(--font-heading);font-size:clamp(1.3rem,4.4vw,1.9rem);line-height:1.1}.metric-card--highlight{background:linear-gradient(#f4c7591f,#ffffff0a);border-color:#f4c75929}.history-item__head,.leaderboard-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-item p,.leaderboard-item p,.leaderboard-item h4{margin:0}.leaderboard-item strong{font-family:var(--font-heading);font-size:var(--type-title-md);color:var(--accent)}.leaderboard-item.is-leading{background:linear-gradient(#f4c75924,#ffffff0a);border-color:#f4c7592e}.quick-play-card{padding-top:12px;position:relative;overflow:hidden}.quick-play-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#f4c7591a,#0000 30%),radial-gradient(circle at 100% 100%,#3fd8ff14,#0000 34%);position:absolute;inset:0}.quick-play-hero{align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex;position:relative}.quick-play-hero:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;inset:auto 0 0}.quick-play-hero .brand-mark{filter:drop-shadow(0 10px 16px #0a101857)drop-shadow(0 0 14px #d4a4491f);flex-shrink:0;width:clamp(64px,10vw,84px)}.quick-play-hero__copy{gap:2px;min-width:0;display:grid}.quick-play-hero__copy strong{font-family:var(--font-display);font-size:clamp(1.08rem,4vw,1.45rem);line-height:1.2}.quick-play-card__form{gap:10px;display:grid}.quick-play-card__actions{gap:8px;display:grid}.quick-play-card__actions .primary-button,.quick-play-card__actions .secondary-button{min-height:50px}.profile-summary-card,.player-stats-card,.password-settings-card,.leaderboard-summary-card,.match-history-card{-webkit-backdrop-filter:var(--glass-blur)}@media (width>=720px){.cta-grid,.settings-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-play-card__actions{grid-template-columns:repeat(3,minmax(0,1fr))}}.game-layout{grid-template-rows:auto minmax(0,1fr);gap:8px;padding-bottom:0}.game-layout--phase-shift .top-bar,.game-layout--phase-shift .player-roster-panel,.game-layout--phase-shift .self-role-panel,.game-layout--phase-shift .chat-hud{animation:.32s both phase-section-settle}@keyframes phase-section-settle{0%{opacity:.84;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}.game-layout__body,.game-layout__main-column,.game-layout__side-column{gap:8px;min-height:0;display:grid}.game-layout__body{grid-template-rows:auto minmax(0,1fr);overflow:visible}.game-layout__body--single{grid-template-rows:auto;align-content:start;overflow:visible}.game-layout__body--single .game-layout__main-column{align-self:start;min-height:auto;overflow:visible}.game-layout__main-column:before,.game-layout__side-column:before{content:"";pointer-events:none;position:absolute;inset:0}.game-layout__main-column,.game-layout__side-column{position:relative}.game-layout__main-column{border-radius:var(--radius-ui);box-shadow:none;background:0 0;border:none;min-height:0;padding:0;overflow:visible}.game-layout__main-column:before{content:none}.game-layout__side-column{order:1;align-content:start;gap:6px;max-height:none;padding-inline-end:0;overflow:visible}.top-bar{background:linear-gradient(180deg, var(--room-panel-top), var(--room-panel-bottom)), var(--room-panel-fill);border:1px solid var(--room-panel-border);border-radius:var(--radius-ui);min-height:52px;box-shadow:0 12px 24px var(--room-panel-shadow), inset 0 1px 0 var(--room-panel-inset);-webkit-backdrop-filter:var(--glass-blur);transition:background var(--motion-base), border-color var(--motion-base), box-shadow var(--motion-base), transform var(--motion-fast), opacity var(--motion-fast);align-items:stretch;gap:0;padding:7px 9px;display:grid}.top-bar__main{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"room status actions";align-items:center;gap:4px;min-height:36px;display:grid}.top-bar__status{flex-wrap:nowrap;grid-area:status;justify-content:center;justify-self:center;align-items:center;gap:3px;min-width:0;display:flex}.top-bar__actions{flex-wrap:nowrap;grid-area:actions;justify-content:flex-start;justify-self:start;align-items:center;gap:5px;min-width:0;display:inline-flex}.top-bar__room-line{grid-area:room;justify-self:end;align-items:center;gap:4px;min-width:0;display:flex}.top-bar__icon-button{min-width:32px;min-height:32px;box-shadow:none;color:var(--room-icon-color);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--motion-fast), transform var(--motion-fast), opacity var(--motion-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.top-bar__icon-button:hover{color:#fff}.top-bar__icon-button:active{transform:scale(.96)}.top-bar__icon{width:18px;height:18px;display:block}.top-bar__secondary{border-top:1px solid var(--room-announcement-divider);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-height:0;padding-top:4px;display:grid}.top-bar__secondary--meta-only{grid-template-columns:auto;justify-content:flex-end}.top-bar__secondary-meta{flex-wrap:nowrap;justify-content:flex-end;justify-self:end;align-items:center;gap:6px;display:inline-flex}.top-bar__announcement{min-width:0;font-family:var(--font-heading);color:#f4f7fb;text-shadow:0 1px 8px #0000002e;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.76rem;line-height:1.25;overflow:hidden}.top-bar__socket-pill{border-radius:var(--radius-ui);color:#ebf2f9;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff29;align-items:center;min-height:22px;padding:0 7px;font-size:.66rem;font-weight:700;display:inline-flex}.top-bar__socket-pill--online{color:#d7ffec;border-color:#10b9813d}.top-bar__socket-pill--connecting,.top-bar__socket-pill--reconnecting{color:#ffe3c2;border-color:#ff9e4f3d}.top-bar__alert{border-radius:var(--radius-ui);width:100%;margin:0;padding:6px 10px;font-size:.74rem;line-height:1.4}.top-bar__alert--error{color:#ffd5db;background:#ff5d6e1f;border:1px solid #ff5d6e33}.subtimer-pill{border-radius:var(--radius-ui);color:#d7e2ef;min-height:22px;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;background:#ffffff1f;border:1px solid #ffffff29;align-items:center;padding:0 7px;font-size:.66rem;display:inline-flex}.top-bar__settings{color:#dbe6f2}.top-bar__end-match{color:#ffd6bf}.top-bar__leave{color:#ffd8dd}.top-bar__copy{color:#f0f6ffe6}.top-bar__copy.is-copied{color:#d7ffec}.top-label{color:var(--muted);white-space:nowrap;font-size:.64rem}.room-code{font-family:var(--font-numeric);letter-spacing:var(--tracking-room-code);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(.9rem,3.8vw,1rem)}.phase-pill,.timer-pill{border-radius:var(--radius-ui);white-space:nowrap;justify-content:center;align-items:center;min-height:24px;padding:0 7px;font-size:.7rem;font-weight:800;display:inline-flex}.phase-pill{background:linear-gradient(180deg, var(--room-phase-pill-top), var(--room-phase-pill-bottom));border:1px solid var(--room-phase-pill-border);color:var(--room-phase-pill-text);text-shadow:0 0 10px var(--room-phase-pill-glow)}.timer-pill{background:var(--room-timer-pill-bg);border:1px solid var(--room-timer-pill-border);min-width:50px;color:var(--room-timer-pill-text);font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.phase-banner-card{border-radius:var(--radius-ui);border:1px solid var(--room-panel-border);background:linear-gradient(180deg, var(--room-panel-top), var(--room-panel-bottom)), var(--room-panel-fill);width:100%;box-shadow:inset 0 1px 0 var(--room-panel-inset), 0 18px 34px var(--room-panel-shadow);-webkit-backdrop-filter:blur(24px);margin:0 auto;padding:8px 10px;position:relative;overflow:hidden}.phase-banner-card:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#fff3,#0000 24%),linear-gradient(135deg,#f4c75914,#0000 38% 68%,#3fd8ff14);position:absolute;inset:0}.phase-banner-card__copy{z-index:1;text-align:right;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid;position:relative}.phase-banner-card__meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;width:auto;display:inline-flex}.phase-banner-card__copy p{max-width:none;font-family:var(--font-heading);color:#f8fbff;text-shadow:0 2px 12px #00000042;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:clamp(.82rem,3.2vw,.94rem);line-height:1.22;display:-webkit-box;overflow:hidden}.phase-banner-card__eyebrow{color:var(--muted);font-size:.66rem;font-weight:800}.phase-banner-card__status{border-radius:var(--radius-ui);color:#ebf2f9;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;align-items:center;min-height:22px;padding:0 7px;font-size:.66rem;font-weight:700;display:inline-flex}.phase-banner-card__status--online{color:#d7ffec;border-color:#10b9813d}.phase-banner-card__status--connecting,.phase-banner-card__status--reconnecting{color:#ffe3c2;border-color:#ff9e4f3d}.player-roster-panel{border-radius:var(--radius-ui);background:linear-gradient(180deg, var(--room-panel-top), var(--room-panel-bottom)), var(--room-panel-fill);border:1px solid var(--room-panel-border);width:100%;min-height:0;box-shadow:0 18px 34px var(--room-panel-shadow), inset 0 1px 0 var(--room-panel-inset);-webkit-backdrop-filter:var(--glass-blur);grid-template-rows:auto auto;padding:10px 12px 14px;display:grid}.phase-banner-card--day{border-color:#f4c7592e}.phase-banner-card--day .phase-banner-card__eyebrow{color:#ffe3a0}.phase-banner-card--night{border-color:#3fd8ff2e}.phase-banner-card--night .phase-banner-card__eyebrow{color:#9aefff}.phase-banner-card--defense{border-color:#ff9e4f3d}.phase-banner-card--defense .phase-banner-card__eyebrow{color:#ffd0a2}.phase-banner-card--verdict{border-color:#f4c7593d}.phase-banner-card--verdict .phase-banner-card__eyebrow{color:#ffe3a0}.phase-transition-overlay{z-index:110;padding:calc(var(--space-4) + var(--safe-top,0px)) calc(var(--space-3) + var(--safe-right,0px)) calc(var(--space-4) + var(--safe-bottom,0px)) calc(var(--space-3) + var(--safe-left,0px));pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.phase-transition-overlay__backdrop{-webkit-backdrop-filter:blur(6px);background:linear-gradient(#09101a33,#09101a7a),radial-gradient(circle,#ffffff0f,#0000 46%);animation:.18s both phase-transition-fade-in;position:absolute;inset:0}.phase-transition-card{text-align:center;border-radius:calc(var(--radius-ui) + 4px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(#12203475,#1220343d),#ffffff12;border:1px solid #fff3;gap:8px;width:min(100%,460px);padding:20px 18px;animation:.24s both phase-transition-card-in;display:grid;position:relative;box-shadow:0 26px 52px #050c1657,inset 0 1px #ffffff29}.phase-transition-card--day{border-color:#f4c75947}.phase-transition-card--night{border-color:#3fd8ff47}.phase-transition-card__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#eff6ffc7;font-size:.74rem;font-weight:900}.phase-transition-card--day .phase-transition-card__eyebrow{color:#ffe39a}.phase-transition-card--night .phase-transition-card__eyebrow{color:#9aefff}.phase-transition-card__message{font-family:var(--font-heading);color:#f8fbff;text-shadow:0 2px 14px #0000003d;margin:0;font-size:clamp(1rem,4vw,1.22rem);line-height:1.45}@keyframes phase-transition-fade-in{0%{opacity:0}to{opacity:1}}@keyframes phase-transition-card-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translate(0,0)scale(1)}}.identity-card{border-radius:var(--radius-ui);background:linear-gradient(180deg, var(--room-card-top), var(--room-card-bottom)), var(--room-card-fill);border:1px solid var(--room-card-border);box-shadow:inset 0 1px 0 var(--room-card-inset);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.self-role-panel__header,.spectator-panel__header,.round-timeline-panel__header{margin-bottom:10px}.self-role-panel__heading,.spectator-panel__heading,.round-timeline-panel__heading{gap:3px;display:grid}.self-role-panel__eyebrow,.spectator-panel__eyebrow,.round-timeline-panel__eyebrow{color:#dde9f5bd;font-size:.74rem;font-weight:800}.self-role-stack{gap:10px;display:grid}.self-role-panel{overflow:visible}.spectator-panel{overflow:hidden}.spectator-panel__copy{margin:0}.role-reveal-stage{border-radius:var(--radius-ui);background:linear-gradient(180deg, var(--room-card-top), var(--room-card-bottom)), var(--room-card-fill);border:1px solid var(--room-card-border);box-shadow:inset 0 1px 0 var(--room-card-inset);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.role-reveal-stage:before{content:none}.role-reveal-stage.is-active{border-color:#f4c7593d;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #f4c75914}.role-reveal-stage__art-shell{border-radius:var(--radius-ui);background:linear-gradient(180deg, var(--room-card-top), var(--room-card-bottom)), var(--room-card-fill);border:1px solid var(--room-card-border);width:84px;height:84px;box-shadow:inset 0 1px 0 var(--room-card-inset);padding:6px}.role-reveal-stage__art-shell:after{content:none}.role-reveal-stage__art{z-index:1;object-fit:cover;border-radius:var(--radius-ui);width:100%;height:100%;position:relative}.role-reveal-stage__copy{gap:6px;min-width:0;display:grid}.role-reveal-stage__copy strong{font-family:var(--font-display);font-size:1.1rem;line-height:1.2}.role-reveal-stage__copy p{color:#dce5ef;margin:0;font-size:.84rem;line-height:1.55}.role-reveal-stage__hint{color:#dce5efb8}.role-reveal-stage__eyebrow{color:var(--gold);font-size:.72rem;font-weight:800}.identity-avatar-wrapper{flex-shrink:0;position:relative}.identity-avatar{border-radius:var(--radius-ui);width:72px;height:72px;box-shadow:var(--shadow);border:2px solid #ffffff24}.identity-meta{gap:6px;display:grid}.identity-meta strong{font-family:var(--font-heading);font-size:1rem}.identity-meta p{color:#dce5ef;margin:0;line-height:1.6}.identity-intel{gap:8px;margin-top:2px;display:grid}.identity-intel__item{border-radius:var(--radius-ui);background:linear-gradient(180deg, var(--room-card-top), var(--room-card-bottom)), var(--room-card-fill);border:1px solid var(--room-card-border);color:#eef5fd;margin:0;padding:8px 10px;font-size:.8rem;line-height:1.45}.role-theme--mafia .role-reveal-stage{border-color:#ff5d6e2e}.role-theme--mafia .role-reveal-stage__eyebrow{color:#ff8c99}.role-theme--doctor .role-reveal-stage{border-color:#10b98133}.role-theme--doctor .role-reveal-stage__eyebrow{color:#7ef0bf}.role-theme--detective .role-reveal-stage{border-color:#3fd8ff33}.role-theme--detective .role-reveal-stage__eyebrow{color:#97eeff}.role-theme--citizen .role-reveal-stage{border-color:#f4c7592e}.identity-tags,.player-tags,.result-tags{flex-wrap:wrap;gap:8px;display:flex}.player-roster-panel .panel__header{margin-bottom:8px;padding-inline:2px}.player-roster-panel .panel__header span{color:#dbe7f2}.players-list{--player-card-width:160px;--player-card-height:188px;grid-template-columns:repeat(auto-fit, minmax(var(--player-card-width), var(--player-card-width)));width:100%;min-height:0;padding-bottom:calc(216px + var(--safe-bottom,0px));scroll-padding-bottom:calc(228px + var(--safe-bottom,0px));place-content:start center;justify-items:center;gap:10px;margin-inline:0;padding-inline-end:2px;display:grid;overflow:visible}.player-card{--player-card-border-color:var(--room-card-border);--player-card-accent-ring:var(--room-player-card-glow-ring);--player-card-accent-shadow:var(--room-player-card-glow-shadow);text-align:center;width:var(--player-card-width);min-height:var(--player-card-height);border-radius:var(--radius-ui);background:linear-gradient(180deg, var(--room-card-top), var(--room-card-bottom)), var(--room-card-fill);border:1px solid var(--player-card-border-color);box-shadow:inset 0 1px 0 var(--room-card-inset), 0 0 0 1px var(--player-card-accent-ring), 0 16px 28px var(--player-card-accent-shadow);scroll-margin-bottom:calc(228px + var(--safe-bottom,0px));grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:8px;padding:10px 11px;display:grid;position:relative;overflow:hidden}.player-card__selection-count{color:#f7fbff;min-width:26px;height:26px;font-family:var(--font-numeric);z-index:2;background:#08121ec7;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;inset-block-start:10px;inset-inline-start:10px;box-shadow:0 10px 18px #050c1638,inset 0 1px #ffffff1f}.player-card.is-self{--player-card-border-color:#f4c75942;--player-card-accent-ring:#f4c75924;--player-card-accent-shadow:#f4c75924;min-height:calc(var(--player-card-height) + 20px);box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1px var(--player-card-accent-ring), 0 16px 28px var(--player-card-accent-shadow)}.player-card.is-target{--player-card-border-color:#3fd8ff52;--player-card-accent-ring:#3fd8ff29;--player-card-accent-shadow:#3fd8ff29}.player-card.is-under-defense{--player-card-border-color:#ff9e4f61;--player-card-accent-ring:#ff9e4f29;--player-card-accent-shadow:#ff9e4f29;background:linear-gradient(#ff9e4f29,#ff9e4f0f)}.player-card.is-under-verdict{--player-card-border-color:#f4c75957;--player-card-accent-ring:#f4c7592e;--player-card-accent-shadow:#f4c75929;background:linear-gradient(#f4c75929,#f4c7590d)}.player-card.is-selected-by-me{--player-card-border-color:#3fd8ff57;--player-card-accent-ring:#3fd8ff29;--player-card-accent-shadow:#3fd8ff24;box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1px var(--player-card-accent-ring), 0 16px 28px var(--player-card-accent-shadow)}.player-card.is-dead{opacity:.68;--player-card-border-color:#ff5d6e24;--player-card-accent-ring:#ff5d6e0a;--player-card-accent-shadow:#ff5d6e0f;background:#ff5d6e0d}.player-card.is-disconnected{border-style:dashed}.player-avatar{width:52px;height:52px;box-shadow:0 0 0 2px var(--room-player-avatar-ring), 0 0 16px var(--room-player-avatar-glow);border-radius:999px}.player-card.is-dead .player-avatar{box-shadow:0 0 0 2px #ffaeb81f,0 0 10px #ff5d6e14}.player-content{align-content:start;justify-items:center;gap:3px;width:100%;min-width:0;display:grid}.player-head{justify-items:center;gap:1px;width:100%;display:grid}.player-head strong{font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.94rem,3.6vw,1.02rem);line-height:1.25;overflow:hidden}.revealed-role{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;overflow:hidden}.tag.state-target{color:#9aefff}.tag.state-defense{color:#ffd0a2}.tag.state-verdict{color:#ffe3a0}.tag.state-selection{color:#d9f7ff}.tag.state-attempt{color:#9aefff}.player-private{gap:4px;width:100%;margin-top:3px;display:grid}.player-private__summary{color:#e9f1f9d6;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.72rem;line-height:1.38;display:-webkit-box;overflow:hidden}.player-footer{border-top:1px solid #ffffff14;grid-column:auto;align-self:end;gap:6px;width:100%;margin-top:auto;padding-top:10px;display:grid}.player-footer__rail{background:linear-gradient(#ffffff09,#ffffff03);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:100%;min-height:46px;padding:2px 4px;display:grid;box-shadow:inset 0 1px #ffffff0a}.player-action-slot{justify-content:center;align-items:center;min-height:42px;display:flex;position:relative}.player-action-slot:not(:last-child):after{content:"";background:linear-gradient(#0000,#ffffff14,#0000);width:1px;position:absolute;inset-block:8px;inset-inline-end:0}.player-action-slot--start{justify-content:flex-start}.player-action-slot--center{justify-content:center}.player-action-slot--end{justify-content:flex-end}.player-footer__action{opacity:1;width:42px;height:42px;transition:transform var(--motion-fast), opacity var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast), filter var(--motion-fast);background:#ffffff08;border:none;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #050c161f}.player-footer__action:hover{background:#ffffff12;transform:translateY(-1px)}.player-footer__action.is-selected{opacity:1;box-shadow:inset 0 1px #ffffff14,0 10px 22px #0000002e}.player-footer__action--vote.is-selected{background:#f4c7592e}.player-footer__action--doctor.is-selected{background:#10b9812e}.player-footer__action--detective.is-selected{background:#3fd8ff2e}.player-footer__action--mafia.is-selected{background:#ff5d6e2e}.player-footer__action--acquit.is-selected{background:#3fd8ff2e}.player-footer__action--eliminate.is-selected{background:#ff9e4f33}.player-footer__icon{object-fit:contain;filter:brightness(1.12)saturate(1.08)drop-shadow(0 1px #ffffff14)drop-shadow(0 3px 10px #00000038);width:31px;height:31px}.player-footer__kick{width:100%;min-height:38px}.host-settings-panel{-webkit-backdrop-filter:var(--glass-blur)}.player-roster-panel,.round-timeline-panel,.host-settings-panel,.host-settings-panel__sheet{background:linear-gradient(180deg, var(--room-panel-top), var(--room-panel-bottom)), var(--room-panel-fill);border:1px solid var(--room-panel-border);border-radius:var(--radius-ui);box-shadow:0 18px 34px var(--room-panel-shadow), inset 0 1px 0 var(--room-panel-inset);transition:background var(--motion-base), border-color var(--motion-base), box-shadow var(--motion-base), transform var(--motion-fast), opacity var(--motion-fast)}.chat-hud{transition:transform var(--motion-fast), opacity var(--motion-fast)}.chat-hud.is-chat-active,.chat-hud__frame.is-chat-active{pointer-events:auto}.player-tags{justify-content:center}.round-timeline-panel__summary{justify-content:flex-end;align-items:center;display:flex}.round-timeline-panel{padding:14px}.player-roster-panel .tag,.round-timeline-panel .tag{min-height:auto;box-shadow:none;color:#d9e4ef;background:0 0;border:none;border-radius:0;padding:0;font-size:.75rem}.player-roster-panel .tag.accent,.round-timeline-panel .tag.accent{color:#9aefff}.player-roster-panel .tag.role,.round-timeline-panel .tag.role{color:#ffe3a0}.player-roster-panel .tag.warning,.round-timeline-panel .tag.warning{color:#ffd0a2}.player-roster-panel .tag.danger,.round-timeline-panel .tag.danger{color:#ffb7c0}.player-roster-panel .tag.mafia,.round-timeline-panel .tag.mafia{color:#ff9aa7}.round-timeline-panel{grid-template-rows:auto auto 1fr;height:clamp(300px,44svh,400px);display:grid;overflow:hidden}.round-timeline-panel__current{border-bottom:1px solid #ffffff1a;gap:10px;padding:0 0 12px;display:grid}.round-timeline-panel__current-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.round-timeline-panel__summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.round-timeline-panel__badge,.round-timeline-panel__count{color:#d9e4ef;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 9px;font-size:.74rem;font-weight:800;display:inline-flex}.round-timeline-panel__badge--accent{color:#9aefff}.round-timeline-panel__current-copy{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.round-timeline-panel__focus{justify-content:flex-start;display:flex}.round-timeline-panel__focus-pill{color:#eef5fd;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;max-width:100%;min-height:26px;padding:0 10px;font-size:.74rem;font-weight:700;display:inline-flex;overflow:hidden}.round-timeline-panel__history-bar{justify-content:space-between;align-items:center;gap:10px;padding:10px 0 12px;display:flex}.round-timeline-panel__history-label{color:#dde9f5b8;font-size:.74rem;font-weight:800}.round-timeline__list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:10px;min-height:0;max-height:none;padding-inline-end:4px;display:grid;overflow-y:auto}.round-timeline__group{border-radius:var(--radius-ui);background:linear-gradient(180deg, var(--room-card-top), var(--room-card-bottom)), var(--room-card-fill);border:1px solid var(--room-card-border);box-shadow:inset 0 1px 0 var(--room-card-inset);gap:8px;padding:10px 12px;display:grid}.round-timeline__group-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.round-timeline__group-title{color:#dde9f5c2;font-size:.74rem;font-weight:800}.round-timeline__group-count{color:#dde9f594;font-size:.72rem;font-weight:700}.round-timeline__group-events{gap:8px;display:grid}.round-timeline__entry{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:8px;display:grid}.round-timeline__entry+.round-timeline__entry{border-top:1px solid #ffffff14;padding-top:8px}.round-timeline__marker{border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:5px}.round-timeline__marker--gameplay{background:#6fdcff;box-shadow:0 0 0 4px #5ad6ff1f}.round-timeline__marker--session{background:#f4d487;box-shadow:0 0 0 4px #f4d4871f}.round-timeline__entry--session .round-timeline__text{color:#f3ecd8}.round-timeline__entry--vote .round-timeline__text{color:#e8f8ff}.round-timeline__entry--eliminate .round-timeline__text{color:#ffd9dd}.round-timeline__entry--acquit .round-timeline__text{color:#ffeab9}.round-timeline__text{color:#edf4fb;margin:0;font-size:.82rem;line-height:1.45}.round-timeline-panel__empty{margin:0}.host-settings-panel__copy{max-width:36rem;margin-bottom:12px}.host-settings-panel{overflow:auto}.host-settings-panel__heading{gap:4px;display:grid}.host-settings-panel__toggle{border-radius:var(--radius-ui);min-height:34px;padding:0 12px}.host-settings-panel__summary{flex-wrap:wrap;gap:8px;display:flex}.host-settings-panel__hint{margin-top:10px}.host-settings-panel__sheet-backdrop{z-index:90;opacity:0;pointer-events:none;background:#03080e85;border:0;transition:opacity .18s;position:fixed;inset:0}.host-settings-panel__sheet-backdrop.is-open{opacity:1;pointer-events:auto}.host-settings-panel__sheet{inset:auto calc(var(--space-2) + var(--safe-right,0px)) calc(var(--safe-bottom,0px) + 8px) calc(var(--space-2) + var(--safe-left,0px));z-index:95;max-height:min(76svh,680px);padding:14px 14px calc(16px + var(--safe-bottom,0px));border-radius:var(--radius-ui);opacity:0;visibility:hidden;pointer-events:none;gap:12px;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s,visibility .18s;display:grid;position:fixed;overflow:auto;transform:translateY(calc(100% + 28px));box-shadow:0 36px 70px #00000052,inset 0 1px #ffffff0f}.host-settings-panel__sheet.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.host-settings-panel__sheet-grabber{background:#ffffff2e;border-radius:999px;width:52px;height:5px;margin:0 auto}.host-settings-panel__sheet-header{margin-bottom:0}.host-settings-panel__grid{margin-top:4px}.host-settings-panel__toggles{margin-top:2px}.host-settings-panel__actions{margin-top:12px}.host-settings-panel__sheet .field input,.host-settings-panel__sheet .toggle-chip,.host-settings-panel__sheet .secondary-button,.host-settings-panel__sheet .primary-button,.host-settings-panel__sheet .ghost-button{border-radius:var(--radius-ui)}.role-action-button{width:100%}.role-action-button--mafia{background:#ff5d6e14;border-color:#ff5d6e38}.role-action-button--doctor{background:#10b98114;border-color:#10b98138}.role-action-button--detective{background:#3fd8ff14;border-color:#3fd8ff38}.action-button__icon{object-fit:contain;border-radius:999px;width:20px;height:20px}.chat-hud{bottom:calc(var(--space-1) + var(--safe-bottom,0px));left:calc(var(--space-2) + var(--safe-left,0px));right:calc(var(--space-2) + var(--safe-right,0px));z-index:80;pointer-events:none;gap:6px;display:grid;position:fixed}.chat-hud__frame{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;justify-items:center;gap:8px;padding:0;display:grid}.chat-list{pointer-events:none;flex-direction:column;justify-content:flex-end;justify-self:center;align-items:stretch;gap:6px;width:min(100%,460px);max-height:96px;margin-inline:auto;padding:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 42%);mask-image:linear-gradient(#0000 0%,#000 42%)}.chat-list--expanded{pointer-events:auto;overscroll-behavior:contain;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;max-height:min(46svh,360px);padding-inline-end:4px;overflow-y:auto;-webkit-mask-image:none;mask-image:none}.chat-message{pointer-events:none;justify-content:flex-start;align-items:center;animation:.2s cubic-bezier(.16,1,.3,1) chat-slide-in;display:flex}.chat-message--self{justify-content:flex-end}@keyframes chat-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message__body{-webkit-backdrop-filter:none;backdrop-filter:none;max-width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;gap:0;padding:0;display:flex}.chat-message__avatar{display:none}.chat-message__content{border-radius:var(--radius-ui);background:var(--room-chat-bubble-bg);border:1px solid var(--room-chat-bubble-border);min-width:0;max-width:min(100%,300px);box-shadow:0 8px 20px var(--room-panel-shadow);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;align-items:center;gap:5px;padding:7px 11px;display:inline-flex}.chat-message--self .chat-message__content{background:var(--room-chat-self-bg);border-color:var(--room-chat-self-border)}.chat-message__author{font-family:var(--font-heading);color:var(--gold);white-space:nowrap;font-size:.78rem}.chat-message__author--self{color:#c7f0ff}.chat-message__text{color:#f1f5f9;text-shadow:0 1px 2px #000c;word-break:break-word;font-size:.82rem;line-height:1.28}.chat-form{pointer-events:auto;touch-action:manipulation;justify-self:center;width:min(100%,460px);margin-inline:auto}.chat-input-wrapper{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:stretch;gap:6px;padding:0;display:flex}.chat-input-wrapper input{background:var(--room-chat-input-bg);border:1px solid var(--room-chat-input-border);border-radius:var(--radius-ui);color:#fff;width:100%;min-width:0;height:44px;min-height:44px;box-shadow:0 10px 24px var(--room-panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex:auto;padding:0 14px;font-size:16px;line-height:1.2}.chat-input-wrapper input::placeholder{color:#ffffff6b}.chat-send-btn{color:#000;border-radius:var(--radius-ui);cursor:pointer;touch-action:manipulation;background:linear-gradient(#f5dd9ffa,#c19337fa);border:none;min-width:72px;height:44px;min-height:44px;padding:0 12px;font-size:.82rem;font-weight:800;transition:transform .1s}.chat-send-btn:active{transform:scale(.95)}.chat-hud__status{pointer-events:none;color:#d8e2ee;-webkit-backdrop-filter:none;text-shadow:0 1px 3px #000000bf;background:0 0;border:none;border-radius:0;justify-self:center;max-width:560px;padding:0;font-size:.82rem}.chat-hud__status-badge{border-radius:var(--radius-ui);background:var(--room-chat-status-bg);border:1px solid var(--room-chat-status-border);min-height:30px;box-shadow:0 10px 24px var(--room-panel-shadow);-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.result-summary{gap:14px;display:grid}.result-sheet-overlay{z-index:120;padding:calc(var(--space-3) + var(--safe-top,0px)) calc(var(--space-2) + var(--safe-right,0px)) calc(86px + var(--safe-bottom,0px)) calc(var(--space-2) + var(--safe-left,0px));align-items:end;display:grid;position:fixed;inset:0}.result-sheet-overlay__backdrop{-webkit-backdrop-filter:blur(14px);background:#060c1494;position:absolute;inset:0}.result-sheet{background:linear-gradient(#12203494,#12203466),#ffffff14;border:1px solid #ffffff2e;width:100%;max-height:100%;padding:16px;position:relative;overflow:auto;box-shadow:0 30px 56px #0000004d,inset 0 1px #ffffff24}.result-sheet__heading{gap:4px;display:grid}.result-sheet__eyebrow{color:#dde9f5bd;font-size:.74rem;font-weight:800}.result-sheet__meta{flex-wrap:wrap;gap:8px;display:flex}.winner-banner{border-radius:var(--radius-ui);background:#ffffff0f;border:1px solid #ffffff1f;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;display:grid}.winner-banner__visual{place-items:center;display:grid}.winner-banner__portrait{object-fit:cover;border-radius:var(--radius-ui);border:1px solid #ffffff1f;width:72px;height:72px;box-shadow:inset 0 1px #ffffff14}.winner-banner__content{gap:6px;min-width:0;display:grid}.winner-banner__label{color:var(--muted);font-size:.84rem}.winner-banner strong{font-family:var(--font-heading);font-size:var(--type-title-md)}.winner-mafia .winner-banner{color:#fee2e2;background:#ef444426;border-color:#ef444440}.winner-citizens .winner-banner{color:#ecfdf5;background:#10b98126;border-color:#10b98140}.reveal-grid{gap:10px;display:grid}.reveal-card{border-radius:var(--radius-ui);background:#ffffff0d;border:1px solid #ffffff1f;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.reveal-card.is-dead{background:#ff5d6e12}.reveal-avatar{border-radius:var(--radius-ui);object-fit:cover;width:52px;height:52px}.reveal-copy{gap:8px;min-width:0;display:grid}.reveal-copy__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.reveal-role-art{object-fit:cover;border-radius:var(--radius-ui);background:#ffffff0a;border:1px solid #ffffff1a;flex-shrink:0;width:48px;height:48px;box-shadow:inset 0 1px #ffffff0f}.reveal-copy strong,.reveal-copy p{margin:0}.result-actions{background:linear-gradient(#11213100,#1121317a 24%);padding-top:12px;position:sticky;bottom:0}@media (width>=720px){.player-roster-panel{grid-template-rows:auto minmax(0,1fr)}.game-layout__main-column{border-radius:var(--radius-ui);padding:0}.top-bar{border-radius:var(--radius-ui);padding:8px 10px}.top-bar__announcement{font-size:.8rem}.phase-pill,.timer-pill{min-height:28px;padding:0 10px}.players-list{--player-card-width:176px;--player-card-height:204px;max-width:none;padding-bottom:calc(132px + var(--safe-bottom,0px));scroll-padding-bottom:calc(144px + var(--safe-bottom,0px));overflow:auto}.player-avatar{width:74px;height:74px}.phase-banner-card__meta{justify-content:center}.phase-banner-card{border-radius:var(--radius-ui);width:min(100%,760px);padding:10px 12px}.phase-banner-card__copy{text-align:center;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.phase-banner-card__copy p{-webkit-line-clamp:1;max-width:none;font-size:clamp(.92rem,1.8vw,1rem);line-height:1.3}.player-card{border-radius:var(--radius-ui);gap:10px;padding:14px 13px 12px}.players-list{--player-card-width:184px;--player-card-height:212px}.chat-hud{bottom:calc(var(--space-4) + var(--safe-bottom,0px));left:max(var(--space-4), calc(50% - 360px));right:max(var(--space-4), calc(50% - 360px));gap:8px}.chat-hud__frame{padding:0}.chat-list{gap:8px;width:min(100%,520px);max-height:180px}.chat-form{width:min(100%,520px)}.result-sheet-overlay{padding:calc(var(--space-4) + var(--safe-top,0px)) calc(var(--space-4) + var(--safe-right,0px)) calc(112px + var(--safe-bottom,0px)) calc(var(--space-4) + var(--safe-left,0px));align-items:center}.result-sheet{width:min(920px,100%);margin:0 auto;padding:18px}}@media (width>=360px) and (width<=719px){.players-list{--player-card-width:auto;--player-card-height:180px;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch;gap:8px;max-width:none}.player-card{width:100%;min-height:var(--player-card-height);padding:11px 10px 12px}.player-avatar{width:64px;height:64px}.player-footer__icon{width:33px;height:33px}}@media (width<=640px){.top-bar__main{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"room status actions";align-items:center;gap:8px}.top-label{display:none}.top-bar__secondary{grid-template-columns:auto minmax(0,1fr);align-items:center}.top-bar__secondary-meta{flex-wrap:nowrap;justify-self:start}.top-bar__announcement{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.top-bar__icon-button{min-width:30px;min-height:30px;padding:3px}.top-bar__icon{width:17px;height:17px}.phase-pill,.timer-pill{min-height:22px;font-size:.68rem}.room-code{font-size:.88rem}.top-bar__room-line{gap:6px}.top-bar__actions,.game-layout__side-column{gap:8px}.panel__header h2{font-size:1.18rem}.role-reveal-stage{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px}.role-reveal-stage__art-shell{width:72px;height:72px}.role-reveal-stage__copy strong{font-size:1rem}.role-reveal-stage__copy p,.role-reveal-stage__hint{font-size:.8rem;line-height:1.45}}@media (width<=420px){.players-list{--player-card-height:170px}.player-avatar{width:58px;height:58px}.player-footer__icon{width:31px;height:31px}.player-head strong{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.game-layout--phase-shift .top-bar,.game-layout--phase-shift .player-roster-panel,.game-layout--phase-shift .self-role-panel,.game-layout--phase-shift .chat-hud,.phase-transition-overlay__backdrop,.phase-transition-card{animation:none!important}}@media (width>=1040px){.game-layout__side-column{order:0;max-height:none;padding-inline-end:0;overflow:visible}.game-layout__body{grid-template-rows:none}.players-list{--player-card-width:184px;--player-card-height:212px;max-width:none}.host-settings-panel__sheet{inset:calc(var(--space-4) + var(--safe-top,0px)) calc(var(--space-4) + var(--safe-right,0px)) calc(118px + var(--safe-bottom,0px)) auto;width:min(420px,100vw - 48px);max-height:calc(100svh - 164px - var(--safe-top,0px) - var(--safe-bottom,0px));border-radius:var(--radius-ui);transform:translate(calc(100% + 28px))}.host-settings-panel__sheet.is-open{transform:translate(0)}.host-settings-panel__sheet-grabber{display:none}}.error-overlay{bottom:calc(var(--safe-bottom,0px) + 14px);left:calc(var(--safe-left,0px) + 10px);right:calc(var(--safe-right,0px) + 10px);z-index:160;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed}.error-overlay--game{bottom:calc(var(--safe-bottom,0px) + 74px)}.error-overlay__bubble{border-radius:var(--radius-ui);color:#ffe3e8;-webkit-backdrop-filter:blur(18px);text-align:center;text-shadow:0 1px 3px #00000038;background:#781c26c7;border:1px solid #ff7b9247;width:min(100%,560px);padding:9px 12px;font-size:.8rem;line-height:1.45;box-shadow:0 18px 32px #23080c47,inset 0 1px #ffffff1f}