:root{--game-width:1024px;--game-height:768px;--hud-height:60px;--frame-padding:16px;--frame-border:1px;color:#f6f0e3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffb94f2e,#0000 28%),radial-gradient(circle at 20% 18%,#55d0bb29,#0000 24%),linear-gradient(#14272c 0%,#091317 54%,#05090b 100%);font-family:Palatino Linotype,Book Antiqua,serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-width:1280px;margin:0}h1,p{margin:0}#app{min-height:100vh;padding:28px 32px 36px}.app-shell{gap:16px;width:1120px;margin:0 auto;display:grid}.app-shell__header{justify-content:space-between;align-items:end;gap:24px;padding:0 10px;display:flex}.app-shell__eyebrow{letter-spacing:.34em;text-transform:uppercase;color:#94d7c6;margin-bottom:10px;font-family:Lucida Console,Courier New,monospace;font-size:.78rem}.app-shell h1{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 #0000,0 4px #080e12e6;font-size:4rem;line-height:.94}.app-shell__tagline{color:#d9e8df;max-width:620px;margin-top:12px;font-family:Lucida Console,Courier New,monospace;font-size:.95rem;line-height:1.55}.app-shell__status{color:#d0ddcf;text-align:right;background:linear-gradient(#12242aeb,#080e12f2);border:1px solid #94d7c63d;border-radius:18px;max-width:336px;padding:14px 18px;font-family:Lucida Console,Courier New,monospace;font-size:.9rem;line-height:1.65;box-shadow:inset 0 1px #ffffff14,0 12px 30px #0000003d}.app-shell__main{background:linear-gradient(#112228e6,#070d11f5),#081212eb;border:1px solid #badcc63d;border-radius:34px;padding:16px;box-shadow:0 32px 90px #0000007a,inset 0 1px #ffffff0f}.app-shell__marquee{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:14px;display:flex}.app-shell__marquee span{color:#f0e8d7;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#263a43bf,#0c1215e6),#0d1316e0;border:1px solid #ffd6752e;border-radius:999px;padding:.55rem .9rem;font-size:.82rem;box-shadow:inset 0 1px #ffffff14}.game-frame{width:calc(var(--game-width) + var(--frame-padding) * 2 + var(--frame-border) * 2);padding:var(--frame-padding);border:var(--frame-border) solid #cee8db3d;background:linear-gradient(135deg,#ffd6752e,#61b7a70f),linear-gradient(#091418f2,#05090bfa);border-radius:28px;flex-direction:column;gap:14px;margin:0 auto;display:flex;box-shadow:inset 0 0 0 2px #ffffff0a,inset 0 0 0 8px #060a0c8c,0 18px 40px #00000057}.game-frame__hud{width:var(--game-width);min-height:var(--hud-height);background:linear-gradient(#0e1f25f5,#070e12fa),#081212eb;border:1px solid #d6ecdd29;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px 12px;display:flex;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffd67514}.game-frame__hud.is-hidden{display:none}.game-frame__hud-lives{align-items:center;gap:10px;min-height:32px;display:flex}.game-frame__life-icon{background:radial-gradient(circle at 32% 32%,#ffffff85,#0000 32%),linear-gradient(#ffdd78f5,#c08434f0);border:1px solid #fff5dc59;border-radius:4px 10px 10px;width:18px;height:18px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 10px #ffc05c2e,inset 0 1px #ffffff47}.game-frame__life-icon.is-empty{opacity:.22;background:radial-gradient(circle at 32% 32%,#ffffff29,#0000 32%),linear-gradient(#506c73b3,#26363adb);box-shadow:inset 0 1px #ffffff1f}.game-frame__hud-level{letter-spacing:.24em;text-transform:uppercase;color:#fff3c8;text-align:right;white-space:nowrap;font-family:Lucida Console,Courier New,monospace;font-size:1rem}.game-frame__viewport{width:var(--game-width);height:var(--game-height);border:1px solid #d6ecdd33;border-radius:14px;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 4px #05080acc}.game-frame__viewport canvas{display:block}.game-frame__loading{z-index:2;opacity:1;visibility:visible;background:radial-gradient(circle at 50% 18%,#ffd6751f,#0000 24%),radial-gradient(circle at 18% 26%,#5ec6b624,#0000 22%),linear-gradient(#091418f0,#05090bfa);place-items:center;padding:36px;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0}.game-frame__loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.game-frame__loading-panel{background:linear-gradient(#14272ef5,#070e12fa),#081212f0;border:1px solid #ffecba33;border-radius:24px;width:min(420px,100%);padding:34px 32px 28px;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffd6750f,0 24px 60px #0000006b}.game-frame__loading-kicker{letter-spacing:.32em;text-transform:uppercase;color:#94d7c6;font-family:Lucida Console,Courier New,monospace;font-size:.78rem}.game-frame__loading-label{letter-spacing:.16em;text-transform:uppercase;color:#fff3c8;margin-top:18px;font-family:Lucida Console,Courier New,monospace;font-size:1.15rem}.game-frame__loading-bar{background:linear-gradient(#070e12f5,#0c181deb),#091317eb;border:1px solid #d6ecdd2e;border-radius:999px;height:18px;margin-top:20px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffd6750f}.game-frame__loading-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#5ec6b6eb,#ffd675f0),#ffd675f0;width:0;height:100%;transition:width .12s ease-out;box-shadow:0 0 16px #5ec6b64d,inset 0 1px #ffffff38}.game-frame__loading-percent{letter-spacing:.28em;text-transform:uppercase;color:#dfece0;margin-top:16px;font-family:Lucida Console,Courier New,monospace;font-size:.94rem}