:root{color-scheme:dark}:root{--vvw: 100vw;--vvh: 100svh;--vvt: 0px;--vvl: 0px}html,body{margin:0;background:#0a090c;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif}html{height:100%}body{position:fixed;top:var(--vvt);left:var(--vvl);width:var(--vvw);height:var(--vvh);overflow:hidden}#stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#game{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#controls{position:absolute;inset:0;touch-action:none;z-index:10}#controls>*{pointer-events:none}.btn{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#ffffff1a;color:#ffffffd9;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;line-height:1.05;letter-spacing:.08em;text-align:center;transition:transform 50ms,background 50ms;box-shadow:0 0 0 1px #00000059}.btn.down{background:#ffc85080;transform:scale(.9)}#btn-punch{width:80px;height:80px;right:calc(16px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom))}#btn-upper{width:72px;height:72px;right:calc(104px + env(safe-area-inset-right));bottom:calc(46px + env(safe-area-inset-bottom));border-color:#ffbe3cd9;color:#ffd48a}#btn-jump{width:60px;height:60px;right:calc(34px + env(safe-area-inset-right));bottom:calc(120px + env(safe-area-inset-bottom))}#stick{position:absolute;width:120px;height:120px;margin:-62px 0 0 -62px;border-radius:50%;box-sizing:content-box;border:2px solid rgba(255,255,255,.35);background:#ffffff0f;display:none}#stick.on{display:block}#stick-knob{position:absolute;width:48px;height:48px;left:36px;top:36px;border-radius:50%;background:#ffffff8c}#hud{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));z-index:20;pointer-events:none}#hud-title{color:#f2d18b;font-weight:800;font-size:14px;letter-spacing:.16em}#hud-title span{color:#ffffff73;font-weight:500;font-size:11px;letter-spacing:.06em;margin-left:6px}#gear{position:absolute;top:calc(4px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:30;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0a090c99;color:#ddd;font-size:20px;line-height:1;padding:0}#panel{position:absolute;top:calc(50px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));max-height:60svh;max-height:calc(var(--vvh) * .6);overflow-y:auto;z-index:25;touch-action:pan-y;background:#0a090cf0;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 12px 12px;color:#eee;font-size:12px}#panel[hidden]{display:none}#panel h3{margin:0 0 6px;font-size:12px;letter-spacing:.1em;color:#f2d18b;display:flex;justify-content:space-between;align-items:center}#panel .stats{font-variant-numeric:tabular-nums;color:#bbb;font-weight:500}#panel .row{display:grid;grid-template-columns:118px 1fr 44px;align-items:center;gap:8px;margin:7px 0}#panel .row label{color:#ccc}#panel .row output{text-align:right;font-variant-numeric:tabular-nums;color:#fff}#panel input[type=range]{width:100%;margin:0;height:28px}#panel .foot{display:flex;gap:8px;margin-top:8px}#panel button{flex:1;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#eee;font-size:12px}#hp{width:120px;height:6px;margin-top:5px;background:#0009;border:1px solid rgba(255,255,255,.35)}#hp i{display:block;height:100%;width:100%;background:#f2d18b;transition:width 80ms}#banner{position:absolute;left:0;right:0;top:38%;text-align:center;z-index:20;pointer-events:none;color:#f2d18b;font-weight:900;font-size:44px;letter-spacing:.22em;text-shadow:0 3px 0 #0a090c,0 0 18px rgba(0,0,0,.8)}#banner:empty{display:none}.btn,#stick{transition:opacity .6s ease,transform 50ms,background 50ms}#controls.hidden .btn,#controls.hidden #stick{opacity:0}#hud{transition:opacity .4s}#hud.dim{opacity:.35}#skip{position:absolute;left:0;right:0;bottom:calc(40px + env(safe-area-inset-bottom));text-align:center;z-index:20;pointer-events:none;color:#ffffffb3;font-weight:700;font-size:12px;letter-spacing:.3em;animation:skip-pulse 1.4s ease-in-out infinite}#skip[hidden]{display:none}@keyframes skip-pulse{0%,to{opacity:.35}50%{opacity:.9}}#bossbar{position:absolute;top:calc(52px + env(safe-area-inset-top));left:50%;width:180px;margin-left:-90px;height:8px;z-index:20;pointer-events:none;background:#000000a6;border:1px solid #d8b04c;box-shadow:0 0 8px #d8b04c80}#bossbar[hidden]{display:none}#bossbar i{display:block;height:100%;width:100%;background:linear-gradient(#f2d18b,#b8862c);transition:width .12s}#bossbar.enraged{border-color:#e0483c;box-shadow:0 0 10px #e0483c99}#bossbar.enraged i{background:linear-gradient(#ff8a70,#b8321e)}:root{--gold: #f2d18b;--gold-deep: #b8862c;--maroon: #3a0f1f;--ink: #0a090c}#hud-sub .reel{display:inline-block;width:10px;height:10px;margin:0 5px -1px 0;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle,var(--gold) 0 1.5px,transparent 2px),conic-gradient(var(--gold) 0 20%,transparent 0 33%,var(--gold) 0 53%,transparent 0 66%,var(--gold) 0 86%,transparent 0)}#hud-sub{color:var(--gold)!important;font-weight:800!important;letter-spacing:.18em!important}#bars{position:absolute;inset:0;z-index:18;pointer-events:none;overflow:hidden}#bars i{position:absolute;left:0;right:0;height:9%;background:var(--ink);transition:transform .22s ease}#bars .top{top:0;transform:translateY(-100%)}#bars .bot{bottom:0;transform:translateY(100%)}#bars.on .top,#bars.on .bot{transform:translateY(0)}#bars.snap i{transition-duration:40ms}#slate{position:absolute;inset:0;z-index:22;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#0a090c8c;transition:opacity .2s}#slate[hidden]{display:none}#slate .board{width:230px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.7));animation:slate-in .26s cubic-bezier(.2,1.4,.4,1)}#slate .stick{height:26px;transform-origin:6px 100%;animation:clap .22s 60ms ease-in both;background:repeating-linear-gradient(-55deg,#f4f1e8 0 18px,#14131a 18px 36px);border:2px solid #14131a;border-bottom:0}#slate .body{background:#14131a;border:2px solid #f4f1e8;padding:14px 12px 12px;color:#f4f1e8;text-align:center}#slate .big{font-weight:900;font-size:52px;letter-spacing:.18em;line-height:1;margin-left:.18em}#slate .small{margin-top:8px;font-size:12px;letter-spacing:.28em;color:var(--gold);font-weight:700;min-height:14px}#slate.reel .big{font-size:30px}@keyframes clap{0%{transform:rotate(-32deg)}to{transform:rotate(0)}}@keyframes slate-in{0%{transform:translateY(-40px) scale(.9);opacity:0}to{transform:none;opacity:1}}#wrap{position:absolute;inset:0;z-index:40;touch-action:none;background:var(--ink);color:#f4f1e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}#wrap[hidden]{display:none}#wrap .wrap-title{color:var(--gold);font-weight:900;font-size:34px;letter-spacing:.22em;text-shadow:0 3px 0 #5a2a10;animation:slate-in .4s ease-out}#wrap .credits{height:46svh;height:calc(var(--vvh) * .46);width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}#wrap .roll{text-align:center;animation:roll 22s linear infinite}#wrap .roll p{margin:6px 0;font-size:15px;letter-spacing:.3em}#wrap .roll .hd{margin-top:26px;font-size:10px;color:var(--gold);letter-spacing:.4em}@keyframes roll{0%{transform:translateY(30svh)}to{transform:translateY(-110%)}}#wrap .start,#title .start{color:#fff;font-weight:800;font-size:13px;letter-spacing:.34em;animation:skip-pulse 1.4s ease-in-out infinite}#title{position:absolute;inset:0;z-index:50;touch-action:none;background:var(--ink);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}#title.out{opacity:0;pointer-events:none}#title .poster{position:relative;width:min(var(--vvw),calc(var(--vvh) * .62));height:min(calc(var(--vvw) * 1.77),var(--vvh));overflow:hidden;background:linear-gradient(180deg,#4a1226,#7a2a2c 38%,#c86b2a 58%,#f0b25a 72%,#1d3238 72.5%,#0f1a1e);box-shadow:inset 0 0 0 6px var(--ink),inset 0 0 0 8px var(--gold-deep)}#title .poster:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:radial-gradient(circle,#000 .6px,transparent .9px);background-size:3px 3px}#title .sun{position:absolute;left:50%;top:44%;width:46%;aspect-ratio:1;margin-left:-23%;border-radius:50%;background:radial-gradient(circle,#ffe7a8 0 35%,#f2b652 60%,#d8642a);box-shadow:0 0 60px 20px #f0963c73}#title .skyline{position:absolute;left:0;right:0;top:66%;height:7%;opacity:.9;background:repeating-linear-gradient(90deg,#2a0f1c 0 9%,transparent 9% 11%,#3a1522 11% 17%,transparent 17% 19%)}#title .hero{position:absolute;left:50%;top:42%;width:40%;margin-left:-20%;image-rendering:pixelated;filter:drop-shadow(0 12px 10px rgba(0,0,0,.6))}#title .billing-top{position:absolute;top:7%;width:100%;text-align:center;color:var(--gold);font-size:11px;letter-spacing:.5em;font-weight:700}#title h1{position:absolute;top:10%;width:100%;margin:0;text-align:center;color:var(--gold);font-weight:900;font-size:min(22vmin,13svh);line-height:1;letter-spacing:.08em;padding-left:.08em;text-shadow:0 2px 0 #7a4a10,0 4px 0 #5a300a,0 8px 0 #2a1004,0 12px 24px rgba(0,0,0,.6);transform:scaleY(1.25)}#title .tag{position:absolute;top:33%;width:100%;text-align:center;color:#fff;font-size:9px;letter-spacing:.28em;font-weight:700;opacity:.8;padding:0 10px;box-sizing:border-box}#title .cast{position:absolute;bottom:12%;width:100%;text-align:center;transform:scaleY(1.45)}#title .cast span{display:block;color:var(--gold);font-size:8px;letter-spacing:.5em;margin-bottom:4px}#title .cast b{display:inline-block;color:#f4f1e8;font-size:12px;letter-spacing:.18em;margin:0 6px;font-weight:800}#title .start{position:absolute;bottom:5%;width:100%;text-align:center}#pause{position:absolute;top:calc(6px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#0a090c8c;padding:0;display:flex;align-items:center;justify-content:center;gap:5px;touch-action:none}#pause[hidden]{display:none}#pause i{display:block;width:5px;height:16px;background:var(--gold);border-radius:1px}#gear{right:calc(60px + env(safe-area-inset-right))}#gear[hidden]{display:none}#paused{position:absolute;inset:0;z-index:45;background:#0a090cb8;display:flex;align-items:center;justify-content:center;touch-action:none}#paused[hidden]{display:none}#paused .card{width:220px;padding:22px 18px 18px;border:2px solid var(--gold-deep);background:var(--ink);text-align:center;box-shadow:0 16px 40px #000000b3;animation:slate-in .22s ease-out}#paused .pz-title{color:var(--gold);font-weight:900;font-size:26px;letter-spacing:.26em;margin:0 0 18px .26em}#paused button{display:block;width:100%;margin:10px 0 0;padding:14px 0;border-radius:8px;font-weight:800;font-size:14px;letter-spacing:.24em;touch-action:none}#pz-resume{border:2px solid var(--gold);background:var(--gold);color:var(--ink)}#pz-restart{border:2px solid rgba(255,255,255,.35);background:transparent;color:#f4f1e8}