@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&family=JetBrains+Mono:wght@300;400;500&family=Noto+Sans+SC:wght@200;300;400;500&display=swap";:root{--sage:#8ba8a0;--teal:#5a9a8f;--teal-deep:#4a6b6f;--terracotta:#b5635a;--peach:#dba882;--sand:#e8cdb0;--neon:#2dd4a8;--gold-light:#e8c9a0;--cream:#faf6f1;--warm-white:#f5f0ea;--stone:#e2dbd2;--clay:#c4b5a5;--driftwood:#8a7d72;--charcoal:#3a3632;--espresso:#2a2420;--ink:#1a1816;--wood-dark:#1a120e;--wood-mid:#2a1e18;--wood-light:#352820;--wood-base:#231a14;--bg-primary:var(--wood-base);--bg-card:#00000059;--text-primary:var(--gold-light);--text-secondary:#e8c9a080;--text-muted:#e8c9a04d;--text-accent:var(--neon);--border-subtle:#e8c9a01a;--border-accent:#2dd4a84d;--danger:var(--terracotta);--font-display:"Inter", "Noto Sans SC", sans-serif;--font-body:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-full:9999px;--shadow-card:0 2px 16px #0003;--shadow-elevated:0 8px 32px #0000004d;--glow-neon:0 0 20px #2dd4a826;--glow-gold:0 0 20px #e8c9a01a;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;background:var(--bg-primary);color:var(--text-primary);touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:100dvh;font-weight:300;overflow-x:hidden}.screen{z-index:1;transition:opacity var(--duration-normal) var(--ease-in-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen.hidden{opacity:0;pointer-events:none}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:10px var(--space-lg);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-backdrop-filter:blur(8px);font-size:.7rem;font-weight:400;text-decoration:none;display:inline-flex}.btn:active{border-color:var(--border-accent);box-shadow:var(--glow-neon);transform:scale(.97)}.btn-primary{border-color:var(--border-accent);color:var(--neon);background:#2dd4a81f;font-weight:500}.btn-primary:active{box-shadow:var(--glow-neon);background:#2dd4a840}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-card);transition:all var(--duration-normal) var(--ease-out-expo)}.card:active{border-color:var(--border-accent);box-shadow:var(--glow-neon), var(--shadow-card)}.input{width:100%;padding:12px var(--space-md);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);-webkit-backdrop-filter:blur(4px);background:#0000004d;outline:none;font-size:.8rem;font-weight:300}.input:focus{border-color:var(--border-accent);box-shadow:var(--glow-neon)}.input::placeholder{color:var(--text-muted);text-transform:uppercase;font-weight:200}.leaderboard{width:100%;max-width:360px}.leaderboard-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);text-align:center;margin-bottom:var(--space-md);font-size:.65rem;font-weight:400}.leaderboard-row{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex}.leaderboard-row.highlight{border-color:var(--border-accent);border-radius:var(--radius-sm);background:#2dd4a80f}.leaderboard-rank{font-family:var(--font-mono);color:var(--text-secondary);min-width:28px;font-size:.7rem;font-weight:300}.leaderboard-rank.top-3{color:var(--peach)}.leaderboard-name{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;font-weight:400;overflow:hidden}.leaderboard-score{font-family:var(--font-mono);color:var(--neon);font-size:.75rem;font-weight:400}.taopunk-divider{background:linear-gradient(90deg, transparent, var(--neon), transparent);width:40px;height:1px;margin:var(--space-lg) auto;opacity:.4}.locale-toggle{z-index:200;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(8px);width:32px;height:32px;color:var(--text-secondary);font-family:var(--font-body);letter-spacing:.05em;cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;font-size:.6rem;font-weight:400;display:flex;position:fixed;top:16px;right:16px}.locale-toggle:active{border-color:var(--border-accent);color:var(--neon)}.lb-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);animation:fadeIn var(--duration-fast) ease-out;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lb-modal{background:var(--wood-mid);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);text-align:center;width:280px;box-shadow:var(--shadow-elevated);animation:modalPop var(--duration-normal) var(--ease-out-expo)}.lb-modal-name{letter-spacing:.1em;margin-bottom:var(--space-xs);font-size:.8rem;font-weight:500}.lb-modal-msg{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.7rem;font-weight:300}.lb-modal-actions{gap:var(--space-sm);display:flex}.lb-modal-actions .btn{padding:var(--space-sm) var(--space-md);flex:1}.btn-danger{color:var(--terracotta);background:#b5635a1a;border-color:#b5635a4d}.btn-danger:active{background:#b5635a33;box-shadow:0 0 20px #b5635a26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hud-panel{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(16px);background:#00000080;border:1px solid #2dd4a826;border-left:2px solid #2dd4a84d;border-right:2px solid #2dd4a84d;flex-direction:column;width:100%;display:flex;position:relative;box-shadow:inset 0 0 30px #2dd4a808,0 0 20px #0006}.hud-panel-corner{border:0 solid #2dd4a866;width:8px;height:8px;position:absolute}.hud-panel-corner.tl{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.hud-panel-corner.tr{border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.hud-panel-corner.bl{border-bottom-width:2px;border-left-width:2px;bottom:-1px;left:-1px}.hud-panel-corner.br{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.hud-label{font-family:var(--font-mono);letter-spacing:.35em;color:#2dd4a859;font-size:.45rem;font-weight:400}.hud-divider{width:40px;height:1px;margin:var(--space-xs) 0;background:linear-gradient(90deg,#0000,#2dd4a840,#0000)}.cyber-btn{width:100%;padding:14px var(--space-md);font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--neon);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#2dd4a80f;border:1px solid #2dd4a833;border-left:2px solid #2dd4a866;border-right:2px solid #2dd4a866;font-size:.6rem;font-weight:400;text-decoration:none;display:block;position:relative;overflow:hidden}.cyber-btn:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(#2dd4a81f 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.cyber-btn:active:before{opacity:1}.cyber-btn:active{box-shadow:0 0 24px #2dd4a833, var(--glow-neon);background:#2dd4a826;border-color:#2dd4a880 #2dd4a899;transform:scale(.98)}@keyframes cyber-glow-pulse{0%,to{box-shadow:0 0 8px #2dd4a814}50%{box-shadow:0 0 18px #2dd4a833,inset 0 0 12px #2dd4a80a}}.cyber-btn--primary{animation:2.5s ease-in-out infinite cyber-glow-pulse}.cyber-btn--primary:active{animation:none}.cyber-btn--ghost{color:var(--text-secondary);border-color:var(--border-subtle);background:#e8c9a00a;border-left-color:#e8c9a033;border-right-color:#e8c9a033;font-weight:300}.cyber-btn--ghost:active{color:var(--neon);border-color:var(--border-accent);background:#2dd4a814;border-left-color:#2dd4a880;border-right-color:#2dd4a880;box-shadow:0 0 18px #2dd4a826}html,body{overscroll-behavior:none}input,textarea,select{font-size:16px}