:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#07131d;--paper:#eadfca;--mist:#9fb7bd;--vermilion:#b84b38;--gold:#e4ad58;--edge:#e2ebe533;background:#07131d;font-family:Iowan Old Style,Palatino Linotype,Yu Mincho,serif}*{box-sizing:border-box}html,body,#game{background:#07131d;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}canvas{outline:none;width:100%;height:100%;display:block}.hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.overlay{z-index:20;transition:opacity 1.4s;position:fixed;inset:0}.title-screen{background:radial-gradient(circle at 52% 35%,#0000 0 22%,#030a1024 54%,#03080dc7 100%);place-items:center;display:grid;overflow:hidden}.title-vignette{pointer-events:none;background:linear-gradient(90deg,#03080cad,#0000 38% 70%,#03080c3d),linear-gradient(#0000 48%,#03080c85);position:absolute;inset:0}.title-lockup{width:min(490px,80vw);color:var(--paper);text-shadow:0 3px 20px #000;text-align:left;position:absolute;bottom:clamp(42px,11vh,108px);left:clamp(28px,8vw,130px)}.eyebrow{letter-spacing:.42em;color:#d5ba8d;margin:0 0 16px;font:600 10px/1.2 system-ui,sans-serif}.title-lockup h1{letter-spacing:-.065em;text-transform:uppercase;filter:drop-shadow(0 5px #02080c59);margin:0;font:600 clamp(66px,10vw,136px)/.67 Cormorant Garamond,serif}.title-lockup h1 span{display:block}.title-lockup h1 span:last-child{color:#d9cbb3;margin-left:.42em}.title-jp{writing-mode:vertical-rl;letter-spacing:.4em;color:#b7a183;border-left:1px solid #e6d2b242;margin:0;padding-left:15px;font-size:18px;position:absolute;top:32px;left:calc(100% + 12px)}.prologue{letter-spacing:.07em;color:#c9c8c0;max-width:330px;margin:28px 0 18px;font-size:14px}.seal-button{color:#f3dfbd;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.22em;background:#0b171d94;border:1px solid #e8c18080;width:220px;height:54px;padding:0;font:600 11px system-ui,sans-serif;transition:transform .3s,background .3s,border-color .3s;position:relative;overflow:hidden}.seal-button:before{content:"";border:1px solid #e6bb713b;position:absolute;inset:4px}.seal-button:hover{background:#6b32239e;border-color:#e0af61;transform:translateY(-2px)}.seal-button span{position:relative}.start-hint{letter-spacing:.11em;color:#daded88c;margin:12px 0;font:500 9px system-ui,sans-serif}.loading{z-index:40;color:#b4c2bd;text-align:center;background:#07131d;place-content:center;gap:15px;transition:opacity .8s;display:grid;position:fixed;inset:0}.loading span{border:1px solid #d8b67d38;border-top-color:#ddb66d;border-radius:50%;width:42px;height:42px;margin:auto;animation:1.3s linear infinite turn}.loading small{letter-spacing:.28em;text-transform:uppercase;font:500 9px system-ui,sans-serif}@keyframes turn{to{transform:rotate(360deg)}}.hud{z-index:8;pointer-events:none;transition:opacity .6s;position:fixed;inset:0}.quest{text-shadow:0 2px 9px #031019;border-left:1px solid #dab066a6;padding-left:14px;position:absolute;top:clamp(22px,4vh,44px);left:clamp(20px,3vw,48px)}.quest-label{letter-spacing:.32em;color:#dfb768;margin-bottom:8px;font:700 9px system-ui,sans-serif;display:block}.quest #objective{color:#e3dfd4;letter-spacing:.045em;font-size:13px}.lantern-marks{gap:8px;margin-top:11px;display:flex}.lantern-marks i{background:#c5d3cf33;border-radius:3px;width:17px;height:3px;transition:all .8s;display:block;box-shadow:0 0 #0000}.lantern-marks i.lit{background:#f0b35b;box-shadow:0 0 9px #e98435}.interaction{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);letter-spacing:.08em;color:#e7dfcf;background:#051016c2;border:1px solid #dfccaa38;align-items:center;gap:10px;padding:9px 15px;font-size:11px;transition:opacity .25s;display:flex;position:absolute;bottom:11vh;left:50%;transform:translate(-50%)}.interaction kbd{color:#e9bb70;border:1px solid #ebba688c;place-items:center;width:24px;height:24px;font:600 10px system-ui,sans-serif;display:grid}.haiku{text-align:right;white-space:pre-line;letter-spacing:.12em;color:#eee5d5;text-shadow:0 2px 15px #000;opacity:0;max-width:320px;font-size:16px;line-height:2.05;transition:opacity 1.2s,transform 1.2s;position:absolute;top:42%;right:clamp(24px,6vw,88px);transform:translateY(12px)}.haiku.show{opacity:.94;transform:none}.icon-button{z-index:12;color:#d8ded8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#040f1573;border:1px solid #dde4da33;width:44px;height:44px;font-size:15px;transition:all .3s;position:fixed;top:25px}.icon-button:hover{background:#22363bb3;border-color:#dfb9718c}#menu-button{right:25px}.icon-button.photo{font-size:24px;line-height:1;right:79px}.settings{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#051016e8;border:1px solid #ddccac36;width:min(370px,100vw - 40px);padding:25px;transition:opacity .35s,transform .35s;position:fixed;top:20px;right:20px;box-shadow:0 22px 70px #0000007a}.settings.hidden{transform:translate(15px)}.settings-head{border-bottom:1px solid #e2e8de1f;justify-content:space-between;align-items:flex-start;margin-bottom:19px;padding-bottom:17px;display:flex}.settings small{letter-spacing:.3em;color:#d9aa5c;font:700 8px system-ui,sans-serif}.settings h2{color:#eee3d0;margin:4px 0 0;font:600 32px/1 Cormorant Garamond,serif}.settings-head button{color:#c8cfcb;cursor:pointer;background:0 0;border:0;font-size:26px}.settings label{color:#d8d6cc;letter-spacing:.04em;gap:8px;margin:16px 0;font-size:12px;display:grid}.settings select,.settings input[type=range]{width:100%}.settings select{color:#d9ded8;background:#0a1b22;border:1px solid #dedac92e;padding:10px;font-family:inherit}.settings .check{align-items:center;gap:10px;display:flex}.settings .controls{color:#9faaa7;border-top:1px solid #e2e8de1f;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-top:18px;font:500 9px system-ui,sans-serif;display:grid}.settings .controls b{color:#e1b468;letter-spacing:.08em;min-width:42px;display:inline-block}.settings>p{color:#727f7d;margin:18px 0 0;font-size:9px}.joystick{z-index:14;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040e1440;border:1px solid #ebe2cf36;border-radius:50%;width:112px;height:112px;transition:opacity .3s;position:fixed;bottom:30px;left:28px}.joystick:before{content:"";border:1px solid #ebe2cf14;border-radius:50%;position:absolute;inset:19px}.joy-knob{background:radial-gradient(circle at 35% 30%,#efd9b36b,#10252b99);border:1px solid #eed19f66;border-radius:50%;width:48px;height:48px;position:absolute;top:31px;left:31px;box-shadow:0 8px 18px #00000040}.touch-action{z-index:14;color:#eac17b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#43251b6e;border:1px solid #e8be6f73;border-radius:50%;width:72px;height:72px;font:600 22px serif;position:fixed;bottom:39px;right:31px}.photo-flash{z-index:50;opacity:0;pointer-events:none;background:#f7ecd8;position:fixed;inset:0}.photo-flash.flash{animation:.5s ease-out flash}@keyframes flash{0%{opacity:.8}to{opacity:0}}@media (pointer:coarse),(width<=760px){.title-lockup{bottom:72px;left:25px}.title-lockup h1{font-size:72px}.title-jp,.start-hint{display:none}.joystick,.touch-action{opacity:1!important;pointer-events:auto!important}.quest{top:18px;left:18px}.icon-button{top:18px}.haiku{font-size:14px;top:30%;right:22px}.interaction{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}