:root{--bg:#0c0e14;--bg-elevated:#141824;--border:#252a3a;--text:#c6cad8;--text-strong:#f1f3f9;--accent:#7c5cff;--accent-dim:#7c5cff33;--accent-hot:#ff5c8a;--corner-1:#3dd6c7;--corner-2:#ffb84d;--corner-3:#6ea8ff;--corner-4:#c77dff;--radius:14px;--shadow:0 18px 50px #00000073;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse 100% 60% at 50% -15%, #7c5cff24, transparent 55%), var(--bg);min-height:100svh;margin:0;overflow-x:hidden}#app{max-width:960px;min-height:100svh;margin:0 auto;padding:14px 18px 40px}.app-page{flex-direction:column;gap:16px;display:flex}.hub{flex-direction:column;gap:24px;padding-top:0;display:flex}.hub>.hub-lead,.hub>.game-grid{z-index:0;position:relative}.hub>.arena-header,.app-page>.arena-header{margin-top:-14px}.arena-header{z-index:20;background:var(--bg-elevated);border-bottom:1px solid var(--border);width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;box-shadow:0 4px 18px #00000047}.arena-header-inner{z-index:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;max-width:960px;min-height:40px;margin:0 auto;padding:8px 14px;display:grid;position:relative}.arena-header-brand{justify-self:start}.arena-nav{z-index:2;flex-shrink:0;justify-self:end;align-items:center;gap:4px;display:flex;position:relative}.arena-nav-link,.arena-nav-menu-trigger{font:inherit;letter-spacing:.05em;text-transform:uppercase;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.68rem;font-weight:600}.arena-nav-link:hover,.arena-nav-menu-trigger:hover{color:var(--text-strong);background:#7c5cff24}.arena-nav-link:focus-visible,.arena-nav-menu-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.arena-nav-menu-trigger{align-items:center;gap:3px;display:inline-flex}.arena-nav-chevron{opacity:.88;font-size:.62rem}.arena-nav-dropdown{position:relative}.arena-nav-menu{background:var(--bg-elevated);border:1px solid var(--border);min-width:172px;box-shadow:var(--shadow);z-index:30;border-radius:10px;flex-direction:column;gap:2px;padding:6px;position:absolute;top:calc(100% + 5px);right:0}.arena-nav-menu:not([hidden]){display:flex}.arena-nav-menu[hidden]{display:none}.arena-nav-menu-item{text-align:left;width:100%;font:inherit;color:var(--text-strong);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:.84rem;font-weight:500}.arena-nav-menu-item:hover{background:var(--accent-dim)}.arena-nav-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.arena-nav-menu-item--soon{color:#7a8199;cursor:default;padding:8px 10px;font-size:.76rem;font-weight:500;display:block}.arena-nav-menu-item--soon:hover{background:0 0}.brand-logo--arena-header{filter:drop-shadow(0 2px 8px #7c5cff52);max-width:40px;max-height:15px;margin-inline:0;display:block}.arena-title{min-width:0;color:var(--text-strong);letter-spacing:-.02em;text-align:center;justify-self:center;margin:0;padding:0 4px;font-size:clamp(.72rem,2.4vw,1.02rem);font-weight:700;line-height:1.2}@media (width<=480px){.brand-logo--arena-header{max-width:34px;max-height:13px}.arena-header-inner{gap:6px;padding-inline:10px}.arena-title{font-size:clamp(.68rem,2.2vw,.88rem)}}.brand-logo{object-fit:contain;filter:drop-shadow(0 10px 28px #7c5cff6b);width:auto;max-width:min(320px,88vw);height:auto;max-height:120px;margin-inline:auto;display:block}.hub-lead{color:var(--text);text-align:center;align-self:center;max-width:36rem;margin:0;font-size:1.05rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.game-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);height:100%;box-shadow:var(--shadow);text-align:left;flex-direction:column;gap:12px;margin:0;padding:20px 20px 18px;display:flex}.game-card--soon{opacity:.72;box-shadow:none;border-style:dashed}.game-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.game-card-title{color:var(--text-strong);margin:0;font-size:1.25rem;font-weight:700}.game-card-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--accent-dim);color:var(--accent);border:1px solid #7c5cff59;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.68rem;font-weight:700}.game-card-badge--muted{color:#8b93ab;border-color:var(--border);background:#7a819926}.game-card-desc{color:var(--text);flex-grow:1;margin:0;font-size:.94rem}.game-card-tags{flex-wrap:wrap;gap:8px;margin:0;display:flex}.game-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--corner-1);background:#3dd6c71f;border:1px solid #3dd6c740;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:600}.fc-btn--block{justify-content:center;width:100%;margin-top:4px}.site{text-align:center;flex-direction:column;align-items:center;gap:28px;padding-top:12px;display:flex}.lobby-back{align-self:flex-start}.site-header{flex-direction:column;align-items:center;gap:10px;max-width:34rem;display:flex}.site-brand{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.85rem}.site-title{color:var(--text-strong);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(2rem,5vw,2.75rem);font-weight:700}.site-lead{color:var(--text);margin:0;font-size:1.05rem}.site-actions{flex-direction:column;gap:14px;width:min(100%,320px);display:flex}.site-footer{color:#7a8199;margin-top:auto;font-size:.88rem}.fc-btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-strong);border-radius:10px;padding:10px 18px;transition:transform .12s,border-color .15s,box-shadow .15s}.fc-btn:hover:not(:disabled){border-color:#3d455c}.fc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fc-btn:disabled{opacity:.45;cursor:not-allowed}.fc-btn--ghost{color:var(--text);background:0 0;border-color:#0000;align-self:flex-start;padding-inline:0}.fc-btn--ghost:hover:not(:disabled){color:var(--text-strong)}.fc-btn--primary{background:linear-gradient(135deg, var(--accent), #5a8bff);border-color:#0000;box-shadow:0 8px 28px #7c5cff59}.fc-btn--primary:hover:not(:disabled){transform:translateY(-1px)}.fc-btn--secondary{background:var(--bg-elevated);border-color:var(--border)}.fc-btn--secondary:hover:not(:disabled){border-color:var(--accent)}.fc-btn--large{border-radius:var(--radius);padding:14px 22px;font-size:1rem;font-weight:600}.fc-game{flex-direction:column;gap:18px;display:flex}.fc-header{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.fc-title{color:var(--text-strong);margin:0;font-size:clamp(1.35rem,3.6vw,1.85rem)}.fc-subtitle{max-width:40rem;color:var(--text);margin:0;font-size:.92rem}.fc-hud{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.fc-player{flex-direction:column;gap:6px;display:flex}.fc-player--two{text-align:right;align-items:flex-end}.fc-player-label{text-transform:uppercase;letter-spacing:.08em;color:#8b93ab;font-size:.78rem}.fc-lives{gap:4px;font-size:1.15rem;display:flex}.fc-heart{opacity:.28;color:var(--accent-hot)}.fc-heart--on{opacity:1}.fc-round{color:var(--text-strong);white-space:nowrap;font-size:.95rem;font-weight:700}.fc-status{min-height:1.5em;color:var(--text-strong);margin:0;font-size:1rem;font-weight:600}.fc-board-wrap{justify-content:center;display:flex}.fc-board{aspect-ratio:1;background:radial-gradient(ellipse at center, #1a2030 0%, var(--bg-elevated) 55%);border:1px solid var(--border);border-radius:var(--radius);width:min(100%,380px);box-shadow:var(--shadow);position:relative}.fc-corner{color:#0a0c10;cursor:pointer;border:none;border-radius:12px;place-items:center;width:26%;height:26%;font-size:1.6rem;font-weight:800;transition:transform .15s,filter .15s;display:grid;position:absolute}.fc-corner span{pointer-events:none}.fc-corner:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.04)}.fc-corner:disabled{cursor:default;opacity:.65;filter:grayscale(.2)}.fc-corner--1{background:var(--corner-1);top:6%;left:6%}.fc-corner--2{background:var(--corner-2);top:6%;right:6%}.fc-corner--3{background:var(--corner-3);bottom:6%;left:6%}.fc-corner--4{background:var(--corner-4);bottom:6%;right:6%}.fc-center{border:1px dashed var(--border);text-align:center;color:#7a8199;pointer-events:none;border-radius:12px;place-items:center;padding:12px;font-size:.82rem;display:grid;position:absolute;inset:31%}.fc-reveal{background:var(--accent-dim);border-radius:var(--radius);border:1px solid #7c5cff73;padding:14px 18px}.fc-reveal-line{margin:0 0 8px;font-size:.98rem}.fc-reveal-line:last-child{margin-bottom:0}.fc-actions{justify-content:center;display:flex}.kc-game{flex-direction:column;gap:18px;display:flex}.kc-header{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.kc-title{color:var(--text-strong);margin:0;font-size:clamp(1.35rem,3.6vw,1.85rem)}.kc-subtitle{max-width:40rem;color:var(--text);margin:0;font-size:.92rem}.kc-hud{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.kc-score{flex-direction:column;gap:4px;display:flex}.kc-score--mid{text-align:center;color:var(--accent);min-width:7rem;font-size:.88rem;font-weight:700}.kc-score-label{text-transform:uppercase;letter-spacing:.06em;color:#8b93ab;font-size:.72rem}.kc-score-val{color:var(--text-strong);font-size:1.35rem;font-weight:800}.kc-match-rule{color:#8b93ab;text-align:center;margin:-8px 0 0;font-size:.84rem}.kc-match-rule strong{color:var(--accent);font-weight:700}.kc-status{min-height:1.5em;color:var(--text-strong);margin:0;font-size:1rem;font-weight:600}.kc-actions{justify-content:center;display:flex}.kc-result{color:var(--text);text-align:center;margin:0;font-size:.95rem}.kc-board-wrap{justify-content:center;display:flex}.kc-board{aspect-ratio:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:min(100%,340px);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;display:grid}.kc-cell{aspect-ratio:1;cursor:pointer;color:var(--text-strong);background:radial-gradient(#1a2030 0%,#141824 70%);border:none;border-radius:12px;place-items:center;transition:transform .12s,filter .12s;display:grid}.kc-cell:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.03)}.kc-cell:disabled{cursor:default;opacity:.92}.kc-mark{width:58%;height:58%}.kc-mark--x{color:#7cb8ff}.kc-mark--o{color:#ff8cb8}.kc-edition{letter-spacing:.14em;text-transform:uppercase;color:#5a8f6a;margin:-2px 0 0;font-size:.72rem;font-weight:700}.kc-game--garden{border-radius:var(--radius);background:radial-gradient(90% 55% at 50% -20%,#fff8dc73,#0000 58%),linear-gradient(165deg,#f4f7ef 0%,#e8efd9 38%,#dfe9d4 100%);border:1px solid #4a685238;margin-inline:-16px;padding:14px 16px 28px;box-shadow:inset 0 1px #ffffffa6,0 12px 40px #2d3e281f}.kc-game--garden .kc-title{color:#2d4a32}.kc-game--garden .kc-subtitle,.kc-game--garden .kc-match-rule,.kc-game--garden .kc-result{color:#4a5c46}.kc-game--garden .kc-match-rule strong{color:#3d7a4f}.kc-game--garden .kc-header .fc-btn--ghost{color:#4a5c46}.kc-game--garden .kc-header .fc-btn--ghost:hover:not(:disabled){color:#2d4a32}.kc-game--garden .kc-hud{background:linear-gradient(#fafbf7 0%,#eef3e8 100%);border-color:#4a685247;box-shadow:0 8px 28px #2d3e2814,inset 0 1px #ffffffe6}.kc-game--garden .kc-score-label{color:#6b7d66}.kc-game--garden .kc-score-val{color:#2d4a32}.kc-game--garden .kc-score--mid{color:#3d7a4f}.kc-game--garden .kc-status{color:#2d4a32}.kc-game--garden .kc-board{background:linear-gradient(145deg,#8b6f472e 0%,#6b8a5c1f 100%),linear-gradient(#c9b896 0%,#a89572 45%,#8f7655 100%);border:2px solid #4a382659;gap:12px;padding:14px;box-shadow:inset 0 2px 8px #ffffff40,0 14px 36px #2d3e282e}.kc-game--garden .kc-cell{color:#2d4a32;background:radial-gradient(120% 100% at 40% 35%,#f5faf0 0%,#dce8cf 42%,#c5d9b5 100%);border:1px solid #4a685238;border-radius:14px;box-shadow:inset 0 2px 6px #ffffff8c,0 2px 6px #2d3e281f}.kc-game--garden .kc-cell:hover:not(:disabled){filter:brightness(1.05)}.kc-game--garden .kc-mark--x{color:#3d6b4a}.kc-game--garden .kc-mark--o{color:#b83d5c}.kc-game--garden .fc-btn--primary{background:linear-gradient(135deg,#4a8f5c 0%,#3d7a4f 55%,#2f6140 100%);box-shadow:0 8px 26px #2f614059}.lobby--kc-garden .site-brand{color:#3d7a4f}.lobby--kc-garden .site-title{color:#2d4a32}.lobby--kc-garden .site-lead,.lobby--kc-garden .site-footer{color:#4a5c46}.lobby--kc-garden .site-footer{opacity:1}.mafia-game{flex-direction:column;gap:14px;display:flex}.mafia-header{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.mafia-title{color:var(--text-strong);margin:0;font-size:clamp(1.35rem,3.6vw,1.85rem)}.mafia-subtitle{max-width:40rem;color:var(--text);margin:0;font-size:.92rem}.mafia-status{min-height:1.5em;color:var(--text-strong);margin:0;font-size:.95rem;font-weight:600}.mafia-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.mafia-setup{flex-direction:column;gap:10px;display:flex}.mafia-label{color:var(--text-strong);font-size:.82rem;font-weight:600}.mafia-textarea{width:100%;min-height:10rem;font:inherit;color:var(--text-strong);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:10px;padding:12px 14px;font-size:.95rem}.mafia-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mafia-hint{color:#8b93ab;margin:0;font-size:.8rem}.mafia-lead{color:var(--text);margin:0 0 12px;font-size:.95rem}.mafia-reveal-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.mafia-reveal-row{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.mafia-reveal-name{color:var(--text-strong);font-weight:600}.mafia-secret-card{flex-direction:column;gap:12px;padding:8px 4px;display:flex}.mafia-secret-name{color:var(--accent);margin:0;font-size:1.1rem;font-weight:700}.mafia-secret-role{color:var(--text);margin:0;font-size:1rem}.mafia-secret-note{color:var(--text);margin:0;font-size:.92rem;line-height:1.5}.mafia-name-grid{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mafia-name-btn{text-align:center}.mafia-math{color:var(--text-strong);margin:0 0 14px;font-size:1.15rem}.mafia-math-choices{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mafia-summary{color:var(--text);margin:0 0 10px;font-size:.95rem}.mafia-summary:last-of-type{margin-bottom:16px}.mafia-final-list{flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.mafia-final-row{background:var(--bg);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 10px;font-size:.92rem;display:flex}.imposter-codeword{letter-spacing:.04em;color:var(--accent);margin:0 0 12px;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:700}.imposter-results-lead{color:var(--text-strong);font-size:1.05rem;font-weight:700}@media (width<=520px){.fc-hud{text-align:center;grid-template-columns:1fr}.fc-player--two{text-align:center;align-items:center}.fc-round{order:-1}.kc-hud{text-align:center;grid-template-columns:1fr}.kc-score{align-items:center}.kc-score--mid{order:-1}}