*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6c3fc5;--primary-light: #8b5cf6;--accent: #f59e0b;--bg: #0f0a1e;--bg-card: #1e1235;--text: #f3f0ff;--text-muted: #9d8ec0;--cell-size: min(11vw, 11vh, 64px);--cell-gap: 4px;--border-radius: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .5)}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}.home-screen{padding:16px;gap:16px;overflow-y:auto}.home-header{text-align:center;flex-shrink:0}.game-title{font-size:clamp(1.6rem,5vw,2.5rem);font-weight:900;background:linear-gradient(135deg,#a78bfa,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.game-subtitle{color:var(--text-muted);margin-top:6px;font-size:clamp(.75rem,2.5vw,1rem)}.home-body{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;flex:1}.leaderboard-section{background:var(--bg-card);border-radius:var(--border-radius);padding:16px;width:100%;box-shadow:var(--shadow)}.leaderboard-section h2{font-size:1rem;margin-bottom:10px;color:var(--accent)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.leaderboard-table th,.leaderboard-table td{padding:6px 8px;text-align:left}.leaderboard-table th{color:var(--text-muted);font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}.leaderboard-table tr:hover td{background:#ffffff0a}.no-scores{color:var(--text-muted);text-align:center;font-size:.9rem}.start-section{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.player-name-input{width:100%;max-width:280px;padding:12px 16px;border-radius:50px;border:2px solid var(--primary-light);background:var(--bg-card);color:var(--text);font-size:1rem;text-align:center;outline:none;transition:border-color .2s}.player-name-input:focus{border-color:var(--accent)}.player-name-input::placeholder{color:var(--text-muted)}.btn{padding:14px 32px;border-radius:50px;border:none;cursor:pointer;font-size:1.1rem;font-weight:700;transition:transform .1s,opacity .1s;white-space:nowrap}.btn:active{transform:scale(.96);opacity:.9}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 16px #6c3fc580}.game-screen{position:relative;justify-content:center;gap:12px;padding:8px}.hud{display:flex;gap:24px;justify-content:center;background:var(--bg-card);border-radius:var(--border-radius);padding:10px 24px;box-shadow:var(--shadow);flex-shrink:0}.hud-timer,.hud-score{display:flex;align-items:center;gap:8px}.hud-label{font-size:1.2rem}.hud-value{font-size:1.5rem;font-weight:800;min-width:60px;text-align:center}.hud-urgent{color:#ef4444;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.grid-container{display:flex;align-items:center;justify-content:center;flex:1}.grid{display:grid;grid-template-columns:repeat(var(--cols),var(--cell-size));grid-template-rows:repeat(var(--rows),var(--cell-size));gap:var(--cell-gap);background:var(--bg-card);border-radius:var(--border-radius);padding:10px;box-shadow:var(--shadow);touch-action:none}.grid-animating{pointer-events:none}.cell{width:var(--cell-size);height:var(--cell-size);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell-size) * .62);cursor:pointer;background:#ffffff0d;border:2px solid transparent;transition:transform .1s,background .15s;draggable:true}.cell:hover{background:#ffffff1a;transform:scale(1.08)}.cell:active{transform:scale(.92)}.cell-selected{border-color:var(--accent);background:#f59e0b26;transform:scale(1.1);box-shadow:0 0 12px #f59e0b80}.cell-empty{background:#ffffff05;cursor:default}.cell-error{animation:shake .4s ease-in-out;border-color:#ef4444;box-shadow:0 0 10px #ef444480}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.game-over-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border-radius:var(--border-radius);padding:40px;text-align:center;box-shadow:0 8px 40px #000c;border:2px solid var(--primary-light);z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .3s ease-out;width:90%;max-width:400px}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.game-over-modal h2{font-size:1.8rem}.final-score{font-size:1.3rem;color:var(--text-muted)}.final-score strong{color:var(--accent);font-size:1.6rem}.high-score-msg{font-size:1.1rem;color:var(--accent);font-weight:700}@media(max-width:400px){:root{--cell-size: min(12vw, 12vh, 52px);--cell-gap: 3px}.hud-value{font-size:1.2rem}}@media(min-width:768px){:root{--cell-size: min(8vw, 10vh, 80px)}}