:root{--ink:#f6e8c8;--gold:#ffcf7a;--gold-d:#b9813a;--wood:#3a2418;--panel:#180e26db;--edge:#8a5a2e;--violet:#b48cff;--blue:#59c2ff;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#120c26;margin:0;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;font-family:inherit}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;inset:0}.hud-top{left:0;right:0;top:calc(var(--safe-t) + 10px);align-items:flex-start;gap:6px;padding:0 10px;display:flex;position:absolute}.pill{pointer-events:auto;background:var(--panel);height:40px;box-shadow:inset 0 0 0 2px #2b1a42, 0 0 0 2px var(--edge), 0 3px 10px #00000073;border-radius:22px;align-items:center;gap:6px;padding:0 12px 0 4px;display:flex}.status img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000080);width:44px;height:44px;margin:-8px 0 -6px -6px}#hearts{gap:2px;display:flex}.heart{width:20px;height:18px;image-rendering:pixelated;background:conic-gradient(from 0deg, transparent 0 0);position:relative}.heart:before{content:"";clip-path:polygon(0 25%,12% 0,38% 0,50% 15%,62% 0,88% 0,100% 25%,100% 50%,50% 100%,0 50%);background:#ff5f86;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #b3254f}.heart:after{content:"";background:#ffd0dc;width:4px;height:4px;position:absolute;top:4px;left:4px}.heart.off:before{background:#3b2b4a}.heart.off:after{background:0 0}.heart.pop{animation:.45s pop}@keyframes pop{30%{transform:scale(1.5)}to{transform:scale(1)}}.mana{color:#dff3ff;padding:0 12px 0 8px;font-family:DotGothic16,monospace;font-size:20px}.flame{background:radial-gradient(circle at 40% 40%,#e8fbff 0 18%,#59c2ff 40%,#1f5fb8 75%);border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #59c2ff}.mana.low{animation:.6s infinite alternate blink}@keyframes blink{to{color:#ff9a9a}}.hud-right{flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.sq{pointer-events:auto;background:var(--panel);width:40px;height:40px;box-shadow:inset 0 0 0 2px #2b1a42, 0 0 0 2px var(--edge);border-radius:10px;place-items:center;display:grid}.pause-ico{border-left:5px solid var(--ink);border-right:5px solid var(--ink);width:14px;height:16px}#minimap{width:104px;height:121px;box-shadow:inset 0 0 0 2px #2b1a42, 0 0 0 2px var(--edge);background:#0c081abf;border-radius:8px}#joy{opacity:0;pointer-events:none;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .15s;position:absolute}#joy.on{opacity:1}#joy .ring{background:radial-gradient(circle,#ffc87814,#ffc87805);border:2px solid #ffdca073;border-radius:50%;position:absolute;inset:0}#joy .knob{background:radial-gradient(circle at 40% 35%,#fff2d6,#ffb45a 60%,#c9702a);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #ffaa50b3}#btnMagic{pointer-events:auto;right:18px;bottom:calc(var(--safe-b) + 26px);width:96px;height:96px;box-shadow:0 0 0 3px var(--gold-d), 0 0 0 6px #2a1650, 0 0 24px #a06eff99;background:radial-gradient(circle at 45% 38%,#8a63d8,#4a2b8a 62%,#2a1650);border-radius:50%;place-items:center;display:grid;position:absolute}#btnMagic:active,#btnMagic.down{transform:scale(.94)}#btnMagic b{letter-spacing:.1em;color:var(--gold);text-shadow:0 1px #000;font-size:13px;position:absolute;bottom:12px}#btnMagic .staff{filter:drop-shadow(0 0 6px #59c2ff);background:radial-gradient(circle at 70% 28%,#e8fbff 0 9%,#59c2ff 20%,#0000 34%),linear-gradient(135deg,#0000 47%,#a8713f 47% 58%,#0000 58%);width:40px;height:40px;margin-top:-10px}#btnMagic .charge{width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;transform:rotate(-90deg)}#btnMagic .charge circle{fill:none;stroke:#9fe0ff;stroke-width:6px;stroke-dasharray:289;stroke-dashoffset:289px;filter:drop-shadow(0 0 6px #59c2ff)}#btnMagic.empty{filter:grayscale(.7)brightness(.8)}#hint{left:0;right:0;bottom:calc(var(--safe-b) + 140px);text-align:center;color:#fff0d2d9;text-shadow:0 1px 3px #000;font-size:13px;transition:opacity 1s;position:absolute}#banner{color:var(--gold);letter-spacing:.08em;white-space:nowrap;pointer-events:none;opacity:0;text-shadow:0 3px #6b3a14,0 0 18px #ffb450cc,0 0 2px #000;font-family:DotGothic16,monospace;font-size:46px;transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1);position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)scale(.8)}#banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#banner.small{color:#fff3da;background:var(--panel);box-shadow:0 0 0 2px var(--edge);text-shadow:0 2px #000;border-radius:14px;padding:10px 18px;font-family:Zen Maru Gothic,sans-serif;font-size:22px;font-weight:900}#bubble{color:#3a2418;pointer-events:none;background:#fbf1dc;border-radius:16px;align-items:center;gap:6px;padding:6px 14px 6px 6px;font-size:20px;font-weight:900;animation:1s ease-in-out infinite alternate bob;display:flex;position:fixed;transform:translate(-30%,-120%);box-shadow:0 0 0 3px #3a2418,0 6px 14px #00000080}#bubble img{object-fit:contain;width:40px;height:40px}#bubble:after{content:"";filter:drop-shadow(0 3px #3a2418);border:8px solid #0000;border-top:10px solid #fbf1dc;position:absolute;bottom:-12px;left:22%}@keyframes bob{to{margin-top:-6px}}#labels{pointer-events:none;position:fixed;inset:0}.tag3d{color:var(--gold);box-shadow:0 0 0 2px var(--gold-d);white-space:nowrap;background:#2a1a12;border-radius:4px;padding:3px 9px;font-family:DotGothic16,monospace;font-size:15px;position:absolute;transform:translate(-50%,-100%)}.tag3d:after{content:"";border:5px solid #0000;border-top:6px solid var(--gold-d);margin-left:-5px;position:absolute;bottom:-8px;left:50%}.tag3d.goal{color:#e6d0ff;background:#24123e;box-shadow:0 0 0 2px #8a5ad8}.floaty{color:#fff;text-shadow:0 2px #000,0 0 8px #000c;white-space:nowrap;font-size:15px;font-weight:900;animation:1.1s ease-out forwards floaty;position:absolute;transform:translate(-50%,-100%)}@keyframes floaty{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-40px}}#stageCard{left:14px;top:calc(var(--safe-t) + 16px);color:#3a2418;transform-origin:0 0;background:linear-gradient(#f3dfb4,#dcc08b);border-radius:4px;padding:12px 20px 12px 16px;animation:.6s cubic-bezier(.2,1.4,.4,1) card-in;position:fixed;box-shadow:0 0 0 3px #6b4423,0 8px 20px #00000080}#stageCard .sc-num{font-family:DotGothic16,monospace;font-size:16px}#stageCard .sc-title{letter-spacing:.04em;font-size:32px;font-weight:900;line-height:1.1}#stageCard .sc-sub{margin-top:2px;font-size:14px;font-weight:700}@keyframes card-in{0%{opacity:0;transform:scale(.6)rotate(-4deg)}}.screen{flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(3px);background:#0a061699}.panel{background:var(--panel);width:min(320px,86vw);box-shadow:0 0 0 3px var(--edge), 0 12px 40px #0009;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:22px 20px;display:flex}.panel h2{color:var(--gold);margin:0 0 4px;font-size:26px}.panel p{opacity:.85;margin:0 0 6px}.over-face{filter:drop-shadow(0 4px 6px #0009);width:90px;margin-top:-60px}.big{color:#3a2418;background:linear-gradient(#ffe2a0,#f0a64a);border-radius:30px;min-width:220px;padding:14px 26px;font-size:20px;font-weight:900;box-shadow:0 4px #8a4f1c,0 0 20px #ffaa5073}.big:active{transform:translateY(3px);box-shadow:0 1px #8a4f1c}.mid{background:#ffffff14;border-radius:24px;min-width:180px;padding:10px 20px;font-size:16px;font-weight:700;box-shadow:inset 0 0 0 2px #ffdca073}#scrTitle{padding-bottom:calc(var(--safe-b) + 48px);justify-content:flex-end;overflow:hidden}.title-bg{background:url(../assets/title.jpg) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate kb;position:absolute;inset:0}@keyframes kb{0%{transform:scale(1.04)}to{transform:scale(1.12)translate(-1.5%,1%)}}#scrTitle:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0a0618bf);position:absolute;inset:0}.title-logo{top:calc(var(--safe-t) + 9vh);text-align:right;z-index:1;position:absolute;right:7vw}.tl-small{letter-spacing:.12em;color:#ffe7b8;text-shadow:0 2px 4px #000;font-size:14px;font-weight:700}.title-logo h1{color:#fff1d0;letter-spacing:.02em;text-shadow:0 4px #5a2f86,0 0 24px #b478ffcc,0 2px 2px #000;margin:6px 0 0;font-size:50px;font-weight:900;line-height:1.02}.title-logo h1 span{color:var(--gold);text-shadow:0 5px #7a3a10,0 0 26px #ffaa46e6,0 2px 2px #000;font-size:66px}.tl-stage{color:#e6d0ff;text-shadow:0 2px 2px #000;margin-top:10px;font-family:DotGothic16,monospace;font-size:16px}#btnStart{z-index:1;animation:1.6s ease-in-out infinite breathe;position:relative}@keyframes breathe{50%{transform:scale(1.05)}}.title-foot{z-index:1;opacity:.7;margin-top:12px;font-size:12px;position:relative}#scrOpening{background:#08050f}.op-frame{position:absolute;inset:0;overflow:hidden}.op-img{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.2s;position:absolute;inset:-6%}.op-img.show{opacity:1}#scrOpening:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#08050f8c,#0000 22% 62%,#08050fd9);position:absolute;inset:0}.op-text{z-index:2;left:8vw;right:8vw;bottom:calc(var(--safe-b) + 13vh);text-align:center;color:#fff4dc;text-shadow:0 2px 6px #000,0 0 2px #000;min-height:4em;font-size:21px;font-weight:700;line-height:1.75;position:absolute}.op-text .ch{opacity:0;animation:.35s forwards chIn}@keyframes chIn{to{opacity:1}}.skip{z-index:3;right:14px;top:calc(var(--safe-t) + 14px);background:#0006;border-radius:18px;padding:8px 14px;font-size:14px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff4d}.result{background:var(--panel);width:min(360px,92vw);max-height:94vh;box-shadow:0 0 0 3px var(--edge), 0 14px 40px #0009;text-align:center;border-radius:18px;padding:12px;animation:.6s cubic-bezier(.2,1.4,.4,1) card-in;overflow:auto}.res-img{aspect-ratio:4/3;border-radius:12px;position:relative;overflow:hidden}.res-img img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;display:block}.res-clear{color:var(--gold);text-shadow:0 3px #6b3a14,0 0 16px #ffb450e6;font-family:DotGothic16,monospace;font-size:34px;position:absolute;bottom:8px;left:0;right:0}.res-rank{margin:12px 0 6px}.res-rank small{opacity:.7;font-size:12px;display:block}.res-rank b{color:#e6d0ff;text-shadow:0 0 14px #b478ffcc;font-size:26px}.res-stats{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 14px;padding:0;list-style:none;display:grid}.res-stats li{background:#ffffff0f;border-radius:10px;padding:8px;font-size:13px}.res-stats li b{color:var(--gold);font-family:DotGothic16,monospace;font-size:22px;display:block}.res-btns{flex-direction:column;align-items:center;gap:8px;padding-bottom:4px;display:flex}#fade{opacity:0;pointer-events:none;background:#08050f;transition:opacity .6s;position:fixed;inset:0}#fade.on{opacity:1}#devtags{pointer-events:none;z-index:50;position:fixed;inset:0}.devtag{color:#000;white-space:nowrap;border-radius:4px;padding:2px 6px;font:700 11px/1.3 ui-monospace,monospace;position:absolute;transform:translate(-50%,-100%);box-shadow:0 1px 4px #0009}.devtag.video{background:#ff7ad1}.devtag.audio{background:#7affc0}.devtag.voice{background:#ffe07a}.devtag.d3{background:#7ad0ff}.devpanel{color:#fff;pointer-events:auto;background:#000000b8;border-radius:6px;padding:6px 8px;font:11px/1.5 ui-monospace,monospace;position:absolute;bottom:8px;left:8px}