.game-hero{position:relative;display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:18px}.hero-trophy,.hero-ball{width:100%;max-height:150px;object-fit:contain;filter:drop-shadow(0 18px 28px #0008)}.hero-ball{animation:hero-float 4s ease-in-out infinite}.how-to-play,.awards-card,.competitive-hub{margin-bottom:16px;padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 24px 80px #0005}.steps-grid,.awards-grid,.competitive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.steps-grid article{display:flex;align-items:center;gap:12px;min-height:88px;padding:15px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff07}.steps-grid strong{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--gold);color:#17120a}.steps-grid span{color:#c9ccd4;font-size:.86rem;line-height:1.45}.awards-grid article{position:relative;overflow:hidden;padding:18px;border:1px solid #ffffff14;border-radius:17px;background:linear-gradient(145deg,#ffffff0c,#ffffff04);text-align:center}.award-icon{display:block;font-size:2rem}.awards-grid small{display:block;margin-top:7px;color:var(--gold);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.awards-grid strong{display:block;margin-top:8px;font-size:1rem}.awards-grid p{margin:5px 0 0;color:#9297a3;font-size:.75rem}.play-instruction{min-height:54px;margin:14px auto 0;padding:11px 14px;border:1px solid #f4c95d40;border-radius:13px;background:#f4c95d0b;color:#d9dbe2;font-size:.88rem;line-height:1.45}.timer-stage{height:150px;min-height:150px}.timer,.timer.concealed{box-sizing:border-box;height:104px;min-height:104px}.stop{display:inline-flex;align-items:center;justify-content:center;gap:12px}.stop img{width:34px;height:34px}.duel-notice,.league-notice{margin:12px 0 0;padding:12px 14px;border:1px solid #65b7ff55;border-radius:13px;background:#65b7ff0c;color:#b8ddff;font-size:.86rem}.competitive-grid{grid-template-columns:1fr 1fr}.feature-card{display:flex;gap:16px;padding:18px;border:1px solid #ffffff14;border-radius:18px;background:#ffffff07}.feature-card>img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 10px 16px #0008)}.feature-card h3{margin:0}.feature-card p{margin:6px 0 12px;color:#9fa4af;font-size:.82rem;line-height:1.45}.inline-form{display:flex;gap:8px;margin-top:8px}.inline-form input{min-width:0;padding:10px 12px}.compact{padding:10px 13px}.league-panel{margin-top:18px;padding:18px;border:1px solid #f4c95d35;border-radius:17px;background:#f4c95d08}.leaderboard-help{margin:12px 0 0;color:#858b97;font-size:.8rem}.clickable-leaderboard li{cursor:pointer}.clickable-leaderboard li:focus-within,.clickable-leaderboard li:hover{outline:1px solid #f4c95d55}.profile-dialog{width:min(620px,calc(100% - 28px));max-height:85vh;padding:28px;border:1px solid #ffffff20;border-radius:24px;background:#111319;color:#fff;box-shadow:0 30px 120px #000d}.profile-dialog::backdrop{background:#05070bbc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff0d;color:#fff;font-size:1.5rem;cursor:pointer}.public-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.public-profile-grid div{padding:14px;border-radius:14px;background:#ffffff08}.public-profile-grid span{display:block;color:#8f94a0;font-size:.72rem}.public-profile-grid strong{display:block;margin-top:5px}.celebration-ball{position:absolute;z-index:2;width:70px;height:70px;opacity:0}.celebration.active .celebration-ball{animation:ball-goal 1.2s cubic-bezier(.2,.9,.2,1) forwards}.celebration-trophy{width:74px;height:94px;object-fit:contain}.confetti-layer{position:absolute;inset:0;overflow:hidden}.confetti-piece{position:absolute;top:-10%;width:9px;height:18px;border-radius:2px;animation:confetti-fall 2.4s linear forwards}.result-card-preview{display:block;width:100%;margin-top:16px;border-radius:16px}.game-hero:after{position:absolute;inset:auto 12% -12px;height:1px;background:linear-gradient(90deg,transparent,#f4c95d70,transparent);content:""}@keyframes hero-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(4deg)}}@keyframes ball-goal{0%{left:-10%;top:70%;opacity:0;transform:rotate(0) scale(.7)}20%{opacity:1}75%{left:53%;top:30%;transform:rotate(540deg) scale(1)}100%{left:47%;top:39%;opacity:0;transform:rotate(720deg) scale(.4)}}@keyframes confetti-fall{to{transform:translate3d(var(--x),115vh,0) rotate(720deg);opacity:.1}}@media(max-width:760px){.game-hero{grid-template-columns:64px 1fr 64px}.steps-grid{grid-template-columns:1fr}.awards-grid{grid-template-columns:1fr 1fr}.awards-grid article:last-child{grid-column:1/-1}.competitive-grid{grid-template-columns:1fr}.public-profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.game-hero{grid-template-columns:44px 1fr 44px;gap:5px}.hero-trophy,.hero-ball{max-height:78px}.how-to-play,.awards-card,.competitive-hub{padding:18px;border-radius:20px}.awards-grid{grid-template-columns:1fr}.awards-grid article:last-child{grid-column:auto}.feature-card{align-items:flex-start;flex-direction:column}.inline-form{align-items:stretch;flex-direction:column}.inline-form button{width:100%}.public-profile-grid{grid-template-columns:1fr}.play-instruction{min-height:70px}}@media(prefers-reduced-motion:reduce){.hero-ball,.celebration.active .celebration-ball,.confetti-piece{animation:none!important}}