:root{color:#163b42;font-synthesis:none;--paper:#fffaf0;--ink:#163b42;--teal:#17646d;--orange:#e28162;--line:#173e4233;background:#dce9e4;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html,body{line-break:strict;width:100%;height:100%;margin:0;overflow:hidden}body{height:100dvh}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b54120}[hidden]{display:none!important}button:active:not(:disabled){transform:translateY(1px)}#game{touch-action:none;outline:none;position:absolute;inset:0}#world{width:100%;height:100%;display:block}#labels{pointer-events:none;position:absolute;inset:0}#labels .target-label{background:var(--paper);white-space:nowrap;border:2px solid #163b4255;border-radius:9px;padding:7px 11px;font:800 20px/1.2 ui-monospace,monospace;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px #163b4233}.target-label small{color:#52676d;margin-top:3px;font:500 10px/1.5 system-ui;display:block}.target-label.locked{border-color:#b54120}.typed{color:#77918e}.hud{left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));z-index:4;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute}.hud>*{pointer-events:auto}.brand{letter-spacing:-.04em;color:var(--ink);text-shadow:0 1px #fff;font:900 18px/.95 system-ui}.brand b{font-size:27px;display:block}.place{text-shadow:0 1px 1px #fff;flex-direction:column;gap:4px;max-width:220px;margin-left:8px;font-size:10px;display:flex}.place b{font-size:12px}.place span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-button{background:var(--paper);width:48px;min-width:48px;height:48px;color:var(--ink);border:1px solid var(--line);border-radius:50%;flex:none;font-size:21px;box-shadow:0 3px #163b4220}.hud #mute{margin-left:auto}.round-hud{color:var(--ink);text-shadow:0 2px 0 var(--paper),0 -1px 0 var(--paper),1px 0 0 var(--paper),-1px 0 0 var(--paper);align-items:center;gap:20px;margin-left:auto;display:flex}.hud .round-hud:not([hidden])~#mute{margin-left:8px}.timer{white-space:nowrap}.timer strong{font-variant-numeric:tabular-nums;font:850 34px/1 system-ui}.timer small{margin-left:3px;font-size:11px}.score-display{text-align:right}.score-display>span{font-variant-numeric:tabular-nums;font:800 26px/1 system-ui}.score-display small{margin-top:5px;font-size:9px;display:block}body[data-phase=attract] .hud{pointer-events:none}body[data-phase=attract] .hud .brand,body[data-phase=attract] .hud .place{display:none}.welcome{left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));top:max(70px,env(safe-area-inset-top));bottom:max(30px,env(safe-area-inset-bottom));pointer-events:none;z-index:3;flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.welcome>*{pointer-events:auto}.title-logo{letter-spacing:-.065em;color:var(--ink);text-shadow:0 3px 0 var(--paper),0 -2px 0 var(--paper),2px 0 0 var(--paper),-2px 0 0 var(--paper);isolation:isolate;margin:0;font:1000 clamp(48px,6.5vw,88px)/.83 system-ui;transform:rotate(-4deg)}.title-logo>span{margin-top:5px;font-size:1.3em;display:block;position:relative}.title-logo i{color:#b84c36;font-size:.32em;font-style:normal;position:absolute;top:-.15em;right:-.55em}.title-actions{gap:13px;width:320px;max-width:100%;display:grid}.primary{background:var(--teal);color:#fff;border:2px solid #fff8;border-radius:16px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:56px;padding:14px 24px;font-size:17px;font-weight:800;display:flex;box-shadow:0 5px #0b4046,0 9px 24px #0b40462b}.play-button{letter-spacing:.06em;min-height:64px;font-size:22px}.play-button>span{font-size:16px}.title-choices{background:#fffaf0eb;border-radius:14px;overflow:hidden;box-shadow:0 3px 14px #193e3c15}.choice-row{text-align:left;width:100%;min-height:48px;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:8px 15px;display:flex}.choice-row+.choice-row{border-top:1px solid var(--line)}.choice-row>small{color:#5c7375;width:40px;font-size:11px}.choice-row>b{flex:1;font-size:13px;font-weight:650}.choice-row>span{text-underline-offset:3px;color:var(--teal);font-size:11px;text-decoration:underline}.title-links{justify-content:center;gap:24px;display:flex}.text-button{color:var(--ink);text-underline-offset:4px;background:0 0;min-height:48px;padding:8px 12px;font-size:13px;text-decoration:underline}.title-links .text-button{background:#fffaf0d9;border-radius:30px;padding:8px 22px;text-decoration:none;box-shadow:0 2px 10px #163b4210}.veil{z-index:12;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overscroll-behavior:contain;background:#173e4233;place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.sheet{background:#173e4226}.sheet-card,.menu-card,.credits-card,.result-card,.loading-card{background:var(--paper);overscroll-behavior:contain;border:1px solid #fff;border-radius:24px;width:min(440px,100%);max-height:100%;padding:28px;position:relative;overflow:auto;box-shadow:0 12px 48px #163b4233}.sheet-card h2,.menu-card h2,.credits-card h2,.result-card h2{letter-spacing:.02em;margin:7px 46px 22px 0;font-size:23px}.sheet-card p,.menu-card p,.credits-card p{font-size:13px;line-height:1.8}.close{min-width:48px;min-height:48px;color:var(--ink);background:0 0;border-radius:50%;font-size:29px;position:absolute;top:10px;right:10px}.secondary{color:var(--ink);border:1px solid var(--line);background:#edf0e7;border-radius:12px;min-height:48px;padding:11px 16px;font-size:13px;font-weight:600}.sheet-card>.secondary,.menu-card>.secondary{width:100%;margin-top:12px}.menu-card>.primary{margin-top:24px}.menu-card>.secondary{display:block}.menu-card p{color:#5b7373}.menu-links{justify-content:center;gap:8px;margin-top:14px;display:flex}.fine{color:#526e72;line-height:1.8;font-size:11px!important}.choice-list{gap:9px;display:grid}.choice-list>button{min-height:76px;color:var(--ink);text-align:left;background:#eff0e7;border:2px solid #0000;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px;display:flex}.choice-list>button[aria-pressed=true]{border-color:var(--teal);background:#dceae3}.choice-list>button>span{flex:1;min-width:0}.choice-list b{font-size:15px;font-weight:750;display:block}.choice-list small{margin-top:5px;font-size:11px;line-height:1.7;display:block}.choice-check{visibility:hidden;color:var(--teal);font-size:20px;font-style:normal}[aria-pressed=true]>.choice-check{visibility:visible}.street-preview{fill:#a5b7af;background:#dfe5da;border-radius:9px;flex:none;width:56px;height:56px;overflow:hidden}.street-preview .preview-landmark{fill:var(--teal)}.streets-list{gap:6px}.streets-list>button{gap:12px;min-height:76px;padding:8px 12px}.streets-list b{font-size:14px}.streets-list small{font-size:10px}.streets-list+p{margin-bottom:0}.controls-list{margin:22px 0}.controls-list>div{border-bottom:1px solid var(--line);grid-template-columns:105px 1fr;gap:10px;padding:12px 0;font-size:12px;line-height:1.7;display:grid}.controls-list dt{font-weight:700}.controls-list dd{margin:0}.help-lead{font-weight:700;font-size:16px!important}.setting{align-items:center;gap:14px;min-height:48px;margin:18px 0 0;font-size:13px;display:flex}.setting input{min-width:0;min-height:48px;accent-color:var(--teal);flex:1}.setting output{text-align:right;min-width:42px;font-size:12px}.setting select{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#edf0e7;border-radius:8px;margin-left:auto;padding:8px 12px}.check{cursor:pointer;align-items:center;gap:12px;min-height:48px;font-size:13px;display:flex}.check input{accent-color:var(--teal);width:22px;height:22px;margin:0}.check+.fine{margin:0 0 12px 34px}.setting+.fine{margin:4px 0 16px}details{border-top:1px solid var(--line);margin-top:18px}summary{cursor:pointer;align-items:center;gap:12px;min-height:48px;font-size:12px;font-weight:650;display:flex}summary:before{content:"＋";font-size:18px}details[open]>summary:before{content:"−"}summary::-webkit-details-marker{display:none}details>.setting{margin-top:0}.diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.7 ui-monospace,monospace}.credits-card{width:min(650px,100%)}.credits-card p{line-height:1.9}.source-links{flex-wrap:wrap;gap:12px;display:flex}.source-links a{min-height:48px;color:var(--teal);align-items:center;font-size:12px;display:inline-flex}.credits-card>.secondary{width:100%;margin-top:22px}.result-card{text-align:center;width:min(390px,100%)}.result-card h2{margin:4px 0 12px;font-size:22px}.result-card>p{color:#526e72;font-size:12px}.result-points{color:var(--teal);flex-direction:column;gap:5px;margin:22px 0;display:flex}.result-points strong{font-variant-numeric:tabular-nums;font:850 54px/1 system-ui}.result-points span{font-size:11px}.result-stats{justify-content:space-around;margin:22px 0 28px;display:flex}.result-stats>div{flex-direction:column;gap:7px;display:flex}.result-stats b{font:750 25px/1 system-ui}.result-stats span{color:#526e72;font-size:11px}.result-links{gap:10px;margin-top:15px;display:flex}.result-links>.secondary{flex:1}.result-card #result-countdown{margin-bottom:0;font-size:10px!important}.loading-card{text-align:center;width:min(420px,100%)}.loading-card h2{margin:18px 0;font-size:24px}.loading-card p{font-size:13px;line-height:1.8}.paw-mark{color:var(--teal);font-size:34px}.loading-line{background:#d9e5dc;border-radius:4px;height:3px;margin:24px 0;overflow:hidden}.loading-line:after{content:"";background:var(--teal);width:30%;height:100%;animation:1.3s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(450%)}}#loading.failed .loading-line{display:none}#loading.failed .paw-mark{color:#b84c36}#loading.failed .primary{margin-top:24px}#load-help{text-align:left}#load-help p{font-size:12px}#offline-badge{margin-top:14px;display:block}.typing{right:24px;bottom:max(80px,calc(env(safe-area-inset-bottom) + 70px));z-index:3;pointer-events:none;background:#fffaf0ed;border:1px solid #ffffffc0;border-radius:15px;width:345px;max-width:calc(100% - 32px);padding:15px 18px;position:absolute;box-shadow:0 5px 20px #163b421c}.typing-top{color:#49696c;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.typing-top #combo,.typing-top b{color:var(--teal);white-space:nowrap;font-weight:700}.target-status{color:#526e72;justify-content:space-between;gap:9px;margin-top:8px;font-size:10px;display:flex}.target-status span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.target-status b{color:#b84c36;white-space:nowrap;letter-spacing:2px}.word{min-height:42px;margin:10px 0 13px;font:850 38px/1.1 ui-monospace,monospace}.word .cursor{color:var(--ink)}.typing-bottom{color:#526e72;font-size:10px}.charge{align-items:center;gap:9px;margin-top:9px;font-size:10px;display:flex}.charge>div{background:#d4dfd5;border-radius:4px;width:130px;height:5px;overflow:hidden}.charge i{background:var(--teal);height:100%;display:block}.charge b{font-size:10px}.typing.miss{animation:.18s miss}@keyframes miss{33%{transform:translate(-4px)}66%{transform:translate(4px)}}.arcade{right:24px;bottom:max(84px,calc(env(safe-area-inset-bottom) + 74px));z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:#fffaf0ed;border-radius:15px;width:320px;max-width:calc(100% - 32px);padding:15px 18px;position:absolute}.arcade #arcade-title{color:var(--teal);min-height:30px;margin:8px 0;font:800 24px/1.3 system-ui}.arcade p{color:#526e72;min-height:16px;margin:8px 0 0;font-size:11px}body[data-mode=crush] .arcade{pointer-events:none;filter:drop-shadow(0 2px #fffaf0);background:0 0;width:auto;padding:0;bottom:96px}body[data-mode=crush] .arcade .typing-top,body[data-mode=crush] #arcade-feedback{display:none}body[data-mode=crush] #arcade-title{margin:0;font-size:26px}#beat-lane{pointer-events:none;background:#e0e8dd;border:1px solid #a6bcb7;border-radius:8px;height:62px;position:relative;overflow:hidden}.beat-center{border-left:4px solid var(--teal);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.beat-dot{background:var(--teal);border:2px solid var(--paper);border-radius:50%;width:22px;height:22px;position:absolute;top:17px;transform:translate(-50%)}.beat-dot.accent{background:#b84c36;width:26px;height:26px;top:15px}#beat-lane.on-beat{box-shadow:inset 0 0 0 2px var(--teal);background:#c1dfd5}#beat-number{color:#315a5c;font:10px ui-monospace,monospace;position:absolute;bottom:3px;right:6px}.arcade[data-judgment=MISS] #arcade-title,.arcade[data-judgment=EXTRA] #arcade-title{color:#967044}.first-play{z-index:5;pointer-events:none;text-align:center;background:#fffaf0ee;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 32px);padding:13px 19px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #163b4215}.first-play strong{font-size:14px}.first-play span{color:#526e72;font-size:11px}body[data-mode=typing] .first-play,body[data-mode=rhythm] .first-play{top:100px;bottom:auto}.objective{z-index:2;pointer-events:none;background:#fffaf0d9;border-radius:10px;flex-direction:column;gap:4px;max-width:245px;padding:9px 12px;display:flex;position:absolute;top:88px;left:24px}.objective small{color:#526e72;font-size:9px}.objective b{font-size:11px}.objective>span{color:#b84c36;letter-spacing:3px;font-size:11px}.objective.done{opacity:.7}.objective.done>span{color:var(--teal);letter-spacing:1px}#reticle{pointer-events:none;width:28px;height:28px;box-shadow:0 0 0 1px var(--paper);z-index:1;border:2px solid #e28162;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle:before,#reticle:after{content:"";background:#e28162;position:absolute}#reticle:before{width:36px;height:1px;top:11px;left:-6px}#reticle:after{width:1px;height:36px;top:-6px;left:11px}#reticle.blocked{border-style:dashed;border-color:#6f8584}#reticle.locked{background:#e2816229}#foot{left:max(24px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:4;pointer-events:none;gap:10px;display:flex;position:absolute}#foot>*{pointer-events:auto;background:#fffaf0e8;font-size:12px}.landmark-guide{z-index:5;border:1px solid var(--line);background:#fffaf0ed;border-radius:13px;width:245px;padding:12px;position:absolute;bottom:83px;left:24px}.landmark-guide label{margin-bottom:6px;font-size:10px;display:block}.landmark-guide select{width:100%;min-height:48px;color:inherit;border:1px solid var(--line);background:#edf0e7;border-radius:7px;padding:7px;font-size:12px;font-weight:600}.guide-reading{align-items:center;gap:13px;margin-top:8px;display:flex}.guide-reading>span{text-align:center;width:28px;font:700 27px system-ui;display:block}.guide-reading strong{font:700 14px system-ui;display:block}.guide-reading small{margin-top:3px;font:10px/1.6 system-ui;display:block}#travel-state,#edge-note{z-index:2;pointer-events:none;color:var(--ink);text-align:center;text-shadow:0 1px #fff;border-radius:20px;max-width:65vw;font-size:10px;line-height:1.5;position:absolute;top:85px;left:50%;transform:translate(-50%)}#edge-note{top:110px}body:not([data-phase=playing]):not([data-phase=tutorial]) #travel-state,body:not([data-phase=playing]):not([data-phase=tutorial]) #edge-note{display:none}#toast{z-index:7;pointer-events:none;text-align:center;color:#fff;background:var(--teal);opacity:0;border-radius:12px;max-width:min(90vw,460px);padding:10px 16px;font-size:12px;line-height:1.6;transition:opacity .16s;position:absolute;top:116px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (max-width:900px){.place{display:none}.welcome{inset:52px 28px 24px}.title-logo{font-size:66px}.title-actions{width:300px}.hud{left:18px;right:18px}.typing,.arcade{right:18px}}@media (max-aspect-ratio:5/6){.welcome{top:max(44px,env(safe-area-inset-top));left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom));align-items:center}.title-logo{align-self:flex-start;font-size:clamp(44px,12vw,64px)}.title-actions{gap:12px;width:min(320px,100%)}.title-links{gap:22px}.play-button{min-height:60px}.hud{left:14px;right:14px;top:max(14px,env(safe-area-inset-top));gap:8px}.hud .brand{display:none}.round-hud{flex:1;gap:16px;margin-left:0}.score-display{margin-left:auto}.hud .round-hud:not([hidden])~#mute{margin-left:0}.timer strong{font-size:30px}.score-display>span{font-size:23px}.icon-button{width:48px;min-width:48px;height:48px}.typing,.arcade{width:auto;max-width:none;bottom:82px;left:16px;right:16px}.word{font-size:34px}.typing-top{font-size:10px}.first-play{bottom:148px}.first-play strong{font-size:13px}body[data-mode=typing] .first-play,body[data-mode=rhythm] .first-play{top:104px}body[data-mode=crush] .arcade{bottom:87px;left:auto;right:20px}.objective{display:none}#foot{left:16px;bottom:max(18px,env(safe-area-inset-bottom));gap:8px}.landmark-guide{width:min(255px,100% - 32px);bottom:82px;left:16px}#travel-state{max-width:85vw;font-size:10px;top:78px}#toast{top:109px}.veil{padding:16px}.sheet{place-items:end center}.sheet-card,.menu-card,.credits-card{border-radius:22px;max-height:calc(100dvh - 32px);padding:24px}.sheet-card h2,.menu-card h2{font-size:22px}.result-card{padding:26px}.choice-list>button{min-height:76px;padding:12px}.streets-list>button{min-height:73px;padding:7px 10px}.street-preview{width:52px;height:52px}}@media (max-height:560px) and (min-aspect-ratio:5/6){.welcome{inset:max(24px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));flex-direction:row;align-items:flex-end}.title-logo{align-self:flex-start;font-size:clamp(38px,7vw,58px)}.title-actions{gap:10px;width:270px}.play-button{min-height:56px;font-size:20px}.title-links .text-button{min-height:48px;padding:8px 18px}.hud{top:max(10px,env(safe-area-inset-top));left:16px;right:16px}.brand{font-size:15px}.brand b{font-size:22px}.timer strong{font-size:28px}.score-display>span{font-size:23px}.round-hud{gap:15px}.typing,.arcade{width:300px;padding:12px 15px;bottom:20px;right:16px}.typing-top{font-size:10px}.word{min-height:32px;margin:6px 0 9px;font-size:29px}.objective{max-width:190px;top:72px;left:16px}.objective small{font-size:8px}.objective b,.objective>span{font-size:10px}.first-play{max-width:320px;bottom:80px;left:50%}body[data-mode=typing] .first-play,body[data-mode=rhythm] .first-play{max-width:300px;font-size:12px;top:78px;left:50%}#foot{bottom:16px;left:16px}.landmark-guide{width:225px;padding:9px;bottom:76px;left:16px}.landmark-guide label{display:none}.veil{padding:14px}.sheet-card,.menu-card,.credits-card,.result-card{border-radius:18px;padding:20px 24px}.sheet-card h2,.menu-card h2,.result-card h2{margin-top:2px;font-size:21px}.result-points{margin:12px 0}.result-points strong{font-size:40px}.result-stats{margin:14px 0 18px}.result-card .primary{min-height:48px}.result-card>p{margin:8px 0}.result-links{margin-top:10px}.result-card{max-width:370px}.controls-list{margin:14px 0}#toast{top:90px}.first-play strong{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}