:root{--bg: #050407;--ink: #e8e0d0;--ink-dim: #a89c88;--ink-faint: #6a6054;--gold: #d8a860;--gold-deep: #7a5a2a;--blood: #a8182a;--blood-deep: #4a0610;--panel: rgba(8, 6, 10, .88);--edge: rgba(216, 168, 96, .35);--paper: #d9c9a3;--paper-ink: #2a1e12;--kept: #2e5a2e;--display: "Cinzel", "Trajan Pro", Georgia, serif;--text: "Cormorant Garamond", Garamond, Georgia, serif;--type: "Special Elite", "Courier New", monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-family:var(--text);font-size:17px}#app{position:fixed;inset:0}canvas.game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font:inherit}.hidden{display:none!important}.hud{position:absolute;inset:0;pointer-events:none;z-index:5}.hud.off{display:none}.hud-top{position:absolute;top:calc(12px + var(--safe-t));left:calc(14px + var(--safe-l));right:calc(14px + var(--safe-r));display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hud-left{display:flex;flex-direction:column;gap:5px;min-width:0}.hp{display:flex;flex-wrap:wrap;gap:1px;max-width:190px}.hp i{width:20px;height:18px;background:center / contain no-repeat;filter:drop-shadow(0 0 3px rgba(168,24,42,.45))}.hp i.lost{animation:heartLost .5s ease-out}.hp.low{animation:lowPulse .9s ease-in-out infinite}@keyframes heartLost{0%{transform:scale(1.7);filter:brightness(3)}to{transform:scale(1)}}@keyframes lowPulse{50%{transform:scale(1.06);filter:brightness(1.5)}}.lives{font-family:var(--display);font-size:11px;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;text-shadow:0 1px 3px #000}.lives-n{color:var(--gold);font-size:13px}.power{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.14em;text-shadow:0 1px 3px #000,0 0 12px currentColor;opacity:0;transition:opacity .2s}.power.on{opacity:1}.rule{position:relative;background:linear-gradient(170deg,#e2d3ae,var(--paper) 60%,#c8b68c);color:var(--paper-ink);padding:6px 16px 8px;text-align:center;box-shadow:0 4px 14px #000000b3,inset 0 0 18px #5a3c1459;transform:rotate(-1deg);min-width:170px;max-width:42vw;flex:0 1 auto;font-family:var(--type)}.rule-head{display:block;font-size:9.5px;letter-spacing:.22em;opacity:.7}.rule b{display:block;font-size:14px;font-weight:400;line-height:1.2;margin-top:3px}.rule-extra{display:block;font-size:13px;margin-top:2px;font-variant-numeric:tabular-nums}.rule-extra:empty{display:none}.rule-extra.danger{color:var(--blood);animation:lowPulse .5s ease-in-out infinite}.stamp{position:absolute;left:50%;top:50%;padding:2px 10px;font-family:var(--display);font-weight:900;font-size:17px;letter-spacing:.18em;border:3px double currentColor;transform:translate(-50%,-50%) rotate(-10deg) scale(1.8);opacity:0;mix-blend-mode:multiply;transition:opacity .15s,transform .3s cubic-bezier(.2,1.6,.5,1);pointer-events:none;white-space:nowrap}.broken-stamp{color:#9a1020}.kept-stamp{color:var(--kept)}.rule.broken .broken-stamp,.rule.kept .kept-stamp{opacity:.9;transform:translate(-50%,-50%) rotate(-10deg) scale(1)}.rule.thump{animation:thump .5s ease-out}@keyframes thump{0%{transform:rotate(-1deg) scale(1.2)}40%{transform:rotate(1.5deg) scale(.96)}to{transform:rotate(-1deg) scale(1)}}.hud-right{display:flex;align-items:center;gap:12px}.foes{display:flex;align-items:center;gap:6px;font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink);text-shadow:0 1px 3px #000}.skull{width:17px;height:17px;display:block;opacity:.85;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 3 5.8 3 10.4c0 2.6 1.2 4.4 3 5.5V19c0 1 .8 1.8 1.8 1.8h8.4c1 0 1.8-.8 1.8-1.8v-3.1c1.8-1.1 3-2.9 3-5.5C21 5.8 17.5 2 12 2z' fill='%23e8e0d0'/%3E%3Ccircle cx='8.6' cy='11' r='2.3' fill='%23050407'/%3E%3Ccircle cx='15.4' cy='11' r='2.3' fill='%23050407'/%3E%3Cpath d='M12 13.5l-1.3 2.3h2.6z' fill='%23050407'/%3E%3C/svg%3E")}.pause-btn{pointer-events:auto;position:relative;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--edge);background:#08060ab3;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0}.pause-btn i{width:3px;height:13px;background:var(--ink)}.boss{position:absolute;left:50%;top:calc(96px + var(--safe-t));transform:translate(-50%);width:min(440px,72vw);text-align:center;display:none}.boss.on{display:block}.boss-name{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.3em;color:#9ab8ff;text-shadow:0 0 14px rgba(120,160,255,.6)}.boss-bar{height:6px;background:#000000b3;border:1px solid rgba(120,160,255,.4);overflow:hidden;margin-top:4px}.boss-bar i{display:block;height:100%;background:linear-gradient(90deg,#3a5aa8,#9ab8ff);transition:width .3s}.banner{position:absolute;left:0;right:0;top:32%;text-align:center;opacity:0;pointer-events:none;padding:0 18px;transition:opacity .3s}.banner.on{opacity:1}.banner.pop .big{animation:settle .9s cubic-bezier(.2,.8,.3,1)}.banner .big{font-family:var(--display);font-weight:700;font-size:clamp(24px,5.2vw,46px);letter-spacing:.16em;color:var(--ink);text-shadow:0 2px 16px #000,0 0 30px rgba(0,0,0,.9);line-height:1.1;text-wrap:balance}.banner .small{margin-top:10px;font-size:clamp(15px,3.4vw,21px);font-style:italic;font-weight:500;color:var(--ink-dim);text-shadow:0 2px 8px #000}.banner.bad .big{color:#d8283a;text-shadow:0 0 22px rgba(200,20,40,.55),0 2px 12px #000}.banner.good .big{color:var(--gold);text-shadow:0 0 22px rgba(216,168,96,.45),0 2px 12px #000}.banner.boss .big{color:#9ab8ff;text-shadow:0 0 24px rgba(120,160,255,.6),0 2px 12px #000}.banner.small .big{font-size:clamp(18px,3.8vw,30px)}.banner.can .big{font-size:clamp(18px,3.8vw,30px);color:var(--gold)}@keyframes settle{0%{opacity:0;letter-spacing:.5em;filter:blur(6px)}to{opacity:1;letter-spacing:.16em;filter:blur(0)}}.tip{position:absolute;left:50%;bottom:calc(26px + var(--safe-b));transform:translate(-50%,16px);max-width:min(560px,90vw);background:var(--panel);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:9px 20px;font-size:17px;font-style:italic;text-align:center;opacity:0;transition:opacity .3s,transform .3s}.tip.on{opacity:1;transform:translate(-50%)}body.is-touch .tip{bottom:auto;top:calc(104px + var(--safe-t))}.xhair{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.xhair i{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:#f0e6d2b3;box-shadow:0 0 3px #000000e6;transition:transform .12s,background .12s}.xhair b{position:absolute;left:-13px;top:-13px;width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(240,230,210,0);transition:border-color .15s,transform .15s;transform:scale(.6)}.xhair.none{display:none}.xhair.target b{border-color:#c82832bf;transform:scale(1)}.xhair.target i{background:#e64646f2}.xhair.grab b{border-color:#d8a860d9;border-style:dashed;transform:scale(1)}.hitmark{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;opacity:0;background:linear-gradient(45deg,transparent 46%,rgba(240,230,210,.95) 46%,rgba(240,230,210,.95) 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(240,230,210,.95) 46%,rgba(240,230,210,.95) 54%,transparent 54%);-webkit-mask:radial-gradient(circle,transparent 7px,#000 8px);mask:radial-gradient(circle,transparent 7px,#000 8px)}.hitmark.on{animation:hitmark .22s ease-out}.hitmark.kill{filter:sepia(1) saturate(6) hue-rotate(-40deg);animation:hitmark .4s ease-out}@keyframes hitmark{0%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(.9)}}.hits{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.hits i{position:absolute;left:-24vmin;top:-24vmin;width:48vmin;height:48vmin;border-radius:50%;border-top:7px solid rgba(190,14,28,.9);filter:blur(1.5px);animation:hitFade .9s ease-out forwards}@keyframes hitFade{0%{opacity:1}to{opacity:0}}.stamina{position:absolute;left:50%;top:calc(50% + 34px);width:90px;height:3px;margin-left:-45px;background:#f0e6d21f;opacity:0;transition:opacity .3s;pointer-events:none}.stamina.on{opacity:1}.stamina i{display:block;height:100%;background:#f0e6d299;transform-origin:50% 50%}.stamina.winded i{background:#c83232cc}.prompt{position:absolute;left:50%;top:calc(50% + 52px);transform:translate(-50%);font-family:var(--type);font-size:13px;letter-spacing:.06em;color:#f0e6d2d9;text-shadow:0 0 6px #000,0 0 2px #000;white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}.prompt.on{opacity:1}.prompt.grab{color:var(--gold)}.lockhint{position:absolute;left:50%;top:58%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:4px;padding:14px 26px;background:#050407bf;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);pointer-events:auto;cursor:pointer;z-index:4}.lockhint.on{display:flex}.lockhint b{font-family:var(--display);letter-spacing:.2em;font-size:15px;color:var(--gold)}.lockhint small{font-family:var(--type);font-size:11px;color:var(--ink-dim)}.subtitle{position:absolute;left:50%;bottom:calc(12% + var(--safe-b));transform:translate(-50%);width:min(760px,90vw);text-align:center;font-family:var(--text);font-style:italic;font-size:21px;line-height:1.3;color:#efe6d6;text-shadow:0 0 8px #000,0 0 3px #000,0 2px 2px #000;opacity:0;transition:opacity .4s;pointer-events:none;z-index:12}.subtitle.on{opacity:1}body.is-touch .subtitle{bottom:calc(40% + var(--safe-b));font-size:17px}@media (max-aspect-ratio: 1/1){body.is-touch[data-state=story] .subtitle,body.is-touch[data-state=intro] .subtitle{bottom:calc(14px + var(--safe-b))}}.scare{position:absolute;inset:-4%;z-index:30;background:#000 center / cover no-repeat;opacity:0;pointer-events:none}.scare.on{animation:scare .9s steps(18) forwards}@keyframes scare{0%{opacity:1;transform:scale(1.18) translate(1%,-1%);filter:contrast(1.4) brightness(1.3)}12%{transform:scale(1.08) translate(-1.5%,1%)}24%{transform:scale(1.12) translate(1%,.5%);filter:contrast(1.6) brightness(.9)}60%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.02);filter:contrast(1.2) brightness(.4)}}.screen.film{background:#000;padding:0;z-index:25}.film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}@media (orientation: portrait){.film-video{object-fit:contain}}.film-skip{position:absolute;right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b));width:auto;padding:10px 18px;z-index:2;opacity:.8}.keyart{position:absolute;inset:0;z-index:-1;background:#000 center / cover no-repeat;animation:artDrift 40s ease-in-out infinite alternate}.keyart:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030204eb,#030204b3 38%,#03020426 70%,#03020459)}@media (orientation: portrait){.keyart:after{background:linear-gradient(180deg,#0302041a,#0302048c,#030204eb 70%)}}@keyframes artDrift{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.1) translate(-1.5%,1%)}}.screen.title,.screen.end{background:#000;overflow:hidden}.screen.title .panel,.screen.end .panel{position:relative}@media (prefers-reduced-motion: reduce){.keyart{animation:none}}.setting{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:12px;letter-spacing:.14em;color:var(--ink-dim);padding:6px 4px}.setting input{flex:1;accent-color:var(--gold)}.sens-v{min-width:44px;text-align:right;font-family:var(--type);font-size:12px}.credits{font-size:13px!important;color:var(--ink-faint)!important;font-style:italic}.touch{display:none}body.is-touch.playing .touch{display:block}.touch-layer{position:absolute;inset:0;pointer-events:auto;touch-action:none}.zone-label{position:absolute;bottom:calc(22px + var(--safe-b));font-family:var(--display);font-size:9.5px;letter-spacing:.24em;color:#e8e0d042;text-align:center;pointer-events:none}.zone-label.left{left:calc(20px + var(--safe-l))}.zone-label.right{right:calc(200px + var(--safe-r))}.stick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:1px solid rgba(232,224,208,.3);background:#e8e0d00d;opacity:0;transition:opacity .12s;pointer-events:none}.stick.on{opacity:1}.stick i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#e8e0d047}.tbtn{position:absolute;pointer-events:auto;touch-action:none;width:66px;height:66px;border-radius:50%;border:1px solid var(--edge);background:#08060a9e;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;padding:0;cursor:pointer;font-family:var(--display)}.tbtn b{font-size:11px;font-weight:700;letter-spacing:.1em}.tbtn small{font-size:8.5px;opacity:.65;letter-spacing:.1em}.tbtn.down{background:#d8a86059;transform:scale(.93)}.tbtn.hit{right:calc(22px + var(--safe-r));bottom:calc(34px + var(--safe-b));width:88px;height:88px;border-color:#c83c3c99}.tbtn.hit b{font-size:14px}.tbtn.grab{right:calc(32px + var(--safe-r));bottom:calc(138px + var(--safe-b))}.tbtn.dodge{right:calc(122px + var(--safe-r));bottom:calc(30px + var(--safe-b));width:58px;height:58px}@media (orientation: landscape) and (max-height: 520px){.tbtn.hit{bottom:calc(18px + var(--safe-b))}.tbtn.grab{bottom:calc(118px + var(--safe-b));right:calc(26px + var(--safe-r))}.tbtn.dodge{bottom:calc(16px + var(--safe-b));right:calc(118px + var(--safe-r))}.zone-label.right{bottom:calc(10px + var(--safe-b));right:calc(190px + var(--safe-r))}.boss{top:calc(70px + var(--safe-t))}.banner{top:22%}}.screen{position:absolute;inset:0;z-index:10;display:none;align-items:center;justify-content:center;padding:calc(18px + var(--safe-t)) calc(18px + var(--safe-r)) calc(18px + var(--safe-b)) calc(18px + var(--safe-l));overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at center,#05040759,#030204eb 78%)}.screen.on{display:flex}.screen.roomcard{background:radial-gradient(ellipse at center,#0302044d,#030204d9 80%);cursor:pointer}.panel{width:min(580px,100%);margin:auto;background:var(--panel);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:30px 26px;text-align:center;box-shadow:0 30px 80px #000c}.title-panel{background:transparent;border:0;box-shadow:none}.panel h2{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:.14em;color:var(--ink);margin:0 0 16px;text-wrap:balance}.kicker{font-family:var(--display);font-size:11px;letter-spacing:.42em;color:var(--gold);margin:0 0 12px}.logo{font-family:var(--display);font-weight:900;font-size:clamp(56px,14vw,118px);line-height:.92;letter-spacing:.08em;color:var(--ink);text-shadow:0 0 40px rgba(168,24,42,.35),0 6px 30px #000;display:flex;flex-direction:column;align-items:center}.logo span:last-child{color:#c8283a;text-shadow:0 0 36px rgba(200,30,50,.5),0 6px 30px #000}.tag{font-size:19px;font-style:italic;line-height:1.45;color:var(--ink-dim);margin:18px 0 26px;text-shadow:0 2px 8px #000}.menu{display:flex;flex-direction:column;align-items:center;gap:12px}.btn{pointer-events:auto;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.22em;color:var(--ink);background:linear-gradient(180deg,#7a0e1c,#4a0610);border:1px solid rgba(232,180,150,.35);padding:14px 32px;min-width:250px;box-shadow:0 8px 22px #0009,inset 0 1px #ffc8b426;cursor:pointer;transition:filter .15s,transform .08s}.btn:hover,.btn:focus-visible{filter:brightness(1.25);outline:none}.btn:focus-visible{box-shadow:0 0 0 2px var(--gold),0 8px 22px #0009}.btn:active{transform:translateY(2px)}.btn.ghost{background:#08060a99;border:1px solid var(--edge);color:var(--ink-dim)}.fine{margin-top:22px;font-family:var(--display);font-size:10px;letter-spacing:.24em;color:var(--ink-faint);text-transform:uppercase}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:left}.how-col h3{margin:0 0 6px;font-family:var(--display);font-size:13px;letter-spacing:.16em;color:var(--gold)}.how-col p{margin:4px 0;font-size:16px;line-height:1.35}kbd{display:inline-block;min-width:22px;padding:0 6px;margin:0 2px 2px 0;border:1px solid var(--edge);background:#0e0b10;font:12px/1.6 var(--type);text-align:center;color:var(--ink)}body.is-touch .keys-col{display:none}.how-rules{margin:18px 0 20px;padding:14px 16px;background:#d9c9a312;border-left:2px solid var(--gold-deep);text-align:left}.how-rules p{margin:6px 0;font-size:16px;line-height:1.45}.how-rules b{color:var(--gold);font-weight:600}.story-panel{max-width:540px}.story-line{font-size:20px;line-height:1.5;margin:0 0 12px}.story-card{font-family:var(--type);font-size:19px;line-height:1.4;color:var(--paper-ink);background:linear-gradient(170deg,#e2d3ae,var(--paper) 60%,#c8b68c);padding:16px 18px;margin:12px auto 24px;transform:rotate(-1.2deg);box-shadow:0 10px 30px #000000b3,inset 0 0 22px #5a3c1459;max-width:440px}.end-stats{margin:6px 0 20px;font-size:19px;color:var(--ink-dim)}.end-stats b{color:var(--gold);font-family:var(--display);font-size:30px}.rc{text-align:center;max-width:580px;animation:cardIn .9s cubic-bezier(.2,.8,.3,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.rc-count{font-family:var(--display);font-size:11px;letter-spacing:.4em;color:var(--gold)}.rc h2{font-family:var(--display);font-weight:700;font-size:clamp(32px,8vw,60px);letter-spacing:.1em;line-height:1.05;margin:10px 0 22px;color:var(--ink);text-shadow:0 4px 30px #000;text-wrap:balance}.rule.big{display:inline-block;padding:14px 30px 16px;max-width:min(470px,88vw);transform:rotate(-1.5deg)}.rule.big .rule-head{font-size:11px}.rule.big b{font-size:22px}.rule.big em{display:block;margin-top:8px;font-size:13px;font-style:normal;opacity:.72}.rule.big:after{content:"";position:absolute;right:-12px;bottom:-12px;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c8283a,#7a0e1c 60%,#4a0610);box-shadow:0 3px 8px #0009}.rc-tip{margin:22px auto 8px;font-size:18px;font-style:italic;line-height:1.4;max-width:460px;color:var(--ink-dim);text-shadow:0 2px 6px #000}.rc-tap{display:inline-block;margin-top:10px;font-family:var(--display);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.res-room{font-family:var(--display);font-size:11px;letter-spacing:.28em;color:var(--gold)}.stars{display:flex;justify-content:center;gap:14px;margin:6px 0 16px}.stars i{width:34px;height:52px;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Crect x='6' y='10' width='8' height='18' fill='%23231c18'/%3E%3C/svg%3E")}.stars i.got{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='40%25' r='50%25'%3E%3Cstop offset='0' stop-color='%23fff6c0'/%3E%3Cstop offset='1' stop-color='%23ff9a30' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10' cy='6' r='6' fill='url(%23g)'/%3E%3Cpath d='M10 1.5c1.6 2.6 2.4 4 2.4 5.3a2.4 2.4 0 0 1-4.8 0c0-1.3.8-2.7 2.4-5.3z' fill='%23ffd070'/%3E%3Crect x='6' y='10' width='8' height='18' fill='%23e8dcc0'/%3E%3C/svg%3E");animation:starIn .6s cubic-bezier(.2,1.4,.5,1);filter:drop-shadow(0 0 10px rgba(255,180,80,.6))}@keyframes starIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.res-list{list-style:none;padding:0;margin:0 0 22px;text-align:left}.res-list li{position:relative;padding:6px 0 6px 28px;font-size:17px;line-height:1.35}.res-list li:before{content:"";position:absolute;left:4px;top:12px;width:10px;height:10px;transform:rotate(45deg);background:var(--gold)}.res-list li.miss{color:var(--ink-faint)}.res-list li.miss:before{background:#3a1a1e}.over-title{color:#d8283a!important}.over-text{font-size:19px;font-style:italic;margin:0 0 22px;color:var(--ink-dim)}.vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 60%,rgba(0,0,0,.35) 100%)}.flash,.fade{position:absolute;inset:0;pointer-events:none;opacity:0}.flash{z-index:8}.fade{z-index:20;background:#000}@media (max-width: 520px){body{font-size:16px}.rule{min-width:0;max-width:46vw;padding:5px 10px 6px}.rule b{font-size:12px}.hp{max-width:90px}.hp i{width:17px;height:15px}.btn{min-width:0;width:100%;max-width:320px}.panel{padding:24px 18px}.panel h2{font-size:24px}.story-line{font-size:18px}}@media (prefers-reduced-motion: reduce){.rc,.rc-tap,.hp.low,.banner.pop .big{animation:none}}.loading{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#030204;transition:opacity .8s ease}.loading.done{opacity:0;pointer-events:none}.loading .logo{font-size:44px}.lbar{width:min(320px,70vw);height:2px;background:#d8a86026;overflow:hidden}.lbar i{display:block;height:100%;background:var(--gold);transform:scaleX(.02);transform-origin:0 50%;transition:transform .25s ease}.lline{margin:0;font-family:var(--type);font-size:13px;color:var(--ink-dim);letter-spacing:.04em}.minimap{display:block;width:150px;height:150px;border-radius:50%;filter:drop-shadow(0 2px 10px rgba(0,0,0,.75));margin-bottom:4px}@media (max-width: 520px){.minimap{width:96px;height:96px}}@media (orientation: landscape) and (max-height: 520px){.minimap{width:100px;height:100px}}.keys{position:absolute;right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));width:262px;padding:10px 13px 9px;background:#060508a8;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);font-family:var(--display);font-size:10.5px;letter-spacing:.1em;color:var(--ink-dim);pointer-events:none}.keys-head{color:var(--gold);font-size:10px;letter-spacing:.24em;margin-bottom:6px}.krow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;min-height:21px}.krow kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;font-family:var(--display);font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:0 5px;margin-left:3px;border:1px solid rgba(232,224,208,.35);border-radius:4px;background:#e8e0d014;color:var(--ink)}.krow kbd.ps{width:20px;height:20px;padding:0;border-radius:50%;font-size:12px;background:#00000080}.krow kbd.ps.x{color:#86aaff}.krow kbd.ps.o{color:#ff6f6f}.krow kbd.ps.sq{color:#ff90da}.krow kbd.ps.tri{color:#5fe2b2}body.keys-hidden .keys,body.is-touch .keys{display:none}body.is-touch[data-device=pad]:not(.keys-hidden) .keys{display:block}@media (max-height: 560px){.keys{transform:scale(.85);transform-origin:100% 100%}}.toast{position:absolute;left:50%;top:calc(96px + var(--safe-t));transform:translate(-50%,-6px);padding:8px 16px;background:#060508e0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);font-family:var(--type);font-size:13px;color:var(--ink);opacity:0;transition:opacity .25s,transform .25s;white-space:nowrap;pointer-events:none;z-index:40}.toast.on{opacity:1;transform:translate(-50%)}.btn.padfocus{outline:2px solid var(--gold);outline-offset:3px}