#gamable-game-zone{background:#000;touch-action:none;user-select:none;-webkit-user-select:none}#gamable-game-zone canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7)}.hud-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:8px;padding:10px 12px}@media(hover:none)and (pointer:coarse){.hud-bar{padding-right:54px}}.hud-side{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.hud-side.right{align-items:flex-end}.hud-name{font-size:15px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.hud-health{position:relative;width:100%;height:18px;border:2px solid #fff;border-radius:4px;background:var(--health-lost);overflow:hidden;box-shadow:0 2px 6px #00000080}.hud-health-fill,.hud-health-trail{position:absolute;top:0;bottom:0;left:0}.hud-side.right .hud-health-fill,.hud-side.right .hud-health-trail{left:auto;right:0}.hud-health-trail{background:#ff6b6b;transition:width .6s ease-in .35s}.hud-health-fill{background:var(--health)}.hud-health-fill.low{background:var(--health-low)}.hud-energy{width:100%;height:10px;border:1px solid rgba(255,255,255,.55);border-radius:5px;background:#0000008c;overflow:hidden}.hud-side.right .hud-energy{display:flex;justify-content:flex-end}.hud-energy-fill{height:100%;background:var(--energy)}.hud-energy.full .hud-energy-fill{background:#fff;animation:hud-glow .4s ease-in-out infinite alternate}.hud-pips{display:flex;gap:5px}.hud-pip{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#0006}.hud-pip.won{background:var(--banner)}.hud-clock{flex:0 0 auto;min-width:52px;padding:2px 8px;border-radius:10px;background:#00000080;font-size:30px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums}.hud-banner{position:absolute;top:26%;left:0;right:0;text-align:center;opacity:0}.hud-banner.visible{animation:hud-pop .35s cubic-bezier(.2,1.6,.4,1) forwards}.hud-banner-text{font-size:clamp(40px,13vw,88px);font-weight:900;font-style:italic;color:var(--banner);-webkit-text-stroke:2px #2b1100;text-shadow:0 5px 0 #2b1100,0 8px 16px rgba(0,0,0,.6)}.hud-banner-sub{margin-top:6px;font-size:clamp(15px,4.2vw,22px);font-weight:800}.hud-combo{position:absolute;top:40%;font-size:clamp(22px,6vw,34px);font-weight:900;font-style:italic;color:#ffb703;opacity:0;transition:opacity .2s}.hud-combo.left{left:16px}.hud-combo.right{right:16px}.hud-combo.visible{opacity:1;animation:hud-pop .25s ease-out}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 24px;overflow-y:auto;text-align:center;background:linear-gradient(#0a051459,#0a0514bf)}.hud-title{margin:0;font-size:clamp(44px,14vw,92px);font-weight:900;font-style:italic;line-height:1;color:var(--banner);text-shadow:-3px 0 0 #2b1100,3px 0 0 #2b1100,0 -3px 0 #2b1100,0 6px 0 #2b1100,0 9px 16px rgba(0,0,0,.6)}.hud-info{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(680px,94vw);padding:20px 22px 24px;border:2px solid rgba(255,210,63,.35);border-radius:18px;background:#0a0614d1;box-shadow:0 12px 34px #0009}.hud-subtitle{margin:0;max-width:24em;font-size:clamp(16px,4.4vw,22px);font-weight:700}.hud-hint{margin:16px 0 0;font-size:clamp(17px,4.8vw,24px);font-weight:900}.hud-small{margin:0;max-width:32em;font-size:13px;line-height:1.45;opacity:.9}.hud-moves{white-space:pre-line;font-size:clamp(12px,3.2vw,14px);line-height:1.7;opacity:1;color:#ffe9a8}.hud-select{justify-content:center;gap:14px;background:linear-gradient(#0a051426,#0a0514cc);overflow-y:auto}.hud-select-title{margin:0;font-size:clamp(22px,6.5vw,40px);font-weight:900;font-style:italic;letter-spacing:.06em;color:var(--banner);-webkit-text-stroke:1.5px #2b1100;text-shadow:0 4px 0 #2b1100}.hud-cards{display:flex;gap:10px;max-width:100%;padding:6px 4px 12px;overflow-x:auto;pointer-events:auto}.hud-card{flex:0 0 auto;width:116px;padding:6px 6px 8px;border:2px solid rgba(255,255,255,.3);border-radius:14px;background:linear-gradient(#1e162ee6,#0c0816f2);color:#fff;font-family:inherit;text-align:center;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.hud-card.selected{border-color:var(--banner);transform:translateY(-6px) scale(1.04);box-shadow:0 8px 22px #0009,0 0 0 2px #ffd23f59}.hud-card-art{display:block;width:116px;height:132px;margin:0 auto;border-radius:10px;background:radial-gradient(circle at 50% 75%,#ffffff24,#00000059)}.hud-card-name{margin-top:4px;font-size:16px;font-weight:900;font-style:italic;letter-spacing:.03em}.hud-card-tag{min-height:2.4em;font-size:11px;line-height:1.2;opacity:.85}.hud-card-weapon{margin:4px 0 6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fd8ff}.hud-card-stats{display:flex;flex-direction:column;gap:4px}.hud-card-stat{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.06em}.hud-card-stat-label{flex:0 0 34px;text-align:left;opacity:.75}.hud-card-stat-track{flex:1 1 auto;height:7px;border-radius:4px;background:#0009;overflow:hidden}.hud-card-stat-fill{display:block;height:100%;border-radius:4px;background:var(--health)}.arcade{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;height:214px;padding:6px 14px;background:linear-gradient(#180e2226,#100a1ae0 30%);border-top:2px solid rgba(255,255,255,.12);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;touch-action:none;pointer-events:none}.arcade-guide{flex:1 1 auto;text-align:center;font-size:clamp(9px,1.6vw,12px);font-weight:700;line-height:1.25;color:#ffe9a8;text-shadow:0 2px 3px rgba(0,0,0,.8)}.arcade-top{flex:0 0 auto;display:flex;align-items:center;gap:8px}.arcade-menu{flex:0 0 auto;pointer-events:auto;padding:5px 10px;border-radius:9px;border:2px solid rgba(255,255,255,.3);background:linear-gradient(#3a2f52,#221a33);font-size:10px;font-weight:900;letter-spacing:.1em;color:#ffd23f;cursor:pointer;touch-action:none;user-select:none}.arcade-menu.pressed{filter:brightness(1.4);transform:translateY(1px)}.hud-training{position:absolute;left:0;right:0;bottom:214px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 10px;background:linear-gradient(#0a081400,#0a0814b8);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;pointer-events:none}.hud-train-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.hud-train-btn{pointer-events:auto;padding:5px 10px;border-radius:8px;border:2px solid rgba(255,255,255,.35);background:#181226e6;font-size:10px;font-weight:900;letter-spacing:.08em;color:#ffe9a8;cursor:pointer;user-select:none;white-space:nowrap}.hud-train-btn:hover{filter:brightness(1.2)}.hud-train-exit{color:#ff9d9d}.hud-train-open{margin-top:4px;padding:9px 16px;font-size:13px;border-color:#ffd23f80}.hud-inputs{min-height:1.2em;font-size:13px;font-weight:800;letter-spacing:.14em;color:#9fd8ff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.hud-train-hint{font-size:10px;opacity:.75;text-align:center}.hud-pause{pointer-events:auto;z-index:4;padding-bottom:230px}.hud-pause .hud-info{max-height:calc(100vh - 250px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.hud-setting{display:flex;align-items:center;gap:10px;width:min(560px,92vw);font-size:12px;font-weight:800;letter-spacing:.06em}.hud-setting-column{flex-direction:column;align-items:flex-start;gap:6px}.hud-setting-label{flex:0 0 auto;text-align:left;opacity:.85}.hud-setting-value{flex:0 0 44px;text-align:right;opacity:.9}.hud-slider{position:relative;flex:1 1 auto;height:16px;border-radius:8px;background:#0009;border:1px solid rgba(255,255,255,.35);cursor:pointer;touch-action:none}.hud-slider-fill{position:absolute;top:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(90deg,#3fb8ff,#ffd23f)}.hud-slider-knob{position:absolute;top:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 38% 32%,#fff,#b9b3cd);border:2px solid rgba(0,0,0,.5)}.hud-choices{display:flex;flex-wrap:wrap;gap:6px}.hud-choice{pointer-events:auto;padding:6px 12px;border-radius:8px;border:2px solid rgba(255,255,255,.3);background:#181226e6;font-size:11px;font-weight:900;letter-spacing:.08em;color:#cfd6e4;cursor:pointer;user-select:none;white-space:nowrap}.hud-choice:hover{filter:brightness(1.2)}.hud-choice.on{border-color:var(--banner);color:#2b1100;background:linear-gradient(#ffe066,#ffc93f);box-shadow:0 0 0 2px #ffd23f4d}.hud-choice-big{padding:9px 16px;font-size:13px}.hud-pause-buttons{justify-content:center;margin-top:6px}.arcade-body{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.arcade-left,.arcade-right{pointer-events:auto}.arcade-stick-wrap{display:flex;align-items:center;justify-content:center;padding-bottom:12px}.arcade-stick{position:relative;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#2b2135,#120c1c 75%);border:3px solid rgba(255,255,255,.18);box-shadow:inset 0 6px 16px #000000b3;touch-action:none}.arcade-stick-ring{position:absolute;inset:20px;border-radius:50%;border:2px dashed rgba(255,255,255,.14)}.arcade-stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ff8a8a,#b11226 70%);border:3px solid rgba(0,0,0,.5);box-shadow:0 6px 12px #0009;transform:translate(-50%,-50%)}.arcade-right{display:grid;grid-template-columns:repeat(2,auto);gap:12px 16px;padding-bottom:12px}.arcade-btn{width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-shadow:0 2px 3px rgba(0,0,0,.6);border:3px solid rgba(0,0,0,.45);box-shadow:0 5px #00000073,inset 0 -4px 10px #00000059;touch-action:none;user-select:none}.arcade-btn-letter{font-size:18px;font-weight:900;line-height:1}.arcade-btn-caption{font-size:7.5px;font-weight:800;letter-spacing:.06em;opacity:.85}.arcade-btn.pressed{transform:translateY(4px);box-shadow:0 1px #00000073,inset 0 -2px 8px #00000080;filter:brightness(1.25)}.arcade-btn-light{background:radial-gradient(circle at 38% 30%,#fff2a8,#d8a800);color:#3a2a00}.arcade-btn-heavy{background:radial-gradient(circle at 38% 30%,#ffb0a0,#c0281c)}.arcade-btn-kick{background:radial-gradient(circle at 38% 30%,#a8f0ff,#1069a8)}.arcade-btn-weapon{background:radial-gradient(circle at 38% 30%,#d8b0ff,#6a1fb0)}@media(hover:none)and (pointer:coarse){.hud-select{padding-bottom:200px}}.hud-victory{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:120px;margin-bottom:4px}.hud-rays{position:absolute;top:50%;left:50%;width:130vmin;height:130vmin;margin:-65vmin 0 0 -65vmin;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffd23f4d 0deg 5deg,#ffd23f00 5deg 13deg);animation:hud-spin 16s linear infinite;pointer-events:none}.hud-trophy{position:relative;display:block;width:clamp(104px,26vw,190px);height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.6))}.hud-screen.epic .hud-trophy{animation:hud-trophy-pop .8s cubic-bezier(.2,1.6,.4,1) both,hud-bob 2.6s ease-in-out .9s infinite}.hud-screen.epic .hud-title{background:linear-gradient(90deg,#ff3b3b,#ffb703,#4ade80,#38bdf8,#c084fc);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:0;filter:drop-shadow(0 5px 0 #2b1100) drop-shadow(0 10px 18px rgba(0,0,0,.6));animation:hud-hue 4s linear infinite}.hud-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}@keyframes hud-spin{to{transform:rotate(360deg)}}@keyframes hud-trophy-pop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes hud-bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes hud-hue{to{filter:drop-shadow(0 5px 0 #2b1100) drop-shadow(0 10px 18px rgba(0,0,0,.6)) hue-rotate(360deg)}}.hud-pulse{animation:hud-glow .8s ease-in-out infinite alternate}@keyframes hud-glow{0%{opacity:1}to{opacity:.45}}@keyframes hud-pop{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}