:root{--violet:#7c5cff;--violet-deep:#5b3fe0;--pink:#ff5ca8;--amber:#ffb13d;--mint:#34d6a0;--sky:#3da5ff;--bg-0:#12071f;--bg-1:#1c0e33;--bg-2:#2a1450;--card:#ffffff0f;--card-strong:#ffffff1a;--card-border:#ffffff24;--card-border-strong:#ffffff38;--ink:#fff;--ink-dim:#ffffffa8;--ink-faint:#ffffff6b;--a:#ff5c7a;--b:#3da5ff;--c:#ffb13d;--d:#34d6a0;--radius:20px;--radius-lg:28px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html[data-brand=boks]{--spring-green:#007749;--spring-green-lt:#35c07e;--gold:#ffb612;--gold-bright:#ffcb47;--gold-deep:#e0980a;--gold-ink:#06281c;--violet:#ffb612;--violet-deep:#e0980a;--pink:#ffcb47;--amber:#ffb612;--mint:#35c07e;--sky:#ffcb47;--bg-0:#06281c;--bg-1:#0b3221;--bg-2:#0e3b24;--card:#ffcb4712;--card-strong:#ffcb471f;--card-border:#ffcb4733;--card-border-strong:#ffcb4757;--ink:#fdf6e3;--ink-dim:#fdf6e3b8;--ink-faint:#fdf6e375}html[data-brand=boks] .aurora{background:radial-gradient(60% 45% at 15% 12%, #ffb61252, transparent 70%), radial-gradient(55% 48% at 88% 18%, #0077498c, transparent 70%), radial-gradient(65% 55% at 50% 100%, #0e3b24d9, transparent 72%), linear-gradient(160deg, var(--bg-1), var(--bg-0) 60%)}html[data-brand=boks] .aurora:before{background:radial-gradient(circle,#ffb61266,#0000 60%)}html[data-brand=boks] .aurora:after{background:radial-gradient(circle,#00774980,#0000 60%)}html[data-brand=boks] .gradient-text{background:linear-gradient(100deg, var(--gold-bright), var(--gold) 55%, var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text}html[data-brand=boks] .btn--primary{background:linear-gradient(135deg, var(--gold-bright), var(--gold));color:var(--gold-ink);box-shadow:0 10px 30px -8px #ffb6128c}html[data-brand=boks] .btn--primary:active{filter:brightness(1.04)}html[data-brand=boks] .input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #ffb61247}html[data-brand=boks] .link-btn{color:var(--gold-bright)}html[data-brand=boks] .codebox__cell--active{border-color:var(--gold);box-shadow:0 0 0 4px #ffb6124d}html[data-brand=boks] .avatar-cell--selected{border-color:var(--gold);background:#ffb61233;box-shadow:0 0 0 4px #ffb61238}html[data-brand=boks] .answered-lock__check{background:linear-gradient(135deg, var(--spring-green), var(--gold));box-shadow:0 12px 34px -8px #00774999}html[data-brand=boks] .stat__rank{background:linear-gradient(100deg, var(--gold-bright), var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text}html[data-brand=boks] .standing-row--you{background:#ffb6122e;border-color:#ffb61280}html[data-brand=boks] .standing-row--top{background:linear-gradient(120deg,#ffb6124d,#00774947);border-color:#ffb6128c}html[data-brand=boks] .pack-card{background:linear-gradient(150deg, var(--pack-accent,#007749), color-mix(in srgb, var(--pack-accent,#007749) 34%, #06281c))}html[data-brand=boks] .pack-card--new:hover{border-color:var(--gold)}html[data-brand=boks] .icon-btn--on{border-color:var(--gold);background:#ffb61233}html[data-brand=boks] .q-num{color:var(--gold-ink)}html[data-brand=boks] .overlay{background:#04140dbd}html[data-brand=boks] .choice-radio--on{color:var(--gold-ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0}body{color:var(--ink);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100%}.aurora{z-index:-1;background:radial-gradient(60% 45% at 15% 12%, #7c5cff8c, transparent 70%), radial-gradient(55% 45% at 88% 20%, #ff5ca86b, transparent 70%), radial-gradient(65% 55% at 50% 100%, #3da5ff66, transparent 70%), linear-gradient(160deg, var(--bg-1), var(--bg-0) 60%);position:fixed;inset:0;overflow:hidden}.aurora:before,.aurora:after{content:"";filter:blur(60px);opacity:.5;mix-blend-mode:screen;border-radius:50%;width:60vmax;height:60vmax;animation:26s ease-in-out infinite alternate drift;position:absolute}.aurora:before{background:radial-gradient(circle,#ffb13d80,#0000 60%);top:-20vmax;left:-10vmax}.aurora:after{background:radial-gradient(circle,#34d6a073,#0000 60%);animation-delay:-13s;bottom:-25vmax;right:-15vmax}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vmax,4vmax)scale(1.15)}}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 16px) 18px calc(var(--safe-bottom) + 20px);flex-direction:column;display:flex}.screen--center{justify-content:center;align-items:center}.stack{flex-direction:column;gap:16px;width:100%;max-width:460px;margin:0 auto;display:flex}.brandmark{letter-spacing:-.03em;font-weight:800;line-height:.95}.gradient-text{background:linear-gradient(100deg, var(--amber), var(--pink) 45%, var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--ink-faint);font-size:12px;font-weight:700}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);padding:20px}.btn{appearance:none;cursor:pointer;font:inherit;color:#fff;min-height:60px;transition:transform .12s var(--ease-spring), filter .15s ease, box-shadow .15s ease, opacity .15s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:18px 22px;font-weight:700;display:inline-flex}.btn:active{filter:brightness(1.08);transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:linear-gradient(135deg, var(--violet), var(--pink));font-size:19px;box-shadow:0 10px 30px -8px #7c5cffb3}.btn--big{border-radius:22px;min-height:72px;font-size:22px}.btn--ghost{background:var(--card-strong);border:1px solid var(--card-border);color:var(--ink)}.btn--block{width:100%}.field-label{color:var(--ink-dim);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.input{width:100%;font:inherit;color:var(--ink);border:1.5px solid var(--card-border);background:#00000047;border-radius:16px;outline:none;padding:15px 16px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--violet);box-shadow:0 0 0 4px #7c5cff40}.chip{background:var(--card-strong);border:1px solid var(--card-border);color:var(--ink-dim);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.center{text-align:center}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.grow{flex:1}.link-btn{color:var(--sky);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pop-in{animation:pop-in .4s var(--ease-spring) both}.fade-in{animation:.3s both fade-in}