:root{--abyss: #0b1118;--hull: #121a24;--hull-2: #17212e;--line: rgba(146, 161, 180, .16);--line-strong: rgba(146, 161, 180, .32);--frost: #e9eff6;--mist: #91a0b4;--brass: #e9b44c;--brass-hi: #f7d488;--verdigris: #46c08a;--ember: #e5654f;--radius: 14px;--font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font:var(--font);color:var(--frost);background:radial-gradient(1100px 520px at 50% -160px,rgba(233,180,76,.07),transparent 62%),radial-gradient(900px 560px at 110% 108%,rgba(70,192,138,.05),transparent 58%),radial-gradient(820px 520px at -10% 105%,rgba(96,130,190,.06),transparent 55%),var(--abyss);background-color:var(--abyss);min-height:100vh;-webkit-font-smoothing:antialiased}::selection{background:#e9b44c4d}.wrap{max-width:720px;margin:0 auto;padding:20px 16px 80px;position:relative}.center{text-align:center}@keyframes surfaceIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero{text-align:center;margin-bottom:22px;position:relative;animation:surfaceIn .45s cubic-bezier(.2,.7,.3,1) both}.logo{font-size:44px;font-weight:800;letter-spacing:.02em;margin:18px 0 6px;color:var(--brass);text-shadow:0 2px 22px rgba(233,180,76,.22)}.tagline{color:var(--mist);margin:0 0 10px}.lang{position:absolute;top:0;right:0;display:flex;gap:6px;align-items:center}.lang button,.soundToggle{background:transparent;border:1px solid var(--line-strong);border-radius:999px;color:var(--mist);padding:4px 12px;font:inherit;font-size:13px;cursor:pointer;transition:color .15s,border-color .15s,transform .15s}.lang button:hover,.soundToggle:hover{color:var(--frost);border-color:var(--brass)}.soundToggle{padding:4px 8px;font-size:14px;line-height:1.3}.soundToggle:active,.lang button:active{transform:scale(.94)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.cards{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--hull-2),var(--hull) 55%);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 12px 28px #04080e66,inset 0 1px #ffffff0a;animation:surfaceIn .45s cubic-bezier(.2,.7,.3,1) .08s both}.card--gold{border-color:#e9b44c66;box-shadow:0 12px 28px #04080e66,0 0 30px #e9b44c14,inset 0 1px #ffffff0d}.card h2{margin:0 0 6px}.sub{margin:14px 0 6px;font-size:14px;color:var(--mist)}.btn{position:relative;overflow:hidden;background:var(--hull-2);border:1px solid var(--line-strong);color:var(--frost);border-radius:10px;padding:9px 16px;cursor:pointer;font:inherit;font-weight:600;transition:transform .14s ease,border-color .14s,box-shadow .2s,background .2s}.btn:hover:not(:disabled){border-color:var(--brass);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:focus-visible,.lang button:focus-visible,.soundToggle:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.btn--primary{background:linear-gradient(180deg,var(--brass-hi),var(--brass) 70%);border-color:var(--brass);color:#17130a;box-shadow:0 4px 18px #e9b44c38}.btn--primary:hover:not(:disabled){box-shadow:0 6px 24px #e9b44c52}.btn--primary:after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);transition:left .45s ease;pointer-events:none}.btn--primary:hover:not(:disabled):after{left:130%}.btn--primary:disabled{opacity:.45;cursor:default}.btn--ghost{background:transparent}.tiny{font-size:12px}.muted{color:var(--mist)}.error{color:var(--ember)}.ok{color:var(--verdigris)}.big{font-size:20px}.status{margin-top:18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;animation:surfaceIn .45s cubic-bezier(.2,.7,.3,1) .16s both}.streak__icon{font-size:22px;display:inline-block}@keyframes emberBreathe{50%{transform:scale(1.12) rotate(-4deg)}}.streak__icon{animation:emberBreathe 2.6s ease-in-out infinite}.streak__n{font-size:26px;font-weight:800;margin:0 4px;font-variant-numeric:tabular-nums}.today b{color:var(--brass)}.gamebar{display:flex;align-items:center;gap:14px;margin-bottom:10px;animation:surfaceIn .4s cubic-bezier(.2,.7,.3,1) both}.scorebox{display:flex;align-items:baseline;gap:5px}.score{font-size:26px;color:var(--brass);font-variant-numeric:tabular-nums}@keyframes scoreBump{0%{transform:scale(1)}35%{transform:scale(1.18);text-shadow:0 0 18px rgba(233,180,76,.6)}to{transform:scale(1)}}.score--bump{display:inline-block;animation:scoreBump .5s cubic-bezier(.2,.7,.3,1.2)}.medalChip{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:#e9b44c14;display:inline-flex;align-items:center;gap:7px}.panel{background:linear-gradient(180deg,var(--hull-2),var(--hull) 60%);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:12px 0;text-align:center;box-shadow:0 12px 28px #04080e66,inset 0 1px #ffffff0a;animation:surfaceIn .35s cubic-bezier(.2,.7,.3,1) both}.prompt{font-size:24px;margin:6px 0}.rules{color:var(--mist);font-style:italic}.bigtimer{font-size:40px;color:var(--brass);margin:12px 0;font-variant-numeric:tabular-nums}@keyframes previewPulse{50%{text-shadow:0 0 26px rgba(233,180,76,.55);transform:scale(1.04)}}.bigtimer{display:inline-block;animation:previewPulse 1s ease-in-out infinite}.timer{position:relative;height:14px;background:#080c12d9;border:1px solid var(--line);border-radius:999px;margin:14px 0;overflow:hidden;transition:border-color .3s}.timer__fill{height:100%;background:linear-gradient(90deg,var(--brass),var(--brass-hi));box-shadow:0 0 12px #e9b44c59;border-radius:999px}.timer__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-100%);animation:timerSheen 2.4s linear infinite}@keyframes timerSheen{to{transform:translate(100%)}}.timer__fill--danger{background:linear-gradient(90deg,var(--ember),#ff8a70);box-shadow:0 0 14px #e5654f80}.timer__fill--danger:after{animation-duration:.9s}.timer--danger{border-color:#e5654f8c}@keyframes timerAlarm{50%{box-shadow:0 0 22px #e5654f73}}.timer--danger{animation:timerAlarm 1s ease-in-out infinite}.timer__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--frost);gap:4px}.timer__sec{font-variant-numeric:tabular-nums;display:inline-block}@keyframes secPulse{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}.timer__sec{animation:secPulse .45s cubic-bezier(.2,.7,.3,1.2)}.timer--danger .timer__sec{color:#ffb3a0;font-weight:800}@keyframes vignettePulse{50%{box-shadow:inset 0 0 150px #e5654f4d}}.game--danger:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;box-shadow:inset 0 0 110px #e5654f33;animation:vignettePulse 1s ease-in-out infinite}.answerline{display:flex;gap:8px;margin-top:12px}.answerline input{flex:1;background:#080c12cc;border:1px solid var(--line-strong);border-radius:10px;color:var(--frost);font:inherit;font-size:18px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.answerline input:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px #e9b44c24}@keyframes refusalShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.answerline--shake{animation:refusalShake .4s ease}.answerline--shake input{border-color:var(--ember)}.refusals{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}.chip{border:1px solid rgba(229,101,79,.55);color:#ff9d8a;border-radius:999px;padding:1px 10px;font-size:12px;animation:surfaceIn .25s ease both}.reveal .canonical{font-size:26px;color:var(--brass);margin:6px 0}@keyframes pointsPop{0%{transform:scale(.55) translateY(6px);opacity:0}60%{transform:scale(1.12) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0)}}.reveal .ok.big{display:inline-block;animation:pointsPop .5s cubic-bezier(.2,.7,.3,1.25) both}@keyframes revealName{0%{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.reveal .canonical{animation:revealName .4s ease .12s both}.fact{color:var(--mist);font-size:14px;animation:surfaceIn .4s ease .24s both}@keyframes timeoutFade{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.reveal .error.big{display:inline-block;animation:timeoutFade .35s ease both}.rounds{margin-top:18px}.roundrow{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line);animation:surfaceIn .3s ease both;animation-delay:calc(min(var(--ri, 0),8)*40ms)}.tierdot{width:12px;height:12px;border-radius:4px;flex:none;box-shadow:0 0 8px currentColor}.grows{flex:1;text-align:left}.ladderName{animation:surfaceIn .45s cubic-bezier(.2,.7,.3,1) .2s both}.ladder{display:flex;gap:4px;overflow-x:auto;padding:6px 0}.medal{flex:1 0 0;min-width:72px;border:1px solid var(--line);border-radius:10px;padding:6px 4px;text-align:center;background:#121a24b3;opacity:.55;transition:opacity .3s,border-color .3s,transform .3s;animation:surfaceIn .35s ease both;animation-delay:calc(var(--i, 0) * 35ms)}.medal--done{opacity:.85;border-color:#e9b44c59}.medal--current{opacity:1;border-color:var(--brass);background:#e9b44c1a;transform:translateY(-2px);box-shadow:0 0 18px #e9b44c1f}.medal__icon{display:flex;justify-content:center;margin-bottom:2px}.rankicon{display:block;filter:saturate(.75) brightness(.9);transition:filter .3s}.medal--done .rankicon{filter:saturate(.95) brightness(1)}.medal--current .rankicon{filter:saturate(1.15) brightness(1.1) drop-shadow(0 0 8px rgba(233,180,76,.45))}.medalBig__badge{display:inline-block;color:var(--brass)}.medalBig__badge .rankicon{filter:saturate(1.05) drop-shadow(0 4px 14px rgba(0,0,0,.45))}.medalBig__badge--up .rankicon{filter:saturate(1.15) brightness(1.1) drop-shadow(0 0 22px rgba(233,180,76,.5))}.medal__name{display:block;font-size:11px;line-height:1.2}.medal__min,.medal__score{display:block;font-size:10px;color:var(--mist)}.medal--current .medal__score{color:var(--brass);font-weight:700}.medalBig{text-align:center;margin:12px 0;position:relative}@keyframes medalLand{0%{transform:translateY(14px) scale(.9);opacity:0}65%{transform:translateY(-3px) scale(1.04);opacity:1}to{transform:none;opacity:1}}.medalBig__badge{animation:medalLand .55s cubic-bezier(.2,.7,.3,1.2) both}.medalBig__name{font-size:40px;margin:4px 0;color:var(--brass)}.scoreBig{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums}.perfect{color:var(--brass);font-weight:700}.actions{display:flex;gap:10px;justify-content:center;margin:16px 0;flex-wrap:wrap}.packs{display:flex;gap:8px;flex-wrap:wrap}.card--prolocked{opacity:.75}@keyframes rankupRise{0%{transform:translateY(16px) scale(.92);opacity:0}60%{transform:translateY(-3px) scale(1.03);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.rankup{border:1px solid rgba(233,180,76,.55);background:#e9b44c12;border-radius:var(--radius);padding:10px 14px;margin:10px auto 4px;max-width:420px;animation:rankupRise .55s cubic-bezier(.2,.7,.3,1.25) both}.rankup__title{margin:0;color:var(--brass);font-weight:800;letter-spacing:.02em}.rankup__path{margin:2px 0 0}.rankup__path b{color:var(--brass)}@keyframes rankupNudge{50%{transform:translate(5px)}}.rankup__arrow{display:inline-block;color:var(--brass);animation:rankupNudge 1.1s ease-in-out .9s 3}@keyframes badgeBurst{0%{transform:scale(.4);opacity:0;text-shadow:none}45%{transform:scale(1.3);opacity:1}70%{transform:scale(.94)}to{transform:scale(1);opacity:1;text-shadow:0 0 26px rgba(233,180,76,.6),0 0 54px rgba(233,180,76,.3)}}.medalBig__badge--up{animation:badgeBurst .9s cubic-bezier(.2,.7,.3,1.2) .15s both}@keyframes nameGlow{0%,to{text-shadow:0 0 4px rgba(233,180,76,0)}}.medalBig__name--up{animation:badgeBurst .9s cubic-bezier(.2,.7,.3,1.2) .25s both,nameGlow 1.6s ease-out 1s alternate infinite}.medalBig__sparks{position:absolute;inset:0 0 auto;height:90px;pointer-events:none;overflow:visible}@keyframes sparkFly{0%{transform:translate(-50%) rotate(0) scale(.4);opacity:0}25%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),-44px) rotate(var(--rot)) scale(1.15);opacity:0}}.spark{position:absolute;left:50%;top:46px;color:var(--brass);font-size:13px;opacity:0;animation:sparkFly 1.15s ease-out both;animation-delay:calc(.35s + var(--n) * .07s)}@keyframes ladderGlow{0%{background:#e9b44c00}45%{background:#e9b44c4d;box-shadow:0 0 18px #e9b44c73}to{background:#e9b44c14;box-shadow:none}}.medal--rankup{opacity:1;border-color:var(--brass);background:#e9b44c14;animation:ladderGlow 1.5s ease-in-out both;animation-delay:calc(.45s + var(--si, 0) * .18s)}@keyframes chipPulse{0%,to{box-shadow:none;transform:scale(1)}40%{box-shadow:0 0 22px #e9b44c99;transform:scale(1.1)}}.medalChip--flash{border-color:var(--brass);animation:chipPulse .7s ease-out 3}.rankupInline{font-weight:700}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
