.stack-card{background:linear-gradient(145deg,#73598d,#4d3b6f);color:#fff}.trail-card{background:linear-gradient(145deg,#b8d86a,#6fa85e);color:#18372c}.stack-card em{color:#f4d98b}.trail-card em{color:#294e31}.retro-game{max-width:410px;margin:0 auto;text-align:center}.retro-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 10px;padding:9px 12px;border-radius:14px;background:#e8efe7;color:var(--forest);font-weight:700}.retro-hud small{display:block;font-weight:600;color:var(--muted)}.retro-canvas-wrap{position:relative;width:min(100%,300px);margin:0 auto;padding:8px;border-radius:20px;background:#183d39;box-shadow:inset 0 0 0 2px #ffffff20,0 7px 18px #173f3a28}.retro-game canvas{display:block;width:100%;height:auto;aspect-ratio:5/8;border-radius:13px;background:#102c2a;image-rendering:pixelated}.trail-game .retro-canvas-wrap{width:min(100%,330px);background:#526d3b}.trail-game canvas{aspect-ratio:1;background:#c5d49b}.ocean-mode .retro-canvas-wrap{background:#075867}.ocean-mode .retro-game canvas{background:#073a4a}.ocean-mode .trail-game .retro-canvas-wrap{background:#087a83}.ocean-mode .trail-game canvas{background:#b9e5dc}.retro-overlay{position:absolute;inset:8px;display:grid;place-items:center;padding:20px;border-radius:13px;background:#102c2add;color:#fff}.retro-overlay[hidden]{display:none}.retro-overlay b{display:block;font:700 1.3rem 'Fredoka';margin-bottom:5px}.retro-overlay p{margin:0 0 12px;color:#e4efeb}.retro-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:12px auto 8px;max-width:360px}.retro-controls button{min-height:48px;border:0;border-radius:14px;background:#e6efe6;color:var(--pine);font-size:1.2rem;font-weight:800;box-shadow:0 3px 0 #c1d2c2;cursor:pointer}.retro-controls button:active{transform:translateY(2px);box-shadow:0 1px 0 #c1d2c2}.retro-controls .wide{font-size:.72rem}.retro-tip{font-size:.82rem;color:var(--muted);margin:8px auto}.ocean-mode .retro-hud{background:#d8f1f0;color:#075867}.ocean-mode .retro-controls button{background:#d8f1f0;color:#075867;box-shadow:0 3px 0 #9bcfd0}@media(max-width:410px){.retro-controls{gap:5px}.retro-controls button{min-height:45px}.retro-canvas-wrap{width:min(100%,270px)}}