: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}