@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=Bungee&display=swap";
:root{--navy:#101a45;--blue:#246bff;--cyan:#23c9ff;--yellow:#ffd629;--coral:#ff5a5f;--lime:#54dc82;--paper:#fffdf6;--muted:#687092;--shadow:0 18px 50px #192c7024}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--navy);margin:0;font-family:Be Vietnam Pro,sans-serif}button,input{font:inherit}button{color:inherit}.app{background:radial-gradient(circle at 10% 6%,#ffd6292e,#0000 23%),radial-gradient(circle at 94% 28%,#23c9ff2e,#0000 24%),#fffdf7;min-height:100vh;position:relative;overflow:hidden}.noise{pointer-events:none;opacity:.26;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");position:fixed;inset:0}.home,.game,.countdown,.result-page,.rank-page{z-index:1;min-height:100vh;position:relative}.nav{justify-content:space-between;align-items:center;max-width:1180px;height:92px;margin:auto;padding:18px 28px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__badge{color:#fff;filter:drop-shadow(0 5px #1748bd);background:var(--blue);clip-path:polygon(50% 0,89% 16%,92% 65%,50% 100%,8% 65%,11% 16%);place-items:center;width:54px;height:60px;font-size:29px;font-weight:900;display:grid}.brand__badge span{transform:rotate(-8deg)}.brand__text{flex-direction:column;line-height:.95;display:flex;transform:rotate(-2deg)}.brand__text b{letter-spacing:3px;color:var(--blue);font-size:13px}.brand__text strong{letter-spacing:-.5px;font-family:Bungee,sans-serif;font-size:21px}.brand--compact .brand__badge{width:42px;height:48px;font-size:22px}.brand--compact .brand__text strong{font-size:17px}.brand--compact .brand__text b{font-size:10px}.nav__actions{gap:10px;display:flex}.icon-button,.lang-button{cursor:pointer;background:#fff;border:2px solid #dfe4f1;border-radius:13px;min-width:44px;height:42px;font-weight:800;box-shadow:0 4px #e4e7ef}.lang-button{color:var(--blue);padding:0 14px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;max-width:1180px;min-height:calc(100vh - 92px);margin:auto;padding:25px 28px 80px;display:grid}.eyebrow{letter-spacing:1.2px;color:var(--blue);background:#eef4ff;border:1px solid #d8e5ff;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:11px;font-weight:900;display:inline-flex}.eyebrow span{font-size:15px}.hero h1{letter-spacing:-2.5px;margin:20px 0 16px;font-family:Bungee,sans-serif;font-size:clamp(52px,5.5vw,78px);line-height:1.04}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--blue);text-shadow:4px 4px #c9dbff}.hero__copy>p{color:var(--muted);max-width:530px;margin:0 0 24px;font-size:17px;line-height:1.65}.hero__actions{flex-direction:column;align-items:stretch;width:min(430px,100%);display:flex}.play-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3477ff,#1256e9);border:0;border-radius:22px;justify-content:center;align-items:center;gap:17px;height:86px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px #0d43b7,0 18px 34px #1c5feb4d}.play-button:hover{transform:translateY(-2px);box-shadow:0 11px #0d43b7,0 22px 40px #1c5feb57}.play-button:active{transform:translateY(6px);box-shadow:0 3px #0d43b7}.play-button__icon{background:#ffffff30;border-radius:50%;place-items:center;width:46px;height:46px;padding-left:3px;font-size:20px;display:grid}.play-button b,.play-button small{text-align:left;display:block}.play-button b{letter-spacing:.8px;font-size:21px;font-weight:900}.play-button small{opacity:.85;letter-spacing:1.4px;margin-top:1px;font-weight:700}.play-button__shine{background:linear-gradient(90deg,#0000,#ffffff40,#0000);animation:3s 1.4s infinite shine;position:absolute;inset:0;transform:translate(-120%)skew(-22deg)}@keyframes shine{30%,to{transform:translate(120%)skew(-22deg)}}.no-login{text-align:center;color:#78809c;margin:16px;font-size:12px;font-weight:700}.mode-button{cursor:pointer;background:#ffffffbf;border:2px solid #dce3ef;border-radius:16px;justify-content:center;align-items:center;gap:12px;height:52px;font-weight:800;transition:border-color .15s,background .15s;display:flex}.mode-button:hover{border-color:var(--blue);background:#fff}.hero__visual{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.hero__art{place-items:center;width:100%;min-height:470px;display:grid;position:relative}.hero__art:before{content:"";background:#dce9ff;border-radius:48% 52% 58% 42%;width:430px;height:430px;position:absolute;transform:rotate(12deg)}.hero__art:after{content:"";border:2px dashed #a9c3ff;border-radius:50%;width:480px;height:480px;animation:28s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.mascot{z-index:2;filter:drop-shadow(0 24px 16px #2c448733);width:290px;height:360px;animation:3.5s ease-in-out infinite float;position:relative}@keyframes float{50%{transform:translateY(-12px)rotate(1deg)}}.mascot__body{border:9px solid var(--navy);background:#ffcc45;border-radius:48% 48% 42% 42%;width:230px;height:270px;position:absolute;top:65px;left:30px}.mascot__eyes{gap:3px;width:165px;height:85px;display:flex;position:absolute;top:48px;left:24px}.mascot__eyes:before,.mascot__eyes:after{content:"";border:8px solid var(--navy);background:#fff;border-radius:50%;width:92px;height:86px;position:absolute}.mascot__eyes:after{left:72px}.mascot__eyes i{z-index:1;background:var(--navy);border-radius:50%;width:19px;height:26px;margin:27px 0 0 42px;position:relative}.mascot__eyes i+i{margin-left:16px}.mascot__beak{border:6px solid var(--navy);background:#ff6e3c;border-radius:4px 13px;width:42px;height:32px;position:absolute;top:122px;left:92px;transform:rotate(45deg)}.mascot__hat{z-index:3;color:#fff;background:var(--blue);border:8px solid var(--navy);letter-spacing:3px;border-radius:50% 50% 16px 16px;place-items:center;width:180px;height:75px;font-family:Bungee;font-size:25px;display:grid;position:absolute;top:30px;left:55px}.mascot__badge{z-index:4;background:var(--blue);color:#fff;clip-path:polygon(50% 0,90% 16%,90% 66%,50% 100%,10% 66%,10% 16%);place-items:center;width:62px;height:74px;font-size:30px;font-weight:900;display:grid;position:absolute;top:238px;left:112px}.mascot__wing{z-index:3;font-size:72px;position:absolute;top:192px;right:-6px;transform:rotate(12deg)}.question-card{z-index:4;border:4px solid var(--navy);width:160px;height:70px;box-shadow:7px 8px 0 var(--navy);background:#fff;border-radius:16px;justify-content:space-around;align-items:center;font-size:18px;font-weight:900;display:flex;position:absolute}.question-card b{font-size:27px}.question-card--wrong{top:112px;left:0;transform:rotate(-8deg)}.question-card--wrong b{color:var(--coral)}.question-card--right{bottom:90px;right:-10px;transform:rotate(7deg)}.question-card--right b{color:#18b965}.burst{z-index:5;font-family:Bungee;position:absolute}.burst--one{background:var(--yellow);border:3px solid var(--navy);box-shadow:4px 5px 0 var(--navy);padding:7px 13px;top:42px;right:12px;transform:rotate(8deg)}.burst--two{color:var(--coral);text-shadow:3px 3px #fff;font-size:34px;bottom:78px;left:35px;transform:rotate(-13deg)}.spark{z-index:4;color:var(--yellow);font-size:30px;position:absolute}.spark--1{top:80px;left:180px}.spark--2{color:var(--coral);top:175px;right:55px}.spark--3{color:var(--blue);bottom:45px;left:180px}.award-showcase{z-index:7;background:linear-gradient(#fffffff5,#f0f6fff0);border:2px solid #dce5f7;border-radius:26px;width:min(510px,100%);margin-top:-15px;padding:56px 16px 14px;position:relative;overflow:hidden;box-shadow:0 20px 48px #1c38822b}.award-showcase:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 56%,#ffd62938,#0000 35%),linear-gradient(120deg,#0000 33%,#ffffffb8 50%,#0000 67%);animation:4.5s ease-in-out 1s infinite awardSweep;position:absolute;inset:0;transform:translate(-115%)}.award-showcase__title{z-index:8;background:var(--navy);color:#fff;letter-spacing:.7px;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;max-width:calc(100% - 28px);min-height:30px;padding:6px 11px;font-size:10px;font-weight:900;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px #07102f}.award-showcase__title span{font-size:14px}.award-showcase__title i{color:var(--yellow);font-style:normal;transition:transform .15s}.award-showcase__title:hover i{transform:translate(3px)}.award-confetti{z-index:1;pointer-events:none;position:absolute;inset:36px 8px 0}.award-confetti i{background:var(--yellow);opacity:0;border-radius:2px;width:7px;height:13px;animation:3.6s linear infinite awardConfetti;position:absolute;top:-20px}.award-confetti i:first-child{background:var(--coral);animation-delay:.1s;left:5%}.award-confetti i:nth-child(2){background:var(--cyan);animation-delay:1.4s;left:16%}.award-confetti i:nth-child(3){animation-delay:.7s;left:28%}.award-confetti i:nth-child(4){background:var(--blue);animation-delay:2.1s;left:39%}.award-confetti i:nth-child(5){background:var(--lime);animation-delay:1s;left:51%}.award-confetti i:nth-child(6){background:var(--coral);animation-delay:2.7s;left:63%}.award-confetti i:nth-child(7){background:var(--cyan);animation-delay:.35s;left:74%}.award-confetti i:nth-child(8){animation-delay:1.8s;left:86%}.award-confetti i:nth-child(9){background:var(--blue);animation-delay:2.35s;left:95%}.award-ceremony{z-index:2;justify-content:center;align-items:end;gap:5px;min-height:216px;display:flex;position:relative}.award-place{flex-direction:column;align-items:center;width:32%;min-width:0;display:flex}.podium-officer{filter:drop-shadow(0 7px 5px #101a4533);flex:none;width:72px;height:78px;animation:1.7s ease-in-out infinite alternate podiumOfficerFloat;position:relative}.award-place--1 .podium-officer{width:78px;height:86px;animation-delay:-.5s}.award-place--3 .podium-officer{animation-delay:-.9s}.podium-officer__crown{z-index:8;color:#f6b900;text-shadow:1px 2px 0 white, 2px 3px 0 var(--navy);font-size:27px;line-height:1;animation:1.1s ease-in-out infinite alternate crownPop;position:absolute;top:-15px;left:27px}.podium-officer__trophy{z-index:10;filter:drop-shadow(0 3px #fff);transform-origin:50% 100%;width:42px;height:43px;animation:.78s ease-in-out infinite alternate trophyCheer;position:absolute;top:-43px;left:-14px;transform:rotate(-38deg)}.podium-officer__trophy:before{content:"";z-index:2;border:4px solid var(--navy);background:linear-gradient(135deg,#fff179,#ffc51f 48%,#e99a00);border-radius:5px 5px 15px 15px;width:32px;height:24px;position:absolute;top:0;left:5px;box-shadow:inset 0 5px #ffffffa6}.podium-officer__trophy:after{content:"";z-index:1;border:4px solid var(--navy);background:#ffc51f;border-radius:11px;width:42px;height:17px;position:absolute;top:4px;left:0}.podium-officer__trophy i{z-index:3;border:3px solid var(--navy);background:#ffc51f;width:9px;height:14px;position:absolute;top:21px;left:17px}.podium-officer__trophy b{z-index:4;border:3px solid var(--navy);background:linear-gradient(#ffe86b,#f4ad08);border-radius:5px 5px 3px 3px;width:25px;height:10px;position:absolute;bottom:0;left:9px}.podium-officer__hat{z-index:6;border:4px solid var(--navy);background:var(--blue);color:#fff;letter-spacing:1px;border-radius:50% 50% 7px 7px;place-items:center;width:55px;height:27px;font-family:Bungee,sans-serif;font-size:9px;display:grid;position:absolute;top:5px;left:9px}.podium-officer--1 .podium-officer__hat{background:linear-gradient(90deg,#164fc3,#4388ff,#164fc3);left:11px}.podium-officer--2 .podium-officer__hat{background:linear-gradient(90deg,#576987,#91a0b8,#576987)}.podium-officer--3 .podium-officer__hat{background:linear-gradient(90deg,#bb6a35,#ec9a61,#bb6a35)}.podium-officer__hat i{background:var(--yellow);width:5px;height:5px;position:absolute;top:4px;right:7px;transform:rotate(45deg)}.podium-officer__body{z-index:4;border:4px solid var(--navy);background:var(--yellow);border-radius:46% 46% 40% 40%;width:57px;height:52px;position:absolute;top:26px;left:8px;overflow:hidden}.award-place--1 .podium-officer__body{width:59px;height:57px;left:10px}.podium-officer__eyes{z-index:3;display:flex;position:absolute;top:7px;left:5px}.podium-officer__eyes:before,.podium-officer__eyes:after{content:"";border:3px solid var(--navy);background:#fff;border-radius:50%;width:23px;height:22px;margin-right:-3px}.podium-officer__eyes i{z-index:4;background:var(--navy);border-radius:50%;width:5px;height:7px;position:absolute;top:8px;left:10px}.podium-officer__eyes i+i{left:30px}.podium-officer__beak{z-index:5;border:2px solid var(--navy);background:#ff7245;border-radius:2px 6px;width:12px;height:11px;position:absolute;top:27px;left:23px;transform:rotate(45deg)}.podium-officer__uniform{z-index:2;clip-path:polygon(0 15%,25% 0,50% 24%,75% 0,100% 15%,94% 100%,6% 100%);background:linear-gradient(90deg,#164cad,#3279ef,#164cad);height:23px;position:absolute;bottom:-2px;left:-2px;right:-2px}.podium-officer__body>b{z-index:4;color:#fff;font-size:9px;position:absolute;bottom:2px;left:23px}.podium-officer__arm{z-index:3;border:4px solid var(--navy);background:var(--yellow);border-radius:50%;width:14px;height:31px;position:absolute;top:45px}.podium-officer__arm--left{left:0;transform:rotate(28deg)}.podium-officer__arm--right{transform-origin:50% 90%;animation:.85s ease-in-out infinite alternate officerWave;right:0}.podium-officer--1 .podium-officer__arm--right{z-index:9;height:45px;animation:.78s ease-in-out infinite alternate trophyArmCheer;top:18px;right:-2px;transform:rotate(38deg)}.podium-officer--1 .podium-officer__arm--right:after{content:"";border:3px solid var(--navy);background:var(--yellow);border-radius:50%;width:12px;height:12px;position:absolute;top:-7px;left:-3px}.award-name{z-index:5;text-align:center;background:#fff;border:2px solid #d9e2f2;border-radius:10px;width:calc(100% - 4px);min-height:36px;margin-top:-1px;padding:5px 5px 4px;position:relative;box-shadow:0 4px 10px #182b651f}.award-name strong,.award-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.award-name strong{font-size:10px}.award-name small{color:var(--blue);margin-top:2px;font-size:7px;font-weight:800}.award-place--1 .award-name{background:#fffbed;border-color:#efd045}.award-place--2 .award-name{border-color:#bcc8da}.award-place--3 .award-name{background:#fff8f3;border-color:#e5ad83}.award-block{border:3px solid var(--navy);background:linear-gradient(135deg,#c8d3e5,#f4f7fb);border-radius:8px 8px 3px 3px;place-items:center;width:100%;height:67px;margin-top:-2px;display:grid;position:relative;box-shadow:inset 0 7px #ffffff8c}.award-place--1 .award-block{background:linear-gradient(135deg,#ffc91f,#ffe980);height:88px}.award-place--3 .award-block{background:linear-gradient(135deg,#de8b52,#f6c49f);height:54px}.award-block b{color:#fff;text-shadow:2px 3px 0 var(--navy);font-family:Bungee,sans-serif;font-size:33px;line-height:1}.award-block span{color:#fff;font-size:10px;position:absolute;top:7px;right:9px}@keyframes awardSweep{42%,to{transform:translate(115%)}}@keyframes awardConfetti{0%{opacity:0;transform:translateY(-12px)rotate(0)}12%{opacity:.9}78%{opacity:.8}to{opacity:0;transform:translateY(230px)rotate(480deg)}}@keyframes podiumOfficerFloat{to{transform:translateY(-5px)rotate(1.5deg)}}@keyframes crownPop{to{transform:translateY(-3px)rotate(5deg)scale(1.08)}}@keyframes officerWave{to{transform:rotate(-42deg)translateY(-3px)}}@keyframes trophyCheer{to{transform:rotate(-44deg)}}@keyframes trophyArmCheer{to{transform:translateY(-5px)rotate(44deg)}}.preview{grid-template-columns:1fr 1fr;gap:24px;max-width:1120px;margin:0 auto 90px;padding:0 28px;display:grid}.leader-card,.how-card{box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #e3e7f0;border-radius:24px;padding:22px}.section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title>span{letter-spacing:.5px;font-size:14px;font-weight:900}.section-title i{background:#fff3c8;border-radius:10px;margin-right:8px;padding:7px;font-style:normal}.section-title button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.leader-row{border-top:1px solid #edf0f6;align-items:center;gap:12px;padding:10px 5px;display:flex}.rank{background:#edf1f9;border-radius:8px;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.rank--1{background:var(--yellow)}.rank--2{background:#d9e0eb}.rank--3{background:#f5bd8d}.avatar{background:#eef4ff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.leader-name{flex:1;font-size:13px;font-weight:800}.leader-name small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:500;display:block}.leader-row>strong{color:var(--blue);font-size:13px}.leader-row--skeleton i,.leader-row--skeleton span{background:linear-gradient(90deg,#edf1f7 25%,#f8f9fc 50%,#edf1f7 75%) 0 0/200% 100%;border-radius:8px;height:25px;animation:1.2s linear infinite rankShimmer}.leader-row--skeleton i:first-child{width:25px}.leader-row--skeleton i:nth-child(2){width:40px;height:40px}.leader-row--skeleton span{flex:1}.leader-row--skeleton i:last-child{width:60px}.leader-empty{width:100%;min-height:88px;color:var(--blue);cursor:pointer;background:#f8faff;border:1px dashed #cad5eb;border-radius:14px;font-size:12px;font-weight:900}@keyframes rankShimmer{to{background-position:-200% 0}}.how-steps{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.how-steps>div{text-align:center;background:#f4f7ff;border-radius:17px;min-height:130px;padding:14px;position:relative}.how-steps b{color:#c6d2ed;font-family:Bungee;font-size:12px;position:absolute;top:8px;left:10px}.how-steps span{margin:13px 0 7px;font-size:34px;display:block}.how-steps p{margin:0;font-size:11px;font-weight:800;line-height:1.4}.seo-content{background:#f4f7ff;border:1px solid #dce6fb;border-radius:26px;grid-template-columns:.9fr 1.1fr;gap:50px;max-width:1120px;margin:0 auto 72px;padding:36px 40px;display:grid}.seo-content__eyebrow{color:var(--blue);letter-spacing:1.1px;margin:0 0 10px;font-size:11px;font-weight:900}.seo-content h2{letter-spacing:-.8px;margin:0;font-size:clamp(25px,3vw,38px);line-height:1.2}.seo-content>div>p:not(.seo-content__eyebrow){color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.75}.seo-content__intro strong{color:var(--navy)}.seo-content__intro ul{gap:9px;margin:18px 0 0;padding:0;list-style:none;display:grid}.seo-content__intro li{color:var(--navy);padding-left:25px;font-size:13px;font-weight:700;line-height:1.5;position:relative}.seo-content__intro li:before{content:"✓";color:var(--blue);font-weight:900;position:absolute;top:0;left:0}.seo-content__faq{gap:10px;display:grid}.seo-content__faq h3{margin:0 0 2px;font-size:18px}.seo-content details{background:#fff;border:1px solid #dfe5f2;border-radius:14px;padding:15px 17px}.seo-content summary{cursor:pointer;font-size:14px;font-weight:900}.seo-content details p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.65}footer{text-align:center;color:#8a91a7;border-top:1px solid #e8eaf0;padding:28px;font-size:11px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080f2fa3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mode-sheet{background:#fffdf8;border-radius:28px;width:min(560px,100%);max-height:94vh;padding:24px;overflow:auto;box-shadow:0 35px 90px #0000004d}.sheet-handle{background:#dfe2e9;border-radius:9px;width:45px;height:5px;margin:-8px auto 15px;display:none}.sheet-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-title>div{align-items:center;gap:12px;display:flex}.sheet-title span{font-size:30px}.sheet-title h2{margin:0;font-family:Bungee;font-size:23px}.sheet-title button{cursor:pointer;background:#eef1f7;border:0;border-radius:50%;width:38px;height:38px;font-size:25px}.mode-options{gap:10px;display:grid}.mode-options>button{text-align:left;cursor:pointer;background:#fff;border:2px solid #e3e7ef;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;display:grid;position:relative}.mode-options>button.selected{border-color:var(--blue);background:#f5f8ff;box-shadow:0 0 0 3px #dfeaff}.mode-options div strong,.topic-options strong{font-weight:900}.mode-options p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.4}.mode-options em{color:var(--blue);text-transform:uppercase;background:#dfeaff;border-radius:9px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:900;position:absolute;top:9px;right:12px}.mode-options i,.topic-options i{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;font-weight:900;display:none}.mode-options .selected i,.topic-options .selected i{display:grid}.option-icon{border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.option-icon--blue{background:#dfeaff}.option-icon--red{color:var(--coral);background:#ffe5e3}.mode-sheet h3{text-transform:uppercase;letter-spacing:1.2px;margin:22px 0 10px;font-size:12px}.topic-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.topic-options button{text-align:left;cursor:pointer;background:#fff;border:2px solid #e3e7ef;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.topic-options button.selected{border-color:var(--blue);background:#f5f8ff}.topic-options button>span{font-size:26px}.topic-options small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4;display:block}.sheet-play,.primary-action{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:16px;width:100%;min-height:58px;margin-top:20px;font-weight:900;box-shadow:0 6px #1044bb}.countdown{background:var(--blue);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.countdown .brand__text b,.countdown .brand__text strong{color:#fff}.countdown .brand__badge{background:var(--yellow);color:var(--navy);filter:drop-shadow(0 5px #e1a900)}.countdown p{opacity:.8;margin:30px 0 -10px;font-size:17px;font-weight:800}.countdown>strong{color:var(--yellow);text-shadow:7px 9px #1039a0;font-family:Bungee;font-size:clamp(110px,23vw,210px)}.loading-track{background:#fff3;border-radius:9px;width:180px;height:7px;overflow:hidden}.loading-track i{background:var(--yellow);height:100%;animation:1.5s linear forwards loading;display:block}@keyframes loading{0%{width:0}to{width:100%}}.game{background:#f6f8ff;padding-bottom:110px}.game-hud{background:#fff;grid-template-columns:1fr auto 1fr auto auto;align-items:center;gap:20px;height:84px;padding:13px max(20px,50vw - 525px);display:grid;box-shadow:0 5px 20px #1f316814}.timer{background:var(--navy);color:#fff;border-radius:17px;justify-content:center;justify-self:center;align-items:center;gap:7px;min-width:128px;height:58px;display:flex;box-shadow:0 5px #08102f}.timer span{font-size:20px}.timer strong{color:var(--yellow);font-family:Bungee;font-size:27px}.timer small{opacity:.7;font-size:8px;font-weight:900}.timer--danger{background:var(--coral);animation:.55s infinite alternate pulse;box-shadow:0 5px #be303b}.timer--danger strong{color:#fff}@keyframes pulse{to{transform:scale(1.06)}}.score-box{text-align:right;justify-self:end}.score-box small{color:var(--muted);letter-spacing:1px;font-size:9px;font-weight:900;display:block}.score-box strong{color:var(--blue);font-family:Bungee;font-size:25px;display:block}.game-sound{flex:none;margin-left:5px}.lives{color:var(--coral);letter-spacing:2px;white-space:nowrap;font-size:19px}.lives .lost{color:#dfe3ed}.game-progress{background:#e5e9f2;height:7px}.game-progress i{background:linear-gradient(90deg, var(--cyan), var(--blue));height:100%;transition:width 1s linear;display:block}.quit-button{z-index:12;width:168px;height:126px;color:var(--navy);isolation:isolate;filter:drop-shadow(7px 9px #101a45eb);text-align:center;cursor:pointer;background:0 0;border:0;padding:28px 25px;font-family:Bungee,sans-serif;font-size:13px;line-height:1.15;animation:.65s cubic-bezier(.2,.9,.3,1) infinite alternate quitExplosion;position:fixed;bottom:27px;right:27px;transform:rotate(3deg)}.quit-button:before,.quit-button:after{content:"";clip-path:polygon(50% 0%,58% 22%,73% 6%,75% 29%,96% 17%,83% 40%,100% 50%,80% 58%,96% 82%,73% 71%,67% 100%,53% 77%,38% 98%,35% 73%,8% 86%,20% 59%,0% 49%,21% 40%,5% 17%,31% 28%);position:absolute}.quit-button:before{z-index:-2;background:#df171d;inset:0}.quit-button:after{z-index:-1;background-color:var(--yellow);background-image:radial-gradient(#e43b2f 1px,#0000 1px);background-size:7px 7px;inset:6px}.quit-button:hover{color:#c4121a;animation-duration:.28s;transform:scale(1.08)rotate(-2deg)}.quit-button:active{filter:drop-shadow(3px 4px #101a45eb);transform:scale(.91)rotate(2deg)}@keyframes quitExplosion{0%{filter:drop-shadow(6px 8px #101a45e6);transform:scale(.96)rotate(2deg)}to{filter:drop-shadow(9px 11px #101a45f2);transform:scale(1.04)rotate(-2deg)}}.game-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:22px;width:min(1160px,100% - 36px);margin:35px auto 0;transition:grid-template-columns .25s;display:grid}.game-layout--rank-collapsed{grid-template-columns:minmax(0,1fr) 64px}.game-stage{width:100%;margin:0}.question-meta{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.question-meta>span{text-transform:uppercase;color:var(--blue);letter-spacing:.8px;font-size:11px;font-weight:900}.difficulty{text-transform:uppercase;border-radius:10px;padding:5px 9px;font-size:8px}.difficulty--easy{color:#11954e;background:#dcf8e8}.difficulty--medium{color:#a86f00;background:#fff1c6}.difficulty--hard{color:#c7313e;background:#ffe2e2}.game-question{box-shadow:var(--shadow);background:#fff;border:2px solid #e2e6f0;border-radius:28px;padding:30px}.game-question h2{text-align:center;margin:0 0 24px;font-size:clamp(23px,3vw,34px);font-weight:900;line-height:1.35}.combat-scene{width:min(430px,100%);height:148px;margin:-13px auto 8px;position:relative;overflow:hidden}.combat-floor{background:radial-gradient(#1d2d6238,#0000 68%);border-radius:50%;height:14px;position:absolute;bottom:7px;left:18px;right:18px}.fighter{z-index:2;width:95px;height:105px;position:absolute;bottom:12px}.fighter--police{animation:.72s ease-in-out infinite alternate fighterReady;left:72px}.fighter--criminal{animation:.72s ease-in-out infinite alternate-reverse fighterReady;right:72px}@keyframes fighterReady{to{transform:translateY(-3px)rotate(1deg)}}.fighter__baton{z-index:6;border:4px solid var(--navy);background:linear-gradient(90deg,#4f5a79,#9ca8c6 45%,#3e4868);border-radius:8px 8px 5px 5px;width:13px;height:72px;position:absolute;box-shadow:inset 0 -13px #263252}.fighter__baton:after{content:"";border:3px solid var(--navy);background:var(--yellow);border-radius:5px;width:19px;height:8px;position:absolute;bottom:9px;right:-7px}.fighter--criminal .fighter__baton{transform-origin:50% 90%;top:-3px;left:-6px;transform:rotate(37deg)}.fighter__weapon{z-index:8;border:4px solid var(--navy);transform-origin:50% 90%;background:linear-gradient(90deg,#4f5a79,#9ca8c6 45%,#3e4868);border-radius:8px 8px 5px 5px;width:13px;height:72px;position:absolute;top:-4px;right:-8px;transform:rotate(-37deg);box-shadow:inset 0 -13px #263252}.fighter__weapon:after{content:"";border:3px solid var(--navy);background:var(--yellow);border-radius:5px;width:19px;height:8px;position:absolute;bottom:9px;right:-7px}.fighter__weapon>i{font-style:normal;display:none}.weapon--sword{clip-path:polygon(50% 0,100% 14%,82% 78%,100% 78%,100% 88%,68% 88%,68% 100%,32% 100%,32% 88%,0 88%,0 78%,18% 78%,0 14%);background:linear-gradient(90deg,#8595b9,#fff 48%,#a8bce9 56%,#617195);border-radius:70% 70% 4px 4px;width:14px;height:82px;top:-11px;right:-9px;box-shadow:inset 0 -14px #ffc92f}.weapon--sword:after{display:none}.weapon--blaster{background:linear-gradient(#3a8aff 0 40%,#124ccc 42% 100%);border-radius:13px 5px 7px 13px;width:65px;height:27px;top:27px;right:-24px;transform:rotate(-13deg);box-shadow:inset -12px 0 #6be6ff}.weapon--blaster:before{content:"";border:4px solid var(--navy);background:var(--yellow);border-radius:3px 3px 8px 8px;width:17px;height:28px;position:absolute;bottom:-24px;left:19px;transform:skew(-9deg)}.weapon--blaster:after{background:#77efff;border:0;border-radius:50%;width:15px;height:15px;bottom:2px;right:-15px;box-shadow:0 0 0 5px #3ddcff33,0 0 18px #2bdcff}.weapon--cannon{background:linear-gradient(#5f6b88 0 48%,#242e4d 51% 100%);border-radius:20px 4px 4px 20px;width:77px;height:35px;top:18px;right:-35px;transform:rotate(-9deg);box-shadow:inset -16px 0 #141d3d}.weapon--cannon:before{content:"";border:4px solid var(--navy);background:#ff7a38;border-radius:2px 8px 8px 2px;width:18px;height:17px;position:absolute;top:6px;right:-13px}.weapon--cannon:after{border:5px solid var(--navy);background:radial-gradient(circle,#b7c1d8 0 27%,#3e4967 30%);border-radius:50%;width:32px;height:32px;bottom:-25px;left:13px;right:auto}.weapon--tank{display:none}.weapon--iron{background:radial-gradient(circle,#fff 0 17%,#71e9ff 20% 35%,#e22d3d 38%);border-radius:50%;width:35px;height:35px;top:30px;right:-14px;transform:none;box-shadow:0 0 18px #48dff8}.weapon--iron:after{display:none}.weapon--nuclear{clip-path:polygon(50% 0,90% 18%,90% 70%,100% 85%,70% 80%,50% 100%,30% 80%,0 85%,10% 70%,10% 18%);background:linear-gradient(90deg,#e8eef5,#fff 48%,#aab8ce 52%);border-radius:55% 55% 15% 15%;width:27px;height:88px;top:-8px;right:-20px;transform:rotate(-28deg);box-shadow:inset 0 -21px #ed3f4d}.weapon--nuclear:before{content:"☢";color:#161f42;font-size:16px;line-height:1;position:absolute;top:27px;left:2px}.weapon--nuclear:after{display:none}.weapon--plasma{background:linear-gradient(#7758ff,#242066);border-radius:18px 5px 5px 18px;width:71px;height:30px;top:21px;right:-31px;transform:rotate(-10deg);box-shadow:inset -15px 0 #33e9ff,0 0 16px #7c4dff}.weapon--plasma:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;position:absolute;top:6px;right:-21px;box-shadow:0 0 0 6px #3ee7ff,0 0 22px 11px #6d4dff}.weapon--plasma:after{display:none}.weapon--mech{background:linear-gradient(135deg,#e6edf8,#7184ac);border-radius:10px;width:53px;height:40px;top:18px;right:-25px;transform:rotate(-8deg);box-shadow:inset -11px -7px #273967}.weapon--mech:before{content:"";border:4px solid var(--navy);background:#ff4c57;border-radius:5px;width:38px;height:14px;position:absolute;top:9px;right:-34px;box-shadow:inset -8px 0 #ffc829}.weapon--mech:after{display:none}.weapon--orbital{background:radial-gradient(circle,#fff 0 13%,#4bdff4 16% 29%,#23305d 31%);border-radius:50%;width:38px;height:38px;animation:1.4s ease-in-out infinite alternate orbitalFloat;top:5px;right:-14px;transform:none;box-shadow:0 0 18px #2cdff6}.weapon--orbital:before,.weapon--orbital:after{content:"";border:3px solid var(--navy);background:repeating-linear-gradient(90deg,#5486ff 0 5px,#172653 5px 8px);border-radius:2px;width:22px;height:13px;position:absolute;top:9px}.weapon--orbital:before{left:-22px}.weapon--orbital:after{bottom:auto;right:-22px}@keyframes orbitalFloat{to{transform:translateY(-8px)rotate(9deg)}}.weapon--galaxy{background:conic-gradient(#6d39e9,#44efff,#fff,#ff61d8,#6d39e9);border-radius:50%;width:48px;height:48px;animation:1.8s linear infinite galaxySpin;top:14px;right:-18px;transform:none;box-shadow:0 0 11px #fff,0 0 25px #834dff}.weapon--galaxy:before{content:"";background:#11173f;border-radius:50%;position:absolute;inset:8px;box-shadow:inset 7px 0 #5eeeff}.weapon--galaxy:after{display:none}@keyframes galaxySpin{to{transform:rotate(360deg)}}.police-aura{z-index:0;border:2px solid #4be2ffbf;border-radius:50%;animation:.7s ease-in-out infinite alternate auraPulse;display:none;position:absolute;inset:-21px -14px -13px;box-shadow:0 0 20px #5862ffb3,inset 0 0 18px #36dcff59}@keyframes auraPulse{to{opacity:.62;transform:scale(1.08)}}.police-vehicle{z-index:1;border:5px solid var(--navy);background:linear-gradient(#5675a8 0 58%,#263a67 60%);border-radius:23px 28px 11px 11px;width:125px;height:50px;display:none;position:absolute;bottom:-6px;left:-14px}.police-vehicle:before{content:"";border:5px solid var(--navy);background:#4770ad;border-radius:25px 25px 0 0;width:57px;height:28px;position:absolute;top:-24px;left:25px}.police-vehicle:after{content:"";border:5px solid var(--navy);background:#364f7b;border-radius:5px;width:54px;height:16px;position:absolute;top:-16px;right:-24px}.police-vehicle>i{z-index:2;border:5px solid var(--navy);background:radial-gradient(circle,#8796b2 0 22%,#202b4d 25%);border-radius:50%;width:31px;height:31px;position:absolute;bottom:-16px}.police-vehicle>i:first-child{left:13px}.police-vehicle>i:nth-child(2){right:13px}.police-vehicle>b{z-index:2;color:var(--yellow);position:absolute;top:12px;left:50px}.mini-bird__cap{z-index:5;border:4px solid var(--navy);background:var(--blue);color:#fff;letter-spacing:1px;border-radius:50% 50% 7px 7px;place-items:center;width:62px;height:28px;font-family:Bungee;font-size:10px;transition:background .2s,clip-path .2s;display:grid;position:absolute;top:10px;left:17px}.mini-bird__cap>i{display:none}.mini-bird__body{z-index:3;border:5px solid var(--navy);background:var(--yellow);border-radius:48% 48% 42% 42%;width:74px;height:80px;transition:background .2s,box-shadow .2s;position:absolute;bottom:0;left:12px}.mini-bird__eyes{z-index:2;display:flex;position:absolute;top:15px;left:8px}.mini-bird__eyes:before,.mini-bird__eyes:after{content:"";border:4px solid var(--navy);background:#fff;border-radius:50%;width:29px;height:29px;margin-right:-3px}.mini-bird__eyes i{z-index:3;background:var(--navy);border-radius:50%;width:7px;height:9px;position:absolute;top:10px;left:12px}.mini-bird__eyes i+i{left:37px}.mini-bird__beak{z-index:4;border:3px solid var(--navy);background:#ff7245;border-radius:3px 7px;width:17px;height:14px;position:absolute;top:39px;left:29px;transform:rotate(45deg)}.mini-bird__body>b{clip-path:polygon(50% 0,92% 16%,92% 68%,50% 100%,8% 68%,8% 16%);background:var(--blue);color:#fff;place-items:center;width:21px;height:25px;font-size:12px;display:grid;position:absolute;bottom:5px;left:27px}.uniform-armor{z-index:1;clip-path:polygon(0 10%,23% 0,50% 22%,77% 0,100% 10%,93% 100%,7% 100%);background:#2166de;border-radius:13px 13px 27px 27px;height:38px;position:absolute;bottom:-3px;left:-3px;right:-3px}.mini-bird__body>b{z-index:3}.combat-scene--level-1 .mini-bird__cap{background:#174bb4;box-shadow:inset 0 -7px #ffffff29}.combat-scene--level-1 .uniform-armor{background:linear-gradient(90deg,#1c52b7,#397fff,#1c52b7)}.combat-scene--level-2 .mini-bird__cap{clip-path:polygon(0 50%,14% 10%,50% 0,86% 10%,100% 50%,93% 100%,7% 100%);background:#142d6b}.combat-scene--level-2 .uniform-armor{background:linear-gradient(135deg,#101d4d,#225bd1)}.combat-scene--level-3 .mini-bird__cap{background:#6f2cad;box-shadow:inset 0 -7px #3a1769}.combat-scene--level-3 .uniform-armor{background:linear-gradient(90deg,#321363,#853ec7,#321363)}.combat-scene--level-3 .uniform-armor:before{content:"★";color:var(--yellow);position:absolute;top:6px;left:26px}.combat-scene--level-4 .police-vehicle{display:block}.combat-scene--level-4 .mini-bird__body{transform-origin:bottom;bottom:26px;transform:scale(.84)}.combat-scene--level-4 .mini-bird__cap{background:#40567f;top:-10px;transform:scale(.84)}.combat-scene--level-4 .uniform-armor{background:#455c88}.combat-scene--level-5 .fighter--police{filter:drop-shadow(0 0 8px #2fd8ffbf)}.combat-scene--level-5 .mini-bird__cap{color:#ffe365;background:linear-gradient(90deg,#bd1e2e,#f04a45,#bd1e2e);border-radius:45% 45% 14px 14px;height:37px;top:4px}.combat-scene--level-5 .mini-bird__body{background:linear-gradient(90deg,#a91f31 0 22%,#ffd650 24% 76%,#a91f31 78%)}.combat-scene--level-5 .uniform-armor{background:linear-gradient(90deg,#9c192a,#e43f42 50%,#9c192a);height:44px}.combat-scene--level-5 .mini-bird__body>b{color:#fff;clip-path:none;background:#73eaff;border-radius:50%;box-shadow:0 0 8px #42ddef}.combat-scene--level-6 .mini-bird__cap{background:#151b3c;box-shadow:inset 0 -7px #dc3545}.combat-scene--level-6 .uniform-armor{background:linear-gradient(90deg,#10152f,#e13949 48% 52%,#10152f)}.combat-scene--level-7 .police-aura,.combat-scene--level-8 .police-aura,.combat-scene--level-9 .police-aura,.combat-scene--level-10 .police-aura{display:block}.combat-scene--level-7 .mini-bird__cap{background:linear-gradient(90deg,#5f37dd,#16cfe8)}.combat-scene--level-7 .uniform-armor{background:linear-gradient(90deg,#4934ba,#14c5e3,#4934ba)}.combat-scene--level-8 .mini-bird__cap{background:#667896;border-radius:10px}.combat-scene--level-8 .mini-bird__body{background:linear-gradient(90deg,#6c7d99 0 22%,#ffc93d 24% 76%,#6c7d99 78%);box-shadow:10px 0 0 -3px #647594,-10px 0 0 -3px #647594}.combat-scene--level-8 .uniform-armor{background:linear-gradient(90deg,#3d4f72,#7990b6,#3d4f72)}.combat-scene--level-9 .mini-bird__cap{color:#17244d;background:linear-gradient(90deg,#e9edf7,#6b88be)}.combat-scene--level-9 .uniform-armor{background:linear-gradient(90deg,#e7edf7,#7892c0,#e7edf7)}.combat-scene--level-10 .police-aura{border-color:#ff5fdd;box-shadow:0 0 25px #7d55ff,inset 0 0 20px #45eaff}.combat-scene--level-10 .mini-bird__cap{background:linear-gradient(90deg,#4c20a7,#e64fd6,#38dff2)}.combat-scene--level-10 .mini-bird__body{background:radial-gradient(circle at 50% 38%,#ffdf51 0 34%,#7b4be3 37% 55%,#23154f 57%)}.combat-scene--level-10 .uniform-armor{background:linear-gradient(90deg,#31166e,#e44fd5,#28cadf,#31166e)}.upgrade-flash{z-index:20;border:3px solid var(--navy);background:var(--yellow);width:151px;box-shadow:5px 6px 0 var(--navy);text-align:center;border-radius:11px;margin-left:-75px;padding:8px 10px;position:absolute;top:17px;left:50%}.upgrade-flash b,.upgrade-flash span{display:block}.upgrade-flash b{font-family:Bungee;font-size:13px}.upgrade-flash span{margin-top:2px;font-size:9px;font-weight:900}.reset-flash{z-index:20;color:#bd2c37;text-align:center;background:#fff1f0;border:2px solid #f5b3b7;border-radius:9px;width:174px;margin-left:-87px;padding:7px;font-size:8px;font-weight:900;position:absolute;top:7px;left:50%}.criminal__head{z-index:3;border:5px solid var(--navy);background:#9ddd65;border-radius:43% 47% 42% 45%;width:61px;height:55px;position:absolute;top:17px;left:18px}.criminal__mask{clip-path:polygon(0 21%,18% 0,50% 21%,82% 0,100% 21%,91% 100%,50% 77%,9% 100%);background:var(--navy);justify-content:space-around;width:57px;height:21px;padding:3px 9px;display:flex;position:absolute;top:12px;left:-3px}.criminal__mask i{background:#fff;border-radius:50%;width:7px;height:6px;transform:rotate(12deg)}.criminal__mask i+i{transform:rotate(-12deg)}.criminal__mouth{background:var(--navy);border-radius:5px;width:13px;height:5px;position:absolute;top:39px;left:21px}.criminal__body{border:5px solid var(--navy);background:var(--coral);color:#fff;text-align:center;letter-spacing:1px;border-radius:22px 22px 12px 12px;width:78px;height:50px;padding-top:17px;font-family:Bungee;font-size:12px;position:absolute;bottom:0;left:10px}.combat-impact{z-index:8;opacity:0;place-items:center;width:78px;height:70px;display:grid;position:absolute;top:28px;left:50%;transform:translate(-50%)scale(.3)rotate(-13deg)}.combat-impact i{color:var(--yellow);text-shadow:2px 3px 0 var(--navy);font-size:76px;font-style:normal;position:absolute}.combat-impact strong{z-index:1;color:var(--coral);text-shadow:2px 2px #fff;font-family:Bungee;font-size:15px;position:relative}.combat-scene--pending .fighter--police{animation:.24s ease-out both policeReady}.combat-scene--pending .fighter--police .fighter__weapon{animation:.24s ease-out both weaponReady}.combat-scene--police-hit .fighter--police{animation:.24s cubic-bezier(.2,.9,.25,1) policeLunge}.combat-scene--police-hit .fighter--police .fighter__weapon{animation:.24s ease-in-out policeStrike}.combat-scene--police-hit .fighter--criminal{animation:.24s ease-out criminalBonked}.combat-scene--criminal-hit .fighter--criminal{animation:.24s cubic-bezier(.2,.9,.25,1) criminalLunge}.combat-scene--criminal-hit .fighter--criminal .fighter__baton{animation:.24s ease-in-out criminalStrike}.combat-scene--criminal-hit .fighter--police{animation:.24s ease-out policeBonked}.combat-scene--police-hit .combat-impact,.combat-scene--criminal-hit .combat-impact{animation:.22s ease-out impactPop}@keyframes policeReady{to{transform:translate(8px)rotate(-3deg)}}@keyframes weaponReady{to{transform:rotate(-58deg)translateY(-2px)}}@keyframes policeLunge{0%{transform:translate(0)}35%{transform:translate(47px)rotate(8deg)}62%{transform:translate(39px)}to{transform:translate(0)}}@keyframes policeStrike{0%{transform:rotate(-37deg)}38%,58%{transform:rotate(72deg)}to{transform:rotate(-37deg)}}@keyframes criminalBonked{38%{transform:translate(0)}48%{transform:translate(15px)rotate(15deg)scaleY(.82)}62%{transform:translate(9px)rotate(-8deg)}to{transform:none}}@keyframes criminalLunge{0%{transform:translate(0)}35%{transform:translate(-47px)rotate(-8deg)}62%{transform:translate(-39px)}to{transform:translate(0)}}@keyframes criminalStrike{0%{transform:rotate(37deg)}38%,58%{transform:rotate(-72deg)}to{transform:rotate(37deg)}}@keyframes policeBonked{38%{transform:translate(0)}48%{transform:translate(-15px)rotate(-15deg)scaleY(.82)}62%{transform:translate(-9px)rotate(8deg)}to{transform:none}}@keyframes impactPop{0%{opacity:0;transform:translate(-50%)scale(.2)rotate(-18deg)}38%{opacity:1;transform:translate(-50%)scale(1.25)rotate(7deg)}75%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1.5)rotate(-5deg)}}.answers{grid-template-columns:1fr 1fr;gap:13px;display:grid}.answer{cursor:pointer;text-align:left;background:#fafbfe;border:2px solid #dfe4ef;border-radius:17px;align-items:center;gap:13px;min-height:75px;padding:12px 45px 12px 14px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}.answer:hover:not(:disabled){border-color:var(--blue);transform:translateY(-2px);box-shadow:0 6px #dbe6ff}.answer>span{height:39px;color:var(--blue);background:#e8eefb;border-radius:11px;flex:0 0 39px;place-items:center;font-weight:900;display:grid}.answer>b{font-size:16px}.answer>i{font-size:23px;font-style:normal;position:absolute;right:15px}.answer--correct{background:#e8faef;border-color:#23bf69;box-shadow:0 5px #b7edce}.answer--correct>span{color:#fff;background:#23bf69}.answer--correct>i{color:#19a75a}.answer--wrong{border-color:var(--coral);background:#fff0ef}.answer--wrong>span{background:var(--coral);color:#fff}.answer--wrong>i{color:var(--coral)}.answer--muted{opacity:.42}.answer--pending{border-color:var(--blue);background:#edf3ff;transform:translateY(2px)scale(.985);box-shadow:inset 0 0 0 2px #276df61f}.answer--pending>span{background:var(--blue);color:#fff}.answer--waiting{opacity:.58}.answer__pending{color:var(--blue);letter-spacing:2px;animation:.55s ease-in-out infinite alternate pendingPulse;font-size:15px!important}@keyframes pendingPulse{0%{opacity:.35;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.feedback{opacity:0;border-radius:15px;grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:10px;min-height:52px;margin-top:12px;padding:10px 17px;transition:all .15s;display:grid;transform:translateY(8px)}.feedback--show{opacity:1;transform:none}.feedback--correct{color:#0e7f43;background:#ddf8e8}.feedback--wrong{color:#ac2530;background:#ffe5e3}.feedback strong{font-size:13px;font-weight:900}.feedback b{color:var(--blue)}.live-rank{box-shadow:var(--shadow);background:#fff;border:2px solid #dfe6f4;border-radius:22px;transition:width .25s,border-color .2s;position:sticky;top:105px;overflow:hidden}.live-rank__head{color:#fff;background:linear-gradient(135deg,#182557,#263d89);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:70px;padding:12px;display:grid}.live-rank__head>span{background:var(--yellow);border-radius:12px;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.live-rank__head small{letter-spacing:1px;opacity:.7;font-size:8px;font-weight:900;display:block}.live-rank__head strong{color:var(--yellow);margin-top:2px;font-size:12px;display:block}.live-rank__head button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:9px;width:29px;height:35px;font-size:23px}.live-rank__rows{padding:7px}.live-rank__rows>div{border-bottom:1px solid #edf0f6;border-radius:10px;grid-template-columns:25px 30px 1fr auto;align-items:center;gap:6px;min-height:52px;padding:6px;display:grid}.live-rank__rows>div:last-child{border-bottom:0}.live-rank__rows>div>b{background:#eef1f7;border-radius:7px;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.live-rank__rows>div>span{font-size:17px}.live-rank__rows p{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;font-weight:900;overflow:hidden}.live-rank__rows p small{color:var(--muted);margin-top:2px;font-size:7px;font-weight:600;display:block}.live-rank__rows>div>strong{color:var(--blue);font-size:10px}.live-rank__rows .is-player{box-shadow:inset 3px 0 0 var(--blue);background:#e8f0ff}.live-rank__rows .is-player>b{background:var(--blue);color:#fff}.rank-gap{text-align:center;color:#a1a8b9;letter-spacing:3px;font-style:normal;line-height:17px;display:block}.live-rank--collapsed .live-rank__head{flex-direction:column;min-height:70px;padding:9px 6px;display:flex}.live-rank--collapsed .live-rank__head>span{width:34px;height:34px}.combo-meter{z-index:4;background:var(--navy);color:#fff;border-radius:18px;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;width:min(380px,100% - 40px);padding:9px 15px 11px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px #080f2d}.combo-meter>span{width:39px;height:39px;color:var(--yellow);filter:grayscale();background:#ffffff17;border-radius:12px;place-items:center;font-size:24px;display:grid}.combo-meter small{letter-spacing:1px;opacity:.65;font-size:7px;display:block}.combo-meter strong{color:var(--yellow);font-family:Bungee}.combo-meter em{color:#fff;opacity:.82;text-overflow:ellipsis;white-space:nowrap;max-width:105px;font-size:7px;font-style:normal;font-weight:900;display:block;overflow:hidden}.combo-meter>i{background:#ffffff24;border-radius:8px;height:8px;overflow:hidden}.combo-meter>i b{border-radius:inherit;background:linear-gradient(90deg, var(--yellow), #ff8a34);height:100%;transition:width .3s;display:block}.combo-meter>label{color:#ffffff94;letter-spacing:.5px;text-transform:uppercase;font-size:6px;font-weight:900;position:absolute;bottom:4px;right:15px}.combo-countdown{--combo-time:100%;background:linear-gradient(90deg, var(--coral) var(--combo-time), #444c66 var(--combo-time));color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:2px;min-width:62px;height:29px;padding:0 9px;font-style:normal;display:flex;position:absolute;top:-12px;right:-10px;box-shadow:0 4px 10px #080f2d47}.combo-countdown span{font-size:12px}.combo-countdown b{font-family:Bungee;font-size:12px}.combo-countdown small{opacity:.8;font-size:7px}.combo-meter--hot>span{filter:none;animation:.4s infinite alternate pulse}.game--combo{animation:.35s comboFlash}@keyframes comboFlash{50%{filter:brightness(1.12)saturate(1.3)}}.result-page{background:radial-gradient(circle,#e4edff,#f9faff 60%);flex-direction:column;justify-content:center;align-items:center;padding:28px 20px 50px;display:flex}.result-page>.brand{position:absolute;top:22px;left:25px}.result-card{text-align:center;background:#fff;border:2px solid #dfe5f1;border-radius:30px;width:min(570px,100%);padding:50px 40px 34px;position:relative;box-shadow:0 24px #dfe8ff,0 40px 80px #1e368233}.result-badge{background:var(--yellow);border:7px solid #fff;border-radius:50%;place-items:center;width:90px;height:90px;font-size:46px;display:grid;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #b4780040}.result-card>p{margin:5px 0 12px;font-weight:900}.result-card>h1{color:var(--blue);text-shadow:3px 4px #d9e5ff;margin:0;font-family:Bungee;font-size:clamp(52px,11vw,78px);line-height:1}.result-card>small{letter-spacing:2px;color:var(--muted);font-weight:900}.result-stats{background:#f9faff;border:1px solid #e5e8f0;border-radius:19px;grid-template-columns:repeat(3,1fr);margin:27px 0 15px;padding:18px 5px;display:grid}.result-stats>div{border-right:1px solid #e1e5ee}.result-stats>div:last-child{border:0}.result-stats span{font-size:22px;display:block}.result-stats strong{margin:4px;font-size:20px;display:block}.result-stats small{color:var(--muted);font-size:8px;font-weight:900}.saved-banner{color:#108346;background:#e3f9ec;border-radius:12px;padding:10px;font-size:12px;font-weight:800}.result-actions{gap:10px;display:grid}.result-actions .primary-action{margin-top:10px}.secondary-action{cursor:pointer;background:#fff;border:2px solid #dce2ed;border-radius:15px;min-height:54px;font-weight:900}.text-action{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px;font-size:12px;font-weight:700}.result-image-actions{margin-top:10px}.result-image-actions button{cursor:pointer;border-radius:14px;width:100%;min-height:50px;font-weight:900}.result-image-actions button:disabled{cursor:wait;opacity:.6}.download-action{color:var(--navy);background:#fff;border:2px solid #dce2ed}.result-image-message{color:var(--muted);margin:-2px 3px 0;font-size:10px;line-height:1.45;display:block}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{--angle:calc(var(--i) * 20deg);width:10px;height:18px;top:-20px;left:calc(var(--i) * 6%);background:hsl(calc(var(--i) * 41) 90% 60%);transform:rotate(var(--angle));animation:fall calc(2.4s + var(--i) * 80ms) linear infinite;animation-delay:calc(var(--i) * -.13s);position:absolute}@keyframes fall{to{transform:translateX(calc((var(--i) - 9) * 8px)) rotate(720deg);top:110%}}.nickname-modal{text-align:center;background:#fff;border-radius:27px;width:min(430px,100%);padding:40px 30px 28px;box-shadow:0 30px 80px #0000004d}.trophy-pop{margin-top:-75px;font-size:64px;display:block}.nickname-modal h2{margin:15px 0 7px;font-family:Bungee;font-size:22px}.nickname-modal p{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.6}.nickname-modal input{border:2px solid #dce2ed;border-radius:14px;outline:none;width:100%;height:55px;padding:0 15px;font-weight:800}.nickname-modal input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #dfeaff}.nickname-modal .primary-action{margin-top:13px}.form-error{text-align:left;color:var(--coral);margin-top:6px;display:block}.quit-backdrop{-webkit-backdrop-filter:blur(8px)saturate(.7);backdrop-filter:blur(8px)saturate(.7)}.quit-modal{border:4px solid var(--navy);text-align:center;width:min(440px,100% - 30px);box-shadow:10px 12px 0 var(--navy);background:#fffaf0;border-radius:25px;padding:51px 30px 28px;position:relative}.quit-flag{border:4px solid var(--navy);background:var(--yellow);border-radius:50%;place-items:center;width:92px;height:92px;font-size:48px;display:grid;position:absolute;top:-48px;left:50%;transform:translate(-50%)rotate(-7deg)}.quit-modal>small{color:#be3741;background:#ffe2df;border-radius:999px;padding:5px 10px;font-weight:900;display:inline-block;transform:rotate(-2deg)}.quit-modal h2{margin:14px 0 8px;font-family:Bungee;font-size:23px}.quit-modal p{max-width:350px;color:var(--muted);margin:0 auto 15px;font-size:12px;line-height:1.65}.quit-score{color:var(--muted);background:#f0f3fa;border-radius:12px;margin-bottom:17px;padding:10px;font-size:10px;font-weight:800}.quit-score span{color:var(--blue);font-family:Bungee;font-size:17px}.keep-playing,.really-quit{cursor:pointer;border-radius:14px;width:100%;min-height:54px;font-weight:900}.keep-playing{background:var(--blue);color:#fff;border:0;box-shadow:0 5px #1043b4}.really-quit{color:#9a5360;background:0 0;border:0;min-height:42px;margin-top:10px;font-size:11px;text-decoration:underline}.rank-page{background:linear-gradient(#f1f5ff,#f8f9fc 55%);min-height:100svh;padding-bottom:64px}.rank-header{justify-content:space-between;align-items:center;max-width:980px;height:82px;margin:auto;padding:15px 20px;display:flex}.back-button{min-height:40px;color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:0 12px;font-weight:800}.back-button:hover{background:#e8efff}.rank-hero{color:#fff;text-align:center;background:radial-gradient(circle at 20% 20%,#23c9ff54,#0000 24%),radial-gradient(circle at 82% 18%,#ffd62940,#0000 20%),linear-gradient(135deg,#15265f,#246bff);padding:34px 20px 96px;position:relative;overflow:hidden}.rank-hero:before,.rank-hero:after{content:"";border:1px dashed #ffffff29;border-radius:50%;width:220px;height:220px;position:absolute}.rank-hero:before{top:-115px;left:5%}.rank-hero:after{bottom:-150px;right:3%}.rank-hero>span{background:#ffffff24;border:2px solid #ffffff59;border-radius:23px;place-items:center;width:72px;height:72px;font-size:43px;display:inline-grid;position:relative;transform:rotate(-4deg);box-shadow:0 13px 30px #08164647}.rank-hero h1{margin:14px 0 4px;font-family:Bungee;font-size:clamp(27px,4vw,38px);position:relative}.rank-hero p{opacity:.75;margin:0;font-size:12px;position:relative}.rank-filter-groups{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex;position:relative}.rank-filters{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08143c38;border:1px solid #ffffff3d;border-radius:999px;gap:4px;padding:4px;display:flex}.rank-filters button{color:#fffc;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:34px;padding:7px 13px;font-size:10px;font-weight:800;transition:background .15s,color .15s,transform .15s}.rank-filters button:hover{color:#fff}.rank-filters button:active{transform:scale(.96)}.rank-filters .active{background:var(--yellow);color:var(--navy);box-shadow:0 3px 10px #070f303d}.full-leaderboard{background:#fffffff5;border:1px solid #d5dcedcc;border-radius:26px;width:min(820px,100% - 30px);min-height:168px;margin:-58px auto 0;padding:13px;position:relative;box-shadow:0 24px 60px #192c7029}.full-rank-row{border-bottom:1px solid #edf0f5;grid-template-columns:43px 50px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:9px 14px;display:grid}.full-rank-row:last-of-type{border-bottom:0}.full-rank-row>b{background:#eef1f6;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.full-rank-row>.avatar{width:44px;height:44px}.full-rank-row div{min-width:0}.full-rank-row div strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.full-rank-row div small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.full-rank-row em{color:var(--blue);text-align:right;font-size:15px;font-style:normal;font-weight:900}.full-rank-row em small{color:#68718b;letter-spacing:.2px;margin-top:2px;font-size:9px;font-style:normal;display:block}.podium{border:1px solid #0000;border-radius:16px;margin-bottom:6px}.podium--1{background:linear-gradient(90deg,#fff8d5,#fffdf3);border-color:#f4df82}.podium--1>b{background:var(--yellow)}.podium--2{background:linear-gradient(90deg,#f0f4fa,#fafcff);border-color:#dce3ed}.podium--3{background:linear-gradient(90deg,#fff1e6,#fffaf7);border-color:#f0d5c1}.rank-state{min-height:142px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.rank-spinner{border:3px solid #dce5f7;border-top-color:var(--blue);border-radius:50%;width:21px;height:21px;animation:.7s linear infinite rankSpin}@keyframes rankSpin{to{transform:rotate(360deg)}}.rank-state--error,.rank-state--empty{flex-direction:column;min-height:235px}.rank-state--error>span,.rank-state--empty>span{font-size:44px}.rank-state strong{color:var(--navy);font-size:15px}.rank-state p{max-width:370px;color:var(--muted);margin:-3px 0 5px;font-weight:500}.rank-state button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:42px;padding:0 18px;font-weight:900;box-shadow:0 4px #1449b9}.local-note{color:#8992a9;text-align:center;margin:15px;font-size:9px}@media (max-width:800px){.nav{height:74px;padding:12px 16px}.brand__badge{width:43px;height:49px;font-size:22px}.brand__text strong{font-size:16px}.brand__text b{font-size:9px}.hero{text-align:center;grid-template-columns:1fr;min-height:calc(100svh - 74px);padding:25px 18px 45px}.hero__copy{flex-direction:column;align-items:center;display:flex}.hero h1{letter-spacing:-2px;font-size:clamp(42px,12vw,62px)}.hero__copy>p{margin-bottom:18px;font-size:14px}.play-button{height:76px}.play-button b{font-size:18px}.hero__art{display:none}.hero__visual{margin-top:2px}.award-showcase{margin-top:0}.preview{grid-template-columns:1fr;margin-top:30px;padding:0 16px}.how-steps{grid-template-columns:1fr 1fr 1fr}.seo-content{grid-template-columns:1fr;gap:26px;margin:0 16px 50px;padding:28px 22px}.modal-backdrop{align-items:end;padding:0}.mode-sheet{padding:21px 17px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.sheet-handle{display:block}.topic-options{grid-template-columns:1fr}.game-hud{grid-template-columns:auto 1fr auto auto;gap:9px;height:74px;padding:9px 12px}.game-hud .brand__text{display:none}.timer{min-width:100px;height:50px}.timer strong{font-size:22px}.score-box strong{font-size:18px}.game-sound{width:38px;min-width:38px;height:38px}.lives{z-index:4;background:#fff;border-radius:9px;padding:7px;position:fixed;top:80px;right:12px;box-shadow:0 3px 10px #0000001a}.quit-button{width:148px;height:110px;padding:24px 21px;font-size:11px;bottom:22px;right:16px}.game-layout,.game-layout--rank-collapsed{width:calc(100% - 30px);margin-top:62px;display:block}.game-stage{margin:0}.game-question{border-radius:23px;padding:22px 15px}.game-question h2{margin-bottom:18px;font-size:23px}.answers{grid-template-columns:1fr;gap:9px}.answer{min-height:62px}.answer>b{font-size:15px}.live-rank{z-index:15;width:min(280px,100vw - 74px);max-height:calc(100svh - 105px);position:fixed;top:80px;left:10px}.live-rank--collapsed{width:54px}.live-rank__rows{max-height:calc(100svh - 185px);overflow:auto}.live-rank--collapsed .live-rank__head{padding:7px 5px}.result-card{padding:47px 18px 24px}.result-page>.brand{top:14px;left:15px}.result-page>.brand .brand__text,.rank-header .brand__text{display:none}.rank-hero{padding:27px 13px 88px}.rank-filter-groups{gap:8px}.rank-filters button{padding-inline:10px}.full-rank-row{grid-template-columns:35px 42px minmax(0,1fr) auto;gap:7px;padding:7px 6px}.full-rank-row>.avatar{width:39px;height:39px}.full-rank-row div small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.full-rank-row em{font-size:12px}}@media (max-width:600px){.game{padding-bottom:310px}.game-layout,.game-layout--rank-collapsed{width:calc(100% - 30px);margin-top:80px}.live-rank,.live-rank--collapsed{display:none}.combo-meter{border-radius:14px;width:172px;min-height:47px;padding:7px 10px;top:84px;bottom:auto;left:10px;transform:none;box-shadow:0 5px #080f2d}.combo-meter>span{font-size:23px}.combo-meter small{font-size:6px}.combo-meter strong{font-size:13px}.quit-button{top:auto;right:10px;bottom:calc(289px + env(safe-area-inset-bottom));filter:drop-shadow(5px 6px #101a45eb);width:126px;height:94px;padding:21px 17px;font-size:9px;position:fixed}.lives{top:137px;right:12px}.game-question{min-height:225px;padding-bottom:22px}.combat-scene{transform-origin:top;height:102px;margin:-12px auto 7px;transform:scale(.86)}.game-question h2{margin-bottom:0}.answers{z-index:20;padding:14px 15px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7f7;border-top:2px solid #dfe5f0;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 35px #14265c26}.answer{background:#fff;border-radius:14px;min-height:54px}.answer:hover:not(:disabled){transform:none}.feedback{z-index:21;right:15px;bottom:calc(282px + env(safe-area-inset-bottom));min-height:54px;margin:0;position:fixed;left:15px;box-shadow:0 8px 25px #182b6426}}@media (max-width:390px){.hero{padding-top:14px}.eyebrow{font-size:9px}.hero h1{margin:14px 0 11px}.no-login{margin:12px}.mode-button{height:48px}.award-showcase{border-radius:21px;padding-left:9px;padding-right:9px}.award-showcase__title{font-size:9px}.award-ceremony{gap:2px}.award-name strong{font-size:9px}.award-block b{font-size:29px}.how-steps{grid-template-columns:1fr}.how-steps>div{min-height:95px}.how-steps span{margin:4px}.score-box small{display:none}.game-hud{grid-template-columns:auto 1fr auto}.game-sound{display:none}.combo-meter{width:158px}.quit-button{right:7px;bottom:calc(281px + env(safe-area-inset-bottom));width:116px;height:88px;padding:19px 15px;font-size:8px}.answer{min-height:52px}.feedback{bottom:calc(274px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}