*{box-sizing:border-box}body{margin:0;background:#112724;color:#f1f1dd;font:15px/1.6 system-ui,"Microsoft YaHei",sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c5ff52;outline-offset:4px}main{max-width:1500px;margin:auto;padding:0 36px}header{height:86px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:31px;font-weight:900;color:#c5ff52;letter-spacing:-1px}.brand span{font-size:17px;color:#f1f1dd;letter-spacing:3px;margin-left:20px}.home{font-size:13px;color:#b6c9b4}.topline{display:flex;justify-content:space-between;font:11px ui-monospace,monospace;color:#a1b6a7;letter-spacing:2px;margin:0 0 15px}#arena-shell{height:min(76vh,800px);min-height:540px;position:relative;overflow:hidden;border:1px solid #637864;border-radius:22px;background:#a9c9dc}#world-canvas{display:block;width:100%;height:100%;touch-action:none}.glass{background:#16382ce8;border:1px solid #a6c29655;box-shadow:0 8px 32px #0f291e22;backdrop-filter:blur(8px);border-radius:13px}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;left:20px;right:20px;top:18px;display:flex;align-items:start;gap:14px}.counter{padding:10px 18px;min-width:155px}.counter small{display:block;font-size:10px;color:#adc3aa;letter-spacing:2px}.counter strong{font:24px ui-monospace,monospace;color:#eef8ce}.territory{width:280px;padding:10px 14px}.territory>div:first-child{display:flex;justify-content:space-between;font-size:12px}.territory b{color:#c5ff52}.territory small{display:block;font-size:10px;margin-top:5px;color:#c0d0b6}.track{height:5px;background:#081d18;margin-top:5px;border-radius:3px;overflow:hidden}.track i{display:block;height:100%;width:0;background:#c5ff52;transition:width .2s}#pause{margin-left:auto;color:#f2f7df;width:47px;height:47px;font-size:22px;pointer-events:auto;touch-action:none}.rivals{position:absolute;left:20px;top:112px;padding:10px 14px;min-width:160px}.rival{display:flex;gap:9px;align-items:center;font-size:11px;line-height:2}.rival i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.rival span{flex:1}.rival b{font-size:10px;color:#d5e1c3}.rival.out{opacity:.35}.growth{position:absolute;left:20px;bottom:22px;padding:12px 17px}.growth small{display:block;font-size:10px;color:#c3cfb4}.growth strong{display:block;font-size:21px;color:#e1ffaf}.growth span{font-size:11px;color:#c7d5bd}#minimap{position:absolute;right:20px;bottom:22px;width:155px;height:155px;background:#173529da;border:1px solid #d1dfa78c;border-radius:12px}#notice{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);max-width:48%;padding:8px 18px;background:#133227e8;border:1px solid #d3e6a54d;border-radius:30px;color:#f7f5cd;text-align:center;font-size:13px}#notice:empty{display:none}#overlay{position:absolute;inset:0;background:linear-gradient(90deg,#132e2af2,#122d29bd 38%,#132e2a08);display:flex;align-items:center;padding:5% 7%;overflow-y:auto}.intro{max-width:640px}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:3px;color:#bbd3a2}h1{font-size:clamp(40px,5vw,70px);line-height:1.16;letter-spacing:-2px;margin:22px 0;color:#f2f3da}h1 span{color:#c5ff52}.intro-copy{font-size:16px;color:#c1d2bb;line-height:1.85}.rules{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}.rules span{font-size:11px;padding:5px 9px;border:1px solid #9fb38e55;border-radius:7px}.primary{background:#c5ff52;color:#182b13;border:0;border-radius:10px;padding:13px 23px;font-weight:800}.secondary{background:#244136;color:#e2ecd6;border:1px solid #728b60;border-radius:9px;padding:10px 17px;font-size:13px}.primary:hover{background:#d5ff85}.secondary:hover{background:#365442}#load-status,.keys{font-size:11px;color:#b0c3a9}.keys{margin-top:18px}#overlay:has(.dialog:not([hidden])){justify-content:center;background:#1028219e}.dialog{width:min(560px,100%);padding:30px;text-align:center}.dialog h2{font-size:36px;color:#e5ffba;margin:10px 0}.dialog>p{color:#c8d7ba;font-size:13px}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.result-time{font:40px ui-monospace,monospace;color:#d2ff82;margin:20px 0}.result-time small{display:block;font:12px system-ui;color:#b5c8ab;margin-top:6px}#score-form{margin-top:22px;text-align:left}#score-form label{font-size:12px;display:block;margin-bottom:8px}#score-form label small{color:#a9bca0;margin-left:8px}.name-row{display:flex;gap:8px}.name-row input{min-width:0;flex:1;border:1px solid #768b66;border-radius:8px;padding:10px;background:#122d23;color:#f4f6da}.name-row button{padding:10px 14px;font-size:13px}#save-status{min-height:20px;font-size:12px;color:#dcdfb4}.under{display:flex;justify-content:space-between;align-items:center;padding:25px 0 28px;gap:20px}.under h2{font-size:19px;margin:0 0 5px}.under p,.under>span{font-size:12px;color:#a8b99f;margin:0}.under b{color:#d5f0a2}.leaderboard{padding:28px;border:1px solid #536647;border-radius:17px;background:#19332a}.board-heading{display:flex;justify-content:space-between;align-items:center}.board-heading h2{font-size:25px;margin:6px 0}.board-heading p{margin:0}.leaderboard>p{color:#b2c1a8;font-size:12px}#scores{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}#scores li{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid #4c634138;align-items:center}#scores .rank{width:28px;font:15px ui-monospace,monospace;color:#bada8b}#scores .name{flex:1;overflow-wrap:anywhere;font-size:13px}#scores time{font:14px ui-monospace,monospace;color:#d3e5b7}footer{display:flex;justify-content:space-between;padding:25px 0;color:#819d85;font-size:11px}#touch-controls{display:none;position:absolute;left:22px;right:22px;bottom:24px;align-items:end;justify-content:space-between;pointer-events:none}#world-stick{width:108px;height:108px;border-radius:50%;border:2px solid #efffbc88;background:#19362888;display:grid;place-items:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#world-knob{width:44px;height:44px;border-radius:50%;background:#d0efa4aa;border:2px solid #f2ffbf;pointer-events:none}.touch-note{font-size:10px;color:#173c26;background:#edf5d1a8;border-radius:8px;padding:8px}.world-entry{color:#c5ff52}
@media(pointer:coarse){#touch-controls{display:flex}.growth{bottom:147px;padding:7px 12px}.growth strong{font-size:17px}#minimap{bottom:116px;width:112px;height:112px}#notice{bottom:20px;max-width:42%;font-size:11px}}
@media(max-width:650px){main{padding:0 12px}header{height:72px}.brand{font-size:25px}.brand span{font-size:14px;margin-left:12px}.topline{font-size:9px;letter-spacing:1px}.topline span:last-child{display:none}#arena-shell{height:77dvh;min-height:530px;border-radius:15px}.hud-top{left:10px;right:10px;top:10px;gap:7px}.counter{min-width:108px;padding:8px 10px}.counter strong{font-size:18px}.counter small{font-size:9px}.territory{flex:1;width:auto;padding:7px 9px}.territory>div:first-child{font-size:10px}.territory small{font-size:8px}#pause{width:37px;height:42px;flex-shrink:0}.rivals{top:93px;left:10px;min-width:135px;padding:7px 10px}.rival{font-size:10px}.growth{left:10px}.growth span{font-size:10px}#minimap{right:10px}#overlay{padding:26px}.intro h1{font-size:43px}.intro-copy{font-size:14px}.rules{display:grid;justify-content:start;gap:7px}.eyebrow{font-size:9px}.dialog{padding:22px 16px}.dialog h2{font-size:29px}.under{display:block;padding:22px 0}.under h2{font-size:17px}.under>span{display:block;margin-top:10px}.leaderboard{padding:20px 16px}.board-heading h2{font-size:21px}.board-heading button{padding:8px 10px;font-size:11px}#scores{grid-template-columns:1fr}footer span{display:none}.name-row{flex-wrap:wrap}.name-row input{width:100%}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:600px){header,.topline,.under,footer{display:none}main{padding:6px}#arena-shell{height:calc(100dvh - 12px);min-height:0}.intro h1{font-size:36px;margin:10px 0}.intro-copy{font-size:12px;margin:8px 0}.rules{display:flex;margin:10px 0}.keys{margin:8px 0}#overlay{padding:20px 6%}.growth{bottom:115px}.growth span{display:none}#world-stick{width:80px;height:80px}#world-knob{width:34px;height:34px}.rivals{left:auto;right:20px;top:80px}#minimap{right:20px;bottom:20px;width:100px;height:100px}.touch-note{display:none}.leaderboard{margin-top:20px}}
#reset-view{margin-left:auto;color:#f2f7df;width:47px;height:47px;font-size:22px;pointer-events:auto;touch-action:none;flex-shrink:0}#pause{margin-left:0}#world-canvas{cursor:grab;user-select:none;-webkit-user-select:none}#world-canvas:active{cursor:grabbing}@media(max-width:650px){#reset-view{width:37px;height:42px}}

#dash-button{position:absolute;right:22px;bottom:115px;pointer-events:auto;touch-action:none;min-width:92px;padding:15px;border-radius:50px;background:#f2cf70;color:#20342b}#dash-button:disabled{opacity:.55}#touch-controls{pointer-events:none}#world-stick{pointer-events:auto}

/* Keep the skill button available with a mouse as well as touch. */
#touch-controls{display:flex}
@media(pointer:fine){#world-stick,.touch-note{display:none}#dash-button{bottom:170px}}

/* Keep the multiplayer entry separated from the primary action. */
.entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.entry-actions>.secondary{display:inline-flex;align-items:center}