:root{font-family:DM Sans,sans-serif;color:#262638;background:#ede9bc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #df5273;outline-offset:5px}button{border:0}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%}.print-grain{position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:3}.masthead{position:absolute;top:0;left:0;width:100%;height:100px;padding:0 4%;display:flex;align-items:center;gap:30px;z-index:6;border-bottom:1px solid #33334422;background:linear-gradient(#f8f2dccc,transparent)}.brand{text-decoration:none;color:inherit;font:900 31px Barlow Condensed,sans-serif;letter-spacing:2px;display:flex;align-items:center;gap:11px}.brand-diamond{color:#da5578;font-size:35px;text-shadow:2px 2px #292b3c}.brand-sub{font:600 9px DM Sans,sans-serif;letter-spacing:2px;width:60px;line-height:1.7;margin-left:8px;border-left:1px solid #292b3c55;padding-left:18px}.edition{margin-left:auto;font-size:10px;letter-spacing:2px;font-weight:700;text-align:right;line-height:1.8}.edition span{display:block;font-size:8px;letter-spacing:1.5px;font-weight:400}.square-button{width:38px;height:36px;border:1px solid #292b3c;background:transparent;font-size:20px}.top-coordinates{position:absolute;top:125px;left:4%;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:1.5px}.live-dot{width:6px;height:6px;display:inline-block;background:#477962;border-radius:50%}.divider{margin:0 6px;opacity:.4}.compass{position:absolute;top:123px;left:60%;width:135px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.compass b{border-bottom:1px solid;padding-bottom:9px}.compass i{position:absolute;left:49%;top:28px;font-style:normal;color:#cf496f}.intro{--intro-top:clamp(150px,18vh,21%);position:absolute;left:7%;top:var(--intro-top);width:420px;max-height:calc(100dvh - var(--intro-top) - 80px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-right:8px;z-index:4}.intro::-webkit-scrollbar{display:none}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:700;display:flex;justify-content:space-between;max-width:290px;border-top:1px solid #343143;padding-top:12px}.japanese{font-weight:600;font-size:14px;letter-spacing:4px;margin:24px 0 12px;color:#514358}h1{position:relative;margin:0;font:900 clamp(46px,min(6.5vw,8.5vh),105px)/.91 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-1.5px}h1 em{font-style:normal;color:#db557b;-webkit-text-stroke:1.2px #342d43;text-shadow:3px 3px #f4eabe,5px 5px #342d43}.title-spark{font-size:64px;color:#9d87b5;-webkit-text-stroke:1px #342d43;position:absolute;right:8px;top:35px;transform:rotate(13deg)}.intro-copy{font-size:12px;line-height:1.85;margin:25px 0 23px;color:#494652}.start-button{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#292738;color:#fcf5d6;border:1px solid #292738;padding:17px 22px;min-width:275px;font-weight:600;font-size:11px;letter-spacing:1.7px;box-shadow:4px 4px #db5679;transition:transform .2s}.start-button:hover{transform:translateY(-3px)}.start-button>span:last-child{font-size:21px;line-height:12px}.controls-preview{display:flex;gap:22px;font-size:9px;margin-top:20px;color:#605967;align-items:center}.controls-preview>span{display:flex;align-items:center;gap:3px}kbd{font:8px DM Sans;border:1px solid #64586b77;padding:2px 3px;border-radius:2px}kbd:last-child{margin-right:5px}.mouse-icon{margin-right:4px;font-size:15px}.part-caption{display:flex;align-items:center;gap:14px;margin-top:33px;font-size:8px;letter-spacing:2px;font-weight:600}.part-caption span{color:#ca4e77}.scene-note{position:absolute;right:5%;top:22%;text-align:right;transform:rotate(-3deg)}.scene-note>span{font-size:8px;letter-spacing:1.5px;border-bottom:1px solid;padding-bottom:9px}.scene-note strong{display:block;font:600 26px/1.05 Barlow Condensed;text-transform:uppercase;margin-top:17px}.scene-note i{font-style:normal;color:#ce4a73;display:block}.scene-note>div{font-size:8px;letter-spacing:1.5px;margin-top:18px}.map-panel{position:absolute;right:4%;bottom:90px;width:254px;z-index:4;background:#f8f1dce8;border:1px solid #333245;box-shadow:4px 4px #33324525;padding:11px 12px 0;transform:rotate(1deg)}.map-title{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;font-weight:700;padding-bottom:9px}.map-panel canvas{display:block;width:100%;height:138px;border:1px solid #39344933}.map-footer{height:35px;display:flex;align-items:center;gap:7px;font-size:9px}.map-footer strong{font-weight:500;max-width:162px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.map-footer>span:last-child{margin-left:auto;font-size:8px;color:#827489}footer{position:absolute;bottom:0;left:0;width:100%;height:57px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #39314333;background:#f6eededd;z-index:6}footer>span{font-size:7px;letter-spacing:1.5px}footer b{margin:0 12px;color:#d9577c}footer>div{display:flex;gap:22px}footer button{font-size:15px;background:transparent;padding:8px 0;display:flex;align-items:center;gap:7px}footer button span{font-size:9px}.hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#fcf3dbdc;padding:10px 15px;border:1px solid #332d45;font-size:10px;white-space:nowrap;z-index:4}#crosshair{position:absolute;top:50%;left:50%;color:#fff9e0;font-size:19px;text-shadow:1px 1px #242335;pointer-events:none}.landmark-label{position:absolute;transform:translate(-50%,-100%);background:#f7efd9ed;color:#302739;padding:7px 11px;border:1px solid #302739;font:600 11px Barlow Condensed;letter-spacing:1px;pointer-events:none;white-space:nowrap;box-shadow:2px 2px #e66e91;transition:opacity .25s}.landmark-label:after{content:"◆";display:block;position:absolute;left:48%;bottom:-10px;color:#302739;font-size:10px}dialog{border:1px solid #2c2739;padding:35px;background:#f8f0da;color:#2c2739;width:min(480px,90vw);max-height:85dvh;box-shadow:8px 8px #d65478}dialog::backdrop{background:#25233688;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font:800 38px Barlow Condensed;margin:20px 0 12px}dialog p{font-size:12px;line-height:1.8}dialog .close{position:absolute;right:16px;top:12px;background:transparent;font-size:25px}.guide-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;border-block:1px solid #3333;padding:18px 0;margin:20px 0}.guide-controls b{font-weight:600}dialog h3{font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}#landmarkList{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:10px}#landmarkList .visited{color:#54866d}dialog .small{font-size:9px;color:#68616c;margin:22px 0}#error{position:absolute;z-index:20;inset:30% 10%;background:#f8eed9;padding:40px;border:2px solid #332839}.playing .intro,.playing .scene-note{display:none}.playing .masthead{height:75px}.playing .top-coordinates,.playing .compass{top:95px}#touchControls{position:absolute;inset:0;pointer-events:none;z-index:5}#joystick{position:absolute;left:30px;bottom:110px;width:108px;height:108px;border:1px solid #fff9e2aa;border-radius:50%;background:#2c293733;pointer-events:auto;touch-action:none}#stick{position:absolute;width:44px;height:44px;left:31px;top:31px;border-radius:50%;background:#fbebc9bb;border:1px solid #332a3a}#touchControls>span{position:absolute;bottom:75px;left:30px;font-size:8px}#run{position:absolute;bottom:125px;right:30px;width:57px;height:57px;border-radius:50%;border:1px solid #fff9e2aa;background:#2c293766;color:#fff4cf;font-size:10px;pointer-events:auto;touch-action:none}[hidden]{display:none!important}@media(min-height:850px){.intro{top:23%}}@media(max-height:760px)and (min-width:701px){.intro{--intro-top:clamp(150px,16vh,23%)}h1{font-size:min(72px,8vh)}.japanese{margin-top:15px}.intro-copy{margin:16px 0;font-size:11px}.part-caption{margin-top:23px}.controls-preview{margin-top:15px}.scene-note{top:24%}}@media(max-width:700px){.masthead{height:78px;padding:0 6%}.brand{font-size:25px}.brand-sub{font-size:7px}.edition{display:none}.square-button{margin-left:auto}.top-coordinates{left:6%;top:99px;font-size:7px}.compass{top:100px;left:auto;right:8%;width:90px}.intro{left:8%;top:20%;width:84%}h1{font-size:clamp(46px,min(15vw,8.5vh),89px);max-width:330px}.title-spark{font-size:49px;right:0}.eyebrow{font-size:7px;max-width:260px}.japanese{font-size:11px;margin:18px 0 12px}.intro-copy{font-size:11px;line-height:1.7;margin:18px 0}.start-button{padding:16px 19px;min-width:250px}.controls-preview{display:none}.part-caption{font-size:7px;margin-top:20px}.scene-note{display:none}.map-panel{width:150px;right:6%;bottom:75px;padding:7px 7px 0}.map-title{font-size:6px}.map-title>span:first-child{max-width:100px}.map-panel canvas{height:90px}.map-footer{height:29px;font-size:8px}.map-footer>span:last-child{display:none}body:not(.playing) .map-panel{display:none}footer{height:55px;padding:0 6%}footer>span{max-width:150px;font-size:6px;line-height:1.9}footer b{margin:0 3px}footer>div{gap:17px}footer button span{display:none}.hint{bottom:70px;font-size:8px;max-width:90%;white-space:normal}.playing .map-panel{top:145px;bottom:auto}.playing .hint{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}body:not(.playing):before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#f4ebc9f5,#f4ebc9e8 23%,#f4ebc995 37%,#f4ebc900 59%);pointer-events:none;z-index:1}body:not(.playing) .top-coordinates{z-index:4}body:not(.playing) .scene-note{z-index:4}@media(max-width:700px){body:not(.playing):before{background:linear-gradient(90deg,#f4ebc9ed,#f4ebc9bb 55%,#f4ebc930)}}#characters{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}.character-bubble{position:absolute;left:0;top:0;width:0;height:0;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.character-bubble.visible{opacity:1;visibility:visible}.character-speech{position:absolute;bottom:32px;left:0;transform:translate(-50%) scale(.85);transform-origin:50% 100%;transition:transform .2s;background:#fffefa;border:3px solid #211d28;border-radius:48% 43% 46% 39%/40% 48% 38% 46%;box-shadow:3px 4px #211d28;padding:20px 23px;width:max-content;max-width:min(300px,76vw);font:800 clamp(14px,1.4vw,19px)/1.65 "Noto Sans JP",sans-serif;color:#211d28;text-align:center;overflow-wrap:anywhere}.character-speech:after{content:"";position:absolute;bottom:-13px;left:48%;width:15px;height:20px;background:#fffefa;border-right:3px solid #211d28;border-bottom:3px solid #211d28;transform:skew(-23deg) rotate(35deg)}.visible .character-speech{transform:translate(-50%) scale(1)}.character-name{position:absolute;top:-12px;left:0;transform:translate(-50%);width:max-content;max-width:85vw;padding:3px 8px;background:#fff9e9ed;border:1px solid #211d28;box-shadow:2px 2px #211d28;font:600 10px/1.4 Noto Sans JP,sans-serif;text-align:center;color:#211d28}.character-name span{display:block}.character-name span:last-child{font:600 9px/1.5 DM Sans,sans-serif}.character-flourish{position:absolute;left:90px;bottom:108px;transform:rotate(14deg);font:800 17px Noto Sans JP,sans-serif;color:#815093;text-shadow:1px 1px #fffefa;clip-path:polygon(0 12%,30% 20%,48% 0,68% 13%,100% 0,93% 78%,63% 90%,28% 100%,7% 75%);background:#f0d795;padding:5px 9px}.character-count{border-top:1px solid #39344933;padding:7px 0;font:600 10px DM Sans,sans-serif;letter-spacing:.5px;color:#65426f}.character-count:before{content:"●";margin-right:7px;color:#884a95}@media(max-width:700px){.character-count{font-size:9px}.character-speech{padding:15px 17px}.character-flourish{left:65px;bottom:100px;font-size:13px}}#world canvas{filter:saturate(1.08)}#world:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(circle,#33263e .55px,transparent .85px);background-size:5px 5px}.loading-progress{font-size:8px;letter-spacing:.5px;margin-left:8px}#start:disabled{cursor:wait}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body{width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{position:fixed;inset:0}#world{height:100dvh}#world canvas{touch-action:none}.masthead{padding-top:var(--safe-top);padding-left:max(4%,var(--safe-left));padding-right:max(4%,var(--safe-right));height:calc(100px + var(--safe-top))}footer{height:calc(57px + var(--safe-bottom));padding-bottom:var(--safe-bottom);padding-left:max(4%,var(--safe-left));padding-right:max(4%,var(--safe-right))}#characters{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.character-speech:after{left:var(--tail-x,48%)}.mobile .character-flourish{display:none}#nowPlaying,#rotateHint{position:fixed;z-index:7;left:50%;transform:translate(-50%);max-width:calc(100% - 32px - var(--safe-left) - var(--safe-right));padding:9px 12px;background:#fff5dfed;border:1px solid #53445d;font-size:11px;text-align:center;pointer-events:none}#nowPlaying{bottom:calc(65px + var(--safe-bottom));overflow-wrap:anywhere}#rotateHint{top:calc(68px + var(--safe-top));font-size:10px}#musicList a{display:inline-flex;align-items:center;min-height:48px}dialog{overscroll-behavior:contain;touch-action:pan-y}dialog .close{min-width:48px;min-height:48px}.mobile .print-grain,.mobile #world:after{display:none}.mobile .masthead,.mobile.playing .masthead{height:calc(60px + var(--safe-top));padding-inline:max(16px,var(--safe-left)) max(16px,var(--safe-right));gap:12px}.mobile .brand{font-size:25px;gap:8px}.mobile .brand-sub{font-size:7px;padding-left:10px;margin-left:0}.mobile .edition{display:none}.mobile .square-button{margin-left:auto;min-width:48px;min-height:48px}.mobile .top-coordinates,.mobile.playing .top-coordinates{top:calc(72px + var(--safe-top));left:max(16px,var(--safe-left));font-size:8px;letter-spacing:.5px}.mobile .compass,.mobile.playing .compass{top:calc(98px + var(--safe-top));left:max(16px,var(--safe-left));right:auto;width:75px}.mobile:not(.playing) .compass{display:none}.mobile .intro{top:calc(112px + var(--safe-top));left:max(24px,var(--safe-left));width:calc(100% - 48px - var(--safe-left) - var(--safe-right));max-height:none;overflow:visible;padding:0}.mobile h1{font-size:clamp(46px,min(16vw,9dvh),78px);max-width:330px}.mobile .title-spark{font-size:42px;right:4px}.mobile .japanese{font-size:11px;margin:16px 0 12px}.mobile .intro-copy{font-size:12px;line-height:1.6;margin:18px 0}.mobile .eyebrow{font-size:7px;padding-top:9px}.mobile .start-button{height:52px;min-height:52px;min-width:0;width:min(100%,300px);padding:12px 18px;gap:12px}.mobile .controls-preview{display:flex;font-size:11px;margin-top:16px}.mobile .part-caption{margin-top:20px;letter-spacing:1px}.mobile:not(.playing) .map-panel{display:none}.mobile.playing .map-panel{top:calc(70px + var(--safe-top));right:max(12px,var(--safe-right));bottom:auto;width:114px;padding:5px 5px 0;transform:none;pointer-events:none}.mobile .map-title{font-size:7px;padding-bottom:4px}.mobile .map-title>span:first-child{display:none}.mobile .map-title{justify-content:flex-end}.mobile .map-panel canvas{height:62px}.mobile .map-footer{height:auto;min-height:32px;flex-wrap:wrap;gap:3px;padding:4px 0}.mobile .map-footer strong{width:100%;font-size:10px;order:2}.mobile .map-footer>span:last-child{display:inline;font-size:11px;margin-left:auto;color:#514358}.mobile .character-count{font-size:10px;letter-spacing:0;padding:5px 0}.mobile .character-count:before{margin-right:3px}.mobile footer{height:calc(52px + var(--safe-bottom));padding-inline:max(12px,var(--safe-left)) max(12px,var(--safe-right))}.mobile footer>span{display:none}.mobile footer>div{width:100%;justify-content:space-between;gap:4px}.mobile footer button{min-width:48px;min-height:48px;font-size:15px;gap:4px}.mobile footer button span{display:inline;font-size:10px}.mobile #palette span{max-width:58px}.mobile #joystick{left:max(20px,var(--safe-left));bottom:calc(76px + var(--safe-bottom));width:108px;height:108px}.mobile #run{right:max(20px,var(--safe-right));bottom:calc(92px + var(--safe-bottom));width:60px;height:60px}.mobile #touchControls>span{display:none}.mobile.playing .hint{display:block;bottom:calc(58px + var(--safe-bottom));font-size:9px;padding:4px 8px;pointer-events:none}.mobile .character-speech{font-size:clamp(15px,4vw,18px);max-width:min(280px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)));padding:14px 17px}.mobile .character-name{font-size:12px}.mobile .character-name span:last-child{font-size:11px}@media(orientation:portrait){.mobile .scene-note{display:none}}@media(orientation:landscape)and (max-height:500px){.mobile .intro{top:calc(66px + var(--safe-top));left:max(22px,var(--safe-left));width:calc(68% - var(--safe-left));display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center}.mobile .intro .eyebrow{grid-column:1/-1;padding-top:4px;max-width:100%;font-size:7px}.mobile .japanese{grid-column:1;margin:8px 0;font-size:10px}.mobile h1{grid-column:1;grid-row:3/6;font-size:clamp(36px,10.8dvh,46px);max-width:210px}.mobile .title-spark{font-size:28px;right:0;top:20px}.mobile .intro-copy{grid-column:2;grid-row:2/4;font-size:11px;margin:8px 0;line-height:1.5}.mobile .start-button{grid-column:2;grid-row:4;font-size:10px;letter-spacing:.7px}.mobile .controls-preview{grid-column:2;grid-row:5;font-size:10px;margin-top:10px}.mobile .part-caption{display:none}.mobile:not(.playing) .top-coordinates{display:none}.mobile .scene-note{top:30%;right:max(20px,var(--safe-right));max-width:25%}.mobile .scene-note strong{font-size:22px}.mobile .scene-note>span{font-size:6px}.mobile .scene-note>div{font-size:6px}.mobile #joystick{bottom:calc(64px + var(--safe-bottom));width:96px;height:96px}.mobile #stick{left:25px;top:25px}.mobile #run{bottom:calc(72px + var(--safe-bottom))}.mobile .map-panel canvas{height:48px}.mobile .character-speech{padding:10px 14px;font-size:15px}.mobile dialog{padding:20px}}.mobile .compass,.mobile .top-coordinates,.mobile .landmark-label{pointer-events:none}.mobile .landmark-label{max-width:calc(100vw - 32px);white-space:normal;text-align:center}footer .credit{color:inherit;text-decoration:none;border-bottom:1px solid #db567955;transition:color .2s,border-color .2s}footer .credit:hover{color:#db5679;border-color:#db5679}