:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;background:#08151e;color:#e3edf1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 30%,#15354560,transparent 65%)}main{max-width:1180px;margin:auto;padding:34px 34px 20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#92b9bb;font-weight:650;margin:0 0 10px}h1{font-family:Georgia,serif;font-size:66px;font-weight:400;letter-spacing:-3px;margin:0}h1 span{color:#e7b970;font-family:system-ui;font-size:44px;margin-left:20px}.sub{font-family:Georgia,serif;font-style:italic;font-size:19px;color:#b2c4c7;margin:7px 0 0}button,select{font:inherit;color:inherit;background:#17303b;border:1px solid #3a5460;border-radius:9px;padding:11px 15px;cursor:pointer;touch-action:none}button:hover{background:#23434d}button:focus-visible,select:focus-visible{outline:2px solid #f1c57a;outline-offset:3px}button:active,button.held{background:#b5d9d8;color:#08151e}.deck{display:grid;grid-template-columns:minmax(0,1fr) 290px;border:1px solid #3b535d;border-radius:18px;overflow:hidden;background:#0b1d28}.chart{padding:22px;min-width:0;background:radial-gradient(circle,#153344,#0b1d28 75%)}.charthead,.chartfoot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#9cbabc}.live{color:#e5c18b}.disk{padding:14px 0;aspect-ratio:1;display:grid;place-items:center}canvas{display:block;width:100%;height:auto;border:1px solid #6b8990;border-radius:50%;background:radial-gradient(circle,#183d4f,#0a1a29 75%);touch-action:none}.chartfoot{font-size:8px}aside{padding:28px 24px;border-left:1px solid #3b535d}h2{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:0 0 12px}#message{min-height:66px;font-size:13px;line-height:1.7;color:#b6cbd1;margin:0 0 17px}.metrics{display:flex;justify-content:space-between;padding:17px 0;border-block:1px solid #2c4653}.metrics strong{display:block;font-size:27px;font-weight:400;font-variant-numeric:tabular-nums}.metrics span{font-size:10px;color:#95b3bd}#progress{display:flex;gap:8px;padding:20px 0}.beacon{width:100%;height:4px;border-radius:4px;background:#334b56}.beacon.done{background:#f0bf72}.route label{display:block;font-size:10px;letter-spacing:1px;color:#abc2ca;margin-bottom:8px}select{width:100%;font-size:12px;padding:11px 8px}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0 10px}.controls button{padding:10px 4px;font-size:24px;min-height:63px}.controls small{display:block;font-size:8px;letter-spacing:1px;margin-top:4px}.primary{background:#e4bd7f;color:#15232a;border-color:#e4bd7f}.primary:hover{background:#f0d1a1}.wide{width:100%;font-size:12px}.smallbuttons{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.smallbuttons button{font-size:10px;padding:9px;flex:1}.hint{font-size:10px;color:#9eb7c1;line-height:1.9}.record{font-size:10px;color:#c7af87;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.8;color:#8fadb8;padding-top:19px}a{color:#d5bd94}dialog{max-width:490px;width:calc(100% - 30px);background:#102936;border:1px solid #65808b;border-radius:18px;color:#e3edf1;padding:30px}dialog::backdrop{background:#020b13bd;backdrop-filter:blur(5px)}dialog p{line-height:1.7;font-size:13px}.about{max-width:760px;line-height:1.9}.about h1{margin-bottom:25px}.about p{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:760px){main{padding:20px 15px}header{margin-bottom:22px}h1{font-size:51px}h1 span{font-size:30px;margin-left:12px}.eyebrow{font-size:8px;letter-spacing:1.5px}.sub{font-size:16px}header button{font-size:11px;padding:10px}.deck{grid-template-columns:1fr}.chart{padding:15px}aside{border-left:0;border-top:1px solid #3b535d;padding:22px}#message{min-height:0}.controls{grid-template-columns:repeat(6,1fr)}.controls button{min-height:55px;font-size:22px}.controls small{font-size:7px;letter-spacing:.3px}.metrics{gap:30px;justify-content:start}#progress{padding:15px 0}footer{display:block;font-size:9px}footer a{display:block;margin-top:10px}.charthead,.chartfoot{font-size:7px;letter-spacing:1px}}@media(max-width:760px){body{padding-bottom:100px}.controls{position:fixed;z-index:20;bottom:max(10px,env(safe-area-inset-bottom));left:15px;right:15px;margin:0;padding:9px;background:#0b1d28f5;border:1px solid #56727e;border-radius:14px;box-shadow:0 7px 35px #020c15aa;gap:6px}.controls button{min-width:0;min-height:55px}.controls small{font-size:6.5px}aside .route{margin-bottom:14px}}