*{box-sizing:border-box}html,body,#root{color:#e5eef8;background:#07111c;min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}button,input{font:inherit}input{outline:none}.app-shell{background:radial-gradient(circle at top,#24c6bc24,#0000 28%),linear-gradient(#07111c 0%,#091827 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.panel{background:#09121ff0;border:1px solid #677d9a38;border-radius:24px;width:100%;max-width:440px;padding:28px;box-shadow:0 24px 80px #0006}.title{color:#f4f8fc;margin:0 0 8px;font-size:2rem;font-weight:800;line-height:1.1}.subtitle{color:#96a8bd;margin:0 0 22px;font-size:.98rem}.field{color:#f4f8fc;background:#0d1a2b;border:1px solid #7b92ad40;border-radius:14px;width:100%;height:48px;margin-bottom:12px;padding:0 14px}.field::placeholder{color:#71839a}.primary-btn,.secondary-btn,.ghost-btn{cursor:pointer;border:none;border-radius:14px;width:100%;height:48px;font-weight:700;transition:all .2s}.primary-btn{color:#041218;background:linear-gradient(135deg,#22c7bc,#0ea5a0)}.primary-btn:hover{filter:brightness(1.05)}.secondary-btn{color:#edf4fa;background:#102238;border:1px solid #7b92ad38}.secondary-btn:hover{background:#132842}.ghost-btn{color:#cbd7e4;background:0 0;border:1px solid #7b92ad38}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled{opacity:.6;cursor:not-allowed}.status-card{color:#d9e5f2;background:#0d1a2b;border:1px solid #7b92ad33;border-radius:16px;margin-top:16px;padding:14px 16px}.match-layout{grid-template-columns:300px 1fr;gap:24px;width:100%;max-width:980px;display:grid}.info-panel,.board-panel{background:#09121ff0;border:1px solid #677d9a38;border-radius:24px;box-shadow:0 24px 80px #0006}.info-panel{padding:24px}.info-block{margin-bottom:18px}.info-label{color:#7f93ab;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.82rem}.info-value{color:#f2f7fb;word-break:break-word;font-weight:700}.badge-row{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.badge{background:#0d1a2b;border:1px solid #7b92ad33;border-radius:16px;padding:14px}.badge.you{border-color:#22c7bc66}.badge.opponent{border-color:#7b92ad40}.badge-title{color:#8ea2ba;text-transform:uppercase;margin-bottom:6px;font-size:.78rem}.badge-name{color:#f2f7fb;margin-bottom:4px;font-weight:700}.badge-symbol{color:#22c7bc;font-size:1.1rem;font-weight:800}.board-panel{flex-direction:column;justify-content:center;padding:28px;display:flex}.board-header{text-align:center;margin-bottom:20px}.board-title{margin:0;font-size:1.8rem;font-weight:800}.board-subtitle{color:#91a4bb;margin:8px 0 0}.game-board{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:460px;margin:0 auto;display:grid}.cell-btn{aspect-ratio:1;color:#f1f7fc;cursor:pointer;background:#0d1a2b;border:1px solid #7b92ad33;border-radius:22px;font-size:2.4rem;font-weight:900;transition:all .15s}.cell-btn:hover:not(:disabled){border-color:#22c7bc80;transform:translateY(-1px)}.cell-btn:disabled{cursor:not-allowed;opacity:.82}.result-card{text-align:center;background:#0d1a2b;border:1px solid #7b92ad33;border-radius:18px;max-width:460px;margin:18px auto 0;padding:16px}.result-card strong{color:#22c7bc;font-size:1.05rem}.stack-gap{gap:12px;display:grid}@media (width<=860px){.match-layout{grid-template-columns:1fr}.board-panel{padding:22px}.game-board{gap:10px;max-width:100%}.cell-btn{border-radius:18px;font-size:2rem}}