.hero-board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px;background:#12121f99;border-radius:16px;box-shadow:var(--shadow-well);border:1px solid rgba(245,240,232,.05);width:min(320px,78vw);margin-inline:auto}.hero-cell{aspect-ratio:1;border-radius:8px;background:#f5f0e80a;display:grid;place-items:center}.hero-cell--target{cursor:pointer;background:#ff6b351a;box-shadow:0 0 0 2px var(--orange) inset;animation:hero-pulse 1.4s ease-in-out infinite}.hero-cell--hot{box-shadow:0 0 0 3px var(--orange) inset,0 0 20px #ff6b358c;background:#ff6b3533}.hero-cell--reject{animation:hero-shake .4s ease}.hero-cell__ghost{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,5vw,23px);color:var(--cream);opacity:.22;pointer-events:none}.hero-tile{position:relative;width:100%;height:100%;border-radius:8px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:clamp(18px,5vw,23px);color:#2a2118;background:linear-gradient(160deg,var(--tile-cream-hi),var(--tile-cream-lo));box-shadow:var(--shadow-tile)}.hero-tile--enter{animation:hero-pop .3s var(--ease-settle)}.hero-tile--score-row{background:linear-gradient(160deg,var(--tile-orange-hi),var(--tile-orange-lo));color:#fff;animation:hero-score .5s var(--ease-settle)}.hero-tile--score-col{background:linear-gradient(160deg,var(--tile-teal-hi),var(--tile-teal-lo));color:#fff;animation:hero-score .5s var(--ease-settle)}.hero-tile__pts{position:absolute;right:4px;bottom:2px;font-family:var(--font-mono);font-size:9px;font-weight:600;opacity:.55}.hero-tile--score-row .hero-tile__pts,.hero-tile--score-col .hero-tile__pts{color:#fff;opacity:.75}.hero-offer{display:flex;gap:10px;justify-content:center}.hero-offer__slot{width:clamp(44px,12vw,52px);aspect-ratio:1;padding:0;border:0;background:none;touch-action:none;cursor:grab;transition:transform var(--dur-lift) var(--ease-lift),opacity var(--dur-fast)}.hero-offer__slot:disabled{cursor:default}.hero-offer__slot--hint{animation:hero-hint 1s ease-in-out infinite}.hero-ghost{position:fixed;z-index:60;width:52px;height:52px;pointer-events:none;transform:translate(-50%,-50%) scale(1.08)}@keyframes hero-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hero-score{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes hero-pulse{0%,to{box-shadow:0 0 0 2px var(--orange) inset}50%{box-shadow:0 0 0 2px var(--orange) inset,0 0 18px #ff6b3580}}@keyframes hero-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes hero-hint{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-med) var(--ease-lift),transform var(--dur-med) var(--ease-lift);will-change:opacity,transform}.reveal.reveal--in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}