:root{--ink:#16356b;--muted:#3e5d86;--navy:#14315f;--gold:#f6c453;--gold-2:#f3b23a;--btn-text:#dd6832;--cream:#f3efe6;--paper:#fffcf5eb;--line:#ffffffd9;--old:#c83b45;--new:#1f8a4c;--shadow:0 10px 24px #10305a29;--frame:440px;--sans:"Poppins", "Segoe UI", sans-serif;--display:"Jungle Adventurer", "Poppins", sans-serif;color:var(--ink);font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.4}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Jungle Adventurer;src:url(/fonts/JungleAdventurer.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-synthesis:none;background:#0c2744;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,.hero-title,.score-fraction,.auth-card h1{font-family:var(--display);letter-spacing:.03em;font-weight:400}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.backdrop{min-height:100dvh}.device{width:min(100%, var(--frame));background:#1a6cb5 url(/assets/skyline.png) top/cover no-repeat;min-height:100dvh;margin-inline:auto;position:relative}@media (width>=441px){body{background:#071525}.device{box-shadow:0 30px 80px #00000059}}.stage{min-height:100dvh;padding:calc(30px + env(safe-area-inset-top)) clamp(16px, calc(44px - (414px - 100%) * .5), 44px) calc(34px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:20px;display:flex}.stage-bar{justify-content:space-between;align-items:center;width:100%;min-height:52px;display:flex}.screen-leave,.screen-enter{width:100%;min-height:100dvh;overflow:hidden}.screen-leave{animation:.34s forwards screen-leave}.screen-enter{animation:.4s screen-enter}@keyframes screen-leave{to{opacity:0;transform:translateY(-16px)}}@keyframes screen-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.home-leave,.home-return,.home-arrive,.guide-arrive{width:100%;min-height:100dvh;overflow:hidden}.home-leave{animation:.32s forwards home-leave}.home-return{animation:.32s forwards home-return}.guide-arrive{animation:.42s guide-arrive}.home-arrive{animation:.42s home-arrive}@keyframes home-leave{to{opacity:0;transform:translate(-36px)scale(.98)}}@keyframes home-return{to{opacity:0;transform:translate(36px)scale(.98)}}@keyframes guide-arrive{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes home-arrive{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.stage-teal{background-color:#003b48;background-image:radial-gradient(100% 50% at 50% 100%,#ffc72c 0%,#ffc72cb8 35%,#ffc72c61 62%,#ffc72c24 82%,#ffc72c00 100%);gap:45px;padding-inline:clamp(16px,50% - 155px,52px)}.logo{mix-blend-mode:screen;width:148px;height:auto}.logo-mark{width:70px;margin:0}.logo-center{width:114px;margin-bottom:4px}.exit-pill,.avatar-btn{isolation:isolate;color:#b5ddfe;background:linear-gradient(#6cc3f9e0 0%,#3573a9e0 100%) padding-box padding-box;border:0;border-radius:12px;font-family:Poppins,sans-serif;font-style:normal;font-weight:600;position:relative;box-shadow:0 5px 6px #00000040}.exit-pill{text-transform:uppercase;min-width:65px;height:37px;padding:0 12px;font-size:14px}.avatar-btn{width:40px;height:40px;font-size:24px}.exit-pill:before,.avatar-btn:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#bee3ff 0%,#7bbdff 100%);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.timer-chip{isolation:isolate;color:#68d6e9;width:87px;height:50px;box-shadow:none;background:linear-gradient(#3ba7c5e0 0%,#025167e0 100%) padding-box padding-box;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin:0;padding:0;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600;display:inline-flex;position:relative}.timer-chip:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#caedff 0%,#75c9ff 100%);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.timer-chip img{object-fit:contain;width:16px;height:19px}.back-link{color:#fff;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:700}.hero-title{color:#fff;text-align:center;text-transform:uppercase;text-shadow:none;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:32px;font-weight:400;line-height:.95;position:relative}.hero-spark{pointer-events:none;transform-origin:50%;animation:2.2s ease-in-out infinite sparkle;display:block;position:absolute}.hero-spark-lg{width:17.6px;height:17.6px;top:-15px;left:-15px}.hero-spark-sm{width:8.8px;height:8.8px;animation-delay:.55s;top:0;left:-18px}.hero-spark-end{width:8.8px;height:8.8px;animation-delay:1.15s;bottom:0;right:-10px}.hero-title .hero-spark-end{right:10px}.live-title{isolation:isolate;color:#fff;text-shadow:none;margin-top:8px;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:32px;font-weight:400}.live-title:before{content:"";z-index:-1;opacity:.95;filter:blur(10px);pointer-events:none;background:#ffda54;border-radius:33px;width:108%;height:1.15em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glass{isolation:isolate;width:100%;box-shadow:none;background:linear-gradient(#a8deffe3 0%,#ffde4be3 100%) padding-box padding-box;border:3px solid #0000;border-radius:21px;position:relative}.glass:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#fff 0%,#f9e999 100%);padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.banner{text-align:center;color:var(--navy);border-radius:21px;padding:28px 36px 26px;position:relative}.banner p,.progress-card p,.quiz-kicker,.process-banner p,.score-copy{font-family:Poppins,sans-serif;font-style:normal;font-weight:300}.banner p{color:#0000004d;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.banner h1{color:#005b9c;text-transform:uppercase;margin-top:2px;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:400}.banner-title{display:inline-block;position:relative}.banner.slim{padding:12px 18px}.progress-card,.guide-card,.game-panel,.quiz-card,.score-panel,.process-panel,.board-panel{color:var(--navy);padding:16px 16px 18px}.progress-card h2,.guide-card h2,.game-panel h2,.score-panel h2,.process-panel h2,.quiz-card h2{text-transform:uppercase;font-size:20px}.quiz-card h2{color:#005b9c;letter-spacing:0;text-transform:none;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:300}.progress-card p,.guide-card p{color:#4d6284;margin-top:4px;font-size:14px}.guide-card h2,.score-panel h2{color:#005b9c;text-align:center;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:18px;font-weight:400}.guide-card p,.guide-card .rule-list{color:#005b9c;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.guide-card strong{font-family:Poppins,sans-serif;font-style:normal;font-weight:600}.home-progress h2{color:#005b9c;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:18px;font-weight:400}.home-progress p{color:#0000004d;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.home-progress .bar{height:16px;box-shadow:none;background:#7eb6e6;border:2px solid #fff;border-radius:999px;margin-top:12px;padding:2px;overflow:hidden}.home-progress .bar>span{min-width:16px;height:100%;box-shadow:none;background:#fff;border-radius:999px}.home-progress .bar>span:after{content:none}.bar{background:#ffffff6b;border-radius:999px;height:10px;margin-top:12px;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff59}.bar>span{background:#fff;border-radius:999px;min-width:18px;height:100%;display:block;position:relative;box-shadow:0 0 10px #ffffffd9}.bar>span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;right:0;transform:translate(30%,-50%);box-shadow:0 0 12px #fffffff2}.game-list{gap:25px;margin-top:20px;display:grid}.game-row{color:#fff;background:linear-gradient(90deg,#3f95ca 0%,#a4d9f2 100%);border:1px solid #fff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:grid;box-shadow:0 0 16px #50aae673}.game-panel,.guide-card{overflow:hidden}.game-panel>*,.guide-card>*{z-index:1;position:relative}.game-panel:after,.guide-card:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff61 50%,#0000 100%);width:42%;animation:4.2s ease-in-out infinite game-sheen;position:absolute;top:-30%;bottom:-30%;left:0;transform:translate(-140%)}@keyframes game-sheen{0%,6%{transform:translate(-140%)}90%,to{transform:translate(320%)}}.game-panel h2{color:#005b9c;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:18px;font-weight:400}.game-no{color:#ffffff75;opacity:1;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:300}.game-name{color:#fff;text-transform:capitalize;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:600;line-height:1.15}.play-btn,.gold-btn,.home-btn{color:var(--btn-text);font-family:var(--display);text-transform:uppercase;border:2px solid #fff4c8;border-radius:999px;font-weight:400}.play-btn{color:#b04701;background:url(/assets/playBtn.png) 50%/100% 100% no-repeat;border:0;border-radius:15px;width:78px;height:40px;min-height:40px;padding:0;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:14px;font-weight:400;box-shadow:0 0 10px 5px #fff07f}.gold-btn{min-width:210px;min-height:54px;margin-top:auto;padding:0 28px}.gold-btn.guide-btn{color:#dd6832;background:url(/assets/soBtn.png) 50%/100% 100% no-repeat;border:0;border-radius:33px;width:155px;min-width:155px;height:54px;min-height:54px;margin-inline:auto;padding:0;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:20px;font-weight:400;display:block;box-shadow:0 0 18px 4px #fff19480}.gold-btn.quiz-btn{font-size:16px}.gold-btn:disabled{opacity:.55;cursor:default}.gold-btn.lb-btn{min-width:252px;min-height:68px;box-shadow:none;background:url(/assets/lbBtn.png) 50%/100% 100% no-repeat;border:0;border-radius:0;font-size:18px;transition:transform .45s cubic-bezier(.22,1,.36,1);animation:3.6s ease-in-out infinite lb-glow}.gold-btn.lb-btn:hover{transform:translateY(-2px)}.gold-btn.lb-btn:active{transform:translateY(0)scale(.98)}.gold-btn.reg-btn{background:url(/assets/regBtn.png) 50%/100% 100% no-repeat;border:0;border-radius:28px;min-width:155px;height:68px;min-height:68px;font-size:15px;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;animation:2.8s ease-in-out infinite reg-glow;box-shadow:0 0 18px 4px #fff19480}.gold-btn.quiz-btn,.gold-btn.start-btn{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;animation:2.8s ease-in-out infinite reg-glow}.gold-btn.reg-btn:hover:not(:disabled),.gold-btn.quiz-btn:hover:not(:disabled),.gold-btn.start-btn:hover:not(:disabled){transform:translateY(-2px)}.gold-btn.reg-btn:active:not(:disabled),.gold-btn.quiz-btn:active:not(:disabled),.gold-btn.start-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.gold-btn.reg-btn:disabled,.gold-btn.quiz-btn:disabled,.gold-btn.start-btn:disabled{animation:none}.home-btn{background:0 0;border:0;place-items:center;width:102px;height:77px;padding:0;display:grid}.home-btn img{width:102px;height:77px}.guide-card{min-height:280px}.soon{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;width:100%;display:flex}.soon-card{text-align:center;min-height:0}.soon-card p:first-child{color:#0000004d;font-family:Poppins,sans-serif;font-size:10px;font-weight:300}.soon-card h2{color:#005b9c;text-transform:uppercase;margin:8px 0 10px;font-size:18px}.soon-card p:last-child{color:#4d6284;font-family:Poppins,sans-serif;font-size:14px;font-weight:300}.rule-list{color:#23406e;gap:8px;margin:12px 0 0;padding-left:18px;font-size:14px;display:grid}.rule-list.plain{list-style:outside}.auth-card{isolation:isolate;background:linear-gradient(#167e95c7 0%,#ffde4bc7 100%) padding-box padding-box;border:3px solid #0000;border-radius:21px;width:100%;margin-top:12px;padding:40px;position:relative}.auth-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#5ecde2 0%,#f9e999 100%);padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-comet{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.auth-comet rect{x:1.5px;y:1.5px;rx:19.5px;fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:5 95;filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 7px #ffffffd9);width:calc(100% - 3px);height:calc(100% - 3px);animation:8s linear infinite auth-comet}@keyframes auth-comet{to{stroke-dashoffset:-100px}}@keyframes sparkle{0%,62%,to{opacity:.2;transform:scale(.35)rotate(-12deg)}10%{opacity:1;transform:scale(1.25)rotate(16deg)}20%{opacity:.55;transform:scale(.7)rotate(0)}32%{opacity:1;transform:scale(1.05)rotate(-8deg)}}@keyframes reg-glow{0%,to{box-shadow:0 0 12px 2px #fff19459}50%{box-shadow:0 0 24px 6px #fff194b8}}@keyframes lb-glow{0%,to{filter:drop-shadow(0 0 2px #fff19438)}50%{filter:drop-shadow(0 0 8px #fff19480)}}@media (prefers-reduced-motion:reduce){.auth-card:before,.auth-comet rect,.gold-btn.reg-btn,.gold-btn.quiz-btn,.gold-btn.start-btn,.gold-btn.lb-btn,.hero-spark,.game-panel:after,.guide-card:after{animation:none}}.auth-switch{color:#ffd05a;text-align:center;margin:0;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.auth-switch button{color:#ffd05a;background:0 0;border:0;margin:2px auto 0;padding:0;font-family:Poppins,sans-serif;font-style:normal;font-weight:600;text-decoration:underline;display:block}.auth-card h1{text-align:center;color:#ffc72c;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:38px}@media (width<=339px){.auth-card h1{font-size:clamp(22px,35vw - 81px,38px)}}.field{gap:6px;margin-top:12px;display:grid}.field>span:not(.select-wrap){color:#093655;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.field input,.field select{width:100%;min-height:44px;color:var(--navy);background:#fff;border:0;border-radius:13px;padding:0 16px;font-size:12px;font-weight:600}.select-wrap{display:block;position:relative}.select-wrap:after{content:"▾";color:#14556a;pointer-events:none;background:#8fd4e4;border-radius:0 13px 13px 0;place-items:center;width:46px;height:44px;display:grid;position:absolute;top:0;right:0}.field select{appearance:none;padding-right:52px}.check-field{color:#093655;cursor:pointer;justify-content:space-between;align-items:center;width:100%;margin-top:14px;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:300;display:flex}.check-field input{appearance:none;background:#fff;border-radius:4px;flex:none;place-content:center;width:18px;height:18px;margin:0;display:grid}.check-field input:checked:after{content:"";border-bottom:2px solid #093655;border-left:2px solid #093655;width:10px;height:6px;transform:rotate(-45deg)translateY(-1px)}.check-field input:focus-visible{outline-offset:2px;outline:2px solid #093655}.form-error{color:#9c1c1c;margin-top:10px;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600}.quiz-card h2{margin:6px 0 10px}.quiz-kicker{color:#0000004d;margin-top:8px;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.choices{gap:8px;margin-top:8px;display:grid}.choice{isolation:isolate;text-align:left;color:#fff;background:linear-gradient(90deg,#1e74ab 0%,#3e93c8 100%) padding-box padding-box;border:none;border-radius:23px;grid-template-columns:auto 1fr;gap:8px;padding:15px;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300;line-height:1.25;display:grid;position:relative}.choice b,.choice span{font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.choice.selected,.choice.right,.choice.wrong{color:#08314b}.choice.selected:before,.choice.right:before,.choice.wrong:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:#fff;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.choice.selected{background:linear-gradient(90deg,#66c3ff 0%,#7af4ff 100%) padding-box padding-box}.choice.right{background:linear-gradient(90deg,#39c800 0%,#47df00 100%) padding-box padding-box}.choice.wrong{background:linear-gradient(90deg,#d82222 0%,#ff7a7a 100%) padding-box padding-box;animation:.42s choice-shake}@keyframes choice-shake{0%,to{transform:translate(0)}12%{transform:translate(-6px)}28%{transform:translate(6px)}44%{transform:translate(-4px)}60%{transform:translate(4px)}76%{transform:translate(-2px)}88%{transform:translate(1px)}}.choice:disabled{cursor:default}.answer-note{text-align:center;width:100%}.answer-note strong{color:#2c5771;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:600}.answer-note p+p{color:#2c5771;margin-top:4px;font-family:Poppins,sans-serif;font-size:8px;font-style:normal;font-weight:300}.case-grid{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.case{color:#005b9c;text-align:left;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:21px;min-height:118px;padding:8px;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300;line-height:1.3}.case.dragging{opacity:.35}.case-ghost{z-index:30;pointer-events:none;cursor:grabbing;margin:0;position:fixed;top:0;left:0}.case.picked{outline:3px solid #fff}.case.yes,.case.no{background:linear-gradient(#3ba7c5e0 0%,#025167e0 100%) padding-box padding-box;place-items:center;display:grid}.case.yes:before,.case.no:before{background:linear-gradient(#fff 0%,#f9e999 100%)}.case img{object-fit:contain;width:54px;height:54px}.cups{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:auto;display:grid}.cup.over{transform:translateY(3px)}.cup{color:#fff;background:0 0;border:0;justify-items:center;gap:4px;font-size:12px;font-weight:750;line-height:1.15;display:grid}.cup span{color:#fff;font-family:Poppins,sans-serif;font-size:9px;font-style:normal;font-weight:600}.cup img{object-fit:contain;width:78px;height:78px}.cup.glow img{animation:2s ease-out cup-glow}@keyframes cup-glow{0%{filter:drop-shadow(0 0 #fff07f00)}28%{filter:drop-shadow(0 0 8px #fff07f)drop-shadow(0 0 16px #ffde4be6)}to{filter:drop-shadow(0 0 #fff07f00)}}.cup:disabled{cursor:default}.process-panel{align-content:center;justify-items:center;gap:18px;min-height:360px;display:grid}.process-panel h2{color:#005b9c;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:400}.process-grid{grid-template-columns:1fr 1fr;justify-items:center;gap:14px;display:grid}.process-tile{isolation:isolate;color:#fff;background:linear-gradient(#a8deffe3 0%,#116ba3e3 100%) padding-box padding-box;border:none;border-radius:22px;max-width:112px;min-height:137px;padding:10px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:300;position:relative}.process-tile:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#fff 0%,#cdecff 100%);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.process-grid .process-tile:last-child{grid-column:1/-1}.process-banner{text-align:center;background:linear-gradient(#0e8ad7e0 0%,#73e3ffe0 100%) padding-box padding-box;border-width:2px;border-radius:22px;padding:12px}.process-banner:before{background:linear-gradient(#fff 0%,#a5e4ff 100%);padding:2px}.process-banner p{color:#0000004d;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.process-banner h2{color:#005b9c;text-transform:uppercase;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400}.step-list{gap:8px;width:100%;display:grid}.step{isolation:isolate;text-align:left;color:#fff;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#0a5b8e 0%,#228ccf 100%) padding-box padding-box;border:none;border-radius:18px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:12px 14px;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:300;display:grid;position:relative}.step:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:#fff;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.step img{object-fit:contain;width:15px;height:15px}.step span{color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:300}.step.right{cursor:default;background:linear-gradient(90deg,#02b91b 0%,#5bff59 100%) padding-box padding-box}.step.wrong{background:linear-gradient(90deg,#ca0d0d 0%,#f14e4e 100%) padding-box padding-box;animation:.42s choice-shake}.step.dragging{opacity:.35}.step-ghost{z-index:30;pointer-events:none;cursor:grabbing;margin:0;position:fixed;top:0;left:0}.step b{color:#97cbdf;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:300}.step.right b{color:#fff}.score-panel{text-align:center;align-content:center;justify-items:center;gap:25px;min-height:280px;display:grid}.score-art-wrap{place-items:center;width:160px;height:140px;display:grid;position:relative}.score-art-wrap:before{content:"";z-index:0;filter:blur(28px);background:#fff;border-radius:50%;width:168px;height:118px;position:absolute}.score-art{z-index:1;object-fit:contain;width:120px;height:120px;position:relative}.score-art-wrap .hero-spark{z-index:2}.score-art-wrap .hero-spark-lg{width:22px;height:22px;top:0;left:4px}.score-art-wrap .hero-spark-sm{width:12px;height:12px;top:-2px;left:28px}.score-art-wrap .hero-spark-end{width:14px;height:14px;inset:auto 8px 4px auto}.score-fraction{color:#04639d;letter-spacing:0;font-family:Poppins,sans-serif;font-size:32px;font-style:normal;font-weight:600}.score-copy{color:#04639d;max-width:40ch;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.board-panel{text-align:center;padding-top:18px}.board-trophy{place-items:center;width:110px;height:84px;margin-inline:auto;display:grid;position:relative}.board-trophy:before{content:"";z-index:0;filter:blur(16px);background:#fff786;border-radius:50%;width:96px;height:64px;position:absolute}.board-trophy img{z-index:1;object-fit:contain;width:60px;height:60px;position:relative}.board-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.rank-note{margin-top:4px;font-size:10px}.rank-note span{color:#0000004d;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.rank-note b{color:#fff;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:600}.board-list li{isolation:isolate;text-align:left;color:#fff;box-shadow:none;background:linear-gradient(90deg,#0a5b8e 0%,#228ccf 100%) padding-box padding-box;border:2px solid #0000;border-radius:999px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:10px 14px;display:grid;position:relative}.board-list li:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:#fff;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.board-list li.you{background:linear-gradient(90deg,#dbb706 0%,#feef8d 100%) padding-box padding-box}.board-name{color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:300}.board-name small{color:#1c80be;font-family:Poppins,sans-serif;font-size:8px;font-style:normal;font-weight:300}.board-list b{color:#ffe95a;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600}.board-list li.you b{color:#1a7cb8}.board-list img{object-fit:contain;width:19px;height:23px}.profile-card,.panel{background:var(--paper);color:var(--navy);border-radius:20px;padding:16px}.page{padding:18px}.text-btn{color:#fff;background:0 0;border:0;font-weight:700;text-decoration:none}.stat-grid{gap:8px;margin-top:12px;display:grid}.stat-grid div{border-top:1px solid #1432641f;justify-content:space-between;gap:12px;padding-top:8px;display:flex}.overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08142847;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.profile-sheet{width:min(404px,100vw - 36px);padding:45px 20px;position:relative}.sheet-close{color:var(--navy);background:0 0;border:0;font-size:30px;line-height:1;position:absolute;top:10px;right:14px}.profile-head{align-items:center;gap:12px;padding-right:28px;display:flex}.profile-avatar{color:#fff;width:64px;height:64px;font-family:var(--display);background:linear-gradient(#7ec8ee,#2f7ec4);border-radius:50%;flex:none;place-items:center;font-size:32px;display:grid;box-shadow:0 0 16px #50aae68c}.profile-head h2{color:#04639d;letter-spacing:0;text-transform:none;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:32px;font-weight:400}.profile-head p{color:#175590;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.stat-pills span{color:#fff;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.stat-pills b{color:#175590;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:600}.stat-pills{gap:20px;margin:25px 0;display:grid}.stat-pills div{color:#fff;background:linear-gradient(90deg,#3f95ca 0%,#a4d9f2 100%);border:1px solid #fff;border-radius:20px;justify-content:space-between;gap:20px;padding:12px 14px;display:flex;box-shadow:0 0 16px #50aae673}.gold-btn.so-btn{color:#dd6832;background:url(/assets/soBtn.png) 50%/100% 100% no-repeat;border:0;border-radius:28px;width:155px;min-width:155px;height:68px;min-height:68px;margin-inline:auto;padding:0;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:20px;font-weight:400;display:block;box-shadow:0 0 18px 4px #ffffff80}@media (width>=441px){.overlay{width:var(--frame);left:50%;right:auto;transform:translate(-50%)}}.dialog{text-align:center;width:min(360px,100%);padding:28px 20px 22px}.dialog h2{color:#005b9c;text-align:center;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:18px;font-weight:400}.dialog p{color:#005b9c;margin-top:8px;font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300}.dialog-actions{justify-items:center;gap:8px;margin-top:18px;display:grid}.dialog .gold-btn{margin-top:0}.dialog-stay{isolation:isolate;color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#0a5b8e 0%,#228ccf 100%) padding-box padding-box;border:none;border-radius:18px;width:155px;height:48px;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:16px;font-weight:400;position:relative}.dialog-stay:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:#fff;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.admin-root{z-index:40;background:#1a6cb5 url(/assets/skyline.png) top/cover no-repeat;position:fixed;inset:0;overflow:auto}.admin-narrow{width:min(100%,440px);min-height:100%;margin-inline:auto}.admin-wide{width:min(1120px,100% - 28px);margin:0 auto;padding:22px 0 48px}.admin-bar{align-items:center;gap:16px;margin-bottom:22px;display:flex}.admin-nav{gap:8px;margin-left:auto;display:flex}.admin-nav a{color:#fff;border-radius:999px;padding:8px 14px;font-family:Poppins,sans-serif;font-size:12px;font-weight:300;text-decoration:none}.admin-nav a.active{background:linear-gradient(90deg,#0a5b8e 0%,#228ccf 100%);font-weight:600}.admin-out{color:#fff;background:0 0;border:0;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.admin-title{color:#fff;text-align:left;text-transform:uppercase;margin:0 0 16px;font-size:32px}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.admin-stat{text-align:center;padding:14px 12px}.admin-stat p,.admin-stat span{color:#4d6284;font-family:Poppins,sans-serif;font-size:10px;font-weight:300}.admin-stat strong{color:#005b9c;margin:6px 0 2px;font-family:Jungle Adventurer,Poppins,sans-serif;font-size:28px;font-weight:400;display:block}.admin-panel{padding:18px 16px 16px}.admin-panel h2{color:#005b9c;text-align:left;text-transform:uppercase;font-size:18px}.admin-empty{color:#4d6284;margin-top:12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:300}.admin-top{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.admin-top li{color:#fff;background:linear-gradient(90deg,#3f95ca 0%,#a4d9f2 100%);border-radius:16px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:300;display:grid}.admin-top b,.admin-top strong{font-weight:600}.admin-filters{grid-template-columns:1.4fr 1fr .7fr auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.admin-filters label{gap:6px;display:grid}.admin-filters span{color:#fff;font-family:Poppins,sans-serif;font-size:10px;font-weight:300}.admin-filters input,.admin-filters select{color:#093655;background:#fff;border:0;border-radius:12px;height:40px;padding:0 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:300}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:960px}.admin-table th,.admin-table td{text-align:left;color:#093655;white-space:nowrap;border-bottom:1px solid #0936551f;padding:10px 8px;font-family:Poppins,sans-serif;font-size:11px;font-weight:300}.admin-table th button{color:#005b9c;background:0 0;border:0;padding:0;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.admin-actions{gap:8px;display:flex}.admin-clear{color:#093655;background:#fff;border:0;border-radius:12px;height:40px;padding:0 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.admin-clear:disabled{opacity:.45;cursor:default}.admin-pager{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.admin-pager p,.admin-pager span{color:#4d6284;font-family:Poppins,sans-serif;font-size:12px;font-weight:300}.admin-pager div{align-items:center;gap:8px;display:flex}.admin-pager button{color:#fff;background:linear-gradient(90deg,#0a5b8e 0%,#228ccf 100%);border:0;border-radius:999px;height:34px;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.admin-pager button:disabled{opacity:.4;cursor:default}.admin-enter{width:fit-content;margin:18px auto 0;display:block}@media (width<=800px){.admin-stats{grid-template-columns:1fr 1fr}.admin-filters{grid-template-columns:1fr}.admin-bar{flex-wrap:wrap}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}