*{box-sizing:border-box;margin:0}body{color:#e2e8f0;background:#0b1220;font-family:system-ui,sans-serif}.center-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.panel{text-align:center;background:#111a2e;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:12px;width:min(420px,92vw);padding:32px;display:flex}.panel h1{font-size:1.5rem}.panel h2{font-size:1.25rem}.muted{color:#94a3b8;font-size:.9rem}.error{color:#f87171;font-size:.9rem}input{color:#e2e8f0;background:#0b1220;border:1px solid #334155;border-radius:8px;padding:10px 12px;font-size:1rem}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px;font-size:1rem;font-weight:600}button:hover{background:#1d4ed8}button:disabled{cursor:not-allowed;background:#334155}button.ghost{color:#94a3b8;background:0 0;border:1px solid #334155}.join-row{gap:8px;display:flex}.join-row input{flex:1}.invite-code{letter-spacing:3px;color:#fbbf24;font-size:1.6rem;font-weight:700}.game-screen{position:fixed;inset:0;overflow:hidden}.board-mount{position:absolute;inset:0}.board-mount canvas{display:block}.action-bar{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.overlay{z-index:10;background:#020617bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pick-list{flex-wrap:wrap;justify-content:center;gap:8px;max-height:40vh;display:flex;overflow-y:auto}.pick{background:#1e293b;padding:8px 10px;font-size:.85rem}.pick.selected{background:#b45309}.net-banner{z-index:20;background:#b45309e6;border-radius:8px;padding:6px 16px;font-size:.9rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.toasts{z-index:20;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.toast{background:#991b1beb;border-radius:8px;max-width:320px;padding:10px 14px;font-size:.9rem}