@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;800&display=swap";:root{color-scheme:dark;font-family:Barlow Condensed,Impact,sans-serif;background:#070810}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#28334e 0,transparent 35%),radial-gradient(circle at 75% 75%,#3c1b2b 0,transparent 35%),#070810}.stage{position:relative;height:100dvh;aspect-ratio:9 / 16;max-width:100vw;overflow:hidden;background:#101321;box-shadow:0 0 0 1px #ffffff12,0 24px 80px #000b}canvas{display:block;width:100%;height:100%}.controls{position:absolute;inset:auto 18px 13px;padding:10px 11px 11px;border:1px solid #ffffff1c;border-radius:12px;background:linear-gradient(180deg,#181a29e8,#0c0e18f2);box-shadow:0 10px 30px #0008,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controls__eyebrow{margin:0 0 7px;color:#ffffff6e;font-size:10px;font-weight:700;letter-spacing:.2em;text-align:center}.controls__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.controls button{min-height:34px;border:1px solid #ffffff1c;border-radius:7px;color:#eaf8ff;font:700 13px Barlow Condensed,sans-serif;letter-spacing:.04em;background:#263245e6;box-shadow:inset 0 1px #ffffff0e;cursor:pointer;touch-action:manipulation}.controls button:nth-child(2){color:#ffdce5;background:#442534e6}.controls button:nth-child(3){color:#c9ffe0;background:#214037e6}.controls button:nth-child(4){color:#fff0ad;background:#423b24e6}.controls button:hover{filter:brightness(1.18)}.controls button:active{transform:translateY(1px);filter:brightness(1.35)}.controls button span{display:inline-grid;width:16px;font-size:15px;place-items:center}.controls .controls__ultimate{grid-column:1 / -1;color:#fff6c8;border-color:#ffd65b55;background:linear-gradient(90deg,#50364e,#72502b,#50364e)}