:root{--bg-0: #071f17;--bg-1: #0f3d2e;--bg-2: #14523f;--accent: #2e8b57;--accent-bright: #4caf7d;--gold: #ffe082;--text: #e8f5e9;--text-dim: #a9cfbc;--danger: #d64541}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--bg-0);color:var(--text);font-family:system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.game-canvas-host{position:fixed;inset:0;width:100%;height:100%;background:var(--bg-0)}.game-canvas-host canvas{display:block;width:100%;height:100%}.shell{min-height:100dvh;display:grid;place-content:center;gap:1rem;padding:1.5rem;background:radial-gradient(1200px 600px at 50% -10%,#14523f 0%,transparent 60%),var(--bg-0)}.card{width:min(92vw,440px);background:#0f3d2eeb;border:1px solid var(--bg-2);border-radius:16px;padding:1.5rem;display:grid;gap:.9rem;box-shadow:0 12px 40px #00000073}.card h1{margin:0;font-size:1.4rem;letter-spacing:.08em;text-align:center;color:var(--gold)}.card h2{margin:0;font-size:1rem;color:var(--gold)}.subtitle{margin:0;text-align:center;color:var(--text-dim);font-size:.85rem}.row{display:flex;gap:.6rem;align-items:center}.btn{flex:1;appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:.95rem;font-weight:700;padding:.65rem .9rem;border-radius:10px;cursor:pointer;transition:filter .12s,transform .06s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;color:var(--text);border-color:#3c6b57}.btn.warn{background:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.input{width:100%;background:#0b2b21;border:1px solid #2a5443;color:var(--text);border-radius:10px;padding:.6rem .8rem;font-size:.95rem;outline:none}.input:focus{border-color:var(--accent-bright)}.label{font-size:.8rem;color:var(--text-dim);display:block;margin-bottom:.25rem}.divider{height:1px;background:#2a5443;margin:.2rem 0}.hint{font-size:.78rem;color:var(--text-dim)}.error{color:#ff8a80;font-size:.85rem}.overlay{position:fixed;inset:0;display:grid;place-content:center;background:#04140e8c;z-index:10}.overlay .card{width:min(92vw,460px)}.toast{position:fixed;left:50%;bottom:4.5rem;transform:translate(-50%);background:#0b2b21f5;border:1px solid var(--accent);color:var(--text);padding:.5rem 1.1rem;border-radius:999px;font-size:.85rem;z-index:20;box-shadow:0 6px 20px #0006}.member-list{display:grid;gap:.35rem}.member{display:flex;justify-content:space-between;background:#0b2b21;border:1px solid #224a3a;border-radius:8px;padding:.45rem .7rem;font-size:.85rem}.member .tag{color:var(--gold);font-size:.75rem}.room-code{text-align:center;font-size:1.6rem;letter-spacing:.3em;color:var(--gold);font-weight:700;background:#0b2b21;border-radius:10px;padding:.5rem}