@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap";:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{font-family:Manrope,system-ui,sans-serif;background:#0b0b14;color:#f1f0f7;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:.75rem .75rem 1.25rem;gap:.75rem}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:radial-gradient(circle at 50% 30%,#1a1830,#05050a 75%);cursor:pointer}.intro-letters{display:flex;gap:.4rem}.intro-letter{width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#0b0b14;background:var(--color);border-radius:4px;box-shadow:inset 0 0 0 2px #ffffff59,inset 0 -4px #00000040;opacity:0;transform:translateY(-160px) rotate(-8deg);animation:intro-drop .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}@keyframes intro-drop{0%{opacity:0;transform:translateY(-160px) rotate(-8deg)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotate(0)}}.intro-sub{margin:0;color:#7d7b96;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;opacity:0;animation:intro-fade-up .5s ease forwards;animation-delay:.7s}.intro-start{margin-top:.25rem;background:linear-gradient(90deg,#4dd8f0,#a742f5);border:none;color:#0b0b14;font-weight:700;padding:.6rem 2.2rem;border-radius:999px;cursor:pointer;font-size:1rem;opacity:0;animation:intro-fade-up .5s ease forwards;animation-delay:.82s}.intro-hint{margin:0;font-size:.7rem;color:#55536e;opacity:0;animation:intro-fade-up .5s ease forwards,intro-blink 1.8s ease-in-out infinite;animation-delay:.95s,1.4s}@keyframes intro-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-blink{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.intro-letter,.intro-sub,.intro-start,.intro-hint{animation:none;opacity:1;transform:none}}.topbar{display:flex;align-items:baseline;gap:.5rem}.topbar h1{font-family:Manrope,system-ui,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:.12em;margin:0;background:linear-gradient(90deg,#4dd8f0,#a742f5,#f0554d,#f0d84d);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar-sub{font-size:.75rem;color:#7d7b96;text-transform:uppercase;letter-spacing:.08em}.layout{display:flex;align-items:flex-start;justify-content:center;gap:.75rem;width:100%}.panel{display:flex;flex-direction:column;gap:.6rem;width:96px}.box{background:#171626;border:1px solid #2a2840;border-radius:10px;padding:.55rem;display:flex;flex-direction:column;gap:.4rem;align-items:center}.box-label{font-size:.62rem;color:#8f8cad;text-transform:uppercase;letter-spacing:.06em}.stats{align-items:stretch;gap:.55rem}.stats>div{display:flex;flex-direction:column;gap:.1rem}.stats strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:64px;height:64px;gap:2px}.mini-cell{border-radius:2px;background:transparent}.mini-cell.filled{background:var(--color);box-shadow:inset 0 0 0 1px #ffffff40}.next-list{display:flex;flex-direction:column;gap:.5rem}.board-wrap{position:relative;--cell: clamp(16px, min(4vw, 3.4vh), 30px)}.board{display:grid;grid-template-columns:repeat(10,var(--cell));grid-template-rows:repeat(20,var(--cell));gap:1px;background:#05050a;border:2px solid #2a2840;border-radius:8px;padding:4px}.cell{background:#12111e;border-radius:2px}.cell.filled{background:var(--color);box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 -3px #00000040}.cell.ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--color);opacity:.5}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05050cd1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center}.overlay p{margin:0;font-size:1.3rem;font-weight:700}.overlay-score{font-size:1rem!important;color:#b7b4d6;font-weight:500!important}.overlay button{background:linear-gradient(90deg,#4dd8f0,#a742f5);border:none;color:#0b0b14;font-weight:700;padding:.55rem 1.2rem;border-radius:999px;cursor:pointer;font-size:.9rem}.mobile-actions{display:none;gap:.5rem}.ghost-btn{background:transparent;border:1px solid #2a2840;color:#f1f0f7;padding:.45rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600}.touch-controls{display:none;gap:.5rem;width:100%;max-width:420px}.tc-btn{flex:1;background:#171626;border:1px solid #2a2840;color:#f1f0f7;border-radius:10px;padding:.7rem 0;font-size:1.1rem;-webkit-user-select:none;user-select:none;touch-action:none}.tc-btn.wide{flex:1.4;font-size:.85rem;font-weight:700}.hint{font-size:.72rem;color:#6f6d8c;text-align:center;max-width:480px}@media(pointer:coarse),(max-width:640px){.panel{width:78px}.mini-grid{width:48px;height:48px}.mobile-actions,.touch-controls{display:flex}.hint{display:none}}