body{margin:0;min-height:100vh}.shell{width:min(100% - 32px,680px);margin:auto}.panel{padding:22px}.title{margin-top:12px}.lead{margin:0 0 22px}.eyebrow{margin:0}.stats{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;font-size:.9rem}.stats b{font-variant-numeric:tabular-nums}.status{min-height:3em;line-height:1.5;margin:16px 0}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn,.share{padding:12px 20px;cursor:pointer}.btn:disabled{background:#827c73;cursor:default}.share[hidden]{display:none}.rules{font-size:.875rem;line-height:1.6;margin:18px 0;color:var(--muted)}.settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.settings label{font-weight:700}.settings select{font:inherit;padding:10px;border:1px solid var(--line);background:#fffdf8;color:var(--ink);max-width:100%}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:440px;margin:0 auto}.square{aspect-ratio:1;border:1.5px solid var(--line);background:var(--cream);color:var(--ink);font-size:clamp(2rem,8vw,3.5rem);cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.square:hover:not(:disabled){border-color:var(--red)}.square:disabled{cursor:default;opacity:1}.square.winner{border:3px solid var(--red);background:#f9dbc1}.legend{display:flex;justify-content:center;gap:24px;font-size:.95rem;margin:0 0 16px}.tile{font-family:"Barlow Condensed",sans-serif;font-size:2.8rem;font-weight:800;border-radius:0}.tile.blank{visibility:hidden}.tile.correct{background:var(--ink);color:var(--cream)}.sequence-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sauce-key{min-height:140px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border:2px solid var(--line);background:#fffdf8;cursor:pointer;color:var(--ink);font:700 1.2rem "Barlow Condensed",sans-serif;text-align:left;text-transform:uppercase}.sauce-key img{width:60px;height:90px;object-fit:contain;mix-blend-mode:multiply}.sauce-key span{max-width:130px}.sauce-key small{display:block;color:var(--muted);font:600 .875rem "DM Sans",sans-serif;margin-top:5px;text-transform:none}.sauce-key.flash{background:#ffe2bd;border-color:var(--red);box-shadow:inset 0 0 0 3px var(--red)}.sauce-key:disabled{cursor:default;opacity:1}.snake-board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr);background:var(--ink);gap:1px;padding:8px;max-width:440px;margin:auto;touch-action:none}.snake-cell{background:#252523;display:grid;place-items:center;min-width:0;min-height:0;font-size:clamp(.6rem,3vw,1.2rem);line-height:1}.snake-cell.body{background:var(--gold)}.snake-cell.head{background:var(--orange)}.snake-cell.food{background:#44241c}.dpad{display:grid;grid-template-columns:repeat(3,52px);gap:6px;justify-content:center;margin-top:16px}.direction{height:48px;border:1px solid var(--line);background:var(--cream);font-size:1.4rem;cursor:pointer;touch-action:manipulation}.direction[data-dir="up"]{grid-column:2}.direction[data-dir="left"]{grid-column:1;grid-row:2}.direction[data-dir="down"]{grid-column:2;grid-row:2}.direction[data-dir="right"]{grid-column:3;grid-row:2}.reaction-pad{width:100%;min-height:230px;border:0;background:var(--ink);color:var(--cream);font:800 clamp(2.2rem,7vw,3.5rem)/1.1 "Barlow Condensed",sans-serif;cursor:pointer;padding:24px;text-transform:uppercase;touch-action:manipulation}.reaction-pad.ready{background:#244038;color:white}.reaction-pad.early{background:var(--red);color:white}.reaction-pad span{display:block;font:500 1rem/1.5 "DM Sans",sans-serif;text-transform:none;margin-top:18px}.reaction-results{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.reaction-results span{padding:8px 12px;background:var(--cream);font-variant-numeric:tabular-nums;font-size:.9rem}.result-number{font:800 2rem "Barlow Condensed",sans-serif;color:var(--red)}
@media(max-width:480px){.panel{padding:16px}.sauce-key{min-height:126px;flex-direction:column;gap:6px;text-align:center;font-size:1.1rem}.sauce-key img{height:65px;width:46px}.sauce-key small{font-size:.8rem}.stats{font-size:.875rem;gap:10px}.square{font-size:2.8rem}.tile{font-size:2.5rem}.legend{gap:14px;flex-wrap:wrap}.actions .btn{flex-grow:1}.reaction-pad{min-height:210px}}