:root{color-scheme:light;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif;--ink: #26393a;--paper: #f2ecd8;--sky: #70c5c1;--sun: #d4a647;--coral: #c65f50;--blue: #4e7376;--shadow: rgba(38, 57, 58, .18);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:var(--sky);color:var(--ink);user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible{outline:3px solid #fff;outline-offset:3px}#world{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#grain{position:absolute;inset:0;pointer-events:none;opacity:.075;mix-blend-mode:multiply;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='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E")}.hud{position:absolute;z-index:5;pointer-events:none}.hud--top{top:max(24px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between}.brand{display:grid;gap:1px;text-shadow:0 1px 0 rgba(255,255,255,.35)}.brand__cn{font-family:Arial Rounded MT Bold,PingFang SC,sans-serif;font-size:19px;font-weight:800;letter-spacing:.08em}.brand__en{font-family:SFMono-Regular,Roboto Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.27em}.hud__actions{display:flex;gap:8px;pointer-events:auto}.icon-button{width:42px;height:42px;padding:0;border:1.5px solid rgba(23,33,58,.42);border-radius:50%;color:var(--ink);background:#f8eedc94;box-shadow:0 6px 20px #17213a14;backdrop-filter:blur(12px);cursor:pointer;font-family:SFMono-Regular,monospace;font-size:12px;font-weight:800;transition:transform .16s ease,background .16s ease}.icon-button:hover{transform:translateY(-2px);background:#f8eedcdb}.match-strip{position:absolute;z-index:4;right:max(28px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));display:grid;justify-items:end;gap:9px;color:#17213ac7;font-family:SFMono-Regular,Roboto Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:opacity .4s ease}.match-strip__dots{display:flex;gap:6px}.match-strip__dots i{display:block;width:24px;height:5px;border:1px solid rgba(23,33,58,.48);border-radius:999px;transition:background .4s ease,transform .4s ease}.match-strip__dots i.done{background:var(--coral);border-color:var(--coral);transform:scaleX(1.06)}.match-strip__memento{min-height:1.2em;letter-spacing:.04em;text-transform:none}.intro{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 7vw;color:var(--ink);text-align:left;background:transparent;transition:opacity .9s ease,visibility .9s}.intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.intro__ticket{margin-bottom:20px;padding:9px 14px 8px;border:1px dashed rgba(23,33,58,.58);border-radius:2px;background:#f2ecd8db;font-family:SFMono-Regular,Roboto Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.14em;transform:rotate(-1.5deg)}.intro__kicker,.postcard-modal__kicker{margin:0 0 8px;font-family:SFMono-Regular,Roboto Mono,monospace;font-size:9px;font-weight:800;letter-spacing:.22em}.intro h1{display:grid;align-items:start;gap:0;margin:0;font-family:Arial Rounded MT Bold,PingFang SC,sans-serif;font-size:clamp(58px,7.2vw,94px);font-weight:900;line-height:.88;letter-spacing:-.08em;text-shadow:0 4px 0 rgba(248,238,220,.34)}.intro h1 span{margin-bottom:.12em;font-size:.31em;letter-spacing:.08em;transform:none}.intro h1 strong{position:relative;font-weight:900}.intro h1 strong:after{content:"";position:absolute;z-index:-1;right:.02em;bottom:-.04em;left:.05em;height:.16em;border-radius:50%;background:var(--sun);transform:rotate(-2deg)}.intro__copy{margin:23px 0;font-size:clamp(14px,1.45vw,18px);font-weight:500;line-height:1.9;letter-spacing:.045em}.start-button{position:relative;display:flex;min-width:210px;align-items:center;justify-content:space-between;gap:26px;padding:15px 18px 14px 21px;overflow:hidden;border:0;border-radius:3px;color:var(--paper);background:var(--ink);box-shadow:7px 7px 0 var(--sun);cursor:pointer;font-weight:800;letter-spacing:.06em;transition:transform .15s ease,box-shadow .15s ease}.start-button:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--sun)}.start-button small{opacity:.68;font-family:SFMono-Regular,monospace;font-size:8px;font-weight:600}.start-button--small{min-width:0;padding-inline:22px}.intro__note{margin:22px 0 0;opacity:.6;font-size:10px;letter-spacing:.08em}.proximity{position:absolute;z-index:6;top:auto;bottom:25%;left:50%;display:grid;justify-items:center;gap:8px;transform:translate(-50%);animation:float-in .26s ease-out both}.proximity>span{display:none}.proximity button{padding:10px 14px;border:1.5px solid rgba(38,57,58,.42);border-radius:999px;color:var(--ink);background:#f2ecd8eb;box-shadow:0 0 0 7px #f2ecd838,0 8px 25px #26393a26;cursor:pointer;font-size:12px;font-weight:700}kbd{padding:2px 5px;border:1px solid rgba(23,33,58,.28);border-bottom-width:2px;border-radius:3px;background:#f8eedcb3;font-family:SFMono-Regular,monospace;font-size:.84em}.dialogue{position:absolute;z-index:12;right:max(28px,calc((100vw - 980px)/2));bottom:max(40px,env(safe-area-inset-bottom));left:max(28px,calc((100vw - 980px)/2));display:grid;min-height:154px;grid-template-columns:118px minmax(0,1fr);gap:22px;padding:14px 50px 14px 14px;border:1.5px solid rgba(23,33,58,.7);border-radius:4px;background:#f2ecd8f5;box-shadow:8px 8px #26393ae0;backdrop-filter:blur(16px);animation:dialogue-in .24s cubic-bezier(.2,.8,.2,1) both}.dialogue__portrait-frame{position:relative;align-self:stretch;min-height:126px;overflow:hidden;border:1px solid rgba(38,57,58,.5);border-radius:3px;background:#c9d7c7}.dialogue__portrait-frame img{display:block;width:100%;height:100%;object-fit:cover}.dialogue__portrait-frame>span{position:absolute;right:9px;bottom:6px;color:#26393a6b;font-family:SFMono-Regular,monospace;font-size:22px;font-weight:800}.dialogue__body{min-width:0;align-self:center}.dialogue__speaker{display:flex;align-items:baseline;gap:10px}#speakerName{font-family:Arial Rounded MT Bold,PingFang SC,sans-serif;font-size:17px;font-weight:900;letter-spacing:.06em}#speakerRole{opacity:.56;font-family:SFMono-Regular,monospace;font-size:9px;letter-spacing:.07em}#dialogueText{max-width:760px;min-height:3em;margin:9px 0 0;font-size:clamp(14px,1.45vw,18px);font-weight:520;line-height:1.75;letter-spacing:.035em}.continue{position:absolute;right:20px;bottom:17px;padding:7px 9px;border:0;color:var(--ink);background:transparent;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.1em}.continue span{display:inline-block;margin-left:4px;animation:nudge 1.2s infinite}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.choices button{min-height:52px;padding:12px 15px;border:1.5px solid rgba(23,33,58,.62);border-radius:3px;color:var(--ink);background:transparent;cursor:pointer;font-size:12px;font-weight:700;line-height:1.45;transition:color .15s ease,background .15s ease,transform .15s ease}.choices button:hover,.choices button:focus-visible{color:var(--paper);background:var(--ink);transform:translateY(-2px)}.controls-hint{position:absolute;z-index:3;bottom:max(27px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));opacity:.68;font-family:SFMono-Regular,monospace;font-size:9px;font-weight:650;letter-spacing:.05em;transition:opacity 1s ease}.joystick{position:absolute;z-index:6;bottom:max(32px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));width:104px;height:104px;border:1px solid rgba(23,33,58,.28);border-radius:50%;background:#f8eedc33;touch-action:none}.joystick:before,.joystick:after{content:"";position:absolute;background:#17213a21}.joystick:before{top:50%;right:14px;left:14px;height:1px}.joystick:after{top:14px;bottom:14px;left:50%;width:1px}.joystick__knob{position:absolute;z-index:1;top:31px;left:31px;width:42px;height:42px;border:1.5px solid rgba(23,33,58,.48);border-radius:50%;background:#f8eedcd1;box-shadow:0 5px 12px #17213a1f}.postcard-modal{position:absolute;z-index:20;inset:0;overflow:auto;padding:max(32px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom));background:#17213adb;backdrop-filter:blur(16px);animation:postcard-in .9s ease both}.postcard-modal__inner{display:flex;max-width:940px;min-height:100%;margin:0 auto;flex-direction:column;align-items:center;justify-content:center;color:var(--paper);text-align:center}.postcard-modal h2{margin:0 0 24px;font-family:Arial Rounded MT Bold,PingFang SC,sans-serif;font-size:clamp(30px,5vw,58px);line-height:1}#postcard{display:block;width:min(100%,760px);height:auto;border:9px solid var(--paper);border-radius:2px;box-shadow:14px 18px 45px #00000052;transform:rotate(-.8deg)}.postcard-modal__actions{display:flex;align-items:center;gap:28px;margin-top:27px}.text-button{padding:7px 2px;border:0;border-bottom:1px solid rgba(248,238,220,.65);color:var(--paper);background:transparent;cursor:pointer;font-size:12px}.toast{position:absolute;z-index:30;top:max(24px,env(safe-area-inset-top));left:50%;padding:10px 16px;border-radius:999px;color:var(--paper);background:var(--ink);box-shadow:0 8px 24px #17213a33;transform:translate(-50%);font-size:11px;font-weight:700;animation:float-in .2s ease-out both}[hidden]{display:none!important}.touch-only{display:none}@keyframes dialogue-in{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes postcard-in{0%{opacity:0}to{opacity:1}}@keyframes float-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes nudge{0%,65%,to{transform:translate(0)}78%{transform:translate(3px)}}@media(pointer:coarse),(max-width:760px){.desktop-only{display:none}.touch-only{display:block}.hud--top{top:max(17px,env(safe-area-inset-top));left:max(17px,env(safe-area-inset-left));right:max(17px,env(safe-area-inset-right))}.brand__cn{font-size:16px}.icon-button{width:38px;height:38px}.match-strip{right:max(17px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}.match-strip__label,.match-strip__memento{display:none}.controls-hint{right:17px;bottom:max(141px,calc(env(safe-area-inset-bottom) + 118px));left:auto;max-width:150px;text-align:right;line-height:1.5}.intro{justify-content:flex-end;padding:24px 22px max(45px,calc(env(safe-area-inset-bottom) + 30px))}.intro__ticket{margin-bottom:auto;margin-top:max(78px,calc(env(safe-area-inset-top) + 68px))}.intro__kicker{margin-bottom:8px}.intro h1{font-size:clamp(49px,15vw,68px)}.intro h1 span{display:block}.intro__copy{margin:24px 0 21px;font-size:13px;line-height:1.75}.intro__note{margin-top:18px}.proximity{top:auto;bottom:28%}.proximity button{min-height:44px}.dialogue{right:16px;bottom:max(18px,env(safe-area-inset-bottom));left:16px;min-height:188px;grid-template-columns:68px minmax(0,1fr);gap:12px;padding:12px 18px 14px 12px;box-shadow:6px 6px #26393ae0}.dialogue__portrait-frame{min-height:78px;align-self:start}.dialogue__speaker{align-items:flex-start;flex-direction:column;gap:3px}#dialogueText{margin-top:14px;font-size:15px;line-height:1.65}.choices{grid-template-columns:1fr;margin-top:14px}.choices button{min-height:45px;padding:10px 12px}.continue{right:12px;bottom:10px}.postcard-modal{padding-inline:14px}.postcard-modal__actions{flex-direction:column;gap:16px}}@media(max-height:680px)and (pointer:coarse){.intro__ticket{margin-top:58px}.intro__copy{margin-block:15px}.intro__note{display:none}.dialogue{min-height:176px}#dialogueText{min-height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}