:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--gold:#ffd253;--panel:#09070bb8;--control-border:#fff3;background:#0b0605;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{overscroll-behavior:none;touch-action:none;background:radial-gradient(circle at 50% 25%,#3a1710 0%,#160a07 42%,#070404 100%);width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}#app{place-items:center;display:grid;position:relative}#game-container{place-items:center;display:grid;position:absolute;inset:0}#game-container canvas{max-width:100%;max-height:100%;display:block;box-shadow:0 0 70px #ff581533}#mobile-controls{z-index:20;pointer-events:none;--super-meter:0%;font-family:Arial,Helvetica,sans-serif;font-weight:900;position:absolute;inset:0}.control-layout{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility .16s;position:absolute;inset:0}#mobile-controls.controls-visible .control-layout{opacity:1;visibility:visible}.controls-toggle{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:#f9e9c8;pointer-events:auto;letter-spacing:.08em;touch-action:none;background:#07070bd6;border:1px solid #ffd25373;border-radius:999px;min-width:128px;height:38px;padding:0 14px;font:800 11px/1 Arial,Helvetica,sans-serif;position:absolute;box-shadow:0 6px 22px #00000061}.controls-toggle[hidden]{display:none}.controls-toggle:hover,.controls-toggle:focus-visible{color:#180c05;background:var(--gold);outline-offset:2px;outline:2px solid #fff2bd}.control-cluster{pointer-events:none;position:absolute}.dpad{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));width:162px;height:162px}.dpad-surface{--stick-x:0px;--stick-y:0px;pointer-events:auto;touch-action:none;border-radius:50%;position:absolute;inset:0}.dpad-ring{pointer-events:none;background:radial-gradient(circle,#1f27346b 0 29%,#090c12a8 30% 66%,#03050957 67%);border:1px solid #cbe0f042;border-radius:50%;position:absolute;inset:4px;box-shadow:inset 0 0 28px #0000009e,0 8px 28px #00000052}.control{color:#fff;border:2px solid var(--control-accent,#ffffff61);pointer-events:auto;touch-action:none;min-width:0;font:inherit;background:linear-gradient(145deg,#23252ed6,#07080dd1);flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:transform 70ms,filter 90ms,box-shadow 90ms,background 90ms;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff2e,inset 0 -7px 12px #0000003d,0 5px 16px #00000061}.control.is-held,.control[data-held=true],.control:active{color:#09080b;background:var(--control-accent,var(--gold));filter:brightness(1.15);box-shadow:0 0 22px color-mix(in srgb, var(--control-accent,var(--gold)) 70%, transparent);border-color:#fff;transform:translateY(2px)scale(.95)}.control:focus-visible{outline-offset:2px;outline:3px solid #fff}.direction{--control-accent:#bcd8ea;background:linear-gradient(145deg,#2c3846e0,#070b11db);border-radius:17px;width:54px;height:54px}.direction-glyph{font-size:22px;transform:translateY(-1px)}.dpad .up{top:0;left:54px}.dpad .left{top:54px;left:0}.dpad .down{top:108px;left:54px}.dpad .right{top:54px;left:108px}.dpad-center{pointer-events:none;width:43px;height:43px;transform:translate(-50%, -50%) translate(var(--stick-x), var(--stick-y));background:radial-gradient(circle at 34% 28%,#65788a,#17202b 68%);border:2px solid #e2f1fa7a;border-radius:50%;transition:transform 90ms,box-shadow 90ms;position:absolute;top:81px;left:81px;box-shadow:0 4px 12px #00000080}.dpad-surface.is-active .dpad-center{transition:none;box-shadow:0 0 18px #74d2ff8c,0 4px 12px #00000080}.actions{right:max(16px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));width:186px;height:172px}.actions .control:not(.utility){border-radius:50%}.control-symbol{letter-spacing:-.02em;font-size:18px}.control-label{letter-spacing:.06em;margin-top:3px;font-size:8px}.utility-label{letter-spacing:.05em;font-size:9px}.actions .block{--control-accent:#75aefa;width:54px;height:54px;top:54px;left:0}.actions .super{--control-accent:#ffd253;filter:saturate(.55)brightness(.8);width:54px;height:54px;top:52px;left:63px}.actions .super:before{content:"";background:conic-gradient(#ffd253 var(--super-meter), #ffffff24 0);pointer-events:none;border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0)}.actions .super.is-ready{filter:none;box-shadow:0 0 24px #ffd253b3,inset 0 1px #ffffff47}.actions .jump{--control-accent:#67e0f4;width:60px;height:60px;top:48px;left:126px;box-shadow:0 0 18px #3fcfeb2e,inset 0 1px #fff3,inset 0 -8px 12px #0000003d}.actions .light{--control-accent:#80db91;width:54px;height:54px;top:118px;left:0}.actions .heavy{--control-accent:#ffad57;width:54px;height:54px;top:116px;left:63px}.actions .special{--control-accent:#ff6958;width:60px;height:60px;top:112px;left:126px}.actions .taunt{--control-accent:#c29af1;width:54px;height:44px;top:0;left:63px}.actions .start{--control-accent:#e4dccf;width:60px;height:44px;top:0;left:126px}.utility{background:linear-gradient(#22202adb,#08080ce0);border-radius:999px}.scene-back{--control-accent:#e4dccf;left:max(12px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));width:96px;height:48px;display:none}#mobile-controls[data-context=select] .dpad,#mobile-controls[data-context=select] .actions,#mobile-controls[data-context=paused] .dpad,#mobile-controls[data-context=result] .dpad,#mobile-controls[data-context=paused] .actions .control:not(.start),#mobile-controls[data-context=result] .actions .control:not(.start){display:none}#mobile-controls[data-context=paused] .actions,#mobile-controls[data-context=result] .actions{left:calc(50% + 8px);right:auto;bottom:max(22px, env(safe-area-inset-bottom));width:138px;height:52px}#mobile-controls[data-context=paused] .actions .start,#mobile-controls[data-context=result] .actions .start{width:138px;height:52px;top:0;left:0}#mobile-controls[data-context=paused] .scene-back{top:auto;left:calc(50% - 146px);bottom:max(22px, env(safe-area-inset-bottom));width:138px;height:52px;display:flex}#mobile-controls[data-context=result] .actions{left:50%;transform:translate(-50%)}#orientation-hint{z-index:40;color:var(--gold);text-align:center;background:#100806;place-items:center;padding:32px;font-size:24px;font-weight:700;display:none;position:absolute;inset:0}@media (orientation:portrait) and (width<=760px){#orientation-hint{display:grid}}@media (prefers-reduced-motion:reduce){.control,.control-layout,.dpad-center{transition:none}}