:root{--purple:#9b54ff;--gold:#ffc34f;--red:#ff4f68;--text:#fff;--muted:#b6adbf}*{box-sizing:border-box}html,body{margin:0;background:#07030d;color:#fff;font-family:"DM Sans",sans-serif}.grabber-page{overflow-x:hidden}.game-shell{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;background:#08040f;touch-action:none}.game-shell:before{content:"";position:absolute;inset:0;background:url("../assets/games/ticket-grabber/ticket-grabber-hero.png") center/cover;opacity:.17;filter:blur(2px)}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.game-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 35%,rgba(4,1,8,.62) 100%),linear-gradient(180deg,rgba(4,1,9,.72),transparent 25%,transparent 72%,rgba(4,1,9,.7))}.game-hud{position:absolute;z-index:5;inset:18px 22px auto;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:start;gap:12px;pointer-events:none}.game-hud.hidden{display:none}.hud-stat,.hud-score,.hud-actions{padding:12px 15px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(10,5,17,.62);backdrop-filter:blur(16px)}.hud-stat small,.hud-score small{display:block;color:var(--muted);font-size:.58rem;letter-spacing:.15em}.hud-stat strong,.hud-score strong{font:800 1.2rem Manrope}.hud-stat.lives strong{color:#ff6581;letter-spacing:.12em}.hud-stat.timer{text-align:center}.hud-stat.timer strong{font-size:1.8rem}.hud-score{display:flex;justify-content:end;gap:24px;text-align:right}.hud-actions{display:flex;gap:7px;pointer-events:auto}.hud-actions button{border:0;background:transparent;color:#fff;font:700 .72rem DM Sans;cursor:pointer}.game-feedback{position:absolute;z-index:4;top:23%;left:0;right:0;text-align:center;font:800 clamp(1.4rem,4vw,3rem) Manrope;pointer-events:none;text-shadow:0 0 30px #9b54ff;opacity:0;transform:translateY(10px);transition:.2s}.game-feedback.show{opacity:1;transform:none}.game-screen{position:absolute;z-index:10;inset:0;display:none;place-items:center;padding:24px;background:rgba(6,2,11,.45);backdrop-filter:blur(8px)}.game-screen.active{display:grid}.back-arcade{position:absolute;top:24px;left:28px;color:#c7bdcf;text-decoration:none;font-size:.8rem}.intro-card,.modal-card,.result-card{width:min(980px,100%);padding:clamp(25px,5vw,58px);border:1px solid rgba(255,255,255,.14);border-radius:35px;background:linear-gradient(145deg,rgba(25,12,43,.91),rgba(8,4,14,.94));box-shadow:0 40px 120px rgba(0,0,0,.55)}.game-kicker{margin:0 0 14px;color:#bd8dff;font-size:.68rem;font-weight:800;letter-spacing:.18em}.intro-card h1{margin:0;font:800 clamp(4rem,10vw,8.5rem)/.78 Manrope;letter-spacing:-.085em}.intro-card h1 span{color:transparent;-webkit-text-stroke:1px rgba(205,167,255,.8)}.intro-lead{margin:28px 0;color:#c5bbcc;font-size:1.05rem}.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rule-grid>div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035)}.rule-grid span{font-size:.72rem;color:var(--muted)}.rule-grid b{display:block;color:#fff;margin-bottom:3px}.rule-ticket{width:33px;height:22px;flex:none;border:2px solid var(--purple);border-radius:4px;box-shadow:0 0 12px var(--purple)}.rule-ticket.vip{border-color:var(--gold);box-shadow:0 0 12px var(--gold)}.rule-ticket.fake{border-color:var(--red);box-shadow:0 0 12px var(--red)}.rule-token{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:var(--gold);color:#281600;font-style:normal;font-weight:900}.intro-footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:20px;margin-top:25px}.intro-footer small{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.12em}.intro-footer strong{display:block;margin-top:5px}.game-primary,.game-secondary{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:50px;padding:0 20px;border:0;border-radius:99px;background:#fff;color:#0b0611;text-decoration:none;font:800 .84rem DM Sans;cursor:pointer}.game-primary:disabled{opacity:.35;cursor:not-allowed}.game-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.17)}.game-message{min-height:20px;margin:16px 0 0;color:#bcb2c7;font-size:.78rem}.pause-screen .modal-card{max-width:470px;text-align:center}.modal-card h2,.result-card h2{margin:0 0 26px;font:800 clamp(2.3rem,6vw,4.5rem)/.95 Manrope;letter-spacing:-.06em}.modal-card button{width:100%;margin-top:10px}.result-card{max-width:850px;text-align:center}.result-score small{display:block;color:var(--muted);letter-spacing:.14em;font-size:.65rem}.result-score strong{display:block;font:800 clamp(4.5rem,12vw,9rem)/.9 Manrope;color:#e1c6ff;text-shadow:0 0 45px rgba(155,84,255,.5)}.result-score span{color:var(--muted);font-size:.8rem}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0}.result-stats div{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:16px}.result-stats small{display:block;color:var(--muted);font-size:.64rem}.result-stats strong{font:800 1.3rem Manrope}.demo-reward{padding:17px;border:1px solid rgba(255,195,79,.28);border-radius:18px;background:rgba(255,195,79,.06)}.demo-reward span{font-size:.65rem;letter-spacing:.14em;color:#ffdc91}.demo-reward strong{display:block;font:800 2rem Manrope;color:var(--gold)}.demo-reward p{margin:3px;color:var(--muted);font-size:.7rem}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.game-leaderboard{width:min(900px,calc(100% - 32px));margin:70px auto;padding-bottom:80px}.leaderboard-head{display:flex;justify-content:space-between;align-items:end}.leaderboard-head h2{margin:0;font:800 clamp(2.5rem,7vw,5rem) Manrope;letter-spacing:-.06em}.leaderboard-head a{color:var(--muted)}.leaderboard-tabs{display:flex;gap:8px;margin:25px 0}.leaderboard-tabs button{padding:10px 15px;border:1px solid rgba(255,255,255,.13);border-radius:99px;background:transparent;color:var(--muted);cursor:pointer}.leaderboard-tabs button.active{background:#fff;color:#08040f}.game-leaderboard ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.12)}.game-leaderboard li{display:grid;grid-template-columns:50px 1fr auto;padding:17px 5px;border-bottom:1px solid rgba(255,255,255,.1)}.game-leaderboard li.current{color:#e4caff}.game-leaderboard li strong{color:var(--gold)}@media(max-width:700px){.game-shell{min-height:640px}.game-hud{inset:10px 10px auto;grid-template-columns:1fr auto 1fr}.hud-score{grid-column:3}.hud-actions{position:fixed;top:72px;right:10px}.hud-actions button:first-child{display:none}.intro-card{padding:24px;border-radius:25px}.intro-card h1{font-size:clamp(3.5rem,19vw,5.7rem)}.rule-grid{grid-template-columns:1fr 1fr}.intro-footer{grid-template-columns:1fr 1fr}.intro-footer .game-primary{grid-column:span 2;width:100%}.result-card{padding:24px}.result-stats{grid-template-columns:1fr 1fr}.result-actions{flex-direction:column}.back-arcade{top:14px;left:16px}.game-screen{padding:14px}.hud-stat,.hud-score{padding:9px 10px}.hud-score{gap:12px}.hud-stat strong,.hud-score strong{font-size:1rem}.hud-stat.timer strong{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}