:root{--vanta-purple: #AC55FF;--vanta-dark: #240642;--vanta-ink: #0A0A0A;--vanta-ivory: #F8F4F3;--ok-green: #35c759;--warn-amber: #ffb300;--fail-red: #ff3b30}*{box-sizing:border-box}body{margin:0;font-family:"Press Start 2P",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 50% 20%,var(--vanta-dark),#000);color:var(--vanta-ivory);overflow:hidden}.frame{position:relative;width:100vw;height:100vh;display:grid;place-items:center;padding:12px}.game-shell{position:relative;width:min(100vw,1040px);aspect-ratio:16 / 9;border:2px solid #3a3a3a;border-radius:10px;background:#101014;box-shadow:0 10px 30px #0006,inset 0 0 0 3px #ffffff08;overflow:hidden}#game{width:100%;height:100%;image-rendering:pixelated;background:linear-gradient(#0c0c12,#12121a 60%,#1c1424);display:block;position:relative;z-index:1}.hud{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;gap:6px;pointer-events:none;z-index:10;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 80%,transparent 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hud .brand{display:flex;align-items:center;gap:6px}.badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;padding:4px 7px;border-radius:2px;border:2px solid rgba(255,255,255,.15);font-size:10px;letter-spacing:0;pointer-events:auto;image-rendering:pixelated;box-shadow:2px 2px #0000004d}.logo{width:90px;height:24px;display:grid;place-items:center;background:#ffffff14;border:2px solid var(--vanta-purple);border-radius:0;color:var(--vanta-purple);font-weight:700;font-size:10px;letter-spacing:1px;image-rendering:pixelated;box-shadow:3px 3px #0006}.meter{height:10px;width:120px;background:#00000080;border-radius:0;overflow:hidden;border:2px solid rgba(255,255,255,.2);image-rendering:pixelated}.meter>div{height:100%;width:100%;transform-origin:left center;background:var(--ok-green);image-rendering:pixelated}.cluster{display:flex;gap:5px;align-items:center}.chip{padding:4px 6px;border-radius:2px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);font-size:10px;image-rendering:pixelated;box-shadow:2px 2px #0000004d}.chip strong{color:var(--vanta-purple)}.help{position:absolute;left:8px;right:8px;bottom:8px;font-size:9px;opacity:.9;background:#000c;border:2px solid rgba(255,255,255,.2);border-radius:0;padding:6px 12px;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;image-rendering:pixelated;box-shadow:3px 3px #00000080}.help>div{display:flex;align-items:center;gap:4px}.help kbd{padding:2px 4px;border-radius:0;border:2px solid rgba(255,255,255,.3);background:#ffffff14;font-size:8px;margin:0 1px;display:inline-block;box-shadow:1px 1px #0000004d}.help strong{margin-right:2px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#0009,#000000d9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4}.panel{width:min(720px,92vw);border-radius:0;padding:18px;border:3px solid rgba(255,255,255,.2);background:#101014f2;box-shadow:5px 5px #00000080;image-rendering:pixelated}.panel h1{margin:6px 0 8px;font-size:clamp(16px,2.8vw,28px);color:var(--vanta-ivory);text-shadow:2px 2px 0 rgba(0,0,0,.5)}.panel h2{margin:12px 0 4px;font-size:clamp(12px,2.2vw,20px);color:var(--vanta-purple);text-shadow:2px 2px 0 rgba(0,0,0,.5)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px;border-radius:0;background:#ffffff14;border:3px solid rgba(255,255,255,.2);color:var(--vanta-ivory);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .08s ease,border-color .12s ease;text-align:center;image-rendering:pixelated;box-shadow:3px 3px #0006}.btn:hover{transform:translateY(-2px);box-shadow:5px 5px #0006;border-color:#ac55ffcc}.btn:active{transform:translateY(0);box-shadow:2px 2px #0006}.btn.primary{background:#ac55ff33;border-color:var(--vanta-purple)}.footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:10px;opacity:.9}a{color:var(--vanta-purple);text-decoration:none}a:hover{text-decoration:underline}.hidden{display:none!important}