:root{font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#f8f3df;background:#bcd5d5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100%;height:100%}button{font:inherit;cursor:pointer;border:1px solid #ffffff35;color:#f5f1df;background:#203739d9;border-radius:9px;padding:10px 15px;transition:background .15s}button:hover{background:#42635d}button:focus-visible{outline:3px solid #ffd575;outline-offset:3px}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#203739}.ui{position:fixed;inset:0;pointer-events:none}.ui button{pointer-events:auto}.brand{position:absolute;left:28px;top:23px;color:#203b3b;font-size:19px;font-weight:900;letter-spacing:2px;text-shadow:0 1px #ffffff60}.brand small{font-size:12px;letter-spacing:1px;margin-left:12px}.brand-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#dc754e;margin-right:7px}.top-actions{position:absolute;right:26px;top:18px;display:flex;gap:8px}.top-actions button{font-size:13px;padding:9px 13px}.hud{position:absolute;left:50%;top:72px;transform:translate(-50%);display:flex;align-items:center;gap:29px;padding:13px 27px 18px;min-width:680px;border:1px solid #ffffff35;border-radius:13px;background:#203638ed;box-shadow:0 10px 30px #152c2c17;overflow:hidden}.hud>div:not(.progress){display:flex;flex-direction:column;gap:4px;white-space:nowrap}.hud small{font-size:11px;color:#b8ccc1;letter-spacing:1px}.hud strong{font-size:25px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.hud .speed{flex-direction:row!important;align-items:baseline;gap:7px!important;padding-right:22px;border-right:1px solid #ffffff25}.hud .speed strong{font-size:42px;color:#f4ce78}.hud em{font-size:12px;font-style:normal;margin-left:5px;color:#b8ccc1}.hud .hearts{color:#ef9b78;font-size:25px;letter-spacing:3px}.hearts span{color:#758e84}.hud .danger{color:#ffa082}.progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#ffffff10}.progress i{display:block;height:100%;background:#f1cd7b}.notice{position:absolute;top:176px;left:50%;transform:translate(-50%);padding:10px 21px;border-radius:50px;background:#273c37e8;border:1px solid #edce8b70;color:#fff2c8;font-size:14px;opacity:0;white-space:nowrap}.notice.visible{opacity:1}footer{position:absolute;bottom:20px;left:27px;right:27px;font-size:12px;letter-spacing:.5px;color:#fff9e6;text-shadow:0 1px 4px #20332e;display:flex;gap:20px}footer b{margin-left:auto;font-weight:500}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:95px 6vw 45px;background:linear-gradient(90deg,#163130d9 0%,#17363283 45%,transparent 80%);pointer-events:auto}.overlay.hidden{display:none}.panel{width:510px;max-width:100%;padding:27px 34px 29px;border:1px solid #ffffff35;background:#203a36f5;box-shadow:0 20px 80px #0c23274d;border-radius:18px}.eyebrow{font-size:11px;letter-spacing:3px;color:#e8c884;margin-bottom:15px}h1{font-size:54px;line-height:1.1;letter-spacing:5px;margin:0 0 14px;font-weight:900}h1 span{font-size:27px;display:block;letter-spacing:11px;color:#f2d79c;margin-top:9px}p{color:#d2dfd0;line-height:1.8;font-size:15px;margin:12px 0}.route-info{display:flex;gap:13px;align-items:center;margin:19px 0;padding:12px 0;border-block:1px solid #ffffff20;font-size:12px;color:#c1cebc}.route-info b{font-size:16px;color:#f6dfaa}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;color:#dfe4d2}kbd{display:inline-block;min-width:26px;text-align:center;padding:3px 5px;border:1px solid #b6c7b15c;border-bottom-width:3px;border-radius:5px;color:#fff3cf;margin-right:4px;font:inherit}.hint{font-size:11px;line-height:1.9;color:#abc3b5}.primary{width:100%;margin-top:13px;padding:15px 16px;background:#f0cd80;color:#243b35;border:none;font-weight:800;letter-spacing:1px}.primary:hover{background:#ffe0a1}.compact{width:460px}.compact h2{font-size:33px;letter-spacing:2px;margin:0 0 10px}.compact>small{display:block;text-align:center;margin-top:17px;color:#b0c6b6;font-size:11px}.results{margin:20px 0 5px}.results>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff18}.results dt{font-size:13px;color:#b8cec0}.results dd{margin:0;font-variant-numeric:tabular-nums}.results .total{color:#f5d390;font-size:26px;border:none;align-items:center}.countdown{justify-content:center;background:#17363225;text-align:center}.countdown small{font-size:16px;text-shadow:0 2px 6px #203b34}.countdown strong{display:block;font-size:140px;line-height:1.25;text-shadow:0 5px 20px #203b3466}.error{position:fixed;inset:0;display:grid;place-content:center;padding:35px;background:#233b39;color:#fff4da;text-align:center}.error h1{font-size:30px}.error pre{white-space:pre-wrap;font-size:13px;max-width:680px;color:#dec8b6}@media(max-height:760px){.panel{padding:22px 29px}.title h1{font-size:44px}.title p{margin:9px 0}.title .route-info{margin:13px 0}.overlay{padding-top:92px;padding-bottom:40px}.eyebrow{margin-bottom:12px}.hud{top:65px}.notice{top:165px}}@media(max-width:850px){.brand{left:16px;font-size:15px}.brand small{display:none}.hud{min-width:0;width:calc(100% - 30px);gap:15px;padding:12px 16px 17px;justify-content:space-between}.hud strong{font-size:21px}.hud .speed strong{font-size:32px}.hud .speed{padding-right:12px}.hud .hearts{font-size:20px}.top-actions{right:15px}.overlay{padding-left:22px;padding-right:22px}.panel{width:450px}footer b{display:none}footer{left:16px;right:16px;gap:10px;font-size:10px}.notice{font-size:12px;max-width:95vw;white-space:normal;text-align:center}}