:root{--bg-blue:#3148b7;--panel:rgba(20,32,94,.82);--border:rgba(255,255,255,.18);--text:#fff;--muted:rgba(255,255,255,.82);--yellow:#ffd453;--yellow-dark:#f1b918;--shadow:0 18px 45px rgba(9,15,52,.38);--egg-w:138px;--egg-h:192px;--gap:24px;--slot-w:calc(var(--egg-w) + var(--gap));--radius:26px;--font-display:'Bebas Neue',sans-serif;--font-body:'Plus Jakarta Sans',sans-serif}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg-blue) url('assets/easter-background.jpg') center/500px repeat;min-height:100vh}.page-overlay{position:fixed;inset:0;background:radial-gradient(circle at top,rgba(255,255,255,.06),transparent 45%),rgba(25,39,117,.25);pointer-events:none}.screen{display:none;min-height:100vh;position:relative;z-index:1}.screen.active{display:flex;align-items:center;justify-content:center}.screen-shell{width:min(100%,980px);padding:20px 14px 34px}.screen-shell.narrow{max-width:560px}.screen-shell.wide{max-width:1100px}.hero-header,.center-card{text-align:center}.badge{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.12em}.hero-game-logo{width:min(300px,72vw);display:block;margin:18px auto 12px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.22))}.hero-title{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(2.2rem,5vw,3.2rem);margin:0}.hero-title.small{font-size:clamp(2.2rem,5vw,3rem)}.hero-subtitle,.card-sub,.gameover-player,.gameover-msg{color:var(--muted);line-height:1.55}.event-banner,.rank-banner{margin-top:14px;padding:12px 16px;border-radius:16px;background:rgba(255,212,83,.18);border:1px solid rgba(255,212,83,.34);font-weight:800}.rank-banner{font-size:1.05rem;color:#fff8cf}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);padding:28px;margin-top:20px}.card-title{font-size:1.55rem;margin:0 0 6px}.field-group{margin-top:18px}.field-label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.field-input{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;padding:14px 16px;font-size:15px}.field-input::placeholder{color:rgba(255,255,255,.58)}.field-input:focus{outline:2px solid rgba(255,212,83,.45);border-color:rgba(255,212,83,.7)}.field-input.is-invalid{border-color:#ff8a8a}.field-error{display:block;min-height:18px;margin-top:6px;color:#ffd0d0;font-size:12px}.checkbox-row{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:14px}.text-link{background:none;border:none;padding:0;color:var(--yellow);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:rgba(9,15,52,.68);display:flex;align-items:center;justify-content:center;padding:18px;z-index:20}.modal-box{width:min(100%,560px);max-height:min(84vh,720px);overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{margin:0}.modal-close{width:38px;height:38px;border:none;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-size:18px}.modal-body{color:var(--muted);line-height:1.6;margin-top:12px}.modal-body p{margin:0 0 12px}.terms-list{margin:0 0 14px 18px;padding:0}.terms-list li{margin-bottom:8px}.cta-stack{display:flex;flex-direction:column;gap:12px;margin-top:20px}.small-gap{gap:10px}.top-gap{margin-top:14px}.btn{border:none;border-radius:16px;padding:14px 18px;cursor:pointer;font-weight:800;font-size:15px;text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px)}.btn-full{width:100%}.btn-primary{background:linear-gradient(180deg,var(--yellow),var(--yellow-dark));color:#24327d;box-shadow:0 10px 22px rgba(255,212,83,.28)}.btn-secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}.btn-whatsapp{background:#25D366;color:#083b1f}.btn-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.15);border-top-color:rgba(0,0,0,.65);margin-left:10px;animation:spin .8s linear infinite}.hidden{display:none!important}.error-banner{background:rgba(255,120,120,.14);border:1px solid rgba(255,120,120,.35);padding:12px 14px;border-radius:14px;margin-top:16px}.honeypot{position:absolute;left:-99999px}.hud{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.hud-pill,.hud-center{background:rgba(255,255,255,.12);border:1px solid var(--border);border-radius:999px;padding:12px 16px}.hud-pill{min-width:110px;text-align:center}.hud-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.78)}.hud-value{font-size:24px;font-weight:800}.hud-center{text-align:center;flex:1;padding:8px 10px;background:transparent;border:none}.hud-logo{width:min(210px,40vw);max-width:100%;display:block;margin:0 auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.26))}.timer-wrap{display:flex;align-items:center;gap:14px;margin-bottom:16px}.timer-track{flex:1;height:16px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#6be48b,#ffe26a);transition:width .95s linear}.timer-fill.urgent{background:linear-gradient(90deg,#ff8c7f,#ffcd54)}.timer-countdown{min-width:58px;text-align:center;font-size:24px;font-weight:800}.timer-countdown.urgent{color:#ffd2ca}.phase-banner{text-align:center;background:rgba(255,255,255,.11);border:1px solid var(--border);border-radius:16px;padding:12px 14px;margin-bottom:18px;font-weight:700}.stage{position:relative;min-height:600px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border-radius:32px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)}.stage-glow{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:72%;height:90px;background:radial-gradient(circle,rgba(255,220,120,.35),rgba(255,220,120,0))}.cups-arena{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);transform-origin:center bottom;height:360px;max-width:calc(100% - 16px)}.egg{position:absolute;bottom:0;width:var(--egg-w);height:280px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.egg.disabled{cursor:default}.egg-shell,.egg-crack,.egg-open{position:absolute;left:50%;width:var(--egg-w);height:var(--egg-h);transform:translateX(-50%);object-fit:contain;transition:transform .35s ease,filter .3s ease,opacity .28s ease;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}.egg-shell{z-index:2;bottom:44px;opacity:1}.egg-crack{z-index:3;bottom:44px;opacity:0}.egg-open{z-index:3;bottom:42px;opacity:0}.egg.clickable:hover .egg-shell{transform:translateX(-50%) translateY(-6px) scale(1.02)}.egg.cracking .egg-shell{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.96)}.egg.cracking .egg-crack{opacity:1;transform:translateX(-50%) translateY(-10px) scale(1.02)}.egg.opened .egg-shell,.egg.opened .egg-crack,.egg.revealed .egg-shell,.egg.revealed .egg-crack{opacity:0;transform:translateX(-50%) translateY(-16px) scale(.98)}.egg.opened .egg-open,.egg.revealed .egg-open{opacity:1;transform:translateX(-50%) translateY(-12px) scale(1.03)}.egg.closing .egg-shell{opacity:1;transform:translateX(-50%) translateY(-2px) scale(1.01)}.egg.closing .egg-crack,.egg.closing .egg-open{opacity:0;transform:translateX(-50%) translateY(-14px) scale(.98)}.pack-img{position:absolute;left:50%;bottom:92px;z-index:1;width:90px;opacity:0;transform:translateX(-50%) translateY(-34px) scale(.44);transition:opacity .24s ease,transform .35s ease,filter .25s ease;filter:drop-shadow(0 12px 20px rgba(0,0,0,.16))}.egg.pack-enter .pack-img{opacity:1;transform:translateX(-50%) translateY(2px) scale(.62)}.egg.pack-inside .pack-img{opacity:1;transform:translateX(-50%) translateY(24px) scale(.72)}.egg.closing .pack-img{opacity:.15;transform:translateX(-50%) translateY(30px) scale(.64)}.egg.correct .egg-open{filter:drop-shadow(0 0 18px rgba(104,231,140,.75))}.egg.correct .pack-img{filter:drop-shadow(0 0 14px rgba(255,223,92,.75))}.egg.wrong .egg-open{filter:drop-shadow(0 0 18px rgba(255,128,128,.7))}.egg.mobile-bounce .egg-shell,.egg.mobile-bounce .egg-crack,.egg.mobile-bounce .egg-open,.egg.mobile-bounce .pack-img{animation:eggBounce .56s cubic-bezier(.22,1,.36,1) 2}.egg-shadow{position:absolute;left:50%;bottom:12px;width:98px;height:20px;transform:translateX(-50%);background:rgba(10,18,60,.35);filter:blur(7px);border-radius:999px}.round-transition{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(12,18,62,.18);backdrop-filter:blur(2px);z-index:4;pointer-events:none;opacity:0;transition:opacity .25s ease}.round-transition.show{opacity:1}.round-transition-logo{width:min(320px,62vw);max-width:calc(100% - 32px);opacity:0;transform:scale(.82);transition:transform .55s ease,opacity .35s ease;filter:drop-shadow(0 20px 30px rgba(0,0,0,.28))}.round-transition.show .round-transition-logo{opacity:1;transform:scale(1)}.confetti-layer{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:10px;height:16px;border-radius:4px;opacity:.95;animation:fall 1.8s linear forwards}.overlay{position:fixed;inset:0;background:rgba(9,15,52,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:8}.overlay-card{width:min(100%,420px);background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.overlay-icon{font-size:56px;text-align:center}.overlay-title{text-align:center;margin:10px 0 8px;font-size:1.7rem}.overlay-msg{text-align:center;color:var(--muted);line-height:1.55}.overlay-score-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.score-chip{background:rgba(255,255,255,.11);border-radius:18px;padding:14px;text-align:center}.score-chip-label{display:block;font-size:12px;color:rgba(255,255,255,.74);margin-bottom:6px}.score-chip-val{font-size:24px;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.stat-box{background:rgba(255,255,255,.11);border-radius:20px;padding:18px 14px}.stat-box.accent{background:rgba(255,212,83,.18)}.stat-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.74)}.stat-value{display:block;margin-top:8px;font-size:2rem;font-weight:800}.card-head-between{display:flex;gap:14px;justify-content:space-between;align-items:flex-start}.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:9px 12px;cursor:pointer;font-weight:700}.chip.active{background:rgba(255,212,83,.18);border-color:rgba(255,212,83,.35)}.leaderboard-list{margin-top:18px;display:flex;flex-direction:column;gap:10px}.leaderboard-row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.11);border-radius:18px;padding:14px 16px}.leader-rank{font-weight:800;font-size:20px;color:var(--yellow)}.leader-name{font-weight:700}.leader-meta{display:block;font-size:12px;color:rgba(255,255,255,.72);margin-top:3px}.leader-score{font-size:26px;font-weight:800}.leader-empty{text-align:center;color:var(--muted);padding:22px 10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes eggBounce{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}35%{transform:translateX(-50%) translateY(-10px) scale(1.03)}65%{transform:translateX(-50%) translateY(0) scale(.99)}}@keyframes fall{to{transform:translateY(620px) rotate(540deg);opacity:.9}}@media (max-width:980px){:root{--egg-w:114px;--egg-h:158px;--gap:16px}.stage{min-height:540px}.cups-arena{height:320px}.egg{height:240px}.pack-img{width:76px;bottom:78px}}@media (max-width:720px){:root{--egg-w:76px;--egg-h:106px;--gap:2px}.hud{flex-wrap:wrap;gap:10px}.hud-pill{min-width:96px;padding:10px 12px}.hud-value{font-size:20px}.hud-center{order:-1;width:100%}.hud-logo{width:min(170px,58vw)}.stage{min-height:430px;border-radius:24px}.cups-arena{bottom:34px;height:250px}.egg{height:190px}.pack-img{width:58px;bottom:60px}.card,.overlay-card{padding:18px}.stats-grid,.overlay-score-row{grid-template-columns:1fr}.filters,.card-head-between{flex-direction:column;align-items:stretch}.leaderboard-row{grid-template-columns:42px 1fr auto;padding:12px}.leader-score{font-size:22px}.hero-game-logo{width:min(240px,72vw)}}
@media (max-width:420px){:root{--egg-w:58px;--egg-h:82px;--gap:1px}.screen-shell{padding:14px 10px 24px}.stage{min-height:390px}.cups-arena{bottom:28px;height:220px}.egg{height:170px}.pack-img{width:50px;bottom:52px}.phase-banner{font-size:14px;padding:10px 12px}.btn{padding:12px 16px;font-size:14px}}
.leaderboard-note{margin-top:8px;color:var(--muted);font-size:14px}
.current-user{background:linear-gradient(135deg,#ffd54f,#ffb300);color:#1f2460;border-radius:18px;transform:scale(1.02);box-shadow:0 0 18px rgba(255,213,79,.45)}
.current-user .leader-rank,.current-user .leader-meta{color:#1f2460}
.podium{margin-top:16px;margin-bottom:18px}
.podium-container{display:flex;justify-content:center;align-items:flex-end;gap:10px}
.podium-item{text-align:center;padding:12px 10px;border-radius:16px;animation:bounceUp .65s ease;min-width:92px;box-shadow:var(--shadow)}
.podium-item.first{background:linear-gradient(180deg,#ffe27a,#f5b300);height:132px;color:#1f2460}
.podium-item.second{background:linear-gradient(180deg,#f4f4f6,#cfd3dc);height:110px;color:#1f2460}
.podium-item.third{background:linear-gradient(180deg,#e5a878,#b36a34);height:96px;color:#fff}
.podium-rank{font-size:28px;line-height:1;margin-bottom:8px}
.podium-name{font-weight:800;font-size:14px;word-break:break-word}
.podium-score{margin-top:8px;font-size:18px;font-weight:800}
@keyframes bounceUp{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}
@media (max-width:720px){.podium-item{min-width:78px;padding:10px 8px}.podium-item.first{height:118px}.podium-item.second{height:100px}.podium-item.third{height:88px}.podium-name{font-size:12px}.podium-score{font-size:16px}}

.field-help{margin-top:6px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.45}

.gameover-actions .btn + .btn,.gameover-actions .btn + a,.gameover-actions a + .btn,.gameover-actions a + a{margin-top:10px;}
#btn-share-whatsapp{display:block;margin-top:12px;}