:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ink:#252a30;--paper:#f8fafb;--wash:#e8eef2;--accent:#49697e;--board:#f7f9fa;--grid:#d8e0e5;--tail:#263f50;--egg:#c43b3f}
:root[data-theme="raptor"]{--paper:#fffef3;--wash:#f3eed9;--accent:#c94d26;--board:#fffdf1;--grid:#e1d9bd;--tail:#31594a;--egg:#c94d26}
*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(145deg,var(--paper),var(--wash))}button{font:inherit}.game-shell{width:min(50rem,calc(100% - 1.25rem));margin:auto;padding:.75rem 0 1rem}.brand{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.brand img{width:3rem;height:3rem;padding:.25rem;border:1px solid var(--ink);border-radius:.65rem;background:white;box-shadow:.18rem .18rem 0 var(--accent)}.eyebrow{margin:0 0 .15rem;font-size:.68rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(1.75rem,5vw,2.6rem);line-height:.95;letter-spacing:-.045em}.subtitle{margin:.35rem 0 0;color:#5e646a;font-size:.9rem}.scorebar{display:grid;grid-template-columns:repeat(3,1fr) auto auto;gap:.5rem;align-items:stretch;padding:.65rem;border:1px solid var(--ink);background:rgba(255,255,255,.72);box-shadow:.3rem .3rem 0 var(--accent)}.scorebar p{min-width:4rem;margin:0;padding:.35rem .55rem;border-right:1px solid #c7d0d6}.scorebar span,.scorebar strong{display:block}.scorebar span{font-size:.65rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.scorebar strong{font-size:1.35rem}.scorebar button{min-height:2.8rem;padding:0 .85rem;border:1px solid var(--ink);background:white;font-weight:800;cursor:pointer}.scorebar #new-game{background:var(--ink);color:white}.status{min-height:1.4rem;margin:1rem 0;font-family:Georgia,"Times New Roman",serif;font-size:1.05rem}.play-area{display:grid;grid-template-columns:minmax(18rem,38rem) 7.5rem;gap:1rem;align-items:end}canvas{display:block;width:100%;height:auto;border:3px solid var(--ink);background:var(--board);box-shadow:.4rem .4rem 0 var(--accent);touch-action:none}.direction-pad{display:grid;grid-template-columns:repeat(3,2.35rem);grid-template-rows:repeat(2,2.35rem);gap:.2rem}.direction-pad button{border:1px solid var(--ink);background:white;color:var(--ink);font-weight:900;cursor:pointer}.direction-pad .up{grid-column:2}.direction-pad .left{grid-column:1;grid-row:2}.direction-pad .down{grid-column:2;grid-row:2}.direction-pad .right{grid-column:3;grid-row:2}.instructions{margin:1rem 0 0;color:#5c6368;font-size:.82rem;line-height:1.4}@media(max-width:42rem){.scorebar{grid-template-columns:repeat(3,1fr)}.scorebar button{grid-column:span 1}.play-area{grid-template-columns:1fr}.direction-pad{justify-self:center}.status{font-size:.95rem}}