*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#ff4757;--green:#2ed573;--blue:#1e90ff;--yellow:#ffa502;--red-glow:#ff475799;--green-glow:#2ed57399;--blue-glow:#1e90ff99;--yellow-glow:#ffa50299;--red-bright:#ff6b7a;--green-bright:#5aff96;--blue-bright:#52a8ff;--yellow-bright:#ffc04d;--bg:#000;--bg-card:#ffffff0a;--text:#e0e0ff;--text-dim:#6a6a8a;--danger:#ff4757;--success:#2ed573}body{background:var(--bg);color:var(--text);font-family:Press Start\ 2P,monospace;min-height:100vh;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#screen-game,#screen-gameover,#screen-pause,#screen-title{-webkit-user-select:none;user-select:none}body:before{background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,#0000 0);background-size:40px 40px;content:"";pointer-events:none;z-index:0}.screen,body:before{inset:0;position:fixed}.screen{align-items:center;display:flex;justify-content:center;opacity:0;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;z-index:1}.screen.active{opacity:1;visibility:visible}.site-banner{display:block;height:auto;margin:0 auto .8rem;max-width:clamp(280px,85vw,480px);width:100%}.title-container{text-align:center;z-index:2}.neon-title-o{display:inline-block;filter:drop-shadow(0 0 3px #ff2d55) drop-shadow(0 0 6px #39ff14) drop-shadow(0 0 9px #1e90ff) drop-shadow(0 0 12px #ffe600);height:1em;margin:0 -.1em;transform:translateX(-.2em) translateY(-.05em);vertical-align:initial;width:1em}.neon-title,.neon-title-o{animation:neonPulse 3s ease-in-out infinite alternate}.neon-title{color:var(--text);font-size:clamp(2.5rem,10vw,5rem);letter-spacing:.3em;margin-bottom:.5em;text-shadow:0 0 .07em var(--red-glow),0 0 .2em var(--green-glow),0 0 .4em var(--blue-glow),0 0 .6em var(--yellow-glow)}@keyframes neonPulse{0%{text-shadow:0 0 .07em var(--red-glow),0 0 .2em var(--green-glow),0 0 .4em var(--blue-glow),0 0 .6em var(--yellow-glow)}to{text-shadow:0 0 .12em var(--red-glow),0 0 .32em var(--green-glow),0 0 .57em var(--blue-glow),0 0 .8em var(--yellow-glow)}}.subtitle{color:#9090b8;font-size:.6rem;letter-spacing:.5em;margin-bottom:.8em;text-transform:uppercase}.tagline{color:#7070a0;font-size:.5rem;font-style:italic;letter-spacing:.05em;margin-bottom:2em}.mode-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:2em}.mode-btn{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:6px;color:var(--text-dim);cursor:pointer;font-family:inherit;font-size:.5rem;padding:8px 14px;transition:all .2s ease}.mode-btn:hover{border-color:#ffffff4d;color:var(--text)}.mode-btn.active{border-color:var(--blue);box-shadow:0 0 12px var(--blue-glow);color:var(--blue)}.mode-description{color:var(--text-dim);font-size:.45rem;letter-spacing:.1em;margin-bottom:1.5em;min-height:1.8em;transition:opacity .3s ease}.btn-play{background:linear-gradient(135deg,var(--green),#1abc9c);border:none;border-radius:8px;box-shadow:0 4px 20px #2ed5734d;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:.8rem;letter-spacing:.15em;margin:0 auto 1.5em;padding:16px 40px;transition:all .2s ease}.btn-play:hover{box-shadow:0 6px 30px #2ed57380;transform:translateY(-2px)}.btn-play:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);border:1px solid #ffffff26;border-radius:6px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.6rem;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff4d}.btn-icon{align-items:center;background:var(--bg-card);border:1px solid #ffffff1a;border-radius:6px;color:var(--text-dim);cursor:pointer;display:flex;font-family:inherit;font-size:.7rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-icon:hover{border-color:#ffffff4d;color:var(--text)}.footer-links{align-items:center;column-gap:8px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.5em;row-gap:10px}.footer-sep{opacity:.3}.btn-about,.footer-sep{color:var(--text-dim);font-size:.4rem}.btn-about{font-family:inherit;letter-spacing:.15em;opacity:.7;text-decoration:none;transition:opacity .2s ease}.btn-about:hover{color:var(--text);opacity:1}.footer-copy{color:var(--text-dim);font-size:.35rem;letter-spacing:.08em;margin-top:.8em;opacity:.5}.high-score-display{align-items:center;display:flex;flex-direction:column;gap:4px}.high-score-display .label{color:var(--text-dim);font-size:.45rem;letter-spacing:.2em;text-transform:uppercase}.high-score-display .value{color:var(--yellow);font-size:1rem;text-shadow:0 0 10px var(--yellow-glow)}.game-hud{align-items:center;background:linear-gradient(180deg,#0a0a1ae6,#0000);display:flex;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:10}.hud-center,.hud-left,.hud-right{align-items:center;display:flex;flex-direction:column;gap:2px}.hud-right{align-items:center;flex-direction:row;gap:12px}.hud-label{color:var(--text-dim);font-size:.4rem;letter-spacing:.15em;text-transform:uppercase}.hud-value{font-size:.9rem}.lives{display:flex;gap:4px}.heart{font-size:14px;height:16px;line-height:1;transition:all .3s ease;width:16px}.heart.lost{opacity:.2;transform:scale(.8)}.simone-board{display:grid;gap:12px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:min(340px,80vw);position:relative;width:min(340px,80vw);z-index:2}.simone-btn{border:none;border-radius:20px;cursor:pointer;overflow:hidden;position:relative;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.simone-btn:before{background:linear-gradient(135deg,#ffffff26,#ffffff05);border-radius:20px;content:"";inset:0;pointer-events:none;position:absolute}.simone-btn[data-color=red]{background:var(--red);border-top-left-radius:50%;box-shadow:0 0 20px var(--red-glow),inset 0 -4px 8px #0000004d}.simone-btn[data-color=green]{background:var(--green);border-top-right-radius:50%;box-shadow:0 0 20px var(--green-glow),inset 0 -4px 8px #0000004d}.simone-btn[data-color=blue]{background:var(--blue);border-bottom-left-radius:50%;box-shadow:0 0 20px var(--blue-glow),inset 0 -4px 8px #0000004d}.simone-btn[data-color=yellow]{background:var(--yellow);border-bottom-right-radius:50%;box-shadow:0 0 20px var(--yellow-glow),inset 0 -4px 8px #0000004d}.simone-btn.inactive{cursor:default;opacity:.5}.simone-btn[data-color=red].lit{background:var(--red-bright);box-shadow:0 0 40px var(--red),0 0 80px var(--red-glow),inset 0 0 20px #ffffff4d;transform:scale(1.06)}.simone-btn[data-color=green].lit{background:var(--green-bright);box-shadow:0 0 40px var(--green),0 0 80px var(--green-glow),inset 0 0 20px #ffffff4d;transform:scale(1.06)}.simone-btn[data-color=blue].lit{background:var(--blue-bright);box-shadow:0 0 40px var(--blue),0 0 80px var(--blue-glow),inset 0 0 20px #ffffff4d;transform:scale(1.06)}.simone-btn[data-color=yellow].lit{background:var(--yellow-bright);box-shadow:0 0 40px var(--yellow),0 0 80px var(--yellow-glow),inset 0 0 20px #ffffff4d;transform:scale(1.06)}.simone-btn:not(.inactive):not(.lit):hover{filter:brightness(1.15);transform:scale(1.02)}.simone-btn:not(.inactive):active{transform:scale(.97)}.simone-center{align-items:center;background:var(--bg);border:2px solid #ffffff14;border-radius:50%;display:flex;height:70px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px;z-index:3}#simone-status{color:var(--text-dim);font-size:.5rem;line-height:1.4;text-align:center}.message-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:20}.message-overlay.hidden{display:none}#message-text{background:#0a0a1ad9;border:1px solid #ffffff1a;border-radius:8px;font-size:1rem;padding:12px 28px}.message-overlay.success #message-text{border-color:var(--green);box-shadow:0 0 30px var(--green-glow);color:var(--success)}.message-overlay.error #message-text{border-color:var(--red);box-shadow:0 0 30px var(--red-glow);color:var(--danger)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}.shake{animation:shake .4s ease}@keyframes flashSuccess{0%{box-shadow:0 0 0 0 var(--green-glow)}50%{box-shadow:0 0 0 12px var(--green-glow)}to{box-shadow:0 0 0 0 #0000}}.flash-success{animation:flashSuccess .5s ease}@keyframes flashError{0%,to{background:var(--bg)}50%{background:#ff475726}}.flash-error{animation:flashError .3s ease 2}@keyframes newRecordGlow{0%,to{color:var(--yellow);text-shadow:0 0 10px var(--yellow-glow)}50%{color:#fff;text-shadow:0 0 30px var(--yellow),0 0 60px var(--yellow-glow)}}.new-record{animation:newRecordGlow 1s ease-in-out infinite;font-size:.6rem;letter-spacing:.2em;margin-bottom:1.5em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease forwards}.gameover-container,.pause-container{text-align:center;z-index:2}.gameover-title{color:var(--danger);margin-bottom:.5em;text-shadow:0 0 20px var(--red-glow)}.gameover-title,.pause-title{font-size:clamp(1.5rem,6vw,2.5rem)}.pause-title{color:var(--blue);margin-bottom:1em;text-shadow:0 0 20px var(--blue-glow)}.score-board{margin:1.5em 0}.score-row{border-bottom:1px solid #ffffff0d;display:flex;font-size:.6rem;gap:2em;justify-content:space-between;padding:8px 0}.final-value{color:var(--yellow)}.gameover-buttons{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:1.5em}#particles-canvas{height:100%;inset:0;pointer-events:none;position:fixed;width:100%;z-index:100}.hidden{display:none!important}@media (max-width:400px){.simone-board{gap:8px}.simone-center{height:56px;width:56px}.game-hud{padding:8px 12px}}@media (min-height:700px){.simone-board{height:min(380px,80vw);width:min(380px,80vw)}}#game-version{bottom:.4rem;color:var(--text-dim);font-size:.45rem;left:.5rem;opacity:.35;pointer-events:none;position:fixed;user-select:none;z-index:0}