:root{--primary: #00D1FF;--secondary: #7000FF;--accent: #FF00E5;--bg: #0B0E14;--card-bg: #1A1F26;--tile-bg: #2D343E;--tile-text: #FFFFFF;--tile-hover: #3D4652;--error: #FF4D4D;--white: #FFFFFF;--radius: 12px;--shadow: 0 10px 30px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;max-width:500px;height:100vh;padding:15px;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.card{background:var(--card-bg);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);text-align:center;width:100%;display:flex;flex-direction:column;position:relative;transition:background-color .2s}.card.error-flash{background-color:#ff4d4d33}.nav-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh;width:100%}.icon-btn{background:#ffffff1a;font-size:1.5rem;padding:8px;border-radius:10px;text-decoration:none;color:#fff;transition:all .2s}.icon-btn:hover{background:#fff3}.timer-display{font-family:Courier New,Courier,monospace;font-size:3rem;font-weight:800;color:var(--primary);margin:1vh 0;letter-spacing:2px;text-shadow:0 0 15px rgba(0,209,255,.5)}.best-time{font-size:.9rem;color:#aaa;margin-bottom:2vh}.best-time span{color:var(--accent);font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;aspect-ratio:1/1;margin-bottom:2vh}.tile{background:var(--tile-bg);color:var(--tile-text);border:none;border-radius:8px;font-size:1.4rem;font-weight:800;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 -4px #0000004d}.tile:not(.empty):hover{background:var(--tile-hover);transform:translateY(-2px)}.tile:not(.empty):active{transform:translateY(2px) scale(.95);box-shadow:none}.tile.empty{visibility:hidden;pointer-events:none}.tile.pop{animation:pop .2s ease-out}.state-screen{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .4s ease-out}.hero-icon{font-size:4.5rem;margin-bottom:2vh;text-shadow:0 5px 15px rgba(0,0,0,.3)}.state-screen h2{font-size:2rem;margin-bottom:1.5vh;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-main{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:1.2rem 3rem;font-size:1.3rem;font-weight:800;border-radius:15px;width:100%;max-width:280px;cursor:pointer;box-shadow:0 6px 20px #00d1ff4d;margin-bottom:2vh;transition:all .2s}.btn-main:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00d1ff66}.btn-main:active{transform:translateY(2px)}.ad-container{width:100%;min-height:50px;background:#ffffff0d;border-radius:10px;margin-top:2vh;display:flex;justify-content:center;align-items:center;border:1px dashed rgba(255,255,255,.1)}.particles{position:absolute;pointer-events:none;z-index:100}.particle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;animation:particleFloat .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes particleFloat{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@media(max-height:700px){.timer-display{font-size:2.22rem}.tile{font-size:1.1rem}.card{padding:1rem}}