@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');:root{--bg:#1a152e;--surface:#2b264d;--primary:#ffc400;--secondary:#ff4081;--green:#00e676;--text:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Fredoka One',cursive;background:radial-gradient(ellipse at center,#3a326a 0%,var(--bg) 100%);color:var(--text);display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center;-webkit-tap-highlight-color:transparent}.container{width:100%;max-width:360px;padding:20px}#initial-view h1{font-size:2.8rem;line-height:1.1;text-shadow:0 0 10px var(--primary);color:var(--primary)}#initial-view p{font-size:1.2rem;opacity:.9;margin:10px 0 25px 0;font-family:sans-serif;font-weight:600}.info-panel{background:rgba(0,0,0,.2);border-radius:10px;padding:10px;margin-bottom:25px;font-size:1.8rem}.info-panel span{color:var(--green)}.game-board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;perspective:1000px}.tile{width:90px;height:90px;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer;margin:0 auto}.tile.flipped{transform:rotateY(180deg);pointer-events:none}.tile-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center}.tile-front{background:linear-gradient(145deg,#4e4376,#2b2b4d);border:2px solid var(--secondary);padding:5px}.tile-back{background:var(--surface);transform:rotateY(180deg);padding:10px}.tile.shake{animation:shake .5s}@keyframes shake{10%,90%{transform:rotateY(180deg) translateX(-1px)}20%,80%{transform:rotateY(180deg) translateX(2px)}30%,50%,70%{transform:rotateY(180deg) translateX(-4px)}40%,60%{transform:rotateY(180deg) translateX(4px)}}.tile-icon{width:100%;height:100%}.golden .tile-icon{filter:drop-shadow(0 0 10px var(--primary));animation:glow 1s infinite alternate}@keyframes glow{to{filter:drop-shadow(0 0 20px var(--primary))}}#result-view{display:none;animation:fadeIn .5s ease-out}@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.congrats-title{font-size:3rem;color:var(--primary);text-shadow:0 0 15px var(--primary)}.prize-text{font-size:1.5rem;margin:10px 0 25px 0;font-family:sans-serif;font-weight:600}.prize-text strong{font-size:2.2rem;display:block;font-family:'Fredoka One',cursive}.claim-button{display:block;width:100%;padding:20px;font-size:2rem;font-family:inherit;color:#000;text-decoration:none;background:linear-gradient(45deg,var(--primary),#ffdd4b);border:none;border-radius:15px;animation:pulse-claim 1.5s infinite}@keyframes pulse-claim{0%{transform:scale(1);box-shadow:0 5px 20px rgba(255,196,0,.4)}50%{transform:scale(1.05);box-shadow:0 8px 30px rgba(255,196,0,.6)}100%{transform:scale(1);box-shadow:0 5px 20px rgba(255,196,0,.4)}}.timer-text{margin-top:20px;font-size:1.1rem;font-family:sans-serif;font-weight:600}#countdown{color:var(--primary)}.footer{margin-top:30px;font-size:.8rem;opacity:.6}