:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(900px 600px at 50% 0%,rgba(99,102,241,.2),transparent 55%),radial-gradient(900px 600px at 50% 100%,rgba(34,197,94,.14),transparent 55%),#070a12;color:#ffffffeb;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(255,255,255,.08);background:#0608108c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brandTitle{font-weight:800;letter-spacing:.2px}.brandSub{font-size:12px;opacity:.72;margin-top:2px}.main{flex:1;display:flex;justify-content:center;padding:22px 14px}.footer{padding:14px 18px;border-top:1px solid rgba(255,255,255,.08);opacity:.85;font-size:13px}.muted{opacity:.72}.h1{margin:0 0 14px;font-size:26px}.h2{margin:0;font-size:20px}.menu{width:min(980px,100%)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:720px){.cards{grid-template-columns:1fr}}.card{text-align:left;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:14px;padding:16px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.card:hover{transform:translateY(-1px);background:#ffffff14;border-color:#ffffff2e}.cardTitle{font-weight:800;font-size:18px}.cardSub{margin-top:4px;font-size:13px;opacity:.72}.btn{border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:#ffffffeb;padding:9px 12px;border-radius:12px;cursor:pointer;font-weight:650;transition:background .12s ease,transform .12s ease,border-color .12s ease}.btn:hover{background:#ffffff24;border-color:#ffffff38;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{background:#6366f124;border-color:#6366f142}.right{display:flex;align-items:center;gap:10px}.row{gap:10px}.badge{font-size:13px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.gameHost{width:min(980px,100%)}.panel{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:16px;padding:16px}.panelHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.status{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e;margin-bottom:14px}.status.danger{border-color:#ef444440;background:#ef44441f}.hint{margin-top:12px;font-size:13px}.tttGrid{width:min(360px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tttCell{aspect-ratio:1/1;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;cursor:pointer;font-size:44px;font-weight:900;color:#ffffffeb;transition:transform .12s ease,background .12s ease}.tttCell:hover{background:#ffffff1a;transform:translateY(-1px)}.tttCell.filled{cursor:default}.snakeBoard{width:min(560px,100%);aspect-ratio:1/1;margin:0 auto;display:grid;gap:2px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0000002e}.cell{border-radius:5px;background:#ffffff0d}.cell.snake{background:#22c55e73}.cell.head{background:#22c55ec7}.cell.food{background:#fbbf24bf}.canvasWrap{display:flex;justify-content:center}.canvas{width:min(900px,100%);height:auto;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0000002e}.moleGrid{width:min(520px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hole{border:1px solid rgba(255,255,255,.12);background:#0000002e;border-radius:16px;cursor:pointer;padding:0;overflow:hidden;transition:transform .12s ease,border-color .12s ease}.hole:hover{transform:translateY(-1px);border-color:#ffffff2e}.holeInner{aspect-ratio:1/1;display:grid;place-items:center;position:relative}.holeInner:after{content:"";position:absolute;inset:0;background:radial-gradient(closest-side,rgba(255,255,255,.06),transparent 65%);pointer-events:none}.mole{font-size:48px;transform:translateY(4px)}.hole.active{border-color:#fbbf2459}@media(max-width:520px){.tttCell{font-size:40px}.mole{font-size:44px}}