:root{color-scheme:dark;--font: "Chakra Petch", "Segoe UI", system-ui, -apple-system, sans-serif;--bg: #1d1e24;--text: #ffffff;--primary: #9cecfe;--secondary: #ffba23;--tertiary: #23262b;--quaternary: #2a2d33;--border: #ffffff33;--border-soft: #ffffff14;--surface-soft: #ffffff0d;--ink: #222e48;--danger: #fb7185;--muted: #b9bcc6;--transition: all .5s ease;--shadow: 0px 10px 25px 0px rgba(37, 42, 52, .08);--accent: var(--secondary);--card: var(--quaternary);font-family:var(--font);font-size:16px;line-height:26px;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}::selection{color:#fff;background-color:#1770c8}html{scroll-behavior:smooth;overflow-x:clip}body{min-width:320px;min-height:100vh;font-family:var(--font);font-size:16px;line-height:26px;font-weight:400;color:var(--text);background-color:var(--bg);overflow-x:clip}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background-color:#cae6f7;border-radius:5px}body::-webkit-scrollbar-thumb{background-color:#ffba23;border-radius:5px}.body-active{height:100vh;overflow:clip}img{max-width:100%;height:auto;border:0;object-fit:cover}ul,ol{list-style:none}hr,blockquote,textarea{margin:0;opacity:1}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}button{font:inherit;color:inherit;background:transparent;border:0;outline:0;cursor:pointer}a{color:var(--text);text-decoration:none;transition:var(--transition)}a,button{display:inline-flex;align-items:center;gap:8px}a:hover{text-decoration:none}input,textarea,select{font:inherit;color:var(--text);border:0;outline:0;background:transparent}input::placeholder,textarea::placeholder{color:#ffffff90}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=checkbox],input[type=radio]{width:1.15rem;height:1.15rem;accent-color:var(--primary)}input[type=color]{width:3rem;height:2.5rem;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--tertiary);cursor:pointer}input[type=file]{color:var(--muted);width:100%;max-width:100%}input[type=file]::file-selector-button{font:inherit;margin-inline-end:12px;padding:8px 16px;border:1px solid var(--primary);border-radius:30px;background:transparent;color:var(--primary);cursor:pointer;transition:var(--transition)}input[type=file]::file-selector-button:hover{background:var(--primary);color:var(--ink)}textarea{min-height:120px;resize:vertical}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}p,th,td,li,input,textarea,select,label,blockquote,span{font-size:16px;line-height:26px;font-weight:400}a,button{font-size:16px;line-height:24px}h1,h2{font-size:30px;line-height:40px}h3,h4{font-size:24px;line-height:34px}h5{font-size:20px;line-height:30px}h6{font-size:18px;line-height:28px}h1,h2,h3,h4,h5,h6{font-weight:600;overflow-wrap:anywhere}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,p span,p a{font:inherit;color:inherit}.text-xxl{font-size:20px;line-height:30px}.text-xl{font-size:18px;line-height:28px}.text-lg{font-size:16px;line-height:26px}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:20px}.fw-5{font-weight:500}.fw-6{font-weight:600}.fw-7{font-weight:700}.primary-text{color:var(--primary)}.secondary-text{color:var(--secondary)}.muted-text{color:var(--muted)}.text-center{text-align:center}.text-end{text-align:end}.neutral-top{margin-block-start:-8px}.caps{text-transform:capitalize}.upper{text-transform:uppercase;letter-spacing:.12em}@media(min-width:768px){h1{font-size:40px;line-height:50px}h2{font-size:36px;line-height:46px}h3{font-size:30px;line-height:40px}h4{font-size:24px;line-height:34px}h5{font-size:20px;line-height:30px}h6{font-size:18px;line-height:28px}}@media(min-width:992px){.text-xxl{font-size:24px;line-height:34px}.text-xl{font-size:20px;line-height:30px}.text-lg{font-size:18px;line-height:28px}h1{font-size:56px;line-height:66px}h2{font-size:40px;line-height:50px}h3{font-size:36px;line-height:46px}h4{font-size:30px;line-height:40px}h5{font-size:24px;line-height:34px}h6{font-size:20px;line-height:30px}}@media(min-width:1200px){h1{font-size:80px;line-height:90px}h2{font-size:56px;line-height:66px}h3{font-size:48px;line-height:58px}h4{font-size:40px;line-height:50px}h5{font-size:32px;line-height:42px}h6{font-size:24px;line-height:34px}}.container{width:100%;max-width:1320px;margin-inline:auto;padding-inline:16px}.container--wide{max-width:1600px}.container--narrow{max-width:760px}.page-wrapper{display:flex;min-height:100vh;flex-direction:column}.page-wrapper>main{flex:1 0 auto}.section{padding-block:80px}.section--top{padding-block-start:120px}.section--tight{padding-block:40px}.stack{display:grid;gap:16px}.stack--sm{gap:12px}.stack--lg{gap:24px}.row-flex{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.row-flex--between{justify-content:space-between}.row-flex--center{justify-content:center}.grid{display:grid;gap:24px}.grid>*,.admin-grid>*,.stack>*,.panel{min-width:0;max-width:100%}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.grid--sidebar{grid-template-columns:minmax(0,1fr);align-items:start}.grid--split{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px}.mt-8{margin-block-start:8px}.mt-12{margin-block-start:12px}.mt-16{margin-block-start:16px}.mt-20{margin-block-start:20px}.mt-24{margin-block-start:24px}.mt-30{margin-block-start:30px}.mt-40,.mt-60{margin-block-start:40px}.mb-16{margin-block-end:16px}.mb-24{margin-block-end:24px}.mb-40{margin-block-end:40px}.mb-55{margin-block-end:35px}.w-full{width:100%}@media(min-width:992px){.section{padding-block:100px}.section--top{padding-block-start:150px}.grid--sidebar{grid-template-columns:minmax(18rem,24rem) minmax(0,1fr)}.grid--split{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-60{margin-block-start:60px}.mb-55{margin-block-end:55px}}@media(min-width:1200px){.section{padding-block:120px}}.btn--primary,.btn--secondary,.btn--ghost,.btn--danger{padding:14px 32px;position:relative;z-index:1;overflow:hidden;gap:8px;font-weight:600;letter-spacing:.8px;border-radius:30px;border:1px solid var(--primary);justify-content:center;text-transform:capitalize;transition:var(--transition);min-height:52px;white-space:nowrap}.btn--primary{background-color:var(--secondary);color:var(--ink)}.btn--primary:before,.btn--primary:after{content:"";position:absolute;top:0;height:100%;width:50%;background-color:var(--primary);transition:var(--transition);z-index:-1}.btn--primary:before{inset-inline-end:0}.btn--primary:after{inset-inline-start:0}.btn--primary:hover{color:var(--ink);border-color:var(--secondary)}.btn--primary:hover:before,.btn--primary:hover:after{width:0}.btn--secondary{background-color:transparent;color:var(--primary)}.btn--secondary:before,.btn--secondary:after{content:"";position:absolute;top:0;height:100%;width:0;background-color:var(--primary);transition:var(--transition);z-index:-1}.btn--secondary:before{inset-inline-end:0}.btn--secondary:after{inset-inline-start:0}.btn--secondary:hover{color:var(--ink)}.btn--secondary:hover:before,.btn--secondary:hover:after{width:50%}.btn--ghost{border-color:var(--border);color:var(--text);background:var(--surface-soft)}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.btn--danger{border-color:#ffba2333;color:var(--secondary);background:var(--surface-soft)}.btn--danger:hover{background:var(--secondary);color:var(--ink);border-color:var(--secondary)}.btn--sm{padding:8px 16px;min-height:40px;font-size:14px;letter-spacing:.4px}.btn--block{width:100%}.btn--icon{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%}.btn--primary:disabled,.btn--secondary:disabled,.btn--ghost:disabled,.btn--danger:disabled,button:disabled{cursor:not-allowed;opacity:.55}.btn--primary svg,.btn--secondary svg,.btn--ghost svg,.btn--danger svg{width:22px;height:22px;flex:none}.text-button{padding:0;min-height:auto;color:var(--text);font-weight:600;text-align:start}.text-button:hover{color:var(--primary)}.link{color:var(--primary);font-weight:500}.link:hover{color:var(--secondary)}.input-wrapper label,.field>label{display:block;font-weight:500;margin-bottom:12px}.input-single{display:flex;align-items:center;gap:16px;padding:0 16px;border-radius:8px;border:1px solid var(--border);background-color:var(--quaternary);width:100%;transition:var(--transition)}.input-single:focus-within{border-color:var(--primary)}.input-single input,.input-single textarea,.input-single select{flex-grow:1;width:100%;min-width:0;background-color:transparent;color:var(--text);border:0;padding:16px 0}.input-single select{appearance:none;-webkit-appearance:none;cursor:pointer}.input-single select option{background:var(--quaternary);color:var(--text)}.input-single svg{width:20px;height:20px;flex:none;color:var(--primary)}.input-single--soft{background:var(--surface-soft)}.input-single--pill{border-radius:30px;padding-inline:24px}.input-single--area{align-items:flex-start}.input-single--area svg{margin-top:20px}.input-single--select{position:relative}.input-single--select:after{content:"";width:8px;height:8px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-top:-4px;flex:none}.input-single button{padding:0;color:var(--primary)}.check-row{display:flex;align-items:center;gap:12px;font-weight:500;cursor:pointer}.password-group button{color:var(--primary)}.alert{padding:14px 16px;border-radius:8px;border:1px solid #fb718566;border-inline-start:4px solid var(--danger);background:#fb718514;color:#ffe4e6}.notice{padding:14px 16px;border-radius:8px;border:1px solid #ffba2366;border-inline-start:4px solid var(--secondary);background:#ffba2314}.status-note{color:var(--muted)}.panel{padding:24px 20px;background-color:var(--quaternary);border:1px solid var(--border);border-radius:12px}.panel--dark{background-color:var(--tertiary)}.panel--soft{background-color:var(--surface-soft)}.panel--dashed{border-style:dashed}.panel--pad{padding:40px 20px}.panel__intro{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.panel__intro h5,.panel__intro h6{flex-grow:1}.divider{border:0;border-top:1px solid var(--border)}.divider--dashed{border-top-style:dashed}.result__single{padding:24px 20px;background-color:var(--tertiary);border:1px solid var(--border);border-radius:12px;position:relative;transition:var(--transition)}.result__single:hover{border-color:var(--primary)}.result__number{position:absolute;z-index:1;top:0;inset-inline-start:0;width:44px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50% 0;background-color:var(--bg);color:var(--primary);font-weight:600}.result__info{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between}.contest-number{padding:8px 12px;border:1px solid #9cecfe33;background-color:var(--quaternary);color:var(--primary);font-weight:500;border-radius:4px;display:inline-flex;gap:8px;align-items:center}.tag{padding:6px 12px;border:1px solid var(--border);border-radius:30px;background:var(--surface-soft);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.5px;text-transform:capitalize;display:inline-flex;gap:6px;align-items:center}.tag--primary{border-color:#9cecfe33;color:var(--primary)}.tag--secondary{border-color:#ffba2333;color:var(--secondary)}.tag--muted{color:var(--muted)}@media(min-width:576px){.panel,.result__single{padding:24px}.panel--pad{padding:40px 24px}}.section__header{max-width:700px;margin-inline:auto}.section__header--start{margin-inline:0}.sub-title{display:inline-block;margin-block:4px;color:var(--secondary);font-weight:600}.sub-title strong{background-color:var(--secondary);color:#071431;padding:6px 12px;margin-inline-end:4px;font-weight:700}.section__header h2 span,.hero h1 span{color:var(--primary)}.counter__single{padding:40px 24px;background-color:var(--quaternary);border:1px solid var(--border);border-radius:12px;transition:var(--transition);text-align:center}.counter__single h3{display:flex;align-items:center;justify-content:center;gap:4px;transition:var(--transition)}.counter__single p{transition:var(--transition)}.counter__single-thumb{width:90px;min-width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary);transition:var(--transition);margin-inline:auto}.counter__single-thumb svg{width:40px;height:40px;color:var(--ink);transition:var(--transition)}.counter__single:hover{background-color:var(--primary)}.counter__single:hover h3,.counter__single:hover p{color:var(--ink)}.counter__single:hover .counter__single-thumb{background-color:var(--quaternary)}.counter__single:hover .counter__single-thumb svg{color:var(--primary)}.pick-number-list{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pick-number-list li,.champion li{width:40px;min-width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--quaternary);border:1px solid #404a60;font-weight:600;font-size:18px;transition:var(--transition)}.pick-number-list .active,.champion .active{background-color:var(--primary);color:var(--ink);border-color:var(--primary)}.champion{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.champion li{font-size:14px}.tab-btns ul{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid var(--border);border-radius:40px}.tab-btns button{padding:8px 16px;background-color:var(--quaternary);border:1px solid var(--border);border-radius:30px;gap:12px;font-weight:600;transition:var(--transition)}.tab-btns button:hover,.tab-btns .active{background-color:var(--primary);color:var(--ink);border-color:var(--primary)}.winning-table{overflow-x:auto}.winning-table table{width:100%;border-collapse:collapse;min-width:560px}.winning-table tr{background-color:var(--tertiary);border:1px solid var(--border);transition:var(--transition)}.winning-table tbody tr:hover{background-color:var(--quaternary)}.winning-table th{background-color:var(--quaternary);text-align:start;font-weight:600}.winning-table th,.winning-table td{padding:16px 24px;vertical-align:middle}.winning-table td .row-flex{flex-wrap:nowrap}.author__info{display:flex;align-items:center;gap:12px}.avatar{width:36px;min-width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:var(--ink);font-weight:700;font-size:14px;text-transform:uppercase}.avatar--secondary{background:var(--secondary)}.avatar--lg{width:60px;min-width:60px;height:60px;font-size:20px}.progress-bar{width:100%;height:12px;background:#ffffff26;position:relative;border-radius:12px;overflow:hidden}.progress-bar-percent{position:absolute;inset:0 auto 0 0;height:100%;background-color:var(--secondary);border-radius:inherit;transition:width .5s ease}.icon-circle{width:48px;min-width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--primary);color:var(--primary)}.icon-circle svg{width:24px;height:24px}.breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.breadcrumb li,.breadcrumb a{color:var(--text);line-height:1;font-weight:700;font-size:18px;display:inline-flex;align-items:center;gap:12px}.breadcrumb a:hover{color:var(--secondary)}.breadcrumb li+li:before{content:"";width:8px;height:8px;border-right:2px solid var(--text);border-top:2px solid var(--text);transform:rotate(45deg);margin-inline-end:2px}.breadcrumb .active{color:var(--secondary)}.header{background-color:transparent;padding-block:18px 17px;position:fixed;top:0;inset-inline:0;width:100%;z-index:9;border-block-end:1px solid var(--border);transition:background-color .3s ease}.header .navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap}.header .navbar-logo{display:inline-flex;align-items:center}.header .navbar__list{display:none;align-items:center;justify-content:center;flex-grow:1}.header .navbar__item a{font-weight:500;text-transform:capitalize;padding:20px 10px;line-height:1;color:var(--text);letter-spacing:.5px;position:relative}.header .navbar__item a:before{content:"";position:absolute;bottom:0;inset-inline-start:50%;border:10px solid transparent;border-bottom-color:var(--primary);opacity:0;transform:translate(-50%) translateY(100%);transition:opacity .5s ease,transform .5s ease}.header .navbar__item a:hover,.header .navbar__item a.router-link-active{color:var(--primary)}.header .navbar__options{display:flex;align-items:center;gap:16px}.header .navbar__cta{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.header .navbar__cta .btn--primary,.header .navbar__cta .btn--secondary,.header .navbar__cta .btn--ghost{padding:10px 14px;min-height:44px;font-size:14px;letter-spacing:.4px}.header .navbar__cta svg{width:18px;height:18px}.sticky-header{background:var(--bg);filter:drop-shadow(0px 2px 4px rgba(255,255,255,.1));animation:stickyNavbar .5s linear}.header-alter{padding-block:27px 26px;border-bottom:1px solid var(--border-soft)}.open-offcanvas-nav{display:flex;align-items:flex-end;flex-direction:column;gap:8px;padding:6px 0}.open-offcanvas-nav span{display:block;height:2px;background-color:var(--text);transition:var(--transition)}.open-offcanvas-nav .top-bar{width:30px}.open-offcanvas-nav .middle-bar{width:34px}.open-offcanvas-nav .bottom-bar{width:16px}.open-offcanvas-nav:hover span{background-color:var(--primary)}.open-offcanvas-nav-active .middle-bar{opacity:0}.open-offcanvas-nav-active .top-bar,.open-offcanvas-nav-active .bottom-bar{width:30px;background-color:var(--primary)}.open-offcanvas-nav-active .top-bar{transform:rotate(45deg) translateY(5px) translate(9px)}.open-offcanvas-nav-active .bottom-bar{transform:rotate(-45deg) translateY(-5px) translate(9px)}@keyframes stickyNavbar{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(min-width:992px){.header{padding-block:0}.header .navbar__list{display:flex}.header .navbar__item a{padding:42px 15px 41px}.header .navbar__item a:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.header .navbar__cta{gap:16px}.header .navbar__cta .btn--primary,.header .navbar__cta .btn--secondary,.header .navbar__cta .btn--ghost{padding:14px 32px;min-height:52px;font-size:16px;letter-spacing:.8px}.header .navbar__cta svg{width:22px;height:22px}.open-offcanvas-nav{display:none}}.mobile-menu{position:fixed;inset:0;overflow:hidden;opacity:0;visibility:hidden;z-index:9999;max-width:400px;transition:all .6s ease}.mobile-menu__wrapper{position:absolute;inset-inline-start:-400px;top:0;width:100%;height:100%;background-color:var(--bg);padding:40px 0;display:flex;flex-direction:column;gap:40px;overflow-y:auto;transition:all .6s ease}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px}.mobile-menu__header .close-mobile-menu{color:var(--primary)}.mobile-menu__header .close-mobile-menu svg{width:32px;height:32px}.mobile-menu .navbar__list{display:flex;flex-direction:column;border-top:1px solid #ffffff1f}.mobile-menu .navbar__item a{display:flex;width:100%;padding:20px 32px;border-bottom:1px solid #ffffff1f;color:var(--text);font-weight:700;text-transform:capitalize;line-height:1}.mobile-menu .navbar__item a:hover,.mobile-menu .navbar__item a.router-link-active{color:var(--primary)}.mobile-menu__cta{padding:0 32px;display:grid;gap:12px}.mobile-menu__backdrop{position:fixed;inset:0;z-index:999;background-color:#2a2d33cc;visibility:hidden;opacity:0;transition:all .5s ease}.show-menu{opacity:1;visibility:visible}.show-menu .mobile-menu__wrapper{inset-inline-start:0}.mobile-menu__backdrop-active{visibility:visible;opacity:1}@media(min-width:992px){.mobile-menu,.mobile-menu__backdrop{display:none}}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-size:18px;line-height:1;white-space:nowrap}.brand svg{width:36px;height:36px;flex:none}.brand strong{color:var(--primary);font-weight:700}.brand--lg{font-size:22px}.brand--lg svg{width:44px;height:44px}.hero{padding-block:150px 100px;position:relative;z-index:1;overflow:hidden;background-color:var(--bg);background-repeat:no-repeat;background-size:cover;background-position:right bottom}.hero__content p{max-width:640px}.banner-action{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap}.hero__review{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero__review .review{display:flex;gap:4px;color:var(--secondary)}.hero__review .review svg{width:20px;height:20px;fill:currentColor}.hero .star-img{position:absolute;z-index:-2;inset-inline-end:6%;top:18%;width:min(38vw,520px);pointer-events:none}.hero .star-img img{animation:pulse 6s linear infinite}.hero .trophy-img{position:absolute;z-index:-3;inset-inline-start:-40px;bottom:-20px;width:min(28vw,320px);opacity:.25;pointer-events:none}.hero .trophy-img img{animation:moveTopBottom 6s ease-in-out infinite}.hero .glow{position:absolute;z-index:-4;width:600px;height:600px;border-radius:50%;opacity:.45;filter:blur(200px);background:linear-gradient(90deg,#9b60da,#f15e55);pointer-events:none}.hero .glow--one{bottom:-200px;right:-100px}.hero .glow--two{top:-200px;left:-200px;opacity:.3}.common-banner{padding-block:150px 80px;position:relative;overflow:hidden;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center center}.common-banner .shape{position:absolute;bottom:-2px;inset-inline:0;z-index:-2;opacity:.18;pointer-events:none}.common-banner .shape img{width:100%}.common-banner .stars{position:absolute;z-index:-1;inset-inline-end:8%;top:20%;width:min(30vw,360px);pointer-events:none}.common-banner .stars img{animation:pulse 6s linear infinite}.common-banner__content{max-width:800px}.common-banner__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(min-width:992px){.hero{padding-block:220px 160px}.common-banner{padding-block:210px 120px}}@media(min-width:1200px){.hero{padding-block:260px 200px}.common-banner{padding-block:240px 140px}}.page-offset{padding-block-start:110px}@media(min-width:992px){.page-offset{padding-block-start:150px}}.authentication-bg,.error-bg{background-repeat:no-repeat;background-position:center;background-size:cover;min-height:100vh}.footer{margin-top:auto;border-top:1px solid var(--border-soft);background-color:var(--tertiary);position:relative;z-index:1}.footer__copyright{padding-block:30px}.footer__copyright-inner{display:flex;align-items:center;justify-content:space-between;gap:16px 30px;flex-wrap:wrap}.footer__copyright-content a{color:var(--secondary);font-weight:600}.footer__copyright-content a:hover{color:var(--primary)}.footer__copyright-list ul{display:flex;align-items:center;gap:16px;row-gap:6px;flex-wrap:wrap}.footer__copyright-list li span{width:1px;height:16px;background-color:#ffffff54;display:block}.footer__copyright-list a:hover{color:var(--primary)}.progress-wrap{position:fixed;inset-inline-end:15px;inset-block-end:15px;height:50px;width:50px;padding:0;cursor:pointer;display:grid;place-items:center;border-radius:50px;background-color:#ffba23;box-shadow:inset 0 0 0 8px #ffba23;z-index:99;opacity:0;visibility:hidden;transform:translateY(15px);transition:all .2s linear;overflow:hidden}.progress-wrap svg.progress-circle{position:absolute;inset:0;width:50px;height:50px;transform:rotate(-90deg)}.progress-wrap svg.progress-circle path{fill:none;stroke:#1c242f;stroke-width:4;transition:stroke-dashoffset .2s linear}.progress-wrap span{position:relative;width:34px;height:34px;background-color:var(--text);border-radius:50%;display:grid;place-items:center;color:var(--ink);overflow:hidden}.progress-wrap span svg{width:22px;height:22px;transition:transform .2s linear}.progress-wrap:hover span svg{transform:translateY(-3px)}.active-progress{opacity:1;visibility:visible;transform:translateY(0)}@media(min-width:992px){.progress-wrap{inset-inline-end:30px;inset-block-end:30px}}.reveal{animation:revealUp .6s ease both}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes moveTopBottom{0%{transform:translateY(0);opacity:.8}50%{transform:translateY(30px);opacity:1}to{transform:translateY(0);opacity:.8}}@keyframes moveLeftRight{0%{transform:translate(0);opacity:.8}50%{transform:translate(30px);opacity:1}to{transform:translate(0);opacity:.8}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.015);opacity:.8}}@keyframes pulseSm{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.5}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.join-card{max-width:520px}.join-card .code-input input{font-size:28px;line-height:36px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;padding-block:18px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}@media(min-width:1100px){.admin-grid{grid-template-columns:minmax(19rem,24rem) minmax(0,1fr)}}.list-card{display:grid;gap:12px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--tertiary);transition:var(--transition)}.list-card:hover{border-color:var(--primary)}.list-card.muted{opacity:.6}.list-card .text-button{font-size:18px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.inline-form{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.inline-form .input-single{flex:1 1 14rem}.compact-actions{display:flex;flex-wrap:wrap;gap:8px}.editor-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.editor-heading .input-single{flex:1 1 14rem}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:12px}.score-grid label{display:grid;gap:8px;font-weight:500}.round-card{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--tertiary);display:grid;gap:16px}.question-list{display:grid;gap:12px}.question-editor{border:1px solid var(--border);border-radius:12px;background:var(--quaternary)}.question-editor summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;font-weight:600;list-style:none}.question-editor summary::-webkit-details-marker{display:none}.question-editor summary strong{color:var(--secondary);white-space:nowrap}.question-editor .stack{padding:0 20px 20px}.builder-image-preview{width:min(100%,28rem);max-height:16rem;object-fit:contain;border-radius:12px;background:var(--surface-soft);border:1px solid var(--border)}.import-summary{font-weight:600;color:var(--primary)}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:16px}.theme-swatch{width:12px;height:12px;border-radius:50%;border:1px solid #ffffff55;display:inline-block}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.maintenance-result{overflow:auto;padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--tertiary);color:#d9f99d;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.host-controls{display:flex;flex-wrap:wrap;gap:12px}.host-controls .btn--primary,.host-controls .btn--secondary,.host-controls .btn--danger,.host-controls .btn--ghost{flex:1 1 12rem}.lobby-code{text-align:center;display:grid;gap:12px;justify-items:center}.lobby-code strong{display:block;max-width:100%;color:var(--secondary);font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.1;letter-spacing:.1em;font-weight:700;overflow-wrap:anywhere}.lobby-code img{display:block;width:min(100%,20rem);border-radius:12px;border:6px solid var(--text)}.group-card{display:grid;gap:12px}.group-card .member-row{display:flex;flex-wrap:wrap;gap:8px}.standings-list{display:grid;gap:12px}.standings-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:12px;background:var(--tertiary);border:1px solid var(--border)}.standings-list li strong{display:inline-flex;align-items:center;gap:12px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-button{display:grid;gap:8px;justify-items:center;min-height:72px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--tertiary);font-weight:600;transition:var(--transition)}.choice-button:hover{border-color:var(--primary);color:var(--primary)}.choice-button img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.answer-locked{padding:16px 20px;border-radius:12px;border:1px solid #9cecfe33;background:var(--tertiary)}.answer-locked strong{color:var(--primary)}.reveal-list{display:grid;gap:12px}.reveal-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--tertiary)}.reveal-list li strong{display:inline-flex;align-items:center;gap:12px}.big-screen{--card: #2a2d33;display:grid;min-height:100vh;padding:clamp(1.5rem,4vw,4rem);color:var(--text);background-color:var(--background);background-position:center;background-size:cover;font-family:var(--font)}.big-screen p,.big-screen li,.big-screen span,.big-screen strong,.big-screen b,.big-screen h1{line-height:1.25}.screen-lobby p+p{margin-top:.75rem}.screen-header{display:flex;align-items:center;align-self:start;justify-content:space-between;gap:2rem;font-size:clamp(1rem,2vw,1.6rem);padding-bottom:1rem;border-bottom:1px solid #ffffff33}.screen-header img{width:auto;max-width:12rem;height:4rem;object-fit:contain}.screen-header .live{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:30px;border:1px solid #ffffff33;background:var(--card);font-size:1rem}.screen-header .live:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary)}.screen-header .live.offline{color:#fda4af}.screen-header .live.offline:before{background:#fda4af;box-shadow:none}.screen-lobby{display:grid;grid-template-columns:1fr;align-items:center;gap:5vw;margin:auto;text-align:center}.screen-lobby h1{color:var(--accent);font-size:clamp(4rem,15vw,13rem);line-height:1;letter-spacing:.12em;font-weight:700}.screen-lobby p{font-size:clamp(1.5rem,3vw,3rem)}.screen-lobby>img{width:min(60vw,20rem);margin:auto;border:.75rem solid white;border-radius:1.5rem}.screen-center,.screen-results{width:min(100%,90rem);margin:auto;text-align:center}.screen-center h1,.screen-results h1{font-size:clamp(3rem,7vw,7rem);line-height:1.05}.screen-center>p:not(.screen-kicker){font-size:clamp(1.5rem,3vw,3rem)}.screen-kicker{display:inline-block;color:var(--accent);font-size:clamp(1.2rem,2vw,2rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.screen-kicker strong{background:var(--accent);color:#071431;padding:4px 14px;margin-inline-end:6px}.screen-timer{display:block;margin:1rem;color:var(--accent);font-size:clamp(4rem,10vw,9rem);font-weight:700;line-height:1}.question-image{max-width:min(70vw,55rem);max-height:45vh;border-radius:1.5rem;object-fit:contain}.screen-results ol{display:grid;gap:1rem;max-width:70rem;margin:2rem auto;padding:0;list-style:none}.screen-results li{display:flex;justify-content:space-between;gap:2rem;padding:1rem 1.5rem;border-radius:12px;border:1px solid #ffffff33;background:var(--card);font-size:clamp(1.25rem,2.5vw,2.5rem)}.screen-results li strong{display:inline-flex;align-items:center;gap:1rem}.screen-results li>span{font-size:.8em;opacity:.9}.screen-results li .rank{width:1.6em;height:1.6em;border-radius:50%;display:inline-grid;place-items:center;background:var(--primary);color:#222e48;font-size:.7em;font-weight:700}.podium{display:flex;align-items:end;justify-content:center;gap:1rem;margin:2rem auto 3rem;flex-wrap:wrap}.podium article{display:grid;min-width:14rem;min-height:12rem;place-content:center;gap:.25rem;padding:1.5rem;border:.25rem solid var(--accent);border-radius:1.5rem;background:var(--card);font-size:clamp(1.2rem,2vw,2rem)}.podium article:first-child{min-height:18rem;order:2;border-color:var(--accent)}.podium article:nth-child(2){min-height:15rem;order:1;border-color:var(--primary)}.podium article:nth-child(3){order:3;border-color:#fff5}.podium article span{color:var(--accent);font-weight:700}.screen-message{margin:auto;font-size:2rem;text-align:center}@media(min-width:761px){.screen-lobby{grid-template-columns:1fr minmax(18rem,32vw);text-align:start}.screen-lobby>img{width:100%}}@media(max-width:760px){.podium article{min-width:0;width:100%}.choice-grid{grid-template-columns:1fr}}