:root{--ink: #2a1a12;--ink2: #5a3d2a;--paper: #e6d6b8;--gold: #d8b565;--gold2: #9a7a3a;--blood: #8e1a1a;--fog: #d9dde3;--night: #0d0f14;--serif: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);font-family:var(--serif);color:var(--fog);touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#cv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}#fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.55) 85%,rgba(0,0,0,.85) 100%)}#heart{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(140,0,10,.55) 80%,rgba(90,0,0,.9) 100%);transition:opacity .12s}#hurt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 50% 50%,#7800001a,#780000a6)}#hurt.on{animation:hurt .6s ease-out}@keyframes hurt{0%{opacity:1}to{opacity:0}}#touch{position:absolute;top:0;right:0;bottom:0;left:0}#rotate-hint{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;background:#0b0c10;align-items:center;justify-content:center;font-size:22px;color:var(--gold);letter-spacing:4px}@media (orientation: portrait) and (max-width: 700px){#rotate-hint{display:flex}}.parch{border:28px solid transparent;border-image:var(--img-panel) 110 fill / 28px stretch;color:var(--ink);filter:drop-shadow(0 10px 20px rgba(0,0,0,.6))}.brass-btn{position:relative;display:flex;align-items:center;justify-content:center;min-width:220px;height:58px;padding:0 34px;cursor:pointer;background:var(--img-btnlong) center / 100% 100% no-repeat;color:#f1dfb2;font-family:var(--serif);font-size:20px;letter-spacing:6px;text-shadow:0 2px 0 #1a120a,0 0 10px rgba(255,200,120,.25);border:none;transition:transform .08s,filter .12s}.brass-btn:hover{filter:brightness(1.15)}.brass-btn:active,.brass-btn.press{transform:translateY(3px) scale(.98);filter:brightness(.8)}.brass-btn.small{min-width:140px;height:46px;font-size:16px;letter-spacing:3px;padding:0 24px}.brass-btn.dis{filter:grayscale(.8) brightness(.6);pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.screen.bg{background:var(--img-menubg) center / cover no-repeat}.screen.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05060ad9,#05060a59 55%,#05060a33);pointer-events:none}.screen>*{position:relative;z-index:1}#loading .box{display:flex;flex-direction:column;align-items:center;gap:22px}.logo{width:min(560px,60vw);aspect-ratio:1536/640;background:var(--img-logo) center / contain no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.9))}.loadbar{width:min(420px,60vw);height:10px;border:1px solid var(--gold2);background:#00000080}.loadbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6a1010,#d8b565);transition:width .2s}.loadtxt{font-size:14px;letter-spacing:6px;color:var(--gold);opacity:.8}#menu{justify-content:flex-start}#menu .col{margin-left:7vw;display:flex;flex-direction:column;gap:10px;align-items:flex-start}#menu .logo{width:min(480px,44vw);margin-bottom:8px;margin-left:-20px}#menu .tagline{font-size:14px;letter-spacing:5px;color:#b8a58a;margin:-8px 0 14px 6px}.points{position:absolute;top:18px;right:26px;z-index:2;display:flex;align-items:center;gap:10px;font-size:18px;color:var(--gold);letter-spacing:2px;text-shadow:0 2px 4px #000}.points .seal{width:34px;height:34px;background:var(--img-seal) center / contain no-repeat}.page{width:min(900px,92vw);max-height:88vh;display:flex;flex-direction:column}.page h2{margin:0 0 4px;font-size:26px;letter-spacing:8px;color:var(--ink);text-align:center}.page .sub{text-align:center;font-size:13px;color:var(--ink2);letter-spacing:3px;margin-bottom:12px}.page .body{overflow-y:auto;flex:1;padding:0 6px}.page .foot{display:flex;justify-content:center;gap:16px;margin-top:12px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--ink2),transparent);margin:10px 0;opacity:.6}.chap{display:flex;align-items:center;gap:14px;padding:10px 12px;border-bottom:1px dashed rgba(90,61,42,.4);cursor:pointer;position:relative}.chap:hover{background:#7850281a}.chap .no{font-size:28px;width:44px;text-align:center;color:var(--blood);font-weight:700}.chap .t{flex:1}.chap .t b{font-size:19px;letter-spacing:3px}.chap .t div{font-size:13px;color:var(--ink2);margin-top:3px}.chap .stamp{width:54px;height:54px;background:var(--img-seal) center / contain no-repeat;transform:rotate(-14deg)}.chap.locked{opacity:.45;pointer-events:none}.chap.locked .no:after{content:""}.story{font-size:18px;line-height:2;color:var(--ink);text-indent:2em;padding:6px 12px;letter-spacing:1px}.story-meta{text-align:center;font-size:14px;color:var(--ink2);letter-spacing:2px}.sel-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:6px 0}.label{font-size:14px;letter-spacing:4px;color:var(--ink2);text-align:center;margin:8px 0 4px}.tab{padding:6px 18px;border:1px solid var(--ink2);cursor:pointer;font-size:16px;letter-spacing:3px;color:var(--ink);background:#ffffff14}.tab.on{background:var(--ink);color:var(--paper)}.tab.locked{opacity:.35;pointer-events:none}.card{width:150px;cursor:pointer;text-align:center;padding:6px;border:2px solid transparent;transition:transform .1s;position:relative}.card:hover{transform:translateY(-2px)}.card.on{border-color:var(--blood);background:#8e1a1a14}.card .pic{width:100%;aspect-ratio:1;background-size:contain;background-position:center bottom;background-repeat:no-repeat;border-bottom:1px solid rgba(90,61,42,.5)}.card b{display:block;font-size:17px;letter-spacing:3px;margin-top:4px}.card small{display:block;font-size:12px;color:var(--ink2);line-height:1.5;min-height:36px}.desc{text-align:center;font-size:13px;color:var(--ink2);min-height:20px;margin-top:4px}.skin{display:flex;align-items:center;gap:12px;padding:8px;border-bottom:1px dashed rgba(90,61,42,.4)}.skin .sw{width:40px;height:40px;border:2px solid var(--ink2)}.skin .n{flex:1;font-size:17px;letter-spacing:2px}.skin .n small{display:block;font-size:12px;color:var(--ink2)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 30px;font-size:16px;padding:4px 16px}.stats div{display:flex;justify-content:space-between;border-bottom:1px dotted rgba(90,61,42,.4);padding:4px 0}.stats b{color:var(--blood)}.note{font-size:14px;line-height:1.8;color:var(--ink);padding:6px 10px;border-left:3px solid var(--blood);margin:6px 0;background:#7850280f}.setrow{display:flex;align-items:center;gap:16px;font-size:17px;padding:8px 20px}.setrow span{width:130px;letter-spacing:3px}.setrow input[type=range]{flex:1;accent-color:var(--blood)}.help{font-size:15px}.help div{display:flex;gap:14px;padding:5px 4px;border-bottom:1px dotted rgba(90,61,42,.35)}.help b{width:80px;flex-shrink:0;color:var(--blood);letter-spacing:2px}#result{background:#050508b8;flex-direction:column}#result .seal-big{width:220px;height:220px;background:var(--img-seal) center / contain no-repeat;display:flex;align-items:center;justify-content:center;font-size:46px;color:#f4d8b0;letter-spacing:4px;text-shadow:0 3px 0 #3a0505;font-weight:700;animation:stamp .5s cubic-bezier(.3,1.6,.5,1) both}#result .seal-big.lose{filter:grayscale(.7) brightness(.7)}@keyframes stamp{0%{transform:scale(2.6) rotate(-30deg);opacity:0}60%{opacity:1}to{transform:scale(1) rotate(-8deg)}}#result .page{margin-top:-20px;width:min(560px,90vw)}.slide-in{animation:slide .45s cubic-bezier(.2,1.4,.4,1) both}@keyframes slide{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud .tl{position:absolute;top:12px;left:16px;display:flex;flex-direction:column;gap:6px}.lamps{display:flex;gap:6px;align-items:center;padding:6px 12px 6px 8px;background:linear-gradient(90deg,#0a0806cc,#0a080600)}.lamp{width:22px;height:30px;position:relative}.lamp:before{content:"";position:absolute;left:5px;right:5px;top:4px;bottom:6px;border-radius:50% 50% 40% 40%;background:#2b2520;border:1px solid #6a5838}.lamp:after{content:"";position:absolute;left:3px;right:3px;bottom:0;height:5px;background:#6a5838}.lamp.lit:before{background:radial-gradient(circle at 50% 60%,#fff3c0,#ffb040 60%,#a05a10);box-shadow:0 0 12px #ffae40;border-color:#ffd98a}.lamps .cnt{margin-left:8px;font-size:15px;color:var(--gold);letter-spacing:2px;text-shadow:0 1px 2px #000}.timer{font-size:14px;color:#b9ad98;letter-spacing:3px;padding-left:10px;text-shadow:0 1px 2px #000}.objective{font-size:13px;color:#d9c9a8;letter-spacing:2px;padding-left:10px;text-shadow:0 1px 3px #000;max-width:40vw}.team{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:10px}.mate{width:62px;text-align:center;position:relative}.mate .ph{width:56px;height:56px;margin:0 auto;border:2px solid #8a7040;background:#1a1612 center 20% / 150% no-repeat;box-shadow:0 2px 8px #000000b3;transform:rotate(-2deg);position:relative;overflow:hidden}.mate:nth-child(2) .ph{transform:rotate(2deg)}.mate .ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.mate.hurt .ph{border-color:#d8a040}.mate.down .ph{border-color:#ff7a30;filter:sepia(.6)}.mate.chaired .ph,.mate.carried .ph{border-color:#ff2a2a;filter:sepia(.8) hue-rotate(-30deg) saturate(1.8)}.mate.dead .ph{filter:grayscale(1) brightness(.4);border-color:#333}.mate.escaped .ph{border-color:#7ad0ff;filter:brightness(1.1)}.mate .st{font-size:11px;color:#e8d8b8;letter-spacing:1px;margin-top:2px;text-shadow:0 1px 2px #000;white-space:nowrap}.mate .bar{height:4px;background:#0009;margin-top:2px}.mate .bar i{display:block;height:100%;background:#ff3030}.mate.me .ph{border-color:var(--gold)}.btn-pause{position:absolute;top:12px;right:14px;width:52px;height:52px;pointer-events:auto;background:var(--img-btnround) center / contain no-repeat;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:18px;cursor:pointer}.btn-pause:before{content:"";width:14px;height:16px;border-left:5px solid #e8c878;border-right:5px solid #e8c878}.actions{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:26px;width:300px;height:250px}.abtn{position:absolute;pointer-events:auto;background:var(--img-btnround) center / contain no-repeat;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f3e2b8;font-size:17px;letter-spacing:2px;text-shadow:0 2px 2px #000;transition:transform .07s,filter .1s;cursor:pointer}.abtn.press{transform:scale(.9);filter:brightness(.75)}.abtn.dis{filter:grayscale(.9) brightness(.5)}.abtn.main{width:128px;height:128px;right:0;bottom:0;font-size:21px}.abtn.sec{width:92px;height:92px;right:138px;bottom:6px}.abtn.sk{width:86px;height:86px;right:26px;bottom:138px;font-size:14px}.abtn.hint{width:84px;height:84px;right:138px;bottom:108px;font-size:14px}.abtn .cd{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:conic-gradient(rgba(0,0,0,.7) var(--p),transparent 0);pointer-events:none}.abtn .cdn{position:absolute;font-size:20px;color:#fff}.abtn .stam{position:absolute;top:1%;right:1%;bottom:1%;left:1%;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(240,200,100,.95) var(--s, 100%),rgba(0,0,0,.45) 0);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%,#000 72%,transparent 74%);mask:radial-gradient(circle,transparent 62%,#000 64%,#000 72%,transparent 74%)}.abtn.tired .stam{background:conic-gradient(rgba(200,60,40,.95) var(--s, 0%),rgba(0,0,0,.45) 0)}.abtn.tired .lbl{color:#c98a7a}.abtn.on{filter:brightness(1.25) drop-shadow(0 0 8px rgba(255,200,110,.7))}.abtn.on .lbl{color:#fff3c8}.abtn .chg{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:4px solid #ff3a3a;opacity:0}.chanbar{position:absolute;left:50%;bottom:20%;transform:translate(-50%);width:260px;text-align:center}.chanbar .lb{font-size:14px;color:#f0dfb8;letter-spacing:3px;margin-bottom:4px;text-shadow:0 1px 3px #000}.chanbar .tr{height:10px;border:1px solid #b8964a;background:#0009}.chanbar .tr i{display:block;height:100%;background:linear-gradient(90deg,#a07a30,#ffe08a)}.qte{position:absolute;left:50%;top:46%;width:150px;height:150px;transform:translate(-50%,-50%);pointer-events:auto}.qte svg{width:100%;height:100%}.qte .qlb{position:absolute;bottom:-26px;width:100%;text-align:center;font-size:14px;letter-spacing:3px;color:#f0dfb8;text-shadow:0 1px 3px #000}.toasts{position:absolute;top:96px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{padding:6px 26px;font-size:15px;letter-spacing:2px;color:#f3e6c8;background:linear-gradient(90deg,transparent,rgba(20,14,10,.85) 20%,rgba(20,14,10,.85) 80%,transparent);animation:tin .3s ease-out,tout .5s ease-in 2.4s forwards;white-space:nowrap}.toast.good{color:#bfe8c0}.toast.bad{color:#ff9a8a}.toast.warn{color:#ffd88a}@keyframes tin{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}@keyframes tout{to{opacity:0}}.tip{position:absolute;left:50%;bottom:30%;transform:translate(-50%);max-width:60vw;padding:10px 26px;font-size:16px;line-height:1.6;letter-spacing:1px;color:var(--ink);text-align:center;animation:slide .4s cubic-bezier(.2,1.4,.4,1) both}.tip.parch{border-width:16px;border-image-width:16px}.struggle{position:absolute;left:50%;bottom:34%;transform:translate(-50%);text-align:center;width:280px}.struggle .lb{color:#ffb0a0;letter-spacing:3px;font-size:16px;text-shadow:0 1px 3px #000}.joy{position:absolute;width:130px;height:130px;margin:-65px 0 0 -65px;border-radius:50%;border:2px solid rgba(216,181,101,.45);background:radial-gradient(circle,#140f0a1a,#140f0a73);pointer-events:none}.joy i{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e8c878,#8a6a2a 70%,#4a3614);box-shadow:0 2px 6px #0009}.joy-ghost{position:absolute;left:12%;bottom:18%;width:110px;height:110px;border-radius:50%;border:2px dashed rgba(216,181,101,.25);pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:12px;color:#d8b56580;letter-spacing:2px}@media (max-height: 460px){.actions{transform:scale(.8);transform-origin:right bottom}.page{max-height:94vh}.card{width:118px}.brass-btn{height:48px;min-width:190px;font-size:17px}#menu .logo{width:36vw}}