:root{--b-bg:#090a18;--b-deep:#11132b;--b-panel:#1b1d3b;--b-purple:#543a9c;--b-cream:#fff3cf;--b-muted:#c8c2df;--b-cyan:#5df2d6;--b-coral:#ff8a5b;--b-yellow:#ffd166;--b-pink:#ef70c3;--b-shadow:#03040b}body.xarmo-game-brickshift>main.brickshift-page{display:block!important;padding:clamp(1rem,3vw,2rem) 1rem 2.2rem!important;background:linear-gradient(rgba(93,242,214,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(93,242,214,.035) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(84,58,156,.3),transparent 34rem),var(--b-bg)!important;background-size:24px 24px,24px 24px,auto,auto!important;color:var(--b-cream)!important}.brickshift-game{width:min(100%,1080px);margin:auto;font-family:"Courier New",monospace}.brickshift-heading{display:flex;justify-content:space-between;align-items:end;gap:1.4rem;margin-bottom:1rem}.brickshift-heading h1{margin:0;font:clamp(3rem,9vw,6rem)/.82 Impact,sans-serif;text-transform:uppercase;letter-spacing:.035em;text-shadow:5px 5px 0 var(--b-purple),9px 9px 0 var(--b-shadow)}.brickshift-heading p:not(.brickshift-kicker){max-width:62ch;margin:1rem 0 0;color:var(--b-muted);font-weight:700;line-height:1.5}.brickshift-kicker{margin:0 0 .6rem;color:var(--b-cyan);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.brickshift-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.brickshift-actions button,.brickshift-overlay button,.brickshift-controls button{min-height:44px;border:3px solid var(--b-cream);border-radius:0;background:var(--b-purple);box-shadow:4px 4px 0 var(--b-shadow);color:var(--b-cream);font:900 .78rem/1 "Courier New",monospace;text-transform:uppercase;cursor:pointer}.brickshift-actions button,.brickshift-overlay button{padding:.75rem .95rem}.brickshift-actions button:focus-visible,.brickshift-overlay button:focus-visible,.brickshift-controls button:focus-visible{outline:4px solid var(--b-yellow);outline-offset:3px}.brickshift-hud{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:.8rem;border:4px solid var(--b-deep);background:var(--b-deep)}.brickshift-hud>div{display:grid;gap:.2rem;padding:.65rem .4rem;background:var(--b-panel);text-align:center}.brickshift-hud span{color:var(--b-pink);font-size:.62rem;font-weight:900;text-transform:uppercase}.brickshift-hud strong{color:var(--b-cyan);font-size:1.1rem}.brickshift-stage{position:relative;border:6px solid var(--b-deep);background:var(--b-panel);box-shadow:0 0 0 4px var(--b-cream),8px 8px 0 var(--b-shadow);overflow:hidden}.brickshift-stage canvas{display:block;width:100%;height:auto;aspect-ratio:48/31;background:var(--b-panel);image-rendering:pixelated;touch-action:none}.brickshift-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(9,10,24,.82);text-align:center}.brickshift-overlay[hidden]{display:none}.brickshift-overlay>div{width:min(100%,470px);box-sizing:border-box;padding:1.35rem;border:5px solid var(--b-cream);background:var(--b-panel);box-shadow:10px 10px 0 var(--b-shadow)}.brickshift-overlay h2{margin:.2rem 0 .7rem;color:var(--b-yellow);font:clamp(2.2rem,7vw,4rem)/1 Impact,sans-serif;text-transform:uppercase;text-shadow:4px 4px 0 var(--b-purple)}.brickshift-overlay p{color:var(--b-muted);font-weight:700;line-height:1.5}.brickshift-overlay__eyebrow{color:var(--b-cyan)!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.13em;text-transform:uppercase}.brickshift-controls{width:min(100%,500px);display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem auto 0}.brickshift-controls button{min-height:54px;background:var(--b-deep);color:var(--b-cyan)}.brickshift-help{text-align:center;margin:.8rem 0 0;color:var(--b-muted);font-size:.72rem;font-weight:700}.brickshift-live{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media(max-width:760px){.brickshift-heading{display:grid}.brickshift-actions{justify-content:flex-start}.brickshift-hud{grid-template-columns:repeat(3,1fr)}}@media(max-width:440px){.brickshift-hud{grid-template-columns:repeat(2,1fr)}.brickshift-controls{grid-template-columns:1fr}.brickshift-stage{border-width:4px}}