html,body{margin:0;height:100%;background:#000;overflow:hidden;font-family:Georgia,serif;color:#f4ecd2}canvas{display:block}#hud{position:fixed;left:16px;top:12px;width:340px;text-shadow:0 2px 2px #000;font-size:14px}.row{display:flex;gap:8px;align-items:center;margin-bottom:5px}.bar{flex:1;height:12px;background:#2a0c0c;border:2px solid #000;box-shadow:0 0 0 1px #c9a24a}.bar i{display:block;height:100%;background:#d6302a;width:100%}.meter i{background:#e8c650}.boss i{background:#9b1fd6}#wpn,#pw{font-size:13px;margin-top:4px;color:#ffe9a8}#room{position:fixed;right:16px;top:12px;font-size:18px;text-shadow:0 2px 2px #000}#boss{position:fixed;left:50%;bottom:44px;transform:translate(-50%);width:520px;text-align:center;text-shadow:0 2px 2px #000}#msg{position:fixed;left:0;right:0;top:38%;text-align:center;font-size:44px;font-weight:700;letter-spacing:3px;text-shadow:0 3px 0 #000,0 0 12px #000;pointer-events:none}#help{position:fixed;left:0;right:0;bottom:8px;text-align:center;font-size:12px;opacity:.75}#screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#05040357 15%,#050403b8 95%)}#screen.title{background:url(./title_bg-CWuQd0BR.png) center/cover,#050403}#screen.fallen{background:radial-gradient(circle,#28000073,#050403d9)}#screen .panel{position:relative;width:580px;padding:30px 20px 22px;text-align:center;background:linear-gradient(#efe2c0,#dccaa0);border-radius:14px;box-shadow:0 0 0 3px #3a2410,0 12px 40px #000000b3}#screen h1{margin:6px 0 10px;color:#7a1f18;font:44px Georgia,serif;text-shadow:none}#screen p{color:#241006;font:20px Georgia,serif;margin:6px 0}#screen hr{border:0;border-top:1.5px solid rgba(122,31,24,.4);width:72%}#screen .keys{font-size:14px;color:#4a3016}#screen .seal{position:absolute;right:26px;top:14px;width:40px;height:40px;line-height:40px;border-radius:6px;background:#b3261e;color:#f4e6c8;font-size:24px}#screen[hidden]{display:none}#wpn span{padding:1px 5px;border-radius:4px;opacity:.6}#wpn span.sel{opacity:1;background:#7a1f18bf;box-shadow:0 0 0 1px #c9a24a}#wpn i{opacity:.55;font-size:11px}#msg.small{font-size:20px;letter-spacing:1px;top:30%}#menu{display:flex;flex-direction:column;gap:6px;margin:10px auto 4px;max-width:520px}#menu .mi{display:block;text-align:left;padding:7px 12px;border:1.5px solid rgba(122,31,24,.45);border-radius:8px;background:#fff8e68c;color:#241006;font:15px Georgia,serif;cursor:pointer}#menu .mi b{display:block}#menu .mi small{opacity:.7;font-size:12px}#menu .mi.sel{background:#7a1f18;color:#f5e6c8;border-color:#3a2410}#menu .mi.locked{opacity:.45}#screen.story{background:#050403}#story{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px}#storyImg{width:min(92vw,150vh);aspect-ratio:16/9;max-height:74vh;background:center/contain no-repeat;box-shadow:0 0 0 3px #3a2410,0 10px 40px #000}#storyImg.dim{filter:grayscale(1) brightness(.45)}#screen #storyText{max-width:min(92vw,900px);text-align:center;color:#efe2c0;font:italic 24px Georgia,serif;margin:0;text-shadow:0 2px 3px #000}#storyNum{color:#c9b48a;font:12px Georgia,serif;opacity:.7}@media (max-width:640px){#screen #storyText{font-size:17px}#screen .panel{width:auto;max-width:92vw;padding:18px 12px}#menu .mi{font-size:13px;padding:5px 9px}#screen h1{font-size:28px}#screen p{font-size:15px}}#story[hidden],#menu[hidden]{display:none!important}#boss,#hud,#msg{pointer-events:none}body.touch #boss{bottom:auto;top:60px;width:min(520px,92vw)}#pause{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0009}#pause[hidden]{display:none}#pause .panel{background:#efe6d2;color:#222;padding:22px 28px;border-radius:6px;display:flex;flex-direction:column;gap:10px;min-width:220px;text-align:center;font-family:Georgia,serif}#pause h1{margin:0 0 6px;color:#a3141b;letter-spacing:.15em}#pause button{font:600 16px Georgia,serif;padding:12px;border:2px solid #222;background:#fff;border-radius:4px;cursor:pointer}#pause small{opacity:.6}#pauseBtn{position:fixed;top:40px;right:8px;z-index:55;width:44px;height:44px;font-size:20px;border-radius:50%;border:1px solid #fff8;background:#0008;color:#fff;display:none}body.playing #pauseBtn{display:block}#railEnd{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:40;background:#0a04148c}#railEnd[hidden]{display:none}#railEnd .panel{background:#140a22eb;border:1px solid #ff40c0;padding:18px 22px;max-width:min(92vw,520px);text-align:center;color:#eee}#railEnd button{display:block;width:100%;margin:8px 0;padding:12px;font:inherit;font-weight:700;background:#2a1640;color:#fff;border:1px solid #7a4cff}#railEnd button[hidden],body.railing #help{display:none}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0b0d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity .6s;color:#c8e84b;font-family:system-ui,sans-serif}#splash img{width:min(70vw,440px);animation:spl 1.4s ease-out}#splash p{margin:0;letter-spacing:.5em;font-weight:800;font-size:clamp(12px,2.4vw,18px)}#splash small{opacity:.6;letter-spacing:.3em}#splash.out{opacity:0;pointer-events:none}@keyframes spl{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.diffSlider,.vol{margin:10px 0;text-align:left}.diffSlider input,.vol input{width:100%}.diffSlider .dl{display:flex;justify-content:space-between;font-size:10px;opacity:.75}.diffSlider small{opacity:.7;font-size:11px}.opts .ctl{font-size:12px;text-align:left;line-height:1.4}#pause .diffSlider{max-width:360px;margin:12px auto}.opts .diffSlider,.opts .vol,.opts .ctl{color:#3a1a10}.opts .diffSlider small{color:#5a3a2a}#editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:auto;background:#0e0a0cf5;color:#eee3cf;font:14px/1.35 Georgia,serif;padding:10px 14px 40px;box-sizing:border-box}#editor[hidden],#edChoice[hidden]{display:none}#editor h2{margin:0 10px 0 0;color:#ff4a5a;letter-spacing:2px;font-size:20px}#editor h4{margin:10px 0 4px;color:#ffcf8a;font-size:13px;letter-spacing:1px;text-transform:uppercase}#editor button,#editor .btn,#editor select,#editor input:not([type=checkbox]):not([type=radio]){font:13px Georgia,serif;background:#2a1e22;color:#eee3cf;border:1px solid #6a4a4a;border-radius:5px;padding:6px 9px;margin:2px;min-height:32px;box-sizing:border-box}#editor button:hover,#editor .btn:hover{border-color:#ff4a5a}#editor button.go{background:#8a1626;border-color:#ff4a5a;font-weight:700}#editor .btn{display:inline-flex;align-items:center;cursor:pointer}.edTop{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border-bottom:1px solid #4a3434;padding-bottom:8px;position:sticky;top:-10px;background:#0e0a0c;z-index:2}.edTop .edSrc{max-width:340px}.edTop .edTitle{width:220px}.edBody{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.4fr);gap:14px;margin-top:10px}.edGraph{width:100%;max-height:300px;background:#1a1215;border:1px solid #3a2a2a;border-radius:6px}.edGraph .node rect{fill:#2a1e22;stroke:#6a4a4a}.edGraph .node.on rect{fill:#4a1620;stroke:#ff4a5a;stroke-width:2}.edGraph text{fill:#eee3cf;font:12px Georgia,serif}.edGraph text.sm{fill:#b8a890;font-size:10px}.edGraph .node{cursor:pointer}.edList{margin:8px 0;padding-left:22px}.edList li{padding:5px 6px;cursor:pointer;border-radius:4px}.edList li.on{background:#4a1620}.edList small{color:#b8a890}.edRoom label{display:block;margin:4px 0}.edRoom label.ck{display:inline-block;margin-right:10px}.edRoom label.up input{display:block;font-size:12px}.edThumb{display:block;width:100%;max-width:460px;aspect-ratio:16/9;object-fit:cover;border:1px solid #4a3434;border-radius:4px;margin:4px 0}.edWave{border:1px dashed #4a3434;border-radius:5px;padding:5px;margin:4px 0}.edWave b{margin-right:6px;color:#ffcf8a}.chip{display:inline-block;background:#33262a;border:1px solid #6a4a4a;border-radius:12px;padding:3px 4px 3px 9px;margin:2px;cursor:pointer;font-size:12px}.chip.boss{background:#6a1420;border-color:#ff4a5a}.chip.item{background:#1e3330;border-color:#3a8a7a}.chip i{font-style:normal;margin-left:6px;padding:0 5px;color:#ff8a8a}.edStatus{position:fixed;left:0;right:0;bottom:0;background:#1a1215;color:#ffcf8a;padding:6px 14px;font-size:12px;border-top:1px solid #4a3434}#edChoice{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:#0000008c}#edChoice .panel{background:#f1e3c4;color:#2a1a12;padding:18px 22px;border-radius:8px;text-align:center;max-width:90vw}#edChoice h1{color:#b0201e;font:700 24px Georgia,serif;margin:0 0 10px}#edChoice button{display:block;width:100%;margin:6px 0;padding:12px;font:16px Georgia,serif;background:#2a1e22;color:#eee3cf;border:0;border-radius:6px}#edChoice small{color:#ffcf8a;margin-left:6px}@media (max-width: 760px){.edBody{grid-template-columns:1fr}.edTop .edSrc,.edTop .edTitle{width:100%;max-width:none}#editor{font-size:15px}}.opts.credits{max-height:46vh;overflow:auto;text-align:left;font-size:12px}.opts.credits ul{margin:4px 0 10px 16px;padding:0}.opts.credits li{margin:2px 0}.opts.credits a{color:#8a1626}#screen.fadein,#railEnd.fadein{animation:endFade .9s ease-out both}@keyframes endFade{0%{opacity:0}to{opacity:1}}html,body{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#touchControls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;display:none;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);color:#f7edcf;font-family:Georgia,serif}body.touch #touchControls{display:block}body.touch #help{display:none!important}body.touch #screen .keys{display:none}#touchControls button,#touchMove{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}#touchStart,#touchMove,#touchButtons{display:none}body[data-mode=menu] #touchStart{display:flex}body[data-mode=playing] #touchMove{display:block}body[data-mode=playing] #touchButtons{display:flex}.touch-start{position:absolute;left:50%;bottom:max(6%,env(safe-area-inset-bottom));transform:translate(-50%);min-height:56px;padding:0 28px;border-radius:999px;align-items:center;justify-content:center;font:700 18px/1 Georgia,serif;letter-spacing:.06em;color:#ffe09a;background:linear-gradient(145deg,#7e271af2,#1f0c08eb);border:2px solid rgba(255,224,154,.55);box-shadow:0 6px 18px #00000080}.touch-stick{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:var(--pad, 16px);width:var(--stick, 122px);height:var(--stick, 122px);border-radius:50%;background:radial-gradient(circle at 45% 40%,#5c1a166b,#08050480);border:2px solid rgba(240,196,94,.45);box-shadow:inset 0 0 24px #00000080}.touch-stick-knob{position:absolute;left:50%;top:50%;width:42%;height:42%;transform:translate(0);margin:-21% 0 0 -21%;border-radius:50%;background:radial-gradient(circle,#f0c45e,#6b1e19 74%);border:2px solid #090604;box-shadow:0 5px 16px #00000080}.touch-stick span{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:11px;letter-spacing:.14em;opacity:.7}.touch-buttons{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:var(--pad, 14px);align-items:flex-end;flex-direction:column;gap:8px}.touch-weapon{height:var(--wpnh, 34px);min-width:108px;max-width:var(--dia, 186px);padding:0 12px;border-radius:999px;font:700 12px/1 Georgia,serif;letter-spacing:.05em;color:#ffe09a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(145deg,#3c281eeb,#100a08e6);border:2px solid rgba(240,196,94,.5);align-self:center}.touch-weapon.active{filter:brightness(1.3)}.touch-diamond{position:relative;width:var(--dia, 186px);height:var(--dia, 186px);flex:none;pointer-events:auto;touch-action:none}.touch-diamond .dia{position:absolute;width:var(--btn, 88px);height:var(--btn, 88px);border:none;padding:0;border-radius:50%;font:700 12px/1 Georgia,serif;letter-spacing:.04em;box-shadow:0 6px 16px #00000073,inset 0 -4px #00000040}.touch-diamond .d-top{top:0;left:calc((var(--dia) - var(--btn)) / 2)}.touch-diamond .d-bottom{bottom:0;left:calc((var(--dia) - var(--btn)) / 2)}.touch-diamond .d-left{left:0;top:calc((var(--dia) - var(--btn)) / 2)}.touch-diamond .d-right{right:0;top:calc((var(--dia) - var(--btn)) / 2)}.touch-diamond .y{background:radial-gradient(circle at 50% 38%,#ffe14d,#c79a17);color:#3a2c00}.touch-diamond .b{background:radial-gradient(circle at 50% 38%,#ff5a4d,#b41f12);color:#2a0606}.touch-diamond .x{background:radial-gradient(circle at 50% 38%,#4db5ff,#1466b4);color:#03162a}.touch-diamond .a{background:radial-gradient(circle at 50% 38%,#5ed47a,#1f9a3e);color:#04220f}.touch-diamond .dia.active{filter:brightness(1.22);transform:scale(.93)}.touch-diamond .b small{display:block;font-size:8px;opacity:.75;margin-top:3px;letter-spacing:0}@media (orientation: landscape) and (max-height: 600px){body[data-mode=playing] #touchControls{opacity:.68}.touch-diamond .dia{font-size:10px}}body.touch.portrait #hud{transform-origin:0 0;transform:scale(.82)}body.touch.portrait #room{font-size:11px;top:60px;right:max(10px,env(safe-area-inset-right))}body.touch canvas{position:fixed}.touch-items{display:flex;gap:6px;justify-content:center;margin:0 0 6px;pointer-events:auto}.touch-item{height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,220,160,.55);background:#1e120cb8;color:#ffe8c0;font:700 12px/1 system-ui,sans-serif;letter-spacing:.04em;touch-action:none}.touch-item:active{filter:brightness(1.4)}