@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}*{box-sizing:border-box}#timerBar,body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;background:radial-gradient(1200px 1200px at 50% -10%,#2b2b55,#131322);color:#f6f7fb}a,button,input{font:inherit}button{cursor:pointer}.topbar{display:flex;justify-content:space-between;padding:12px 16px;background:rgba(0,0,0,.25);backdrop-filter:blur(6px);position:sticky;top:0;z-index:3}.topbar h1{margin:0;font-size:20px}.controls,.hud,.topbar{align-items:center}.controls{display:flex;gap:10px;flex-wrap:wrap}.controls label,.hud>div{background:rgba(255,255,255,.06)}.controls label{display:inline-flex;gap:6px;align-items:center;padding:6px 8px;border-radius:8px}.controls button{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff}.controls button:hover{background:rgba(255,255,255,.14)}main{max-width:900px;margin:24px auto;padding:0 16px}.hud{display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:12px 20px;margin-bottom:18px}.hud>div{padding:8px 10px;border-radius:10px}.board,.timer{position:relative}.timer{height:16px;overflow:hidden}#timerBar{width:0%;background:linear-gradient(90deg,#2af598,#009efd);transition:width .1s linear}.board{width:90vw;max-width:420px;aspect-ratio:1/1;margin:20px auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:14px}.tile{border:0;border-radius:16px;display:grid;place-items:center;font-size:48px;color:#fff;padding:0;box-shadow:0 10px 30px rgba(0,0,0,.35) inset,0 6px 22px rgba(0,0,0,.35);transition:transform .08s ease,box-shadow .2s,filter .2s;user-select:none}.tile:active{transform:scale(.98)}#tile-up{grid-column:2;grid-row:1}#tile-left{grid-column:1;grid-row:2}#tile-right{grid-column:3;grid-row:2}#tile-down{grid-column:2;grid-row:3}.up{background:linear-gradient(180deg,#2d7df6,#1957c7)}.left{background:linear-gradient(180deg,#f7c948,#c79c1d)}.right{background:linear-gradient(180deg,#ff5a5f,#c12a2f)}.down{background:linear-gradient(180deg,#2ecc71,#1e9b52)}.tile.glow{filter:brightness(1.35) saturate(1.2);box-shadow:0 0 22px rgba(255,255,255,.5),0 0 60px rgba(255,255,255,.25)}.tile.pulse{animation:pulse 400ms ease}.instructions,footer{text-align:center;opacity:.9}footer{padding:16px;opacity:.7}#confetti,.splash{position:fixed;inset:0}.splash{z-index:10;display:grid;place-items:center;background:radial-gradient(1200px 1200px at 50% -10%,#2b2b55,#131322)}.splash-content{text-align:center;max-width:720px;padding:24px}.splash-image{width:min(80vw,480px);height:auto;display:block;margin:0 auto 16px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.45);background-color:rgba(255,255,255,.05)}.splash-text{font-size:20px;line-height:1.4;opacity:.95}.splash.hide{opacity:0;pointer-events:none;transition:opacity 220ms ease}#confetti{pointer-events:none;overflow:hidden;z-index:5}.confetti-piece{position:absolute;width:8px;height:14px;opacity:.9;transform:rotate(15deg);will-change:transform,top}