:root{--brand:#d4a054;--brand-rgb:212, 160, 84;--board-light:#eeeed2;--board-dark:#769656;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Outfit", system-ui, "Segoe UI", sans-serif;--heading:"Outfit", system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (width<=768px){:root{font-size:14px}}@media (width<=480px){:root{font-size:13px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}:root[data-theme=light],:root[data-theme=""]{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px}:root[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#root{text-align:left;box-sizing:border-box;border:none;width:100%;max-width:none;min-height:100svh;margin:0;display:block}body{font-family:var(--sans);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.04em;margin:0 0 8px;font-size:32px}@media (width<=1024px){h1{margin:0 0 8px;font-size:26px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=768px){main{padding:16px!important}}@media (width<=480px){main{padding:12px!important}}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr!important}}@media (width<=768px){.chessboard-container{max-width:100%!important;margin:0 auto!important}}@media (width<=480px){.chessboard-container{transform:scale(.9)}}@media (width<=768px){.game-arena-grid{grid-template-columns:1fr!important;gap:16px!important}.bot-selection-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.bot-selection-grid{grid-template-columns:1fr!important}}.welcome-overlay{z-index:1000;background:linear-gradient(#000c,#000000d9);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.welcome-card{text-align:center;box-sizing:border-box;background:0 0;width:100%;max-width:520px;padding:20px}.welcome-logo-grid{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.welcome-logo{object-fit:contain;filter:none;width:30%;max-width:160px;height:auto}.logo,.logo--header,.logo--sidebar,.logo--welcome{box-sizing:border-box;object-fit:contain;background:0 0;width:auto;height:auto;display:block}.logo{width:clamp(48px,6vw,120px);height:auto}.logo--header{width:clamp(72px,10vw,200px);height:auto}.logo--sidebar{width:clamp(56px,8vw,160px);height:auto}.logo--welcome{width:clamp(90px,16vw,240px);height:auto}.logo--welcome-main{filter:drop-shadow(0 4px 12px #0000004d);width:clamp(180px,35vw,600px);max-width:100%;height:auto;margin-bottom:24px}.logo,.logo--header,.logo--sidebar,.logo--welcome-main{max-height:100%;transition:width .18s,height .18s}.logo:hover,.logo--header:hover,.logo--sidebar:hover{transition:transform .18s;transform:scale(1.05)}@media (width<=420px){.logo{width:clamp(40px,10vw,80px)}.logo--header{width:clamp(56px,14vw,120px)}.logo--sidebar{width:clamp(48px,12vw,100px)}.logo--welcome-main{width:clamp(120px,50vw,220px)}}.welcome-header{justify-content:center;align-items:center;margin-bottom:18px;display:flex}.welcome-icon{margin-bottom:8px;font-size:40px}.welcome-title{color:#e58e26;margin:0 0 6px;font-size:28px;font-weight:800}.welcome-form{flex-direction:column;gap:12px;display:flex}.welcome-input{color:#fff;box-sizing:border-box;background-color:#1a1917;border:2px solid #2d2b27;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px}.welcome-input:focus{border-color:#e58e26}.welcome-button{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 16px;font-size:16px;font-weight:700}.welcome-button.disabled{color:#78736c;cursor:not-allowed;background:#2d2b27}.welcome-button.ready{color:#121110;background:#e58e26}@media (width<=768px){.welcome-card{max-width:420px}.welcome-logo{max-width:120px}.welcome-title{font-size:24px}}@media (width<=480px){.welcome-card{padding:12px}.welcome-logo{width:40%}.welcome-icon{font-size:32px}.welcome-title{font-size:20px}}.app-shell{color:#f3efe6;background:radial-gradient(1200px 600px at 10% -10%,#d4a05414,#0000 50%),#101014;min-height:100vh;display:flex}:root[data-theme=light] .app-shell{background:radial-gradient(1000px 500px at 10% -10%, rgba(var(--brand-rgb), .12), transparent 55%), #f6f4ef;color:#221f1a}:root[data-theme=light] .sidebar,:root[data-theme=light] .mobile-bar,:root[data-theme=light] .mobile-drawer,:root[data-theme=light] .panel,:root[data-theme=light] .status-card,:root[data-theme=light] .settings-card{background:#fffdf9;border-color:#ded9d0}:root[data-theme=light] .panel h3,:root[data-theme=light] .settings-card h2,:root[data-theme=light] .settings-field>span,:root[data-theme=light] .settings-toggle b{color:#241f18}:root[data-theme=light] .settings-card>p,:root[data-theme=light] .settings-card-head p,:root[data-theme=light] .settings-toggle small{color:#6e665b}:root[data-theme=light] .segmented-control,:root[data-theme=light] .settings-action{background:#f5f1ea;border-color:#ded9d0}:root[data-theme=light] .nav-item{color:#655e54}:root[data-theme=light] .nav-item:hover{color:#241f18;background:#f0ece5}:root[data-theme=light] .topbar-user,:root[data-theme=light] .clock-row{color:#241f18;background:#fffdf9;border-color:#ded9d0}:root[data-board-theme=ocean]{--board-light:#dcebf2;--board-dark:#4f8299}:root[data-board-theme=walnut]{--board-light:#ead7b9;--board-dark:#8a5a44}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root[data-high-contrast=true] .panel,:root[data-high-contrast=true] .card,:root[data-high-contrast=true] .sidebar{border-color:#f3efe6!important}:root[data-high-contrast=true] .lede,:root[data-high-contrast=true] .topbar-sub,:root[data-high-contrast=true] .brand span{color:#e4dfd5!important}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #d4a0548c}.btn,.nav-item,.welcome-button,.promotion-option{transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s}.btn:hover:not(:disabled),.welcome-button.ready:hover,.promotion-option:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.app-main{flex:1;min-width:0;padding:28px 36px 48px;overflow:hidden auto}.sidebar{background:#16151a;border-right:1px solid #2a2830;flex-direction:column;flex-shrink:0;gap:8px;width:240px;padding:28px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand--side{border-bottom:1px solid #2a2830;margin-bottom:12px;padding:0 8px 24px}.brand strong{color:var(--brand);letter-spacing:-.03em;font-size:18px;display:block}.brand span{color:#8d877d;margin-top:2px;font-size:12px;display:block}.side-nav{flex-direction:column;gap:4px;display:flex}.nav-item{appearance:none;color:#b7b1a6;text-align:left;font:500 14px/1.2 var(--sans);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:11px 14px}.nav-item:hover{color:#f3efe6;background:#1f1e24}.nav-item.is-active{background:var(--brand);color:#16140f;font-weight:700}.mobile-bar{z-index:1000;background:#16151a;border-bottom:1px solid #2a2830;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.menu-toggle,.btn{appearance:none;cursor:pointer;font:600 14px/1 var(--sans);border:none}.menu-toggle{color:#f3efe6;background:0 0}.menu-backdrop{z-index:999;background:#00000080;position:fixed;inset:0}.mobile-drawer{z-index:1001;background:#16151a;width:280px;height:calc(100vh - 60px);padding:16px;transition:left .25s;position:fixed;top:60px;left:-100%}.mobile-drawer.is-open{left:0}.mobile-spacer{height:60px}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.topbar-title{color:#d4a054;letter-spacing:.08em;text-transform:uppercase;font-size:15px;font-weight:700}.topbar-sub{color:#8d877d;margin-top:2px;font-size:13px}.topbar-user{color:#f3efe6;background:#16151a;border:1px solid #2a2830;border-radius:999px;padding:8px 12px;font-size:14px}.page{width:100%;min-width:0;max-width:1080px}.page-head{margin-bottom:24px}.upcoming-page{background:var(--code-bg);border:1px solid var(--border);border-radius:20px;max-width:860px;margin:0 auto;padding:clamp(24px,5vw,56px)}.upcoming-page h1{color:var(--text-h);margin:10px 0;font-size:clamp(30px,6vw,48px)}.upcoming-page>p{max-width:600px;color:var(--text-muted);font-size:16px;line-height:1.65}.upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0;display:grid}.upcoming-grid article{border:1px solid var(--border);background:var(--bg);border-radius:14px;min-height:140px;padding:18px}.upcoming-grid h2{color:var(--text-h);margin:0 0 8px;font-size:16px}.upcoming-grid p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}@media (width<=720px){.upcoming-grid{grid-template-columns:1fr}}.settings-page{max-width:1100px}.settings-hero{margin-bottom:24px}.settings-feedback{border:1px solid rgba(var(--brand-rgb), .45);color:var(--brand);background:rgba(var(--brand-rgb), .1);border-radius:10px;margin-bottom:16px;padding:12px 14px;font-weight:600}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card{background:#18171c;border:1px solid #2a2830;border-radius:14px;padding:22px}.settings-card--wide{grid-column:1/-1}.settings-card h2{color:#f3efe6;margin:0 0 5px;font-size:18px}.settings-card>p,.settings-card-head p{color:#9a958c;margin:0 0 20px;font-size:13px}.settings-field{border-top:1px solid #2a2830;grid-template-columns:170px 1fr;align-items:center;gap:16px;padding:15px 0;display:grid}.settings-field>span{color:#f3efe6;font-size:14px;font-weight:650}.segmented-control{background:#111014;border:1px solid #2a2830;border-radius:9px;width:fit-content;padding:3px;display:inline-flex}.segmented-control button,.board-option{color:#b7b1a6;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:650}.segmented-control button.is-selected{color:#16140f;background:var(--brand)}.board-picker{flex-wrap:wrap;gap:8px;display:flex}.board-option.is-selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);color:#f3efe6}.music-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.music-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.music-heading p{margin-bottom:0}.music-library-toggle{white-space:nowrap;width:auto;margin:0}.music-option{text-align:left;color:#f3efe6;cursor:pointer;background:#111014;border:1px solid #2a2830;border-radius:10px;gap:4px;min-height:68px;padding:12px;display:grid}.music-option b{font-size:13px}.music-option small{color:#8d877d;font-size:11px}.music-option.is-selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:rgba(var(--brand-rgb), .1)}.music-option.is-selected small{color:#ddd4c6}.board-option{color:#16140f;text-shadow:0 1px #ffffff59;background:linear-gradient(135deg,#eeeed2 50%,#769656 50%);border:1px solid #2a2830}.board-option.ocean{background:linear-gradient(135deg,#dcebf2 50%,#4f8299 50%)}.board-option.walnut{background:linear-gradient(135deg,#ead7b9 50%,#8a5a44 50%)}.settings-toggle{cursor:pointer;border-top:1px solid #2a2830;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.settings-toggle input{accent-color:var(--brand);width:16px;height:16px;margin-top:3px}.settings-toggle span{gap:3px;display:grid}.settings-toggle b{color:#f3efe6;font-size:14px}.settings-toggle small{color:#8d877d;font-size:12px}.settings-action,.settings-text-button{cursor:pointer;text-align:left;border-radius:8px;width:100%;margin-top:10px;padding:10px 12px;font-weight:650}.settings-action{color:#f3efe6;background:#242229;border:1px solid #3b3842}.settings-action--danger{color:#ffb4b4;background:#c934341a;border-color:#7e3939}.settings-text-button{color:var(--brand);background:0 0;border:0}.settings-text-button:disabled{color:#65615b}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin:0 0 6px;font-size:11px}.lede{color:#9a958c;max-width:52ch;font-size:15px}.arena{grid-template-columns:minmax(280px,560px) minmax(240px,1fr);align-items:start;gap:28px;display:grid}.board-shell{width:100%;min-width:0;max-width:100%;position:relative}.board-shell>div{max-width:100%}.board-wrap{width:min(100%,560px);min-width:0;max-width:100%;margin:12px 0}.panel{background:#18171c;border:1px solid #2a2830;border-radius:14px;padding:22px}.panel h3{color:#f3efe6;margin:0 0 14px;font-size:16px}.turn-chip{border:1px solid #2a2830;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.turn-chip.is-white{color:#16140f;background:#f3efe6}.turn-chip.is-black{color:#f3efe6;background:#111}.hint-note{color:#d4a054;background:#d4a05414;border:1px solid #d4a05440;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:13px;line-height:1.45}.result-banner,.check-banner{border-radius:10px;margin-bottom:14px;padding:12px 14px;font-weight:700}.result-banner{color:#ef8b8b;background:#c934341f;border:1px solid #c93434}.check-banner{color:#d4a054;background:#d4a0541f;border:1px solid #d4a054}.move-list{max-height:220px;font-family:var(--mono);color:#d7d2c8;margin:0 0 18px;padding:0;font-size:13px;list-style:none;overflow:auto}.move-list li{border-bottom:1px solid #2a2830;grid-template-columns:28px 1fr 1fr;gap:8px;padding:4px 0;display:grid}.btn-primary,.btn.btn-primary{background:var(--brand);color:#16140f;border-radius:10px;width:100%;padding:12px;font-weight:700}.btn-ghost,.btn.btn-ghost{color:#b7b1a6;background:0 0;border:1px solid #2a2830;border-radius:8px;margin-bottom:16px;padding:8px 14px}.status-card{background:#18171c;border:1px solid #2a2830;border-radius:16px;max-width:460px;margin:24px auto;padding:32px 28px}.room-code{align-items:center;gap:10px;margin-top:18px;display:flex}.room-code strong{letter-spacing:.18em;color:#d4a054;font-size:22px}.clock-row{background:#16151a;border:1px solid #2a2830;border-radius:10px;justify-content:space-between;align-items:center;width:100%;max-width:560px;padding:10px 14px;display:flex}.clock-row strong{font-family:var(--mono);font-size:20px}.clock-row strong.is-active{color:var(--brand)}.promotion-overlay{z-index:1200;box-sizing:border-box;background:#1010148c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.promotion-card{background:#18171c;border:1px solid #2a2830;border-radius:12px;width:min(360px,100%);max-height:calc(100svh - 32px);padding:16px;overflow:auto;box-shadow:0 20px 60px #00000073}.promotion-card p{margin:0 0 10px;font-weight:600}.promotion-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.promotion-option{color:#f3efe6;cursor:pointer;background:#111014;border:1px solid #2a2830;border-radius:8px;padding:12px 8px;font-weight:600}.promotion-option:hover{border-color:var(--brand);color:var(--brand)}.brand-mark,.card-kicker{letter-spacing:.06em;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.brand-mark{background:var(--brand);color:#16140f;border-radius:14px;width:56px;height:56px;font-size:18px}.card-kicker{color:#d4a054;text-transform:uppercase;font-size:11px}@media (width<=900px){.arena{grid-template-columns:1fr}.app-main{padding:20px 16px 36px}}@media (width>=1920px){.app-main{padding:32px 48px 56px}.sidebar{width:280px;padding:32px 20px}.arena{gap:36px}}@media (width>=769px) and (width<=1024px){.sidebar{width:200px;padding:20px 12px}.app-main{padding:24px 20px 40px}.brand--side{padding:0 4px 20px}.nav-item{padding:10px 12px;font-size:13px}}@media (width<=480px){.mobile-bar{height:56px;padding:0 12px}.mobile-drawer{width:260px;top:56px}.mobile-spacer{height:56px}.brand strong{font-size:16px}.brand span{font-size:11px}}@media (width<=360px){.mobile-bar{height:52px;padding:0 10px}.mobile-drawer{width:240px;top:52px}.mobile-spacer{height:52px}.brand strong{font-size:14px}.nav-item{padding:10px 12px;font-size:13px}}@media (width<=1024px){.sidebar{width:200px}.brand--side{padding:0 8px 20px}}@media (width<=768px){.sidebar{display:none}.app-main{box-sizing:border-box;width:100%;padding:16px 12px 32px}.page{width:100%}.board-wrap{width:100%;margin:12px auto}.clock-row{box-sizing:border-box;width:100%;max-width:none}.settings-grid{grid-template-columns:1fr}.settings-field{grid-template-columns:1fr;gap:9px}.settings-card{padding:18px}.music-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.music-heading{flex-direction:column;align-items:stretch}.music-library-toggle{width:100%}}@media (width<=420px){.music-picker{grid-template-columns:1fr}}@media (width<=768px){.panel{border-radius:12px;padding:16px}.panel h3{font-size:15px}}@media (width<=480px){.btn-primary,.btn.btn-primary{padding:10px;font-size:14px}.btn-ghost,.btn.btn-ghost{padding:8px 12px;font-size:13px}}@media (width<=768px){.status-card{margin:16px auto;padding:24px 20px}}@media (width<=480px){.clock-row{padding:8px 12px}.clock-row strong{font-size:18px}.promotion-overlay{align-items:flex-end;padding:12px}.promotion-card{border-radius:16px;width:100%;padding:16px}.promotion-option{min-height:48px;padding:10px 6px;font-size:14px}.turn-chip{padding:6px 10px;font-size:12px}.move-list{max-height:180px;font-size:12px}.move-list li{grid-template-columns:24px 1fr 1fr;gap:6px}}@media (width<=768px){.topbar{flex-direction:column;align-items:flex-start;gap:8px}.topbar-user{align-self:flex-end}}@media (width<=480px){.topbar-title{font-size:13px}.topbar-sub{font-size:12px}.topbar-user{padding:6px 10px;font-size:13px}.welcome-input,.welcome-button{padding:12px 14px;font-size:15px}}@media (width<=360px){.welcome-input,.welcome-button{padding:10px 12px;font-size:14px}}@media (width<=480px){.hint-note{padding:8px 10px;font-size:12px}.result-banner,.check-banner{padding:10px 12px;font-size:13px}}