:root{color-scheme:dark;--night: #050806;--night-2: #0b100d;--panel: #111914;--panel-2: #18231c;--panel-3: #223128;--cream: #fff5d9;--paper: #f3e8c8;--ink: #10150f;--white: #fffdf2;--muted: #aeb9ae;--yellow: #ffd43b;--yellow-light: #ffeb73;--orange: #ff692e;--orange-deep: #c9361b;--cyan: #28e6a5;--cyan-deep: #078b63;--pink: #ff3f77;--lime: #b8ff3f;--green: #42e987;--red: #ff4f5f;--line: rgba(255, 245, 217, .16);--line-strong: rgba(255, 212, 59, .32);--shadow-ink: #020403;--display: "Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;--body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--gutter: clamp(.9rem, 4vw, 2rem)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--night);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;overflow-x:hidden;color:var(--cream);background:linear-gradient(180deg,#101712 0,var(--night) 38rem,#020403 100%);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{position:fixed;z-index:-2;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.018) 4px 5px),linear-gradient(rgba(255,212,59,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(40,230,165,.022) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 88%);mask-image:linear-gradient(to bottom,#000 0%,transparent 88%);pointer-events:none;content:""}body:after{position:fixed;z-index:-1;top:7rem;left:50%;width:min(92vw,76rem);height:22rem;opacity:.5;background:repeating-linear-gradient(135deg,rgba(255,212,59,.045) 0 10px,transparent 10px 32px);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);transform:translate(-50%) rotate(-2deg);pointer-events:none;content:""}button,input,textarea,select{color:inherit;font:inherit}button{border:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}img,svg{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}::selection{color:var(--ink);background:var(--yellow)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app{position:relative;min-height:100vh;min-height:100dvh;isolation:isolate}.page-shell{width:min(100%,74rem);min-height:100vh;min-height:100dvh;padding-inline:var(--gutter);margin-inline:auto}.icon{width:1.35rem;height:1.35rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon--down{transform:rotate(180deg)}.brand{position:relative;display:inline-flex;align-items:center;gap:.72rem;color:var(--white);font-family:var(--display);font-weight:900;letter-spacing:-.045em;line-height:1}.brand__name{position:relative;font-size:1.72rem;text-shadow:3px 3px 0 rgba(255,63,119,.42);transform:skew(-4deg)}.brand__name:after{position:absolute;right:-.28rem;bottom:-.3rem;width:56%;height:.22rem;border-radius:999px;background:var(--yellow);transform:rotate(-3deg);content:""}.brand__mark{position:relative;display:inline-block;width:2.55rem;height:2.55rem;border:2px solid var(--ink);border-radius:.72rem;background:var(--yellow);box-shadow:3px 4px 0 var(--orange-deep),5px 6px 0 var(--shadow-ink);transform:rotate(-4deg)}.brand__mark i,.brand__mark b{position:absolute;left:.55rem;display:block;height:.3rem;border-radius:99px;background:var(--ink)}.brand__mark i:first-child{top:.58rem;width:1.34rem}.brand__mark i:nth-child(2){top:1.08rem;width:1rem}.brand__mark b{top:1.58rem;width:.7rem}.brand--compact{gap:.55rem}.brand--compact .brand__name{font-size:1.25rem}.brand--compact .brand__mark{width:2rem;height:2rem;border-radius:.58rem;box-shadow:2px 3px 0 var(--orange-deep),3px 4px 0 var(--shadow-ink)}.brand--compact .brand__mark i,.brand--compact .brand__mark b{left:.43rem;height:.23rem}.brand--compact .brand__mark i:first-child{top:.46rem;width:1.02rem}.brand--compact .brand__mark i:nth-child(2){top:.85rem;width:.78rem}.brand--compact .brand__mark b{top:1.24rem;width:.54rem}.brand-button{display:inline-flex;padding:0;border-radius:.85rem;background:transparent}.primary-button,.secondary-button,.lock-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3.65rem;padding:.9rem 1.2rem;border:2px solid var(--ink);border-radius:var(--radius-md);font-family:var(--display);font-weight:900;letter-spacing:.035em;line-height:1.1;transition:transform .13s ease,box-shadow .13s ease,filter .16s ease}.primary-button{color:var(--ink);background:linear-gradient(145deg,var(--yellow-light),var(--yellow));box-shadow:0 6px 0 var(--orange-deep),0 9px 0 var(--shadow-ink),0 17px 28px #0000003d}.secondary-button{color:var(--white);border-color:#28e6a5b8;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 8px,transparent 8px 16px),var(--panel-2);box-shadow:0 6px #075c43,0 9px 0 var(--shadow-ink),inset 0 0 0 1px #ffffff1a}.primary-button:active,.secondary-button:active,.lock-button:active{transform:translateY(5px)}.primary-button:active{box-shadow:0 1px 0 var(--orange-deep),0 3px 0 var(--shadow-ink)}.secondary-button:active{box-shadow:0 1px #075c43,0 3px 0 var(--shadow-ink)}.text-button{display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:.45rem .3rem;color:var(--cyan);background:transparent;font-weight:800;text-decoration:none}.home-page{padding-bottom:2rem;animation:page-in .42s ease both}.home-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:6.6rem;gap:1rem}.home-nav:after{position:absolute;right:0;bottom:.72rem;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong) 18%,var(--line-strong) 82%,transparent);content:""}.streak-row{display:flex;align-items:center;gap:.55rem}.streak-chip,.best-chip{display:inline-flex;align-items:center;min-height:2.35rem;padding:.42rem .78rem;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.025em;white-space:nowrap}.streak-chip{color:var(--ink);border:2px solid var(--ink);background:var(--orange);box-shadow:0 3px 0 var(--shadow-ink)}.best-chip{color:var(--yellow-light);border:1px solid rgba(255,211,78,.34);background:#ffd34e17}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(19rem,.94fr);align-items:center;min-height:36rem;padding:clamp(2.2rem,6vw,4.5rem);margin-top:1.2rem;overflow:hidden;border:2px solid rgba(255,212,59,.3);border-radius:1.35rem;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px),linear-gradient(135deg,var(--panel-2) 0 52%,var(--panel) 52% 100%);box-shadow:0 10px 0 var(--shadow-ink),0 25px 55px #0000007a,inset 0 0 0 1px #ffffff0d;isolation:isolate}.hero:before{position:absolute;z-index:-1;top:-7rem;right:29%;width:9rem;height:30rem;border:1.1rem solid rgba(255,212,59,.045);transform:rotate(34deg);content:""}.hero:after{position:absolute;right:0;bottom:0;width:10rem;height:10rem;opacity:.16;background-image:radial-gradient(var(--cyan) 1.5px,transparent 1.5px);background-size:13px 13px;content:""}.hero__arcade-accent{position:absolute;z-index:-1;pointer-events:none}.hero__arcade-accent--stripes{top:-2rem;left:-4rem;width:19rem;height:10rem;opacity:.42;background:repeating-linear-gradient(135deg,var(--orange) 0 12px,transparent 12px 26px);clip-path:polygon(0 0,100% 0,68% 100%,0 100%);transform:rotate(-5deg)}.hero__arcade-accent--checks{right:-2rem;bottom:-2rem;width:14rem;height:8rem;opacity:.18;background:linear-gradient(45deg,var(--lime) 25%,transparent 25% 75%,var(--lime) 75%),linear-gradient(45deg,var(--lime) 25%,transparent 25% 75%,var(--lime) 75%);background-position:0 0,14px 14px;background-size:28px 28px;transform:rotate(-7deg)}.hero__content{position:relative;z-index:2;max-width:38rem}.eyebrow,.challenge-label,.section-kicker,.result-kicker,.answer-reveal__label{font-family:var(--display);font-weight:900;letter-spacing:.13em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:.58rem;padding:.44rem .72rem;margin-bottom:1.15rem;border:1px solid rgba(184,243,75,.38);border-radius:999px;color:var(--lime);background:#b8f34b14;font-size:.72rem}.eyebrow span{color:var(--lime);font-size:.68rem;animation:live-pulse 1.7s ease-in-out infinite}.hero h1{max-width:45rem;margin-bottom:1.2rem;color:var(--white);font-family:var(--display);font-size:clamp(3.25rem,7vw,5.4rem);font-weight:900;letter-spacing:-.065em;line-height:.93;text-wrap:balance;text-shadow:4px 5px 0 rgba(2,4,3,.76)}.hero h1 em{position:relative;display:inline-block;color:var(--yellow);font-style:normal;transform:rotate(-2deg);text-shadow:3px 4px 0 var(--orange-deep),6px 7px 0 var(--shadow-ink)}.hero h1 em:after{position:absolute;right:.1em;bottom:-.12em;left:.1em;height:.13em;border-radius:999px;background:var(--pink);transform:rotate(-1deg);content:""}.hero__intro{max-width:35rem;margin-bottom:1.8rem;color:#d5ded4;font-size:clamp(1rem,2vw,1.16rem);font-weight:600;line-height:1.65}.home-actions{display:grid;gap:1rem;max-width:32rem}.primary-button--hero,.secondary-button--hero{display:grid;grid-template-columns:2.7rem minmax(0,1fr) 2rem;justify-content:stretch;min-height:4.75rem;padding:.78rem 1rem;text-align:left}.primary-button--hero>span:nth-child(2),.secondary-button--hero>span:nth-child(2){display:grid;gap:.25rem;justify-items:start;font-size:.94rem}.primary-button--hero small,.secondary-button--hero small{font-family:var(--body);font-size:.67rem;font-weight:900;letter-spacing:.1em;opacity:.72;text-transform:uppercase}.button-icon{display:grid;width:2.2rem;height:2.2rem;place-items:center;border:2px solid currentColor;border-radius:.72rem;transform:rotate(-3deg)}.button-icon .icon{width:1.18rem;height:1.18rem}.button-arrow{display:grid;width:1.8rem;height:1.8rem;place-items:center;align-self:center;border-radius:50%;font-size:1.2rem;transition:transform .16s ease}.primary-button .button-arrow{background:#10150f24}.secondary-button .button-arrow{background:#28e6a524}.hero__game{position:relative;z-index:1;display:grid;min-width:0;padding-left:clamp(1rem,4vw,3rem);place-items:center}.game-preview{position:relative;width:min(100%,22.5rem);padding:1.1rem;border:3px solid var(--ink);border-radius:1.7rem;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 5px),#0f1712;box-shadow:8px 9px 0 var(--orange-deep),13px 14px 0 var(--shadow-ink),0 30px 55px #00000080;transform:rotate(2.5deg);animation:preview-float 4.5s ease-in-out infinite}.game-preview:before,.game-preview:after{position:absolute;z-index:2;width:1.15rem;height:1.15rem;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:inset 0 0 0 3px var(--orange);content:""}.game-preview:before{top:-.6rem;left:1.55rem}.game-preview:after{right:1.55rem;bottom:-.6rem}.game-preview__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:.82rem;border-bottom:2px dashed rgba(255,255,255,.17)}.game-preview__top>span{color:var(--cyan);font-size:.64rem;font-weight:900;letter-spacing:.1em}.game-preview__top strong{color:var(--yellow);font-family:var(--display);font-size:1.28rem}.game-preview__top small{color:var(--muted);font-family:var(--body);font-size:.48rem}.game-preview__prompt{padding:1rem 0 .78rem;color:var(--white);font-family:var(--display);font-size:1.02rem;font-weight:900;letter-spacing:.055em;text-align:center}.preview-stack{display:grid;gap:.56rem}.preview-card{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;min-height:3.25rem;padding:.55rem .72rem;border:2px solid var(--ink);border-radius:.8rem;color:var(--ink);background:var(--paper);box-shadow:0 4px 0 var(--shadow-ink);font-family:var(--display);font-size:.75rem;font-style:normal;font-weight:900;letter-spacing:.08em}.preview-card b{display:grid;width:1.55rem;height:1.55rem;border-radius:.48rem;color:var(--ink);background:var(--yellow);place-items:center}.preview-card i{width:1.2rem;height:.3rem;justify-self:end;border-radius:99px;background:var(--orange);box-shadow:0 .45rem 0 var(--cyan)}.preview-card--one{transform:translate(-.18rem) rotate(-.7deg)}.preview-card--two{border-color:var(--pink);transform:translate(.38rem) rotate(.6deg)}.preview-card--three{transform:translate(.05rem) rotate(-.35deg)}.preview-lock{display:flex;align-items:center;justify-content:space-between;min-height:3.2rem;padding:.6rem .85rem;margin-top:.95rem;border:2px solid var(--ink);border-radius:.85rem;color:var(--ink);background:linear-gradient(135deg,var(--yellow-light),var(--yellow));box-shadow:0 4px 0 var(--orange-deep);font-family:var(--display);font-size:.72rem;font-weight:900;letter-spacing:.08em}.preview-lock b{color:var(--orange-deep);font-size:1.15rem}.how-it-works{display:grid;grid-template-columns:minmax(12rem,.6fr) minmax(0,1.4fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:3.8rem clamp(.25rem,2vw,1.5rem) 2.7rem}.section-kicker{margin-bottom:.6rem;color:var(--pink);font-size:.7rem}.how-it-works h2{margin-bottom:0;color:var(--white);font-family:var(--display);font-size:clamp(1.8rem,4vw,2.75rem);letter-spacing:-.045em;line-height:1.02}.mini-rank{display:grid;gap:.7rem}.mini-rank>span{display:grid;grid-template-columns:2.5rem 4.4rem minmax(0,1fr);align-items:center;min-height:3.5rem;padding:.5rem .85rem .5rem .55rem;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:.8rem;color:#d5ded4;background:#ffffff0a;box-shadow:0 3px #00000038;font-size:.88rem;font-weight:700;animation:item-in .36s calc(.18s + var(--delay)) ease both}.mini-rank>span:nth-child(2){border-left-color:var(--yellow)}.mini-rank>span:nth-child(3){border-left-color:var(--pink)}.mini-rank b{display:grid;width:2rem;height:2rem;border-radius:.58rem;color:var(--ink);background:var(--cyan);font-family:var(--display);place-items:center}.mini-rank span:nth-child(2) b{background:var(--yellow)}.mini-rank span:nth-child(3) b{background:var(--pink)}.mini-rank i{color:var(--white);font-family:var(--display);font-size:.65rem;font-style:normal;font-weight:900;letter-spacing:.09em}.site-footer{display:flex;align-items:center;justify-content:space-between;min-height:5.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;font-weight:700}.ad-slot{display:grid;width:min(100%,46rem);min-height:3.6rem;margin-inline:auto;border:1px dashed rgba(255,255,255,.11);border-radius:.75rem;color:#ffffff47;background:#ffffff05;font-size:.58rem;font-weight:800;letter-spacing:.16em;place-items:center;text-transform:uppercase}.ad-slot--home{margin-block:.5rem 2rem}.ad-slot--game,.ad-slot--results{margin-block:1.75rem 2.5rem}.game-page{width:min(100%,54rem);padding-bottom:2rem;animation:page-in .33s ease both}.game-header{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,3vw,1.4rem);min-height:6.7rem;padding:.8rem 0}.game-header:after{position:absolute;right:0;bottom:.35rem;left:0;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--pink),var(--yellow) 46%,var(--cyan));box-shadow:0 3px #00000080;content:""}.game-header__details{display:flex;min-width:0;align-items:center;justify-content:center;gap:.8rem}.category-pill{display:inline-flex;align-items:center;min-height:2rem;padding:.3rem .68rem;border:1px solid rgba(40,230,165,.5);border-radius:.62rem;color:var(--cyan);background:#28e6a517;font-family:var(--display);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.category-pill:before{margin-right:.35rem;color:var(--yellow);content:"◆"}.game-header__mode{display:grid;min-width:0;color:var(--muted);font-size:.72rem;font-weight:750;line-height:1.2}.game-header__mode b{color:var(--white);font-family:var(--display);font-size:.66rem;letter-spacing:.11em}.score-chip{position:relative;display:grid;min-width:7.2rem;min-height:4.15rem;padding:.45rem .85rem;border:2px solid var(--ink);border-radius:.9rem;color:var(--ink);background:var(--yellow);box-shadow:0 4px 0 var(--orange-deep),0 7px 0 var(--shadow-ink);text-align:right}.score-chip span{font-size:.54rem;font-weight:900;letter-spacing:.1em;opacity:.66;text-transform:uppercase}.score-chip strong{align-self:center;font-family:var(--display);font-size:1.42rem;letter-spacing:-.04em;line-height:1}.score-chip small{position:absolute;right:.82rem;bottom:.3rem;font-size:.45rem;font-weight:900}.progress-dots{position:relative;display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,31rem);padding:.8rem 0 1.35rem;margin-inline:auto}.progress-dots:before{position:absolute;top:1.65rem;right:9%;left:9%;height:.28rem;border-radius:99px;background:#ffffff1a;box-shadow:inset 0 2px #00000052;content:""}.progress-dot{position:relative;z-index:1;display:grid;width:2rem;height:2rem;justify-self:center;border:2px solid #3d5145;border-radius:.63rem;color:#829487;background:#111914;box-shadow:0 3px 0 var(--shadow-ink);font-family:var(--display);font-size:.7rem;transform:rotate(2deg);place-items:center;transition:transform .18s ease,background .18s ease,color .18s ease}.progress-dot:nth-child(2n){transform:rotate(-2deg)}.progress-dot.is-complete{border-color:var(--cyan-deep);color:var(--ink);background:var(--cyan)}.progress-dot.is-current{border-color:var(--ink);color:var(--ink);background:var(--yellow);box-shadow:0 4px 0 var(--orange-deep),0 7px 0 var(--shadow-ink),0 0 0 4px #ffd34e24;transform:translateY(-.12rem) rotate(-3deg) scale(1.13)}.challenge-card{position:relative;padding:clamp(1.1rem,4vw,2.25rem);overflow:hidden;border:2px solid rgba(255,212,59,.24);border-radius:1.15rem;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px),linear-gradient(145deg,#17221c,#0b110d 68%);box-shadow:0 8px 0 var(--shadow-ink),0 24px 50px #00000075;animation:challenge-in .36s ease both}.challenge-card:before{position:absolute;top:0;right:0;left:0;height:.42rem;background:repeating-linear-gradient(90deg,var(--pink) 0 4rem,var(--yellow) 4rem 8rem,var(--cyan) 8rem 12rem);content:""}.challenge-card:after{position:absolute;z-index:0;right:-2rem;bottom:3rem;width:9rem;height:9rem;opacity:.08;background-image:radial-gradient(var(--white) 1.4px,transparent 1.4px);background-size:11px 11px;transform:rotate(12deg);pointer-events:none;content:""}.challenge-card.has-result:before{background:linear-gradient(90deg,var(--green),var(--yellow),var(--green))}.challenge-card>*{position:relative;z-index:1}.challenge-card__heading{width:min(100%,42rem);margin:0 auto 1.35rem;text-align:center}.challenge-label{display:inline-flex;align-items:center;gap:.42rem;padding:.36rem .64rem;margin-bottom:.78rem;border-radius:.5rem;color:var(--yellow);background:#ffd34e14;font-size:.66rem}.challenge-label i{color:var(--pink);font-style:normal}.challenge-card__heading h1{margin-bottom:.78rem;color:var(--white);font-family:var(--display);font-size:clamp(1.55rem,4vw,2.25rem);font-weight:900;letter-spacing:-.035em;line-height:1.15;text-wrap:balance}.challenge-card__heading p{margin-bottom:0;color:var(--muted);font-size:.82rem;font-weight:600}kbd{display:inline-grid;min-width:1.45rem;height:1.45rem;padding:0 .24rem;border:1px solid #506458;border-bottom-width:3px;border-radius:.35rem;color:var(--cream);background:#1b261f;font-family:var(--body);font-size:.68rem;place-items:center}.rank-list{display:grid;width:min(100%,40rem);padding:0;margin:0 auto;gap:.76rem;list-style:none;counter-reset:rank}.rank-card{position:relative;display:grid;grid-template-columns:3rem 1.2rem minmax(0,1fr) auto;align-items:center;min-height:4.65rem;padding:.6rem .68rem;border:2px solid var(--ink);border-radius:1rem;color:var(--ink);background:linear-gradient(100deg,rgba(255,255,255,.72),transparent 22%),var(--paper);box-shadow:0 5px #9b8d81,0 8px 0 var(--shadow-ink);transform:translateZ(0);transition:transform .15s cubic-bezier(.2,.9,.25,1.25),box-shadow .15s ease,border-color .15s ease,background .16s ease;animation:card-deal .32s ease both;touch-action:manipulation}.rank-card:before{position:absolute;top:.58rem;bottom:.58rem;left:-.16rem;width:.36rem;border:2px solid var(--ink);border-radius:99px;background:var(--cyan);content:""}.rank-card:nth-child(2):before{background:var(--pink)}.rank-card:nth-child(3):before{background:var(--yellow)}.rank-card:nth-child(4):before{background:var(--orange)}.rank-card:nth-child(5):before{background:var(--lime)}.rank-card:nth-child(2){animation-delay:35ms}.rank-card:nth-child(3){animation-delay:70ms}.rank-card:nth-child(4){animation-delay:105ms}.rank-card:nth-child(5){animation-delay:.14s}.rank-card:focus-visible{outline-color:var(--cyan);box-shadow:0 5px 0 var(--cyan-deep),0 8px 0 var(--shadow-ink),0 0 0 4px #28e6a533}.rank-card__number{display:grid;width:2.45rem;height:2.45rem;border:2px solid var(--ink);border-radius:.78rem;color:var(--ink);background:var(--yellow);box-shadow:0 3px #10150f47;font-family:var(--display);font-size:1.08rem;font-weight:900;transform:rotate(-3deg);place-items:center}.rank-card__grip{display:grid;grid-template-columns:repeat(2,.2rem);gap:.2rem;width:.65rem;opacity:.3}.rank-card__grip i{width:.2rem;height:.2rem;border-radius:50%;background:var(--ink)}.rank-card__label{min-width:0;padding-inline:.2rem .7rem;font-family:var(--display);font-size:clamp(.92rem,2.5vw,1.05rem);font-weight:900;letter-spacing:-.015em;line-height:1.2;overflow-wrap:anywhere}.rank-card__controls{display:flex;gap:.38rem}.move-button{display:grid;width:2.7rem;height:2.7rem;padding:0;border:2px solid var(--ink);border-radius:.72rem;color:var(--ink);background:var(--cyan);box-shadow:0 3px 0 var(--cyan-deep);place-items:center;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.move-button:active:not(:disabled){box-shadow:0 0 0 var(--cyan-deep);transform:translateY(3px)}.move-button:disabled{opacity:.26;filter:grayscale(.8)}.move-button .icon{width:1.18rem;height:1.18rem;stroke-width:2.6}.rank-card.is-dragging{z-index:3;opacity:.58;box-shadow:0 12px 24px #0000005c;transform:rotate(2deg) scale(.98)}.rank-card.is-drag-over{border-color:var(--pink);box-shadow:0 6px 0 var(--pink),0 9px 0 var(--shadow-ink),0 0 0 5px #ff3f7721;transform:translateY(-3px) rotate(-.5deg)}.rank-list.is-locked .rank-card{cursor:default;animation:feedback-pop .26s ease both}.rank-list.is-locked .rank-card__grip{display:none}.rank-list.is-locked .rank-card{grid-template-columns:3rem minmax(0,1fr) auto}.rank-card.is-correct{border-color:#105a3a;background:linear-gradient(100deg,rgba(255,255,255,.5),transparent 24%),#baf7d5;box-shadow:0 5px #2a9e68,0 8px 0 var(--shadow-ink),0 0 0 3px #56e79b24}.rank-card.is-incorrect{border-color:#701f38;background:linear-gradient(100deg,rgba(255,255,255,.52),transparent 24%),#ffc2c5;box-shadow:0 5px #c6485e,0 8px 0 var(--shadow-ink)}.rank-card.is-correct:before{background:var(--green)}.rank-card.is-incorrect:before{background:var(--red)}.rank-card.is-correct .rank-card__number{color:#072b1a;background:var(--green)}.rank-card.is-incorrect .rank-card__number{color:#3e0d18;background:var(--red)}.rank-card__status{display:grid;width:2.55rem;height:2.55rem;border:2px solid var(--ink);border-radius:50%;color:var(--ink);box-shadow:0 3px #10150f40;font-family:var(--display);font-size:1.25rem;font-weight:900;place-items:center}.is-correct .rank-card__status{background:var(--green)}.is-incorrect .rank-card__status{background:var(--red)}.lock-button{display:flex;width:min(100%,40rem);min-height:4.7rem;padding-inline:1.25rem .8rem;margin:1.35rem auto .35rem;color:var(--ink);background:linear-gradient(135deg,var(--yellow-light),var(--yellow) 58%,#ffbb37);box-shadow:0 6px 0 var(--orange-deep),0 10px 0 var(--shadow-ink),0 18px 30px #00000040;font-size:1rem}.lock-button span{margin-inline:auto}.lock-button b{display:grid;width:2.65rem;height:2.65rem;border:2px solid var(--ink);border-radius:.72rem;background:#ffffff59;box-shadow:0 3px #10150f38;font-size:1.15rem;place-items:center}.lock-button:active{box-shadow:0 1px 0 var(--orange-deep),0 4px 0 var(--shadow-ink)}.round-feedback{width:min(100%,40rem);margin:1.7rem auto 0;animation:feedback-in .32s ease both}.score-reveal{position:relative;display:grid;min-height:10.5rem;padding:1.35rem;overflow:hidden;border:2px solid var(--ink);border-radius:1.25rem;color:var(--ink);background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.4),transparent 8rem),linear-gradient(135deg,var(--yellow-light),var(--yellow));box-shadow:0 6px 0 var(--orange-deep),0 10px 0 var(--shadow-ink);text-align:center;place-items:center}.score-reveal:before{position:absolute;width:18rem;height:18rem;opacity:.14;background:repeating-conic-gradient(from 0deg,var(--orange-deep) 0deg 8deg,transparent 8deg 18deg);border-radius:50%;content:""}.score-reveal>*{position:relative;z-index:1}.score-reveal>span{display:flex;align-items:center;gap:.4rem;font-family:var(--display);font-size:.68rem;font-weight:900;letter-spacing:.12em}.score-reveal>span i{color:var(--orange-deep);font-style:normal}.score-reveal strong{margin-block:-.12rem;font-family:var(--display);font-size:clamp(3rem,9vw,4.8rem);font-weight:900;letter-spacing:-.07em;line-height:1;text-shadow:3px 4px 0 rgba(255,121,72,.52);animation:score-pop .42s cubic-bezier(.2,.9,.25,1.25) both}.score-reveal p{margin-bottom:0;font-size:.75rem;font-weight:850}.answer-reveal{padding-top:1.75rem}.answer-reveal__label{display:block;margin-bottom:.7rem;color:var(--cyan);font-size:.67rem}.answer-reveal ol{display:grid;padding:0;margin:0;gap:.48rem;list-style:none}.answer-reveal li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;min-height:3.25rem;padding:.44rem .7rem;border:1px solid rgba(255,255,255,.13);border-radius:.72rem;color:var(--cream);background:#ffffff0b;animation:answer-line-in .28s ease both}.answer-reveal li:nth-child(2){animation-delay:40ms}.answer-reveal li:nth-child(3){animation-delay:80ms}.answer-reveal li:nth-child(4){animation-delay:.12s}.answer-reveal li:nth-child(5){animation-delay:.16s}.answer-reveal li b{display:grid;width:1.7rem;height:1.7rem;border-radius:.5rem;color:var(--ink);background:var(--cyan);font-family:var(--display);font-size:.72rem;place-items:center}.answer-reveal li span{min-width:0;font-size:.86rem;font-weight:750;overflow-wrap:anywhere}.explanation{padding:.9rem 1rem;margin:.85rem 0 0;border-left:4px solid var(--pink);border-radius:0 .7rem .7rem 0;color:#d5ded4;background:#ff3f7711;font-size:.78rem;line-height:1.55}.total-line{display:flex;align-items:center;justify-content:space-between;min-height:4rem;padding:.7rem .85rem;margin-top:1rem;border:2px solid rgba(40,230,165,.34);border-radius:.85rem;color:var(--muted);background:#28e6a50f;font-size:.73rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.total-line strong{color:var(--cyan);font-family:var(--display);font-size:1.5rem;letter-spacing:-.04em}.next-button{display:flex;width:100%;min-height:4.35rem;margin-top:1rem;font-size:.9rem}.next-button span{margin-inline:auto}.next-button b{font-size:1.25rem}.results-page{width:min(100%,48rem);padding-bottom:2rem;animation:page-in .36s ease both}.results-nav{display:flex;align-items:center;min-height:6.3rem}.result-card{position:relative;padding:clamp(1.4rem,5vw,3rem);overflow:hidden;border:2px solid rgba(255,212,59,.28);border-radius:1.2rem;background:repeating-linear-gradient(135deg,rgba(255,212,59,.026) 0 2px,transparent 2px 18px),linear-gradient(155deg,#17231c,#0a0f0c 70%);box-shadow:0 9px 0 var(--shadow-ink),0 28px 60px #00000080;text-align:center;animation:result-card-in .42s ease both}.result-card:before{position:absolute;top:0;right:0;left:0;height:.5rem;background:repeating-linear-gradient(90deg,var(--yellow) 0 4rem,var(--pink) 4rem 8rem,var(--cyan) 8rem 12rem);content:""}.result-card>:not(.result-confetti){position:relative;z-index:1}.result-crown{display:grid;width:4.5rem;height:4.5rem;margin:0 auto 1rem;border:2px solid var(--ink);border-radius:1.2rem;color:var(--ink);background:var(--yellow);box-shadow:0 5px 0 var(--orange-deep),0 8px 0 var(--shadow-ink);font-size:2rem;transform:rotate(-4deg);place-items:center}.result-crown span{animation:star-spin .6s .2s cubic-bezier(.2,.9,.25,1.2) both}.result-kicker{margin-bottom:.5rem;color:var(--lime);font-size:.68rem}.result-card>h1{margin-bottom:.75rem;color:var(--white);font-family:var(--display);font-size:clamp(2rem,6vw,3rem);letter-spacing:-.05em;text-shadow:3px 4px 0 var(--shadow-ink)}.result-score{display:flex;align-items:baseline;justify-content:center;gap:.5rem;width:fit-content;padding:.8rem 1.15rem;margin:0 auto .9rem;border:2px solid var(--ink);border-radius:1rem;color:var(--ink);background:var(--yellow);box-shadow:0 5px 0 var(--orange-deep),0 8px 0 var(--shadow-ink);transform:rotate(-1deg)}.result-score strong{font-family:var(--display);font-size:clamp(2.6rem,9vw,4.5rem);letter-spacing:-.07em;line-height:.9}.result-score span{font-family:var(--display);font-size:.9rem;font-weight:900}.result-message{max-width:29rem;margin:1.25rem auto 1.6rem;color:#d5ded4;font-size:.94rem;font-weight:650}.round-score-list{display:grid;padding:.65rem;border:2px solid rgba(255,255,255,.13);border-radius:1rem;background:#0204036b;gap:.46rem}.round-score-list>div{display:flex;align-items:center;justify-content:space-between;min-height:3.3rem;padding:.55rem .75rem;border-left:4px solid var(--cyan);border-radius:.65rem;color:var(--cream);background:#ffffff0e;animation:result-row-in .3s ease both}.round-score-list>div:nth-child(2){border-left-color:var(--pink);animation-delay:55ms}.round-score-list>div:nth-child(3){border-left-color:var(--yellow);animation-delay:.11s}.round-score-list>div:nth-child(4){border-left-color:var(--orange);animation-delay:165ms}.round-score-list>div:nth-child(5){border-left-color:var(--lime);animation-delay:.22s}.round-score-list span{display:flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:800}.round-score-list span b{font-size:.85rem}.round-score-list strong{color:var(--yellow);font-family:var(--display);font-size:1.05rem}.streak-celebration{display:flex;align-items:center;justify-content:center;gap:.85rem;min-height:5.2rem;padding:.7rem 1rem;margin-top:1rem;border:2px solid rgba(255,121,72,.48);border-radius:1rem;background:#ff794817}.streak-flame{display:grid;width:3rem;height:3rem;border:2px solid var(--ink);border-radius:.85rem;background:var(--orange);box-shadow:0 4px 0 var(--orange-deep);font-size:1.45rem;transform:rotate(-4deg);place-items:center;animation:flame-bob 1.8s ease-in-out infinite}.streak-celebration>span:last-child{display:grid;justify-items:start}.streak-celebration strong{color:var(--white);font-family:var(--display);font-size:1.02rem}.streak-celebration small{color:var(--muted);font-size:.69rem;font-weight:750}.share-button{width:100%;min-height:4.25rem;margin-top:1.25rem;gap:.65rem;font-size:.9rem}.share-button .icon{width:1.1rem;height:1.1rem}.share-status{min-height:1.4rem;margin:.55rem 0 0;color:var(--lime);font-size:.75rem;font-weight:850}.result-card .text-button{margin-top:.1rem}.result-confetti{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.result-confetti i{position:absolute;top:-1.2rem;left:10%;width:.55rem;height:1.15rem;border:1px solid rgba(16,21,15,.3);border-radius:.16rem;background:var(--yellow);animation:confetti-fall 2.5s .18s ease-in forwards}.result-confetti i:nth-child(2){left:22%;background:var(--pink);animation-delay:.42s;transform:rotate(55deg)}.result-confetti i:nth-child(3){left:35%;background:var(--cyan);animation-delay:.29s;transform:rotate(25deg)}.result-confetti i:nth-child(4){left:47%;background:var(--orange);animation-delay:.5s;transform:rotate(80deg)}.result-confetti i:nth-child(5){left:59%;background:var(--lime);animation-delay:.35s;transform:rotate(35deg)}.result-confetti i:nth-child(6){left:70%;background:var(--yellow);animation-delay:.55s;transform:rotate(70deg)}.result-confetti i:nth-child(7){left:82%;background:var(--pink);animation-delay:.31s;transform:rotate(15deg)}.result-confetti i:nth-child(8){left:91%;background:var(--cyan);animation-delay:.46s;transform:rotate(45deg)}.game-error,.fatal-error{display:grid;width:min(100%,40rem);min-height:100vh;min-height:100dvh;align-content:center;justify-items:center;text-align:center}.game-error h1,.fatal-error h1{margin-bottom:.7rem;color:var(--white);font-family:var(--display);font-size:clamp(2rem,7vw,3.3rem);letter-spacing:-.05em}.game-error p,.fatal-error p{max-width:28rem;margin-bottom:1.5rem;color:var(--muted)}@media(hover:hover)and (pointer:fine){.primary-button:hover,.lock-button:hover{filter:brightness(1.06) saturate(1.04);transform:translateY(-2px)}.secondary-button:hover{border-color:var(--cyan);filter:brightness(1.12);transform:translateY(-2px)}.button-arrow{transition:transform .16s ease}button:hover .button-arrow{transform:translate(3px)}.text-button:hover{color:var(--yellow)}.brand-button:hover .brand__mark{transform:rotate(2deg) scale(1.04)}.rank-card:not(.is-correct,.is-incorrect):hover{border-color:var(--pink);box-shadow:0 7px #9b8d81,0 10px 0 var(--shadow-ink),0 0 0 3px #ff3f7717;transform:translateY(-3px) rotate(-.2deg)}.move-button:hover:not(:disabled){background:var(--yellow);box-shadow:0 3px 0 var(--orange-deep);transform:translateY(-1px)}.rank-card{cursor:grab}.rank-card.is-dragging{cursor:grabbing}}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr) minmax(17rem,.72fr);padding:clamp(2rem,5vw,3rem)}.hero h1{font-size:clamp(3.15rem,7.8vw,4.4rem)}.game-preview{transform:rotate(2deg) scale(.94)}}@media(max-width:760px){.home-nav{min-height:5.8rem}.hero{grid-template-columns:1fr;gap:2.8rem;padding:2.4rem clamp(1.2rem,5vw,2.2rem) 3rem}.hero__content{max-width:none}.hero__game{padding-left:0}.game-preview{width:min(92%,23rem);transform:rotate(1.5deg)}.how-it-works{grid-template-columns:1fr;gap:1.35rem;padding-top:3.4rem}.how-it-works__title{text-align:center}.how-it-works h2 br{display:none}.site-footer{min-height:4.8rem}}@media(max-width:620px){:root{--gutter: .78rem}.brand__name{font-size:1.36rem}.brand__mark{width:2.15rem;height:2.15rem}.brand__mark i,.brand__mark b{left:.46rem;height:.24rem}.brand__mark i:first-child{top:.5rem;width:1.1rem}.brand__mark i:nth-child(2){top:.92rem;width:.85rem}.brand__mark b{top:1.34rem;width:.6rem}.home-nav{align-items:flex-start;min-height:6.8rem;padding-top:1rem}.streak-row{display:grid;justify-items:end;gap:.3rem}.streak-chip,.best-chip{min-height:1.85rem;padding:.28rem .58rem;font-size:.64rem}.hero{min-height:auto;margin-top:.6rem;border-radius:1.35rem;box-shadow:0 7px 0 var(--shadow-ink),0 18px 38px #00000052}.hero h1{font-size:clamp(2.65rem,13vw,3.65rem)}.hero__intro{font-size:.94rem}.primary-button--hero,.secondary-button--hero{grid-template-columns:2.45rem minmax(0,1fr) 1.7rem;min-height:4.45rem;border-radius:1rem}.button-icon{width:1.95rem;height:1.95rem}.game-preview{width:min(96%,22rem);padding:.85rem;border-radius:1.2rem;box-shadow:6px 7px 0 var(--orange-deep),10px 11px 0 var(--shadow-ink)}.preview-card{min-height:3rem}.mini-rank>span{grid-template-columns:2.3rem 3.7rem minmax(0,1fr);padding-right:.6rem;font-size:.78rem}.game-header{grid-template-columns:1fr auto;min-height:8.1rem;padding-top:.7rem}.game-header__details{grid-column:1 / -1;grid-row:2;justify-content:flex-start;padding-bottom:.55rem}.score-chip{min-width:6.5rem;min-height:3.8rem}.progress-dots{padding-top:.65rem}.challenge-card{padding:1.2rem .85rem 1.4rem;border-radius:1.25rem}.challenge-card__heading{margin-bottom:1.15rem}.challenge-card__heading h1{font-size:clamp(1.35rem,6.7vw,1.75rem)}.challenge-card__heading p{padding-inline:.3rem;font-size:.74rem}.rank-list{gap:.68rem}.rank-card{grid-template-columns:2.55rem .8rem minmax(0,1fr) auto;min-height:4.35rem;padding:.5rem .48rem;border-radius:.86rem}.rank-card__number{width:2.18rem;height:2.18rem;border-radius:.68rem;font-size:.95rem}.rank-card__grip{grid-template-columns:.18rem;gap:.13rem;width:.2rem}.rank-card__grip i:nth-child(2n){display:none}.rank-card__label{padding-inline:.15rem .35rem;font-size:.88rem}.rank-card__controls{gap:.26rem}.move-button{width:2.75rem;height:2.75rem}.rank-list.is-locked .rank-card{grid-template-columns:2.55rem minmax(0,1fr) auto}.rank-card__status{width:2.35rem;height:2.35rem}.lock-button{min-height:4.35rem}.score-reveal{min-height:9.7rem}.answer-reveal{padding-top:1.45rem}.results-nav{min-height:5.6rem}.result-card{padding:1.5rem .9rem 1.8rem;border-radius:1.3rem}.result-crown{width:3.8rem;height:3.8rem;font-size:1.65rem}.result-score{padding-inline:.85rem}.streak-celebration{justify-content:flex-start}}@media(max-width:380px){.home-nav .brand__name{font-size:1.18rem}.streak-chip,.best-chip{font-size:.58rem}.hero{padding-inline:1rem}.eyebrow{font-size:.62rem}.primary-button--hero,.secondary-button--hero{padding-inline:.72rem;font-size:.78rem}.game-preview{width:100%}.game-header .brand--compact .brand__name{font-size:1.08rem}.category-pill{font-size:.58rem}.rank-card{grid-template-columns:2.35rem .35rem minmax(0,1fr) auto}.rank-card__grip{display:none}.rank-card__number{width:2rem;height:2rem}.rank-card__label{font-size:.82rem}.move-button{width:2.6rem;height:2.75rem}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes live-pulse{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}@keyframes preview-float{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes item-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes challenge-in{0%{opacity:0;transform:translateY(13px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-deal{0%{opacity:0;transform:translate(-11px) rotate(-1deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes feedback-pop{0%{opacity:.7;transform:scale(.985)}65%{transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@keyframes feedback-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes score-pop{0%{opacity:0;transform:translateY(12px) scale(.72) rotate(-4deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes answer-line-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes result-card-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-row-in{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}@keyframes star-spin{0%{opacity:0;transform:rotate(-35deg) scale(.4)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes flame-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes confetti-fall{0%{opacity:0;translate:0 -1rem}12%{opacity:.95}to{opacity:0;translate:0 17rem;rotate:220deg}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important}}