:root{--ink:#17131d;--cream:#f4efdf;--red:#ff3535;--purple:#5c2269;--yellow:#f0c642}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 5%,rgba(255,53,53,.18),transparent 28rem),repeating-linear-gradient(0deg,transparent 0 3px,rgba(33,22,36,.04) 3px 4px),#24202a;font-family:"Courier New",Courier,monospace}button,input{font:inherit}.life-page{min-height:100vh;display:grid;place-items:center;padding:clamp(.8rem,3vw,2.5rem)}.game-shell{width:min(100%,1280px);padding:clamp(1rem,2.5vw,2rem);border:3px solid var(--ink);background:var(--cream);box-shadow:10px 10px 0 var(--red),18px 18px 0 var(--ink)}.game-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.eyebrow{margin:0 0 .35rem;color:var(--purple);font-size:clamp(.6rem,1.2vw,.78rem);font-weight:900;letter-spacing:.17em}h1{margin:0;font-size:clamp(2rem,6vw,5rem);font-weight:900;line-height:.8;letter-spacing:-.09em;text-shadow:3px 3px 0 var(--red)}.stats{display:flex;gap:clamp(.4rem,1.5vw,1rem)}.stats span{min-width:106px;padding:.55rem .7rem;border:2px solid var(--ink);background:var(--ink);color:#fff4dc;font-size:.65rem;font-weight:800}.stats b{display:block;color:var(--yellow);font-size:1.15rem}.workspace{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1rem}.control-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:3px solid var(--ink);background:#e2dcca}.panel-group{display:grid;gap:.45rem;padding-bottom:1rem;border-bottom:2px dashed rgba(23,19,29,.35)}.panel-group h2,.panel-group label{display:flex;justify-content:space-between;margin:0;font-size:.72rem;font-weight:900;letter-spacing:.08em}.panel-group label b{color:var(--red)}button{min-height:38px;padding:.45rem .55rem;border:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font-size:.7rem;font-weight:900;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}button:hover,.selected{background:var(--purple)!important;color:var(--cream)!important}button:active{transform:translate(2px,2px);box-shadow:none}button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:2px}.size-buttons{display:grid;grid-template-columns:1fr;gap:.4rem}input[type="range"]{width:100%;accent-color:var(--red)}.draw-tip{margin:auto 0 0;color:#5a515d;font-size:.62rem;font-weight:800;line-height:1.5}.screen-column{min-width:0}.screen-frame{position:relative;padding:clamp(.4rem,1vw,.7rem);border:3px solid var(--ink);background:#141219;box-shadow:inset 0 0 0 2px #534b58}.life-grid{display:block;width:100%;min-height:300px;background:#d8d7d1;image-rendering:pixelated;cursor:crosshair;touch-action:none}.run-light{position:absolute;right:.65rem;bottom:.65rem;width:8px;height:8px;border-radius:50%;background:#4d424f}.run-light.active{background:var(--red);box-shadow:0 0 10px var(--red)}.transport{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.transport button{min-width:86px}.transport .primary{background:var(--red);color:#fff}.game-shell footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1.1rem;padding-top:.8rem;border-top:3px solid var(--ink);color:#5f5762;font-size:clamp(.58rem,1vw,.7rem);font-weight:800;letter-spacing:.04em}@media(max-width:760px){.game-shell{box-shadow:5px 5px 0 var(--red),9px 9px 0 var(--ink)}.game-header{align-items:flex-start;flex-direction:column}.stats{width:100%}.stats span{flex:1}.workspace{grid-template-columns:1fr}.control-panel{display:grid;grid-template-columns:1fr 1fr}.draw-tip{grid-column:1/-1}.size-buttons{grid-template-columns:repeat(3,1fr)}.game-shell footer{flex-wrap:wrap}}@media(max-width:480px){.life-page{padding:.6rem}.game-shell{padding:.8rem}.control-panel{grid-template-columns:1fr}.draw-tip{grid-column:auto}.transport{display:grid;grid-template-columns:1fr 1fr}.transport button{width:100%}.game-shell footer span{width:100%}}