@font-face{font-family:"Noto Serif SC";src:url(/assets/story-serif.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;color:#ddd6c8;background:#0b141a;font-synthesis:none;--muted: #9c9f97;--warm: #c2b197}*{box-sizing:border-box}html,body{margin:0;min-width:280px;min-height:100%}body{min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,.story-card:focus-visible,.story-body:focus-visible{outline:1px solid #d9c8a9;outline-offset:5px}button:hover{filter:brightness(1.2)}[hidden]{display:none!important}#app{position:relative;isolation:isolate;min-height:100svh;height:100dvh;display:grid;grid-template-rows:88px minmax(0,1fr) 44px;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:hidden}.scene,.mist,.vignette{position:fixed;inset:0;pointer-events:none;z-index:-3}.scene{background:#101d25 url(/assets/alley.png) center 55% / cover no-repeat}.vignette{z-index:-1;background:radial-gradient(ellipse at 50% 44%,transparent 10%,#070f1652 55%,#050b13d9 100%),linear-gradient(#07101752,transparent 30%,#050b1270)}.mist{z-index:-2;opacity:.12;background:radial-gradient(ellipse at 40% 65%,#b3c0c466,transparent 48%);animation:mist 25s ease-in-out infinite alternate}.masthead{display:flex;align-items:center;gap:23px;padding:0 4.2vw}.brand{font-size:23px;letter-spacing:.19em;text-decoration:none;color:#e0d7c4;white-space:nowrap}.brand span{color:#b8ad97}.header-line{width:42px;height:1px;background:#b3a48b66}.edition{color:#a8aba4;font-size:11px;letter-spacing:.26em}.sound-button{margin-left:auto;width:40px;height:40px;background:#0e18224d;border:1px solid #a9b4b229;border-radius:50%;display:grid;place-items:center}.sound-button svg{width:18px;height:18px;opacity:.8}.sound-off{display:none}.is-muted .sound-off{display:block}.is-muted .sound-waves{display:none}main{position:relative;min-height:0}body:not(.is-playing) #app{grid-template-rows:minmax(0,1fr)}body:not(.is-playing) .masthead,body:not(.is-playing) .page-footer{display:none}.welcome{display:flex;align-items:flex-end;justify-content:center;height:100%;text-align:center;padding:24px 24px max(16svh,48px)}.enter-button{position:relative;isolation:isolate;display:grid;place-items:center;width:232px;min-height:66px;padding:20px 28px;border:1px solid #a99a7b;border-radius:5px;color:#e0d2b8;background:linear-gradient(135deg,#354046,#18272e 45%,#122028);box-shadow:inset 0 1px #eee0bb3d,inset 0 -3px 5px #030b0fc7,0 3px #080f14,0 4px #8d806040,0 12px 30px #000a;text-shadow:0 1px 2px #000;font-size:17px;transition:transform .2s,box-shadow .2s,border-color .2s}.enter-button:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.28;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='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.enter-button:after{content:"";position:absolute;inset:5px;border:1px solid #b6a17c50;border-radius:2px;box-shadow:inset 0 0 0 1px #050d1266;pointer-events:none}.enter-label{position:relative;letter-spacing:.3em;padding-left:.3em}.enter-button:hover{transform:translateY(-2px);border-color:#d0bd95;box-shadow:inset 0 1px #eee0bb50,inset 0 -3px 5px #030b0fc7,0 3px #080f14,0 4px #8d806040,0 16px 36px #000b}.enter-button:active{transform:translateY(2px);box-shadow:inset 0 2px 8px #030b0fc7,0 1px #8d806040,0 5px 16px #0008}.game{height:100%;display:grid;grid-template-rows:30px minmax(0,1fr) 90px;max-width:1400px;margin:0 auto}.game-topline{width:min(372px,calc(100% - 72px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b5b7ae;letter-spacing:.15em}.chapter-name{min-width:45px}.card-number{font-family:Georgia,serif;font-size:13px;font-variant-numeric:tabular-nums;opacity:.8}.steps{display:flex;gap:13px}.steps i{width:4px;height:4px;border:1px solid #aaa99580;transform:rotate(45deg)}.steps i.done{background:#c4b398;border-color:#c4b398;box-shadow:0 0 9px #c4b3983d}.stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;--card-width: 340px}.story-card{position:relative;width:var(--card-width);aspect-ratio:63 / 88;flex:0 0 auto;border:1px solid #b9b0a08c;border-radius:calc(var(--card-width) * .045);background:linear-gradient(125deg,#26343aee,#152329fa 55%,#1d2b31f5);box-shadow:1px 2px #c6bca270,2px 4px #172027,0 18px 36px #0009,inset 0 0 28px #0c151b80;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease;touch-action:pan-y}.story-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.21;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%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,#ffffff10 0px,#ffffff10 .5px,transparent .5px,transparent 3px);mix-blend-mode:soft-light}.story-card:after{content:"";position:absolute;inset:12px;border:1px solid #bdaf9561;border-radius:calc(var(--card-width) * .02);box-shadow:0 0 0 3px #b8aa8a0c,inset 0 0 0 3px #b8aa8a0c;pointer-events:none}.corner{position:absolute;width:22px;height:22px;border-top:1px solid #b9ad9180;border-left:1px solid #b9ad9180;border-radius:6px 0 0;pointer-events:none;z-index:1}.corner:after{content:"";position:absolute;width:5px;height:5px;border:1px solid #b9ad9180;top:5px;left:5px;transform:rotate(45deg)}.tl{top:17px;left:17px}.tr{top:17px;right:17px;transform:rotate(90deg)}.bl{bottom:17px;left:17px;transform:rotate(-90deg)}.br{bottom:17px;right:17px;transform:rotate(180deg)}.card-heading,.card-foot,.corner{user-select:none;-webkit-user-select:none}.card-heading{position:absolute;top:10%;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;color:#b7ae9d}.card-caption{font-size:13px;letter-spacing:.4em;padding-left:.4em}.ornament{position:relative;font-family:Georgia,serif;font-size:11px;color:#9d957f;line-height:1}.ornament:before,.ornament:after{content:"";position:absolute;height:1px;width:24px;top:50%;background:#b5aa8a4a}.ornament:before{right:18px}.ornament:after{left:18px}.story-body{position:absolute;inset:26% 13% 19%;display:flex;flex-direction:column;justify-content:safe center;overflow:auto;scrollbar-width:thin;scrollbar-color:#9d968455 transparent;overscroll-behavior:contain;touch-action:pan-y}.story-text{margin:auto 0;font-size:20px;line-height:1.8;letter-spacing:.035em;color:#e2dacb;overflow-wrap:anywhere;text-align:left;font-weight:400}.first-letter{font-size:1.5em;line-height:1}.card-foot{position:absolute;bottom:9%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:13px;opacity:.58;color:#b2a58d}.card-foot span{height:1px;width:16px;background:#aa9f8357}.card-foot b{font-size:11px;font-weight:400;border:1px solid #aa9f8360;padding:3px 4px}.choice{position:absolute;top:28%;width:152px;min-height:119px;padding:14px;background:linear-gradient(135deg,#14212be8,#0b151ce3);border:1px solid #b4aa8c5c;display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color .2s,background .2s;box-shadow:0 8px 28px #0004}.choice-a{right:calc(50% + var(--card-width) / 2 + 64px)}.choice-b{left:calc(50% + var(--card-width) / 2 + 64px)}.choice-key{font:12px Georgia,serif;letter-spacing:.25em;color:#bbac91}.choice-key>span{font-size:18px}.choice-label{font-size:15px;letter-spacing:.15em}.choice-hint{font-size:9px;color:#929d9e;letter-spacing:.12em}.choice:hover{border-color:#d0bea0b0;background:#223038ed}.drag-a{box-shadow:-8px 0 28px #a58f5b50,0 18px 36px #0009}.drag-b{box-shadow:8px 0 28px #a58f5b50,0 18px 36px #0009}.game-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:4px 16px}.continue-button,.restart-button{padding:11px 25px;min-width:164px;border:1px solid #b5aa8b73;background:#111d25e8;font-size:13px;letter-spacing:.2em;box-shadow:inset 0 0 0 3px #121b20}.continue-button>span,.restart-button>span{margin-left:10px;color:#b7ab90}.gesture-hint{font-size:10px;color:#a5aaa3;letter-spacing:.15em;margin:0}.ending-actions{display:flex;align-items:center;gap:20px}.restart-button{color:#cba696;border-color:#a166537a;background:#261b1be8;box-shadow:inset 0 0 0 3px #15191c}.loop-counter{font-size:11px;color:#b6b5a9;letter-spacing:.05em;white-space:nowrap}.loop-counter b{font:14px Georgia,serif;margin-left:4px}.page-footer{display:flex;align-items:center;justify-content:center;gap:17px;font-size:9px;letter-spacing:.24em;color:#939c96}.footer-mark{color:#a3967766;font-family:Georgia,serif;font-size:9px}.notice{position:fixed;z-index:10;bottom:26px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 20px;border:1px solid #bdb39670;background:#13212af5;color:#ded7c8;font:13px/1.7 sans-serif;box-shadow:0 6px 25px #0008}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.leave-left{transform:translate(-60px) rotate(-7deg);opacity:0}.leave-right{transform:translate(60px) rotate(7deg);opacity:0}.leave-forward{transform:translateY(-10px) scale(.98);opacity:0}.arrive{animation:arrive .22s ease-out}@keyframes arrive{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes mist{0%{transform:translate(-7%) scale(1.1)}to{transform:translate(7%) scale(1.2)}}@media(max-width:1000px)and (min-width:761px){.choice{width:128px}.choice-a{right:calc(50% + var(--card-width) / 2 + 24px)}.choice-b{left:calc(50% + var(--card-width) / 2 + 24px)}}@media(max-width:760px){#app{grid-template-rows:67px minmax(0,1fr) 30px}.masthead{padding:0 23px;gap:0}.brand{font-size:20px}.edition,.header-line{display:none}.sound-button{width:34px;height:34px}.game{grid-template-rows:25px minmax(0,1fr) 72px}.game-topline{width:min(300px,calc(100% - 66px));font-size:10px}.stage{padding-bottom:80px}.choices{position:absolute;bottom:2px;width:min(330px,calc(100% - 40px));display:flex;gap:14px}.choice{position:static;width:calc(50% - 7px);min-height:65px;padding:9px 7px;gap:5px}.choice-key{font-size:10px;line-height:1}.choice-key>span{font-size:14px}.choice-label{font-size:13px;letter-spacing:.08em}.choice-hint{display:none}.card-caption{font-size:12px}.card-heading{gap:10px}.card-foot{bottom:8%}.game-actions{gap:10px}.continue-button,.restart-button{padding:9px 18px;min-width:150px}.ending-actions{gap:12px}.loop-counter{font-size:10px}.page-footer{font-size:8px;gap:10px}.enter-button{width:216px;min-height:62px;font-size:16px}.gesture-hint{font-size:9px}}@media(max-height:540px)and (orientation:landscape){#app{grid-template-rows:46px minmax(0,1fr) 22px}.game{grid-template-rows:18px minmax(0,1fr) 55px}.stage{padding-bottom:0}.choices{position:static;width:auto}.choice{position:absolute;top:26%;width:120px}.choice-a{right:calc(50% + var(--card-width) / 2 + 30px)}.choice-b{left:calc(50% + var(--card-width) / 2 + 30px)}.gesture-hint{display:none}.card-caption{font-size:9px}.card-heading{gap:5px}.card-foot{display:none}.story-body{top:23%;bottom:10%}.enter-button{min-height:54px;padding:14px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}