@font-face{font-family:InkSerif;src:local("STKaiti"),local("Kaiti SC"),local("KaiTi"),local("Songti SC");font-display:swap}
:root{color-scheme:light;--ink:#1e2b25;--paper:#d9ddd2;--muted:#687569;--red:#a62622;--line:rgba(29,47,37,.2)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:"Songti SC","Noto Serif CJK SC",serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button:disabled{cursor:wait;opacity:.45}[hidden]{display:none!important}kbd{font-family:Georgia,serif;font-size:10px;border:1px solid rgba(29,47,37,.28);border-radius:2px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:21px;padding:0 5px;line-height:1;background:rgba(234,237,223,.28)}
.game{position:relative;width:100%;height:100%;min-height:420px;isolation:isolate}#world{display:block;width:100%;height:100%;outline:0;touch-action:none}.paper-grain,.vignette{position:absolute;inset:0;pointer-events:none}.paper-grain{z-index:2;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.34' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.vignette{z-index:1;background:linear-gradient(180deg,rgba(222,226,212,.75),transparent 22%,transparent 70%,rgba(33,48,38,.10)),radial-gradient(ellipse at 50% 46%,transparent 30%,rgba(51,66,49,.12) 100%)}
.topbar{position:absolute;z-index:8;top:0;left:0;right:0;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}.brand-seal{display:grid;place-items:center;width:33px;height:40px;border:1.5px solid currentColor;font:26px InkSerif,serif;transform:rotate(-3deg)}.brand>span:last-child{font:19px InkSerif,serif;letter-spacing:6px}.brand small{display:block;font:8px Georgia,serif;letter-spacing:2.6px;margin-top:6px}.chapter-label{font-size:11px;letter-spacing:3px;display:flex;align-items:center;gap:17px;position:absolute;left:50%;transform:translateX(-50%);opacity:.67}.chapter-label span{font-size:10px}.chapter-label i{height:1px;width:24px;background:currentColor}.topbar nav{display:flex;gap:23px;align-items:center}.topbar button{font-size:12px;padding:8px 0;letter-spacing:2px}.topbar button span{font-size:10px;opacity:.55;padding-left:5px}.topbar button:last-child{font-size:21px}
.intro{position:absolute;z-index:5;left:10.2%;top:22%;width:390px;animation:arrive .9s both}.eyebrow{font-size:9px;letter-spacing:3px;margin:0 0 21px;opacity:.64}.title-line{display:flex;align-items:center;gap:22px}.intro h1{font:142px/.99 InkSerif,"Songti SC",serif;letter-spacing:2px;font-weight:600;margin:0 0 7px -9px;text-shadow:1px 2px 0 rgba(0,0,0,.08);transform:rotate(-3deg)}.title-seal{font:15px/1.2 InkSerif,serif;border:1px solid currentColor;padding:8px 4px;writing-mode:vertical-rl;letter-spacing:2px;transform:rotate(3deg);opacity:.75}.tagline{font-size:17px;letter-spacing:5px;margin:20px 0 26px}.intro-rule{height:1px;width:46px;background:var(--ink);opacity:.7}.intro-copy{font-size:13px;line-height:2;letter-spacing:2px;margin:19px 0 27px;color:#526253}.primary{background:#22362b;color:#e9eadf;padding:16px 24px;width:244px;display:flex;align-items:center;justify-content:space-between;letter-spacing:5px;font-size:16px;position:relative;transition:background .2s,transform .2s;clip-path:polygon(0 3%,99% 0,100% 96%,1% 100%)}.primary:hover{background:#354b3c;transform:translateY(-2px)}.button-arrow{font:26px/1 Georgia}.text-button{display:block;padding:15px 0;font-size:12px;letter-spacing:2px;opacity:.73}.text-button:hover{opacity:1}.text-button span{padding-left:16px}.intro-note{font-size:9px;letter-spacing:2px;color:#687969;margin-top:8px}.poem{position:absolute;z-index:3;right:6.4%;top:29%;display:flex;gap:14px;align-items:flex-start;opacity:.65;pointer-events:none}.poem span{writing-mode:vertical-rl;font:17px InkSerif,serif;letter-spacing:10px}.poem span:nth-child(2){padding-top:48px}.poem i{width:1px;height:45px;background:var(--ink);margin-top:158px}.bottom-bar{position:absolute;z-index:8;bottom:0;left:4.3%;right:4.3%;height:63px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.chapter-number{font-size:11px;white-space:nowrap;letter-spacing:2px}.chapter-number i{font-style:normal;opacity:.4;padding:0 12px}.key-guide{display:flex;gap:17px;align-items:center;font-size:10px;color:#475947}.key-guide>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.footer-mark{font-size:9px;letter-spacing:4px;white-space:nowrap;opacity:.65}
.health-hud{position:absolute;left:4.3%;top:118px;z-index:4;width:240px}.meter-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;letter-spacing:4px}.meter-title small{font:10px Georgia;letter-spacing:1px;opacity:.65}.health-track{height:5px;background:rgba(29,47,37,.12);margin-top:11px}.health-track>div{width:100%;height:100%;background:#273c2e;transition:width .15s}.posture-track{height:2px;margin-top:5px;background:rgba(29,47,37,.06)}.posture-track>div{background:#777b60;height:100%;width:0}.ink-meter{display:flex;align-items:center;gap:12px;margin-top:15px}.ink-meter>span{font-size:10px;letter-spacing:2px}.ink-track{height:3px;background:rgba(29,47,37,.1);flex:1}.ink-track>div{height:100%;background:#4b6250;width:0;transition:width .12s}.ink-meter kbd{font-size:9px;min-width:17px;height:18px}.ink-ready{font-size:11px;letter-spacing:2px;margin-top:13px;color:var(--red);animation:breathe 1.5s infinite}.combo{position:absolute;right:6%;top:22%;z-index:4;text-align:center;animation:arrive .3s}.combo strong{display:block;font:74px/.9 Georgia,serif;font-style:italic;font-weight:400}.combo>span{display:block;font:19px InkSerif;letter-spacing:7px;margin-top:12px}.combo small{display:block;font-size:9px;letter-spacing:3px;margin-top:13px;opacity:.55}.enemy-hud{position:absolute;z-index:3;width:60px;transform:translate(-50%,-100%);pointer-events:none;text-align:center}.enemy-life{height:2px;background:rgba(29,47,37,.13)}.enemy-life i{display:block;height:2px;background:#425e48}.enemy-posture{height:2px;background:rgba(29,47,37,.08);margin-top:3px}.enemy-posture i{display:block;height:2px;background:#9b9c7d}.enemy-label{font:12px InkSerif;letter-spacing:2px;display:block;margin-top:4px;min-height:16px}.enemy-hud.broken .enemy-label{font-size:21px}.enemy-hud.tell .enemy-label{color:#243f2c;font-size:18px}.announcement{position:absolute;z-index:6;top:23%;left:50%;transform:translate(-50%,-8px);opacity:0;text-align:center;pointer-events:none;transition:opacity .4s,transform .4s;white-space:nowrap}.announcement.visible{opacity:1;transform:translate(-50%,0)}.announcement>span{display:block;font:37px InkSerif;letter-spacing:9px}.announcement small{display:block;font-size:10px;letter-spacing:4px;margin-top:13px}.feedback{position:absolute;z-index:5;top:40%;left:50%;transform:translate(-50%,-50%);font:54px InkSerif;letter-spacing:12px;opacity:0;pointer-events:none;color:#f7f5e8;text-shadow:0 1px 6px #233b2b;transition:opacity .15s}.feedback.visible{opacity:1}.objective{position:absolute;z-index:4;right:5%;bottom:103px;display:flex;gap:20px;align-items:center;font-size:11px;letter-spacing:3px;opacity:.7}.objective b{font:30px Georgia;font-weight:400}.boss-hud{position:absolute;z-index:4;width:46%;max-width:640px;bottom:95px;left:50%;transform:translateX(-50%)}.boss-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.boss-name strong{font:23px InkSerif;letter-spacing:7px;font-weight:400}.boss-name>span{font-size:10px;letter-spacing:3px}.boss-name small{font:8px Georgia;letter-spacing:1.4px;opacity:.6}.boss-health{height:5px;background:rgba(36,49,36,.13);position:relative}.boss-health>div{width:100%;height:5px;background:#253b2c;transition:width .15s}.boss-health>i{position:absolute;top:0;left:33%;width:1px;height:5px;background:var(--paper)}.boss-health>i:last-child{left:67%}.boss-posture{height:2px;background:rgba(36,49,36,.07);margin-top:5px}.boss-posture>div{height:2px;background:#8e977b;transition:width .1s}
.overlay-panel{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:rgba(220,225,209,.76);backdrop-filter:blur(9px)}.panel-content{width:340px;text-align:center}.panel-content h2{font:86px InkSerif;letter-spacing:12px;margin:20px 0}.panel-content>p:not(.eyebrow){font-size:13px;line-height:1.8;letter-spacing:3px}.panel-content .primary{margin:30px auto 0}.panel-content .text-button{margin:auto}.result-stats{display:flex;justify-content:space-between;padding:22px 0 0;font-size:10px;letter-spacing:1px}.result-stats b{display:block;font:27px Georgia;margin-bottom:9px;font-weight:400}.cinematic{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:0;background:#080e0b}.cinematic.active{animation:finish .52s both}.cinematic i{position:absolute;left:5%;top:50%;width:90%;height:4px;background:#fffceb;transform:rotate(-20deg) scaleX(0);box-shadow:0 0 13px #fffeed}.cinematic.active i{animation:cut .52s both}.touch-controls{display:none}.error{position:absolute;inset:25%;z-index:20;padding:32px;background:var(--paper);border:1px solid var(--ink);line-height:2;text-align:center}
dialog{border:1px solid #798873;background:#e0e4d7;color:var(--ink);width:min(650px,90vw);max-height:88vh;padding:32px 42px;box-shadow:0 18px 80px #263a2730}dialog::backdrop{background:#1b2e2470;backdrop-filter:blur(5px)}.help-top{display:flex;justify-content:space-between;align-items:center}.help-top .eyebrow{margin:0}.help-top button{font-size:28px;line-height:1}dialog h2{font:43px InkSerif;letter-spacing:7px;margin:22px 0 10px}.help-intro{font-size:12px;letter-spacing:2px;color:var(--muted)}dl{margin-top:25px}dl>div{border-top:1px solid var(--line);padding:13px 0}dt{font-size:13px;letter-spacing:1px}dd{margin:8px 0 0;font-size:12px;line-height:1.8;color:#5b6d58}.help-foot{font-size:10px;letter-spacing:1px;opacity:.7;margin:17px 0 0}
[data-status="playing"] .poem,[data-status="paused"] .poem,[data-status="won"] .poem,[data-status="lost"] .poem{display:none}[data-status="playing"] .chapter-label{opacity:.45}[data-status="playing"] .bottom-bar{background:linear-gradient(0deg,#d0d8c566,transparent)}
@keyframes arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.5}}@keyframes finish{0%{opacity:0}10%,70%{opacity:1}100%{opacity:0}}@keyframes cut{0%,15%{transform:rotate(-20deg) scaleX(0)}32%,100%{transform:rotate(-20deg) scaleX(1)}}
@media(max-width:1200px){.footer-mark{display:none}.key-guide{gap:10px}.intro{left:8%;top:21%}.intro h1{font-size:124px}.topbar{height:87px}.health-hud{top:101px}.chapter-label{display:none}}
@media(max-height:720px){.intro{top:22%}.intro h1{font-size:96px}.eyebrow{margin-bottom:13px}.tagline{margin:14px 0 19px;font-size:15px}.intro-copy{margin:13px 0 19px;font-size:12px}.primary{padding:13px 20px}.intro-note{display:none}.bottom-bar{height:51px}.intro .text-button{padding-top:13px}.poem{top:29%}.health-hud{top:96px}.boss-hud{bottom:76px}.announcement{top:22%}}
@media(max-width:820px){.topbar{padding:0 5%;height:74px}.topbar nav{gap:15px}.topbar button{font-size:11px}.intro{left:8%;width:300px;top:24%}.intro h1{font-size:102px}.intro .eyebrow{font-size:8px;letter-spacing:2px}.poem{right:7%;top:25%}.poem span{font-size:14px}.key-guide{gap:9px}.key-guide>span:nth-child(n+5){display:none}.bottom-bar .chapter-number{display:none}.bottom-bar{justify-content:center}.health-hud{width:175px;top:88px;left:5%}.boss-hud{width:78%}.boss-name small{display:none}.combo strong{font-size:53px}.combo{top:18%}}
@media(pointer:coarse){[data-status="playing"] .touch-controls{display:flex;position:absolute;z-index:8;bottom:70px;left:4%;right:4%;justify-content:space-between;gap:20px;pointer-events:none}.touch-controls>div{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;max-width:60%;pointer-events:auto}.touch-controls button{width:43px;height:43px;border:1px solid #344b3970;border-radius:50%;background:#dae1d189;backdrop-filter:blur(4px);font:20px InkSerif;touch-action:none;user-select:none}.touch-controls button:active{background:#354c39;color:#e9ecde}.key-guide{display:none}.boss-hud{bottom:137px}.objective{bottom:141px}}
@media(max-width:540px) and (orientation:portrait){.intro{top:28%;left:9%}.intro h1{font-size:112px}.topbar nav{gap:13px}.topbar #fullscreen{display:none}.poem{top:18%}.poem span{font-size:13px}.health-hud{width:165px}.combo{top:25%}.announcement{top:25%}.announcement>span{font-size:28px;letter-spacing:4px}.boss-hud{width:88%}.boss-name strong{font-size:21px}.touch-controls>div:last-child{max-width:64%}dialog{padding:23px}.chapter-number{display:none}}
@media(prefers-reduced-motion:reduce){.intro,.combo,.ink-ready{animation:none}.primary{transition:none}.vignette{opacity:.6}}

/* Rain-night ink direction: silver type, deep foreground ink and a single vermilion accent. */
:root{color-scheme:dark;--ink:#e4e8e4;--paper:#111b24;--muted:#95a5b0;--red:#bc3930;--line:rgba(206,219,225,.19)}
body{background:#111b24;color:#e4e8e4}.game{background:#101a23}
.paper-grain{opacity:.14;mix-blend-mode:soft-light}.vignette{background:linear-gradient(180deg,rgba(4,10,17,.68),transparent 25%,transparent 69%,rgba(4,10,17,.55)),radial-gradient(ellipse at 54% 44%,transparent 27%,rgba(2,9,17,.28) 100%)}
.topbar{height:90px}.brand-seal{border-color:#b13b32;color:#e4ded2;background:#8e2720;box-shadow:inset 0 0 0 3px #101a2330}.brand small{color:#8ca0ae}.topbar nav{color:#becbd2}.topbar button:hover{color:#fff}
.intro{left:8.5%;top:23%;width:390px}.intro .eyebrow{color:#a4b3bd;opacity:1;font-size:9px;letter-spacing:4px}.intro h1{font-size:152px;letter-spacing:5px;color:#ecede4;text-shadow:0 2px 1px #080f16,3px 5px 0 #0a111833;transform:rotate(-4deg)}
.title-seal{color:#b9574b;border-color:#ac4035;opacity:.9;background:#0b141533}.tagline{color:#d9e0df;letter-spacing:5px}.intro-rule{background:#a9b8bf}.intro-copy{color:#a7b9c5;font-size:13px;line-height:2.1}.intro-note{color:#8196a5}.primary{color:#e9e9dd;background:#993028;border:1px solid #c77a6b3b;box-shadow:0 7px 25px #080f1733}.primary:hover{background:#ad3d31}.text-button{color:#b7c5cb}.poem{color:#b4c3cc;opacity:.64}
kbd{color:#b6c7d0;border-color:#9bb0bd3b;background:#101c2a77}.key-guide{color:#7f95a5}.bottom-bar{border-color:#c4d3db21;color:#8b9eaa}.chapter-number{font-size:10px;letter-spacing:2px}
.health-hud{top:111px;width:226px;color:#cddce4}.health-track{background:#b2c8d424;height:4px}.health-track>div{background:#c8d8df}.posture-track{background:#b2c8d40e}.posture-track>div{background:#bcb3a1}.ink-track{background:#bed5e420}.ink-track>div{background:#829daf}.ink-meter{color:#91a8b9}.meter-title small{color:#9caebb;opacity:1}
.combo{right:5.5%;top:23%;color:#dee6e8;text-shadow:0 2px 14px #09131e77}.combo strong{font-size:79px}.combo small{color:#93acbf;opacity:1}.enemy-life{background:#06101988}.enemy-life i{background:#b0c5d1}.enemy-posture{background:#d3e1e41a}.enemy-posture i{background:#c2bca5}.enemy-label{color:#dce7ea;text-shadow:0 1px 5px #02070d}.enemy-hud.tell .enemy-label{color:#f3e9bf;font-size:21px}.enemy-hud.broken .enemy-label{color:#f2f0d9}
.announcement{top:20%;color:#d9e2e4;text-shadow:0 2px 15px #0a1722}.announcement small{color:#a7bdca}.feedback{top:35%;font-size:60px;letter-spacing:17px;color:#faf8e9;text-shadow:0 2px 20px #0c1b29,0 0 42px #c7e7ed77}
.boss-hud{bottom:90px}.boss-name{color:#d8e3e7}.boss-name>span{color:#98aebc}.boss-name small{color:#87a0b1;opacity:1}.boss-health{background:#9eb5c12b;height:4px}.boss-health>div{background:#d4e0e4;height:4px}.boss-health>i{height:4px;background:#152531}.boss-posture{background:#9eb5c114}.boss-posture>div{background:#9fb0bc}.objective{color:#b2c9d8;opacity:.85}
.overlay-panel{background:rgba(8,17,26,.84);backdrop-filter:blur(8px)}.panel-content h2{color:#e2e6dc}.panel-content>p:not(.eyebrow){color:#94aebb}.result-stats{color:#98acb9}.result-stats b{color:#e0e7e7}
dialog{background:#14212c;color:#d7e1e5;border-color:#7389964a;box-shadow:0 18px 80px #0009}dialog::backdrop{background:#030d16b0}.help-intro,dd{color:#91a9ba}.help-foot{color:#738d9f}.error{background:#14212c}.touch-controls button{background:#142432aa;border-color:#859baa66;color:#d4e4e9}.touch-controls button:active{background:#b2c8d2;color:#14212c}
[data-status="playing"] .bottom-bar{background:linear-gradient(0deg,#07111ccc,transparent)}
.cinematic{background:#03070c}.cinematic i{height:3px;box-shadow:0 0 5px #c8e7ed,0 0 35px #c5e7f055;transform:rotate(-19deg) scaleX(0)}
@media(min-width:1100px) and (min-height:700px){.intro h1{font-size:145px}.intro{top:22%}.intro .tagline{margin-top:18px}.intro-copy{margin:18px 0 27px}}
@media(max-height:700px){.intro h1{font-size:105px}.intro{top:21%}.intro-copy{margin:12px 0 17px}.health-hud{top:91px}.topbar{height:73px}.boss-hud{bottom:69px}}
@media(max-width:820px){.intro{left:7%;width:310px}.intro h1{font-size:114px}.health-hud{width:175px;top:85px}.topbar{height:73px}.poem{right:5%}.key-guide{font-size:9px}}
@media(max-width:540px) and (orientation:portrait){.intro{top:27%;left:8%;width:260px}.intro h1{font-size:111px}.intro-copy{font-size:12px}.poem{top:16%}.boss-hud{bottom:140px}.health-hud{width:164px}}

.paper-grain{display:none}

.boss-label .enemy-life,.boss-label .enemy-posture{display:none}
@media(prefers-reduced-motion:reduce){.cinematic.active{animation:none;opacity:0}.feedback{transition:none}}