body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#0b1a24 0,#040910 38%,#020308 100%);color:#f5f7fb}.page-root{min-height:100vh;display:flex;justify-content:center;padding:16px}.game-layout{width:100%;max-width:1200px}.game-main-card{background:rgba(6,17,28,.96);border-radius:24px;padding:18px 18px 22px;box-shadow:0 22px 55px rgba(0,0,0,.6);border:1px solid rgba(93,190,255,.2)}.game-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.page-title{margin:0;font-size:1.4rem;font-weight:600}.tagline{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#7fd8ff}.game-id-pill{font-size:.75rem;padding:4px 10px;border-radius:999px;background:rgba(9,36,55,.9);border:1px solid rgba(127,216,255,.3);color:#9fb6c8}.game-content{display:flex;flex-direction:column;gap:18px}.board-wrapper{width:100%;max-width:480px;margin:0 auto}.side-panel{display:flex;flex-direction:column;gap:12px}.status-chip{align-self:flex-start;font-size:.85rem;padding:5px 11px;border-radius:999px;background:rgba(19,37,58,.9);border:1px solid rgba(110,207,170,.4);color:#c9f7dd}.players-card{background:rgba(8,23,38,.96);border-radius:14px;padding:10px 12px;border:1px solid rgba(84,118,179,.4)}.player-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.player-row+.player-row{margin-top:6px}.player-label{color:#9fb6c8}.player-name{font-weight:500;color:#f5f7fb}.primary-btn,.secondary-btn{border-radius:999px;padding:10px 16px;font-size:.9rem;border:none;cursor:pointer;font-weight:500;transition:transform .08s ease,box-shadow .12s ease,background .12s ease}.primary-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#062312;box-shadow:0 10px 24px rgba(34,197,94,.4)}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px rgba(34,197,94,.45)}.primary-btn:disabled{opacity:.6;cursor:default}.secondary-btn{background:rgba(15,30,48,.95);color:#d2deea;border:1px solid rgba(148,163,184,.4)}.secondary-btn:hover{background:rgba(21,42,67,.95)}.analysis-card{background:rgba(7,22,37,.96);border-radius:14px;padding:10px 12px;border:1px solid rgba(96,165,250,.4)}.analysis-card h2{margin:0 0 6px;font-size:1rem}.analysis-summary{font-size:.9rem;margin:0 0 6px;color:#e5efff}.analysis-list{margin:0;padding-left:18px;font-size:.85rem;color:#c8d7f0}.error-text{font-size:.8rem;color:#fecaca}.modal-backdrop{position:fixed;inset:0;background:rgba(3,10,18,.82);display:flex;align-items:center;justify-content:center;padding:16px;z-index:40}.modal-card{background:radial-gradient(circle at top,#15263b 0,#050b13 70%);border-radius:22px;padding:18px 18px 20px;max-width:360px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.7);border:1px solid rgba(129,140,248,.55);text-align:center}.modal-face{width:96px;height:96px;border-radius:999px;object-fit:cover;border:2px solid rgba(248,250,252,.9);margin-bottom:10px}.modal-title{margin:0 0 6px;font-size:1.2rem}.modal-text{margin:0 0 12px;font-size:.9rem;color:#e5e7eb}@media (min-width:900px){.game-content{flex-direction:row;align-items:flex-start}.board-wrapper{flex:0 0 460px;margin:0}.side-panel{flex:1 1}}