:root{--night: #121a33;--dusk: #3a3f7a;--horizon: #e58a5b;--ground: #2a2233;--ground-line: #4a3b52;--gold: #e2b53c;--ink: #f4f1fa;--pixel: "Press Start 2P", ui-monospace, "Courier New", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--ink);font-family:system-ui,sans-serif;overflow:hidden}.stage{position:relative;height:100%;width:100%;overflow:hidden;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.stage:focus-visible{outline:3px solid var(--gold);outline-offset:-6px}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--night) 0%,var(--dusk) 55%,var(--horizon) 100%)}.rage{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 60%,#ff3b2f,#7a0d1c 55%,#1a0309);opacity:0;transition:opacity .12s ease-out}.stage--burst .rage{opacity:.85}.stage--settle .rage,.stage--leaving .rage{opacity:.35;transition-duration:.6s}.ground{position:absolute;left:0;right:0;bottom:0;height:17%;background:repeating-linear-gradient(90deg,transparent 0 46px,var(--ground-line) 46px 50px),var(--ground);border-top:6px solid var(--ground-line)}.character{position:absolute;left:50%;bottom:calc(17% - 18px);transform:translate(-50%);height:min(66vh,620px);aspect-ratio:130 / 112}.character:after{content:"";position:absolute;left:22%;right:22%;bottom:-6px;height:5%;background:#00000059;border-radius:50%;filter:blur(2px)}.louis{position:relative;z-index:1;width:100%;height:100%;background-image:url(/sprites/louis-strip.png);background-repeat:no-repeat;background-size:900% 100%;background-position:calc(var(--frame) * 100% / 8) 0;image-rendering:auto}.louis--idle{animation:breathe 2.2s ease-in-out infinite;transform-origin:50% 100%}.rings{position:absolute;left:50%;top:45%;width:0;height:0;pointer-events:none;z-index:0}.rings span{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border:6px solid var(--gold);border-radius:50%;opacity:0;animation:ring 1.3s ease-out infinite}.rings span:nth-child(2){animation-delay:.3s}.rings span:nth-child(3){animation-delay:.6s}.prompt{position:absolute;left:0;right:0;bottom:5%;margin:0;text-align:center;font-family:var(--pixel);font-size:clamp(11px,2.4vw,18px);line-height:1.6;color:var(--ink);text-shadow:3px 3px 0 #0d1226;animation:blink 1.1s steps(2,start) infinite}.credit{position:absolute;left:0;right:0;bottom:1.2%;margin:0;text-align:center;font-size:11px;color:#f4f1fa8c}.stage:not(.stage--idle) .credit{opacity:0}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.stage--burst .flash{animation:flash .7s ease-out}.stage--burst .character{animation:shake .08s linear infinite}.stage--burst .ground{animation:shake-ground .08s linear infinite}.curtain{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .7s ease-in}.stage--leaving .curtain{opacity:1}.home{height:100%;display:grid;place-content:center;gap:12px;text-align:center;background:linear-gradient(180deg,var(--night),var(--dusk))}.home h1{font-family:var(--pixel);font-size:clamp(28px,7vw,56px);margin:0}.home p{margin:0;opacity:.8}.home a{color:var(--gold)}@keyframes breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.015)}}@keyframes ring{0%{transform:scale(.3);opacity:.95}to{transform:scale(9);opacity:0}}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes shake{0%{transform:translate(-50%)}25%{transform:translate(calc(-50% + 5px),-4px)}50%{transform:translate(calc(-50% - 4px),3px)}75%{transform:translate(calc(-50% + 3px),4px)}to{transform:translate(-50%)}}@keyframes shake-ground{0%{transform:translate(0)}50%{transform:translate(-4px,3px)}to{transform:translate(4px,-3px)}}@keyframes blink{50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.louis--idle,.prompt,.stage--burst .character,.stage--burst .ground{animation:none}}