*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#a9b8c4;color:#f4f1e9;font:13px system-ui,sans-serif}canvas{display:block;touch-action:none}button,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff70;background:#f3ede0;color:#24343b;border-radius:5px;padding:12px 22px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible{outline:2px solid #efb667;outline-offset:4px}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#e9d2a6}#hud{position:fixed;top:25px;left:28px;pointer-events:none;text-shadow:0 2px 8px #102333}h1{font:32px Georgia,serif;letter-spacing:-.025em;margin:6px 0 7px}#distance{font-size:11px;color:#e5eaeb}#progress{width:185px;height:2px;background:#fff3;margin-top:12px}#progress span{display:block;height:100%;width:0;background:#e2ba78}#pause{position:fixed;top:22px;right:22px;background:#132b37b0;color:#fff;padding:9px 13px;z-index:20}#cross{position:fixed;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#fffc;pointer-events:none}#start{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(0deg,#0b1e2ddb,#11273726);z-index:30;padding:20px}.start-card{max-width:440px;text-align:center;padding-top:70px}.start-card h2{font:42px Georgia,serif;letter-spacing:-.04em;margin:14px 0}.start-card p{line-height:1.75;font-size:13px;color:#e3e6e6;margin:0 auto 20px;max-width:360px}.start-card button{display:block;width:260px;margin:10px auto;padding:14px}.start-card .secondary{background:#112b3999;color:#fff;border-color:#fff4}.start-card .small{font-size:11px;margin-top:20px}.start-card .note{font-size:10px;color:#c2d0d5;margin-bottom:0}#help{position:fixed;bottom:24px;left:27px;font-size:10px;line-height:1.8;text-shadow:0 2px 6px #102333;pointer-events:none}#reset{position:fixed;right:20px;bottom:68px;background:#142d38b0;color:#fff;border-color:#fff4;padding:7px 13px;font-size:10px}#travelControls{position:fixed;bottom:80px;left:27px;display:flex;gap:5px}#follow{background:#19343ed9;color:#fff;border-color:#fff6;font-size:11px;padding:10px 13px}#follow.following{background:#ded0a8;color:#1b333d}#pace{background:#19343ed9;color:#fff;border:1px solid #fff6;border-radius:4px;padding:6px;font-size:10px;max-width:125px}#action{position:fixed;bottom:140px;left:50%;transform:translateX(-50%);text-align:center;background:#132b38e8;border:1px solid #fff4;padding:14px 20px;border-radius:7px;width:320px;max-width:90%;z-index:15}#actionCopy{font-size:12px;line-height:1.6;margin-bottom:10px}#action button{font-size:12px;padding:8px 18px;background:#e7c38b}#crossingProgress{height:3px;background:#fff3;margin:12px 0}#crossingProgress span{height:100%;display:block;background:#d6be88}#notice{position:fixed;top:137px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;padding:12px 18px;background:#102d3ae8;border-radius:5px;font-size:12px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:60}#scoutControls{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);text-align:center;background:#102d3add;border:1px solid #fff3;border-radius:6px;padding:10px;z-index:16;max-width:95%;width:330px}#scoutTitle{display:block;color:#dbc692;font-size:10px;margin-bottom:7px}#scoutControls>div{display:flex;gap:5px}#scoutControls button{padding:7px 12px;font-size:11px;background:#263e47;color:#fff;border-color:#ffffff30}#scoutControls select{background:#e9e5d7;color:#213641;border:0;border-radius:3px;width:100%;min-width:0;font-size:11px;padding:4px}#endPreview{margin-top:8px}body.preview #action{bottom:221px}#error{position:fixed;z-index:9999;bottom:30px;left:30px;background:#793e33;padding:18px;max-width:90%}#rounds,#interact,#toast{display:none!important}.route-journal-open #start{visibility:hidden}#openJournal{background:#183541!important}
@media(max-width:600px){#hud{top:21px;left:20px}h1{font-size:28px}#hud .eyebrow{font-size:8px}#distance{font-size:10px}#pause{right:16px;top:18px}.start-card{padding-top:85px}.start-card h2{font-size:34px}.start-card p{font-size:12px}.start-card .note{font-size:9px}.start-card .small{font-size:10px}.start-card button{width:230px}#help{left:18px;bottom:19px;font-size:8px;max-width:57%}#travelControls{left:18px;bottom:83px}#reset{right:16px;bottom:68px;font-size:9px}#follow{font-size:10px;padding:9px}#pace{font-size:9px;max-width:115px}#notice{top:125px;font-size:11px}#action{bottom:139px;padding:10px 15px}.start-card .small{margin-top:14px}.start-card p{margin-bottom:12px}}
@media(max-height:620px){.start-card{padding-top:70px}.start-card h2{font-size:30px;margin:8px 0}.start-card button{padding:10px}.start-card .note{margin-bottom:0}.start-card .small{margin:12px 0}}

.start-card button.restart{padding:5px;background:transparent;color:#ddd;border:0;font-size:10px;margin:3px auto}.photomode>div,.photomode>button{visibility:hidden!important}