*,:before,:after{box-sizing:border-box}:root{--bg:#1a1a2e;--text:#cdd6f4;--bg2:#16213e;--bg3:#0f3460;--surface:#1e1e2e;--border:#2e2e4e;--text-dim:#6c7086;--accent:#89b4fa;--accent2:#a6e3a1;--danger:#f38ba8;--eval-white:#e6e6e6;--eval-black:#1a1a1a}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;margin:0;font-family:system-ui,Segoe UI,sans-serif;font-size:15px;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px}input:focus{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#1a1a2e}.btn-danger{background:var(--danger);color:#1a1a2e}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}@keyframes shimmer{to{-webkit-mask-position:0;mask-position:0}}.home-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px;display:flex}.home-main{flex:1;align-items:flex-start;gap:32px;width:100%;max-width:1100px;margin:0 auto;padding:32px 24px;display:flex}.home-queue-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;gap:14px;width:280px;padding:24px;display:flex}@media (width<=800px){.home-header{padding:10px 12px}.home-main{flex-direction:column;align-items:stretch;gap:20px;padding:16px 12px}.home-queue-panel{width:100%;padding:16px}}.game-page{flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.game-layout{--board-size:clamp(280px, min(100dvh - 250px, 100vw - 240px), 1200px);gap:24px;display:flex}.board-wrapper{align-items:stretch;display:flex}.board-wrapper>div:last-child{width:var(--board-size)}.game-sidebar{flex-direction:column;flex-shrink:0;align-self:center;gap:10px;width:170px;display:flex}@media (width<=700px){.game-page{padding:8px}.game-layout{--board-size:min(100vw - 44px, 100dvh - 140px);flex-wrap:wrap;gap:8px}.game-sidebar{flex-direction:row;align-self:auto;align-items:center;gap:8px;width:100%;padding-top:0}.game-sidebar>*{flex:1}.game-sidebar p{margin:0}}.eval-bar-container{border-radius:8px 0 0 8px;align-self:stretch;width:32px;position:relative;overflow:hidden}.eval-bar-label{mix-blend-mode:difference;white-space:nowrap;font-family:monospace;font-size:12px;font-weight:700;animation:2.5s infinite shimmer;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) 100%/350% 100%;mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) 100%/350% 100%}@media (width<=700px){.eval-bar-container{width:26px}.eval-bar-label{font-size:10px}}.clock{text-align:center;border-radius:6px;min-width:100px;padding:8px 16px;font-family:ui-monospace,monospace;font-size:28px;transition:background .2s}@media (width<=700px){.clock{min-width:80px;padding:5px 10px;font-size:20px}}