:root{--ivory: #f4f0e8;--ink: #191919;--ink-soft: #6f6a62;--terracotta: #d97757;--accent: #d97757;--hp: #c7483b;--xp: #c99a2e;--shield: #4c7d9e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--ivory);color:var(--ink);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px}.hud-hp{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.hud-label{font-size:12px;font-weight:700}.bar{position:relative;height:10px;background:#1919191f;border-radius:6px;overflow:hidden}.bar-hp{width:min(220px,38vw)}#hp-fill{position:absolute;inset:0;width:100%;background:var(--hp);border-radius:6px;transition:width 90ms linear}#hp-text{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-timer{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.hud-stats{display:flex;gap:12px;font-size:13px;font-weight:600;flex:1;justify-content:flex-end}.bar-xp{position:absolute;top:calc(env(safe-area-inset-top) + 44px);left:0;right:0;height:5px;border-radius:0}#xp-fill{position:absolute;inset:0;width:0%;background:var(--xp)}.ai-badge{position:absolute;top:calc(env(safe-area-inset-top) + 52px);left:50%;transform:translate(-50%);font-size:12px;font-weight:800;color:var(--ivory);background:var(--ink);border-radius:6px;padding:3px 10px;pointer-events:none}#joystick{position:absolute;inset:0;pointer-events:none;z-index:5}#joystick-base{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(25,25,25,.35);background:#f4f0e840}#joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--terracotta);opacity:.85}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f4f0e8d1;backdrop-filter:blur(2px);z-index:10;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.panel{width:min(440px,100%);background:var(--ivory);border:2px solid var(--ink);border-radius:14px;padding:28px 26px;text-align:center;box-shadow:6px 6px #1919192e;animation:panel-pop .18s ease-out}@keyframes panel-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.panel-wide{width:min(720px,100%)}.title{font-size:40px;margin:0;letter-spacing:6px;font-weight:900}.subtitle{margin:6px 0 14px;font-size:13px;letter-spacing:3px;font-weight:700;color:var(--terracotta)}.claim{font-size:13px;margin:0 0 18px;line-height:1.6}.seed-line{font-size:12px;color:#19191999;margin:0 0 18px;font-variant-numeric:tabular-nums}.btn{font:inherit;font-weight:800;border-radius:10px;padding:13px 26px;cursor:pointer;border:2px solid var(--ink)}.btn-primary{background:var(--terracotta);color:var(--ivory);font-size:17px;letter-spacing:2px;box-shadow:3px 3px #19191940}.btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px #19191940}.mode-buttons{display:flex;flex-direction:column;gap:10px}.btn-secondary{background:var(--ivory);color:var(--ink);font-size:16px;letter-spacing:2px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-pause{pointer-events:auto;font:inherit;font-weight:800;border:2px solid var(--ink);background:var(--ivory);border-radius:8px;padding:10px 16px;font-size:16px;min-width:44px;min-height:44px;cursor:pointer}.hint{font-size:12px;line-height:1.7;color:#191919b3;margin:16px 0 0}.dim{color:#19191973}.levelup-title{margin:0 0 18px;letter-spacing:3px}.cards{display:flex;gap:12px}.upgrade-card{flex:1;border:2px solid var(--ink);border-radius:10px;background:var(--ivory);padding:18px 12px;cursor:pointer;text-align:center;font:inherit;color:var(--ink)}.upgrade-card:hover{background:#d9775724}.upgrade-card:active,.upgrade-card.selected{background:#d977574d}.upgrade-key{display:inline-block;font-size:11px;font-weight:800;border:1.5px solid var(--ink);border-radius:5px;padding:1px 7px;margin-bottom:8px}.upgrade-name{display:block;font-size:16px;font-weight:800;margin-bottom:8px}.upgrade-desc{display:block;font-size:12.5px;line-height:1.6;color:#191919b8}.dead-title{margin:0 0 10px;letter-spacing:4px}.dead-cause{font-size:15px;font-weight:700;color:var(--terracotta);margin:0 0 16px}.dead-stats{display:flex;justify-content:center;gap:26px;margin-bottom:16px}.dead-stats>div{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;color:#1919198c}.dead-stats span:last-child{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.report{text-align:left;font-family:inherit;font-size:13px;line-height:1.7;background:#1919190f;border-radius:8px;padding:12px 14px;margin:0 0 18px;white-space:pre-wrap;word-break:break-word}.rank-line{font-size:14px;margin:0 0 10px;color:var(--ink)}.rank-line.dim{color:var(--ink-soft)}.settle-actions{display:flex;gap:10px;justify-content:center;margin-bottom:14px}.btn-link{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;padding:4px;margin:4px auto;display:block}.board-list{max-height:52vh;overflow-y:auto;margin-bottom:16px}.board-row{display:flex;align-items:center;gap:12px;padding:7px 6px;border-bottom:1px solid rgba(25,25,25,.08);font-size:14px}.board-rank{width:48px;color:var(--ink-soft)}.board-score{width:72px;font-weight:700;text-align:right}.board-meta{color:var(--ink-soft);font-size:12px}.board-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row-ai{background:#d9775714}.board-row-me{background:#1919190f;font-weight:700}.name-row{display:flex;gap:8px;justify-content:center;margin:6px auto 2px}.name-input{width:170px;padding:7px 10px;border:1px solid rgba(25,25,25,.25);border-radius:8px;background:var(--paper);font-size:14px}.btn-tiny{padding:6px 12px;font-size:13px}.board-controls{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.board-tabs{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.board-tab{border:1px solid rgba(25,25,25,.2);background:none;border-radius:6px;padding:4px 9px;font-size:12px;cursor:pointer;color:var(--ink-soft)}.board-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.board-date{align-items:center;display:flex;gap:12px;justify-content:center;font-size:13px}.history-head{font-size:13px;font-weight:700;padding:8px 4px;color:var(--accent)}@media (max-width: 560px){.cards{flex-direction:column}.title{font-size:30px;letter-spacing:4px}.panel{padding:20px 16px}.hud-top{gap:8px;padding:8px 10px}.hud-timer{font-size:16px}.hud-stats{gap:8px;font-size:11px}.bar-hp{width:26vw}#hp-text{display:none}.bar-xp{top:calc(env(safe-area-inset-top) + 40px)}.dead-stats{gap:14px}.dead-stats span:last-child{font-size:17px}.settle-actions .btn{flex:1;padding:12px 8px;font-size:14px}.board-row{font-size:13px;gap:8px}.board-score{width:60px}.board-rank{width:40px}#joystick-base{width:104px;height:104px;margin:-52px 0 0 -52px}}.fb-cats{display:flex;gap:8px;margin:6px 0 12px;flex-wrap:wrap}.fb-cat{flex:1;min-width:64px;padding:9px 4px;border:2px solid var(--ink);border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.fb-cat-on{background:var(--terracotta);border-color:var(--terracotta);color:var(--bg)}.fb-text,.fb-contact{width:100%;border:2px solid var(--ink);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;padding:10px 12px;resize:none;box-sizing:border-box}.fb-contact{margin-top:10px}.fb-text:focus,.fb-contact:focus{outline:none;border-color:var(--terracotta)}#fb-status{color:var(--hp);min-height:18px}