:root{--hot:#ff2035;--red:#ff2035;--green:#5beb91;--gold:#ffd05b;--game-blue:#29a9ff}
body .level-node.passed{background:linear-gradient(145deg,#84f5b0,#35cb79);color:#062617}body .level-node.available{background:linear-gradient(145deg,#ffe68b,#ffbb30);color:#302004}.answer.correct{border-color:var(--green)}.collection-lock.open{color:#55f197}.progress>span,.progress>div{transition:width .24s ease-out}
body .top .nav{display:flex}body .mobile-nav{display:none!important}body main{padding-bottom:32px}.game-menu{display:none}.game-sound{white-space:nowrap;font-size:.8rem;padding:10px 12px;min-height:44px}.game-sound[aria-pressed=true]{border-color:var(--game-blue);color:#bde7ff}
body .top.game-compact{height:64px;gap:10px;flex-wrap:nowrap;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));position:sticky;top:0}body .top.game-compact .brand{font-size:1.25rem;min-width:0}body .top.game-compact .brand img{width:30px;height:30px}body .top.game-compact .flames{margin-left:auto;font-size:.8rem}body .top.game-compact .game-menu{display:block;white-space:nowrap;padding:9px;min-height:44px}body .top.game-compact .nav{position:absolute;top:100%;left:0;right:0;width:auto;background:#101925;border:1px solid #354354;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:12px;max-height:calc(100dvh - 80px - env(safe-area-inset-bottom));overflow:auto;z-index:10}body .top.game-compact .nav a{min-height:44px;padding:10px;display:flex;align-items:center;gap:10px}body .top .nav[hidden]{display:none!important}body .top[data-game-measure] .nav{position:static;display:flex!important;flex-direction:row;width:max-content;max-height:none;gap:8px;white-space:nowrap}body .top[data-game-measure] .game-menu{display:none!important}
.quiz-wrap [data-quiz-ranking]:has(details:not([open])){top:var(--game-header-height,88px)}
.game-effect{position:fixed;inset:auto;left:0;top:0;width:100vw;height:100dvh;pointer-events:none;z-index:1000;overflow:hidden}.game-edge{position:absolute;inset:0;box-sizing:border-box;border:6px solid var(--edge-color,#29a9ff);box-shadow:inset 0 0 35px 12px var(--edge-color,#29a9ff);border-radius:12px;opacity:0;animation:game-edge 2s ease-out forwards}.game-reward,.game-perfect,.game-upgrade{--edge-color:#ffd05b}.game-level,.game-unlock{--edge-color:#5beb91}.game-edge-soft{animation:game-edge 2s ease-out forwards}.game-sparks{position:absolute;width:1px;height:1px}.game-sparks i{position:absolute;width:9px;height:15px;background:#ffca53;border-radius:2px;animation:game-spark 1.6s ease-out forwards}.game-mist{position:absolute;background:linear-gradient(100deg,transparent 20%,#bce8ff66 50%,transparent 80%);animation:game-mist .85s ease-out forwards}.game-glow{animation:game-glow .8s ease-out}.game-gold{animation-name:game-gold}.game-unlock{animation-name:game-unlock}
@keyframes game-edge{0%{opacity:.9}20%{opacity:.7}60%{opacity:.85}90%{opacity:.7}100%{opacity:0}}
@keyframes game-soft{0%{opacity:.35}100%{opacity:0}}
@keyframes game-spark{from{opacity:.9;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}
@keyframes game-mist{from{opacity:0;transform:translateX(-12%)}30%{opacity:.65}to{opacity:0;transform:translateX(12%)}}
@keyframes game-glow{0%,100%{outline-color:transparent}30%{outline:2px solid #58ee9988;outline-offset:3px}}
@keyframes game-gold{0%,100%{filter:brightness(1)}35%{filter:brightness(1.18)}}
@keyframes game-unlock{0%,100%{opacity:.8}40%{opacity:1;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.game-effect{display:none}.game-glow{animation:none}.progress>span,.progress>div{transition:none}}