:root{font-family:Inter,Helvetica Neue,PingFang TC,sans-serif;color:#e9efeb;background:#0b1425;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100vh;touch-action:none}header{position:fixed;top:35px;left:42px;right:42px;display:flex;justify-content:space-between;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:#82a5ab}.brand h1{font-size:35px;line-height:.92;letter-spacing:-1.5px;margin:12px 0;font-weight:950}.brand i{color:#efc376;font-style:normal}.brand p{font-size:11px;letter-spacing:3px;color:#a9b7be}.brand p span{color:#d7a562}.scoreboard{display:flex;gap:34px;text-align:center}.scoreboard label{display:block;font-size:10px;letter-spacing:3px;color:#9aafb8}.scoreboard strong{display:block;font-size:29px;font-weight:500;margin-top:10px;font-variant-numeric:tabular-nums}.side-note{position:fixed;left:42px;top:46%;font-size:11px;color:#b3c2c8;letter-spacing:2px;pointer-events:none}.side-note small{display:block;margin-top:10px;color:#6f8993;font-size:10px;letter-spacing:1px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#84cabc;margin-right:8px}footer{position:fixed;bottom:0;left:0;right:0;padding:55px 42px 30px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(transparent,#081321d9);gap:24px;pointer-events:none}.controls{font-size:11px;color:#92aab5;line-height:2.1;width:290px}.key{color:#d3dfdf}.power{width:340px}.power-label,.power-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.power-label{color:#d4e4e5;margin-bottom:10px}.power-meta{color:#84a4ae;margin-top:10px;font-size:9px}.track{height:7px;border:1px solid #4a727e;border-radius:8px;overflow:hidden;background:#0c2331}#powerFill{height:100%;width:0;background:#7ee4df;box-shadow:0 0 15px #7ee4df}.buttons{display:flex;gap:8px;pointer-events:auto;width:290px;justify-content:flex-end}button{font:inherit;font-size:11px;background:#122534aa;color:#b7cbd0;border:1px solid #49616c88;padding:10px 13px;border-radius:5px;cursor:pointer}button:hover{color:#fff;border-color:#8eb9bd}#toast{position:fixed;top:22%;left:50%;transform:translate(-50%);font-size:15px;color:#eed8af;letter-spacing:3px;text-shadow:0 2px 15px #000;pointer-events:none;white-space:nowrap}#loading{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1425}#loading h1{font-size:26px;font-weight:400}#loading p{color:#78929b;font-size:12px}dialog{background:#112431;color:#d8e3e3;max-width:440px;border:1px solid #45636b;border-radius:12px;padding:30px;line-height:1.9}dialog::backdrop{background:#031021b8}dialog h2{font-size:22px}dialog p{font-size:13px;color:#a6bdc4}dialog button{width:100%;margin-top:12px}@media(max-width:800px){header{left:20px;right:20px;top:24px}.brand h1{font-size:25px}.scoreboard{gap:17px}.scoreboard strong{font-size:22px}.side-note{display:none}footer{padding:40px 20px 22px;flex-wrap:wrap;gap:12px}.controls{display:none}.power{width:100%}.buttons{width:100%;justify-content:center}#toast{top:27%;font-size:12px}.brand p{font-size:9px}}#pauseMenu{position:fixed;top:180px;left:30px;width:260px;z-index:3;max-height:calc(100vh - 310px);overflow:auto;pointer-events:auto}#pauseMenu[hidden]{display:none}.menu-card{padding:20px;background:#102331e8;border:1px solid #49626b88;border-radius:9px}.menu-card h2{font-size:19px;font-weight:500;margin:12px 0}.menu-card p{color:#a6bdc4;font-size:11px;line-height:1.8;margin:10px 0}.menu-card .primary{width:100%;padding:11px;font-size:12px;background:#efc376;color:#172530;border:none;margin:5px 0 12px;font-weight:600}.menu-card .primary:hover{background:#ffdaa1}.menu-options{display:flex;gap:5px}.menu-options button{flex:1;padding:8px 3px;font-size:10px}.menu-card small{display:block;color:#819ca7;font-size:10px;line-height:1.8;margin-top:14px}#help{margin-top:14px;border-top:1px solid #49626b66}#help[hidden]{display:none}#help b{color:#d5e5e6;font-weight:500}#pauseMenu[data-mode=playing] .menu-card{background:#102331a6;border-color:#49626b44}#pauseMenu button:disabled{cursor:default;opacity:.5}#pauseMenu[data-mode=playing] .primary{background:#233c47;color:#a3bdc6}.side-note{display:none}@media(max-width:800px){#pauseMenu{left:14px;top:150px;width:215px;max-height:calc(100vh - 300px)}.menu-card{padding:14px}}#rimZoom{position:fixed;top:145px;right:28px;width:320px;height:250px;z-index:2;pointer-events:none;border:1px solid #9fc4c899;box-shadow:0 8px 28px #0005;overflow:hidden}#rimZoom[hidden]{display:none}#rimZoom span{position:absolute;left:0;right:0;top:0;padding:10px 12px;background:linear-gradient(#091923df,transparent);color:#b8e1e1;font-size:9px;letter-spacing:2px}#rimZoom b{font-weight:400;letter-spacing:1px;margin-left:8px;color:#e7eded}#rimZoom i{position:absolute;right:12px;top:10px;font-size:8px;font-style:normal;color:#efc376;letter-spacing:1px}@media(max-width:800px){#rimZoom{width:220px;height:160px;right:14px;top:145px}}@media(max-width:500px){#rimZoom{top:115px;right:10px;width:175px;height:135px}}#sideZoom{position:fixed;left:28px;bottom:145px;width:320px;height:250px;z-index:2;pointer-events:none;border:1px solid #9fc4c899;box-shadow:0 8px 28px #0005;overflow:hidden}#sideZoom[hidden]{display:none}#sideZoom span{position:absolute;left:0;right:0;top:0;padding:10px 12px;background:linear-gradient(#091923df,transparent);color:#b8e1e1;font-size:9px;letter-spacing:2px}#sideZoom b{font-weight:400;letter-spacing:1px;margin-left:8px;color:#e7eded}#sideZoom i{position:absolute;right:12px;top:10px;font-size:8px;font-style:normal;color:#efc376;letter-spacing:1px}@media(max-width:800px){#sideZoom{width:220px;height:160px;left:14px;bottom:125px}}@media(max-width:500px){#sideZoom{left:10px;width:175px;height:135px}}#sideZoom{width:410px;height:300px;bottom:125px}@media(max-width:800px){#sideZoom{width:280px;height:200px;bottom:125px}}@media(max-width:500px){#sideZoom{width:210px;height:155px;bottom:125px}}#ballZoom{position:fixed;right:28px;bottom:125px;width:320px;height:250px;z-index:2;pointer-events:none;border:1px solid #9fc4c899;box-shadow:0 8px 28px #0005;overflow:hidden}#ballZoom[hidden]{display:none}#ballZoom span{position:absolute;left:0;right:0;top:0;padding:10px 12px;background:linear-gradient(#091923df,transparent);color:#b8e1e1;font-size:9px;letter-spacing:2px}#ballZoom b{font-weight:400;letter-spacing:1px;margin-left:8px;color:#e7eded}#ballZoom i{position:absolute;right:12px;top:10px;font-size:8px;font-style:normal;color:#efc376;letter-spacing:1px}@media(max-width:800px){#ballZoom{width:220px;height:160px;right:14px}}@media(max-width:500px){#ballZoom{width:155px;height:135px;right:10px}#sideZoom{width:calc(100vw - 185px)}}#controlMode{width:100%;margin-bottom:10px}#pauseButton{position:fixed;right:28px;bottom:75px;z-index:5}#mouseHelp[hidden]{display:none}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.menu-heading h2{margin:10px 0}#toggleMenu{white-space:nowrap;padding:7px 9px;font-size:11px}#menuBody[hidden]{display:none}#characterMode{width:100%;margin-bottom:10px}