/* Memory Light Color Universe V4 — keeps the uploaded HTML2 Teletext identity */
:root{--universe-glow:#00ffff;--active-glow:#ffff55;--grid-gap:10px}
.design-teletext .neon-hero{position:relative;isolation:isolate;overflow:hidden}
.design-teletext .neon-hero:after{content:"";position:absolute;inset:auto -10% -38% -10%;height:55%;background:radial-gradient(ellipse at center,rgba(0,204,204,.24),transparent 65%);pointer-events:none;animation:telePulse 5s ease-in-out infinite}
@keyframes telePulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.95;transform:scale(1.05)}}
.design-teletext .game-frame{min-height:420px;box-shadow:inset 0 0 0 2px #001a40,inset 0 0 45px #001a40;position:relative}
.design-teletext .game-frame canvas{width:100%;height:auto;background:#000714;display:block}
.screen-hud{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:8px;justify-content:space-between;pointer-events:none;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.screen-hud span{background:#000c;border:1px solid var(--d2-cyan);color:var(--d2-date);padding:5px 8px}
.metrics-row{justify-content:space-between}.metrics-row>div{min-width:82px}.field span{font-size:.72rem;color:var(--d2-date);text-transform:uppercase;letter-spacing:.12em;font-weight:900}.mini-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin:0 16px}.mini-panel{padding:14px;background:#02122d;border-left:8px solid var(--d2-cyan);min-width:0}.mini-panel:nth-child(2){border-color:var(--d2-green)}.mini-panel:nth-child(3){border-color:var(--d2-yellow)}.mini-panel:nth-child(4){border-color:var(--d2-red)}.mini-panel:nth-child(5){border-color:var(--d2-magenta)}.mini-panel:nth-child(6){border-color:var(--d2-blue)}.mini-panel b{display:block;color:var(--d2-head);font-size:clamp(1rem,2.4vw,1.65rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-panel span{display:block;color:var(--d2-copy);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}.palette-grid .card,.mode-grid .card,.badge-grid .card{grid-column:span 3}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:10px 16px 0!important}.swatch{height:20px;border:1px solid #fff4;box-shadow:0 0 12px currentColor}.mode-card p,.palette-card p,.badge-card p{min-height:44px}.badge-card.locked{filter:grayscale(1);opacity:.55}.badge-icon{font-size:2rem;margin:0 16px 8px}.sparkline{height:8px;background:linear-gradient(90deg,var(--d2-red),var(--d2-yellow),var(--d2-green),var(--d2-cyan),var(--d2-magenta));margin:12px 16px 0!important}.hot{animation:hotText 1s steps(2,end) infinite}@keyframes hotText{50%{color:var(--d2-red)}}.fx-lite *{animation:none!important}.fx-lite body:after{display:none}.design-teletext .toast{border-radius:0;border:2px solid var(--d2-cyan);box-shadow:8px 8px 0 var(--d2-magenta);background:#000714;color:#fff}.design-teletext .progress{height:14px}.design-teletext .control-card .btn{flex:1 1 auto}.design-teletext .play-card h4{background:var(--d2-red);color:#fff}.design-teletext .mode-card.active h4,.design-teletext .palette-card.active h4{background:var(--d2-yellow);color:#000}.design-teletext .canvas-wrap:focus-within{outline:2px solid var(--d2-head)}
@media(max-width:1080px){.mini-grid{grid-template-columns:repeat(3,1fr)}.palette-grid .card,.mode-grid .card,.badge-grid .card{grid-column:span 4}}
@media(max-width:760px){.mini-grid{grid-template-columns:repeat(2,1fr)}.palette-grid .card,.mode-grid .card,.badge-grid .card{grid-column:1/-1}.design-teletext .game-frame{min-height:330px}.screen-hud{font-size:.66rem}.swatches{grid-template-columns:repeat(6,1fr)}}
@media(max-width:520px){.mini-grid{margin:0 8px}.screen-hud{left:5px;right:5px;top:5px}.screen-hud span{padding:4px 5px}.design-teletext .control-card .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.design-teletext .neon-hero:after,.hot{animation:none!important}}