:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:red}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;overflow:hidden}body{min-height:100vh;background:#000}body.dead{animation:pageShake 45ms steps(1,end) infinite}body.dead:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#ff000040;pointer-events:none;animation:redStrobe 95ms steps(1,end) infinite;z-index:0}#app{position:relative;z-index:1;width:100%;min-height:100vh;display:grid;place-items:center;padding:clamp(1rem,3vw,2.25rem)}.death-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:red;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.6rem,9vw,7rem);font-weight:900;letter-spacing:-.05em;line-height:.92;text-align:center;padding:1rem;opacity:0;pointer-events:none}.death-overlay.show{opacity:1;pointer-events:auto;cursor:pointer}.page{width:100%;display:grid;justify-items:center}.stage{display:flex;justify-content:center}.panel{background:#000}.board{width:min(98vw,86vh,1200px);aspect-ratio:1;position:relative;overflow:hidden;border:1px solid #8f0000;background:#000}canvas{display:block;width:100%;height:100%;touch-action:none}#app.dead .board{filter:saturate(1.2) contrast(1.05)}@keyframes pageShake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-4px,2px) rotate(-.4deg)}20%{transform:translate(5px,-3px) rotate(.35deg)}35%{transform:translate(-6px,4px) rotate(-.65deg)}50%{transform:translate(7px,-5px) rotate(.55deg)}70%{transform:translate(-3px,2px) rotate(-.25deg)}85%{transform:translate(4px,-1px) rotate(.2deg)}to{transform:translate(0) rotate(0)}}@keyframes redStrobe{0%{background:#ff00002e}50%{background:#ff000080}to{background:#ff000047}}@media(max-width:900px){.page{grid-template-columns:1fr}.description{max-width:none}.stage{justify-content:stretch}.board{width:100%}}@media(max-width:640px){#app{padding:.75rem}}