:root{--bg: #0f1226;--panel: #1a1f3a;--panel-2: #232a4d;--accent: #6c8cff;--accent-2: #4cd1ff;--danger: #ff5c7a;--ok: #5cffa6;--text: #e8ecff;--text-dim: #9aa3c7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.layout{max-width:960px;margin:0 auto;padding:16px}.nav{display:flex;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--panel-2);margin-bottom:16px}.nav h1{font-size:18px;margin:0 auto 0 0}.nav a{color:var(--text-dim)}.nav a.active{color:var(--accent-2)}.nav .who{color:var(--text-dim);font-size:13px}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px}.btn:hover{filter:brightness(1.1)}.btn.ghost{background:var(--panel-2)}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}input.field,select.field{background:var(--panel-2);border:1px solid #2c3560;color:var(--text);border-radius:8px;padding:8px 12px;font-size:14px;width:100%}.panel{background:var(--panel);border-radius:12px;padding:16px}.grid{display:grid;gap:12px}.row{display:flex;gap:8px;align-items:center}.muted{color:var(--text-dim)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--panel-2);font-size:12px;color:var(--text-dim)}.game-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.game-board{position:relative;width:800px;height:600px;background:linear-gradient(180deg,#141a36,#0c1024);border:1px solid #2c3560;border-radius:12px;overflow:hidden}.safe-line{position:absolute;left:0;right:0;height:2px;background:var(--danger);box-shadow:0 0 8px var(--danger)}.brick{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#2b3a7a,#1f2a5e);border:1px solid #4a5bb0;border-radius:8px;color:#fff;padding:4px;transition:opacity .12s,transform .12s;-webkit-user-select:none;user-select:none}.brick .en{font-size:18px;font-weight:600}.brick .cn{font-size:12px;color:var(--text-dim)}.brick.targeting{outline:2px solid var(--accent-2)}.brick.destroying{opacity:0;transform:scale(.6)}.hud{display:flex;gap:24px;align-items:center;width:800px;padding:8px 4px}.hud .score{font-size:20px;font-weight:700;color:var(--ok)}.input-bar input{width:800px;font-size:20px;padding:12px;text-align:center;letter-spacing:1px}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a18d1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--panel-2)}th{color:var(--text-dim);font-weight:500;font-size:13px}