:root{color:#283f48;font-synthesis:none;background:#f3eee2;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box}body{background-image:radial-gradient(#b6a98925 .65px,#0000 .65px);background-size:6px 6px;min-width:280px;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:#fffdf5;border:1px solid #c7c8bb;border-radius:7px;min-height:44px;padding:10px 16px;font-weight:700;transition:background .12s,transform .12s}button:hover:enabled{background:#e9efea}button:active:enabled{transform:translateY(1px)}button:disabled{cursor:default;opacity:.42}button:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #cc8546}[hidden]{display:none!important}.book{width:calc(100% - 48px);max-width:1100px;margin:18px auto 0}.heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.eyebrow{letter-spacing:.16em;color:#667e80;margin:0 0 9px;font:600 10px/1.5 ui-monospace,monospace}h1,h2{letter-spacing:.07em;font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif}h1{margin:0;font-size:clamp(25px,4vw,35px);font-weight:700}.tagline{color:#72807a;letter-spacing:.12em;margin:8px 0 0;font-size:12px}.utilities{gap:8px;display:flex}.utilities button{background:0 0;font-size:12px}.game{background:#fffdf5;border:1px solid #cbd1c6;border-radius:10px;overflow:hidden;box-shadow:0 5px #e4dfd2,0 6px #cbd1c6}.ledger{border-bottom:1px solid #d5dcd2;align-items:center;gap:28px;padding:16px 25px;display:flex}.chapter{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.chapter>span{font-size:11px}.chapter strong{font:30px/1 Georgia,serif}.chapter small{color:#758884;font-size:17px}.route{flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.route li{background:#e3e8df;border-radius:3px;width:31px;height:7px}.route li.passed{background:#87aaa4}.route li.kept{background:#b65344}.saved{color:#9d4b3f;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.saved b{margin-left:5px}.ribbon-icon{clip-path:polygon(0 0,100% 0,100% 100%,50% 77%,0 100%);background:currentColor;flex:none;width:13px;height:23px;display:inline-block}.stage{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#eaf0e9;flex-direction:column;height:clamp(400px,100dvh - 275px,640px);display:flex;position:relative;overflow:hidden}.playfield{flex:1;min-height:220px;position:relative}canvas{touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}canvas:focus-visible{outline-offset:-4px}.stage[data-phase=playing] .playfield{cursor:pointer}.stage-topline{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;inset:14px 25px auto}.stage-note{color:#667f81;letter-spacing:.04em;flex-direction:column;gap:2px;font:12px/1.6 Yu Mincho,serif;display:flex}.scene-rewind{color:#9d4b3f;pointer-events:auto;background:#fffdf5ed;border-color:#c6cdc0;flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.scene-rewind>span:first-child{font:24px/1 Georgia,serif}.scene-rewind kbd{opacity:.65;font:10px/1 ui-monospace,monospace}.overlay{z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#eaf0e9c9;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay-paper{text-align:center;background:#fffdf5f5;border:1px solid #c5cdc3;border-radius:4px;max-width:95%;padding:14px 28px;box-shadow:4px 5px #c8d1c666}.overlay-paper h2{margin:5px 0 8px;font-size:24px}.overlay-paper p:not(.eyebrow){font-size:12px;line-height:1.8}.overlay-paper .eyebrow{color:#ac5343;margin-bottom:5px}.overlay-paper .result-summary{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:9px;margin:4px 0;display:flex}.result-summary strong{color:#a44f40;font:36px/1.2 Georgia,serif}.result-summary span{white-space:nowrap}.result-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.result-actions button{font-size:12px}.instruments{font-variant-numeric:tabular-nums;background:#f7f7ec;border-top:1px solid #d5dcd2;flex-shrink:0;grid-template-columns:minmax(0,1.7fr) 1fr 1fr;align-items:center;gap:22px;padding:10px 25px;display:grid}.distance-meter>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.distance-meter strong{letter-spacing:-.07em;text-align:right;color:#597875;min-width:5ch;font:34px/1.1 ui-monospace,monospace}.distance-meter span,.record>span{color:#647879;font-size:10px}.distance-meter>span{margin-top:4px;display:block}.distance-meter[data-state=locked] strong{color:#ac4c3c}.distance-meter[data-state=locked]{border-color:#ac4c3c}.record{border-left:1px solid #d9dfd3;padding-left:22px}.record>span{margin-bottom:3px;display:block}.record small{font-size:9px}.record strong{letter-spacing:-.06em;font:26px/1.2 ui-monospace,monospace}.notice{background:#fffdf5;border-top:1px solid #d5dcd2;flex-shrink:0;align-items:center;gap:15px;min-height:68px;padding:10px 26px;display:flex}#notice-symbol{color:#a75a45;text-align:center;flex:0 0 28px;font:27px/1 Georgia,serif}.notice strong{font-size:14px}.notice p{color:#64767a;margin:5px 0 0;font-size:12px;line-height:1.6}button.primary{color:#fffdf5;background:#2b525a;border-color:#2b525a}button.primary:hover:enabled{background:#3c6970}footer{color:#7b8a82;letter-spacing:.1em;justify-content:space-between;padding:12px 0;font-size:10px;display:flex}dialog{color:#283f48;background:#fffdf5;border:1px solid #bfc9be;border-radius:8px;width:min(540px,100% - 32px);max-height:calc(100dvh - 48px);padding:28px}dialog::backdrop{background:#233e4b99}dialog h2{margin:0 0 20px;font-size:24px}dialog p,dialog li{font-size:13px;line-height:1.9}dialog ol{padding-left:22px}dialog li{margin:12px 0;padding-left:4px}.key-help{color:#667c7d}dialog>button{width:100%;margin-top:8px}@media (max-width:600px){.book{width:calc(100% - 24px);margin-top:17px}.heading{margin-bottom:17px}.utilities{gap:5px}.utilities button{padding:8px;font-size:10px}.eyebrow{font-size:9px}h1{font-size:24px}.tagline{letter-spacing:.04em;font-size:10px}.ledger{flex-wrap:wrap;gap:13px;padding:13px 14px}.chapter strong{font-size:25px}.route{gap:5px}.route li{flex:1;min-width:10px;max-width:25px}.saved{font-size:11px}.saved .ribbon-icon{width:10px;height:19px}.saved b{margin-left:3px}.stage{height:clamp(430px,100dvh - 270px,680px)}.stage-topline{gap:8px;inset:12px 14px auto}.stage-note{gap:2px;padding-top:4px;font-size:10px}.scene-rewind{gap:6px;padding:8px;font-size:11px}.scene-rewind kbd{display:none}.instruments{grid-template-columns:minmax(0,1.8fr) 1fr 1fr;gap:10px;padding:10px 14px}.distance-meter>div{display:block}.distance-meter strong{text-align:left;min-width:0;font-size:30px;display:block}.distance-meter span,.record>span{font-size:9px}.distance-meter>span{letter-spacing:-.06em;white-space:nowrap;margin-top:3px;font-size:9px}.record{padding-left:10px}.record strong{font-size:20px}.record small{font-size:8px}.notice{gap:8px;min-height:82px;padding:10px 14px}.notice strong{font-size:13px}.notice p{font-size:11px}.overlay-paper{padding:14px 12px}.overlay-paper h2{font-size:20px}.result-summary strong{font-size:30px}.result-actions{flex-direction:column;margin-top:12px}.result-actions button{min-height:44px;padding:8px}footer{padding:16px 0;font-size:8px}}@media (max-width:355px){.heading{align-items:flex-start}.utilities{flex-direction:column}.utilities button{min-height:44px}.saved{flex:1 0 100%;justify-content:flex-end;margin-top:-4px}.stage{height:clamp(430px,100dvh - 290px,640px)}.instruments{gap:8px;padding-inline:12px}.record{padding-left:8px}.record strong{font-size:17px}}@media (prefers-reduced-motion:reduce){button{transition:none}.overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}