:root{color-scheme:light;--paper:#f8f3e6;--ink:#303a37;--red:#b93428;--line:#878b7c;--muted:#646c60;--gold:#9c722c;font-family:"Nunito",system-ui,sans-serif;color:var(--ink);background:#eae6d9}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-size:1rem}button,select,textarea,input{font:inherit;color:inherit}button,select{min-height:44px;border:1.5px solid var(--ink);border-radius:8px;background:#fffaf0;padding:8px 13px;cursor:pointer;max-width:100%;white-space:normal;overflow-wrap:anywhere}button{min-width:44px;font-weight:800;transition:transform .12s,background .12s}button:hover{background:#eee4ce;transform:translateY(-1px)}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:2px}button:disabled{cursor:default;opacity:.55;transform:none}button.primary{background:var(--red);border-color:#922b22;color:white}button.quiet{background:transparent}button.selected{border:3px solid var(--red)}[hidden]{display:none!important}#app{position:relative;width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#world{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:max(9px,env(safe-area-inset-top));left:max(9px,env(safe-area-inset-left));right:max(9px,env(safe-area-inset-right));display:flex;align-items:flex-start;gap:8px;pointer-events:none}.time-chip{display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 80px);padding:8px 12px;background:#fffaf0ed;border:1px solid #525c4b77;border-radius:8px;min-width:0}.time-chip #clock{font-variant-numeric:tabular-nums;font-weight:900}.time-chip #gate{font-size:.82em;overflow-wrap:anywhere}#pause{pointer-events:auto;margin-left:auto;min-width:52px;position:relative;font-size:1.2em}#save-dot{display:inline-flex;width:1.1em;height:1.1em;justify-content:center;align-items:center;background:#b56e21;color:white;border-radius:50%;font-size:.7em}#cue{position:absolute;left:0;top:100%;max-width:min(460px,75vw);margin:8px 0 0;padding:5px 9px;border-radius:6px;background:#fffaf0d9;font-size:.88em}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#a42f25;text-shadow:0 0 3px white;pointer-events:none;font:20px system-ui}body.stopped #crosshair{visibility:hidden}#controls{position:absolute;inset:auto max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));height:115px;display:flex;align-items:flex-end;gap:10px;pointer-events:none}#stick{position:relative;flex:none;width:110px;height:110px;background:#fffaf04d;border:2px solid #39483b88;border-radius:50%;pointer-events:auto;touch-action:none}#stick i{position:absolute;left:calc(50% - 18px);top:calc(50% - 18px);width:36px;height:36px;border-radius:50%;background:#b93428ad;pointer-events:none}#controls button{pointer-events:auto;touch-action:none;min-height:60px;width:110px;background:#fffaf0df}#jump{margin-left:auto}#sheet{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(780px,calc(100% - 24px));max-height:calc(100% - 24px);padding:20px 24px;background:var(--paper);border:2px solid #414a3d;border-radius:14px;box-shadow:0 10px 60px #17281c55;overflow:auto;overscroll-behavior:contain}#sheet h1{font-family:Georgia,serif;font-size:clamp(1.35em,3.8vw,2em);margin:0 0 12px;font-weight:800;letter-spacing:-.025em;line-height:1.12;overflow-wrap:anywhere}#sheet-body{min-width:0}#sheet-body p{line-height:1.5;margin:9px 0;overflow-wrap:anywhere}#sheet-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:stretch}#sheet-actions button{flex:1 1 140px}.cover{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:8px;border:1px solid #8a8b7866;margin:4px 0 14px}.stats{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}.route,.collectible{padding:13px;border:1px solid #8e927b;border-radius:9px;background:#fffaf0b8;min-width:0}.route h2,.collectible h2{font-family:Georgia,serif;font-size:1.1em;margin:0 0 7px;overflow-wrap:anywhere}.route p{font-size:.9em}.route button{width:100%;margin-top:7px}.postcard{display:block;width:100%;height:150px;object-fit:contain}.swatch{height:24px;width:44px;border-radius:5px;display:block;border:1px solid #3336;margin:6px 0}.setting{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #7c806744}.setting span{flex:1 1 140px;overflow-wrap:anywhere}.setting select{max-width:100%}.warning{border:1px solid #af762a;border-radius:7px;padding:10px;background:#f4e5c7;color:#63471f}.muted{color:var(--muted);font-size:.9em}.badge{color:var(--red);font-weight:900}.progress-text{font-variant-numeric:tabular-nums}.import-area{display:block;width:100%;min-height:140px;resize:vertical;border:1.5px solid var(--ink);padding:10px;border-radius:7px;overflow-wrap:anywhere}.ending-art{width:min(230px,100%);height:190px;object-fit:contain;display:block;margin:auto}@media(max-width:440px){#sheet{padding:16px}#sheet-actions button{flex-basis:110px}#controls{left:8px;right:8px;gap:5px}#stick{width:94px;height:94px}#controls button{width:88px;padding:6px;font-size:.92em}#cue{max-width:calc(100vw - 28px)}.cover{aspect-ratio:16/9}.stats{gap:6px 12px}.postcard{height:135px}}@media(max-height:500px){#sheet{padding:13px 18px}.cover{width:220px;max-width:42%;float:right;margin:0 0 10px 15px;aspect-ratio:16/10}#sheet-actions{clear:both}#cue{display:none}#controls{height:95px}#stick{width:94px;height:94px}.postcard{height:115px}#sheet h1{font-size:1.35em}}@media(prefers-reduced-motion:reduce){button{transition:none}button:hover,button:active{transform:none}}

.less-motion button{transition:none}.less-motion button:hover,.less-motion button:active{transform:none}