:root{--ink: #0b1c24;--ink-2: #143040;--paper: #f4efe6;--panel: rgba(255, 250, 243, .94);--muted: #5d6f7c;--line: rgba(11, 28, 36, .12);--accent: #ff5a1f;--easy: #0f8f78;--medium: #d97706;--hard: #d62839;--font-d: "Sora", sans-serif;--font-b: "Manrope", sans-serif;--shadow: 0 12px 32px rgba(11, 28, 36, .1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-b);color:var(--ink);background:radial-gradient(ellipse 70% 50% at 10% -10%,rgba(255,200,87,.28),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(255,90,31,.18),transparent 50%),linear-gradient(165deg,#f7f2e9,#e8eef0)}html{overflow-y:auto}body.page-host,body.page-client{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700;line-height:1.35;color:var(--muted);margin:0 0 8px}.muted{color:var(--muted)}.hint{font-size:.88rem;color:var(--muted);line-height:1.5}.warn{color:var(--hard);font-size:.9rem;line-height:1.4}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;min-height:3.1rem;font-weight:700;font-family:var(--font-b);font-size:.98rem;line-height:1.3;letter-spacing:.01em;text-decoration:none;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--accent),#ff8a4c);color:#fffaf3;box-shadow:0 10px 24px #ff5a1f47}.btn-secondary{background:var(--ink);color:#fffaf3}.btn-primary.wide,.btn-secondary.wide{width:100%}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:.84rem;font-weight:700;line-height:1.25;font-family:var(--font-b)}.pill.ok{background:color-mix(in srgb,var(--easy) 18%,white);color:var(--easy)}.pill.bad{background:color-mix(in srgb,var(--hard) 18%,white);color:var(--hard)}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-weight:700;font-size:.86rem;color:var(--muted)}.field input,.field select{padding:12px 14px;border-radius:12px;border:2px solid transparent;background:#ebe4d8;color:var(--ink);font:inherit}.field input:focus,.field select:focus{outline:none;border-color:var(--accent);background:#fff}.home{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,3vh,36px) 24px}.home-stage{width:min(1080px,100%);min-height:min(560px,78vh);display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.05fr);gap:24px;align-items:stretch}.home-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:40px 34px;border-radius:28px;color:#fffaf3;overflow:hidden;background:linear-gradient(145deg,#0b1c2433,#0b1c248c),linear-gradient(160deg,#143040,#0b1c24 55%,#0f3d38);box-shadow:var(--shadow)}.home-brand:after{content:"";position:absolute;inset:auto -10% -20% 20%;height:70%;background:radial-gradient(circle at 30% 40%,rgba(255,200,87,.45),transparent 40%),radial-gradient(circle at 70% 60%,rgba(255,90,31,.4),transparent 42%);filter:blur(8px);pointer-events:none}.home-brand-top{position:relative;z-index:1}.setup-kicker{display:inline-flex;padding:8px 14px;border-radius:999px;background:#fffaf31f;border:1px solid rgba(255,250,243,.18);font-size:.82rem;font-weight:700;letter-spacing:.05em;line-height:1.3;text-transform:uppercase;font-family:var(--font-b)}.home-brand h1{position:relative;z-index:1;margin:20px 0 14px;font-family:var(--font-d);font-size:clamp(2.6rem,5vw,3.85rem);line-height:1.1;letter-spacing:-.02em;font-weight:700}.home-brand p{position:relative;z-index:1;margin:0;max-width:32ch;font-size:1.05rem;line-height:1.55;color:#fffaf3d1}.setup-lanes{position:relative;z-index:1;display:grid;gap:10px}.setup-lane{height:10px;border-radius:999px;background:#fffaf31f;overflow:hidden}.setup-lane span{display:block;height:100%;width:28%;border-radius:inherit;animation:lanePulse 2.8s ease-in-out infinite}.setup-lane:nth-child(1) span{background:#e23d48;width:34%}.setup-lane:nth-child(2) span{background:#2f7fd1;width:46%;animation-delay:.2s}.setup-lane:nth-child(3) span{background:#1aaa8e;width:22%;animation-delay:.4s}.setup-lane:nth-child(4) span{background:#e8922a;width:58%;animation-delay:.6s}@keyframes lanePulse{0%,to{transform:translate(0)}50%{transform:translate(40%)}}.home-card{display:flex;flex-direction:column;justify-content:center;padding:28px 26px}.home-card h2{margin:0 0 8px;font-family:var(--font-d);font-size:1.75rem;line-height:1.2;font-weight:700;letter-spacing:-.015em}.home-card .lede{margin:0 0 20px;color:var(--muted);line-height:1.5;font-size:1.02rem}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.home-actions.col{flex-direction:column}.home-card .hint{margin-top:16px;line-height:1.5}.btn-ghost{border-radius:999px;padding:10px 16px;font-weight:700;font-size:.88rem;cursor:pointer;font-family:var(--font-b);border:2px solid var(--line);background:transparent;color:var(--muted)}.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.setup-preview{margin:0 0 8px;font-weight:700;line-height:1.35;color:var(--easy)}.setup-status{margin:0 0 12px;font-size:.88rem;line-height:1.5;color:var(--ink-2);background:#0b1c240d;border-radius:12px;padding:10px 12px;word-break:break-word}.subhead{margin:16px 0 8px;font-family:var(--font-b);font-size:1rem;font-weight:700;line-height:1.3}.mode-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.mode-row.compact{margin:0}.mode{border-radius:999px;padding:9px 14px;border:2px solid var(--line);background:#fffaf3;font-weight:700;font-size:.86rem;line-height:1.25;cursor:pointer;font-family:var(--font-b)}.mode.on{border-color:var(--ink);background:var(--ink);color:#fffaf3}.lobby-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-stack{display:flex;flex-direction:column;gap:14px;min-width:0}.q-img{max-width:100%;max-height:28vh;object-fit:contain;border-radius:12px;margin-bottom:10px}.host-shell{min-height:100vh;height:auto;padding:14px 16px 28px;display:flex;flex-direction:column;gap:12px}.host-shell.lobby{overflow:visible}.host-shell.game{min-height:100vh}.host-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.host-top h1{margin:0;font-family:var(--font-d);font-size:1.8rem;line-height:1.2;font-weight:700;letter-spacing:-.015em}.lobby-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0;align-content:start}.lobby-grid .panel{overflow:visible;height:auto}.qr{width:min(280px,100%);border-radius:16px;margin:12px 0;background:#fff}.join-url{font-size:.88rem;line-height:1.45;word-break:break-all;background:#ebe4d8;padding:10px 12px;border-radius:12px}.roster{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}.roster li{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#ebe4d8;font-weight:700}.roster li.on{outline:2px solid var(--easy)}.roster li.off{opacity:.55}.game-topbar{display:flex;align-items:center;gap:10px}.room-chip,.exit-btn{padding:9px 14px;border-radius:999px;font-weight:700;font-size:.88rem;line-height:1.25;font-family:var(--font-b)}.room-chip{background:#0b1c2414}.exit-btn{margin-left:auto;border:2px solid var(--line);background:#fffaf3;cursor:pointer}.game-top-actions{margin-left:auto;display:flex;gap:8px}.game-top-actions .exit-btn{margin-left:0}.end-quiz-btn{border-color:var(--accent);background:var(--accent);color:#fff}.skip-level-btn{border-color:var(--ink-2);background:var(--ink-2);color:#fff}.toast{padding:9px 14px;border-radius:999px;font-weight:700;font-size:.9rem;line-height:1.3;font-family:var(--font-b)}.feedback-correct{background:var(--easy);color:#fff}.feedback-wrong{background:var(--hard);color:#fff}.feedback-void{background:var(--medium);color:#fff}.game-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;min-height:0;flex:1.2}.game-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,320px);gap:12px;flex:1 1 auto;min-height:0;align-items:stretch}.game-left{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0}.game-left .question-hero{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}.q-stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden;padding:2px 2px 4px}.q-stage.has-img{justify-content:flex-start}.question-hero .q-img-float{float:left;max-width:none;max-height:none;object-fit:contain;border-radius:12px;margin:2px 18px 8px 0;cursor:zoom-in;background:#fff;box-shadow:0 4px 14px #0b1c241f}.question-hero .q-text-fit.is-stacked .q-img-float{float:none;display:block;margin:0 auto 10px}.img-zoom{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:3vh 3vw;background:#081218e0;cursor:zoom-out;animation:li-fade .18s ease-out}.img-zoom img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 20px 60px #00000073}.img-zoom-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);color:#ffffffbf;font-size:.85rem}.q-text-wrap{flex:1 1 auto;min-height:0;width:100%;overflow:hidden;display:flex;align-items:flex-start;scrollbar-gutter:stable}.q-text-wrap.is-scrollable{overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 2.4em),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 2.4em),transparent)}.q-text-wrap.is-scrollable .q-text-fit{padding-bottom:2.4em}.question-hero .q-text,.question-hero .q-text-fit{width:100%;margin:0;text-align:left;font-family:var(--font-b);font-weight:500;font-size:clamp(.95rem,1.6vw,1.55rem);line-height:1.4;letter-spacing:.01em;color:var(--ink);overflow:hidden;text-wrap:pretty;white-space:pre-line}.answers-bar{flex:0 0 auto;padding:2px 2px 0}.answers-bar .ans-hint{margin:0 0 6px;font-size:.86rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ans-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px}.ans-tile{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;min-height:48px;max-height:58px;padding:10px 12px;border-radius:12px;touch-action:manipulation}.ans-tile span{width:26px;height:26px;font-size:.85rem;font-family:var(--font-b);font-weight:700}.ans-tile em{font-style:normal;font-weight:700;font-size:.92rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.host-shell.game{height:100dvh;max-height:100dvh;overflow:hidden;padding-bottom:12px}.climb-panel{display:flex;flex-direction:column;min-height:0;height:100%;padding:12px}.climb-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}.climb-head h3{margin:0;font-family:var(--font-d);font-size:1.05rem;line-height:1.25;font-weight:700}.climb-head span{color:var(--muted);font-size:.84rem;line-height:1.3}.climb-hint{margin:4px 0 10px;font-size:.84rem;line-height:1.4;color:var(--muted);font-weight:600}.climb-board{flex:1;display:flex;flex-direction:column;min-height:0;border-radius:20px;padding:8px 6px 6px;position:relative;overflow:hidden;background:linear-gradient(180deg,#4f9fd4,#8ec5e8 28%,#c5ddb0 68%,tan);box-shadow:inset 0 0 0 1px #fff6,0 10px 28px #0b1c241f}.climb-sky{position:absolute;inset:0 0 42%;pointer-events:none;overflow:hidden}.climb-sky .sun{position:absolute;top:8%;right:10%;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7c2,#ffb703 55%,#fb8500);box-shadow:0 0 24px 8px #ffb70373;animation:sun-pulse 3.5s ease-in-out infinite}.climb-sky .cloud{position:absolute;height:14px;background:#fff;border-radius:999px;opacity:.78;filter:blur(.2px)}.climb-sky .cloud:before,.climb-sky .cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.climb-sky .cloud:before{width:18px;height:18px;top:-8px;left:8px}.climb-sky .cloud:after{width:14px;height:14px;top:-6px;left:22px}.climb-sky .c1{width:44px;top:18%;left:-20%;animation:cloud-drift 18s linear infinite}.climb-sky .c2{width:36px;top:38%;left:-30%;animation:cloud-drift 24s linear infinite 4s;opacity:.55}.climb-sky .c3{width:28px;top:12%;left:-15%;animation:cloud-drift 28s linear infinite 9s;opacity:.45}.climb-sky .bird{position:absolute;width:10px;height:4px;border:2px solid rgba(26,36,48,.35);border-bottom:none;border-radius:10px 10px 0 0;animation:bird-fly 12s linear infinite}.climb-sky .b1{top:28%;left:-10%}.climb-sky .b2{top:44%;left:-20%;animation-duration:16s;animation-delay:3s}.climb-peaks{position:absolute;left:0;right:0;bottom:18%;height:28%;pointer-events:none;background:linear-gradient(135deg,transparent 40%,rgba(90,120,90,.35) 40.5%,transparent 41%),linear-gradient(45deg,transparent 50%,rgba(70,100,80,.28) 50.5%,transparent 51%),linear-gradient(120deg,transparent 30%,rgba(110,130,100,.22) 30.5%,transparent 31%);opacity:.7}.climb-finish{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0 10px;flex-shrink:0}.climb-finish .flag-pole{width:3px;height:22px;background:linear-gradient(#d4a574,#6b4423);border-radius:2px}.climb-finish .flag{position:relative;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-b);font-weight:700;font-size:.84rem;letter-spacing:.06em;line-height:1.2;color:#fffaf3;background:#1a2430;padding:7px 14px;border-radius:8px;border:2px solid #fffaf3;box-shadow:0 6px 16px #0b1c2447;transform-origin:left center;animation:flag-wave 1.4s ease-in-out infinite}.climb-finish .flag i{width:14px;height:10px;background:linear-gradient(90deg,#1a1a1a 25%,#fff 25% 50%,#1a1a1a 50% 75%,#fff 75%),linear-gradient(#1a1a1a 25%,#fff 25% 50%,#1a1a1a 50% 75%,#fff 75%);background-size:8px 8px;border-radius:2px}.climb-lanes{flex:1;display:grid;grid-template-columns:28px repeat(4,1fr);gap:0;min-height:0;position:relative;z-index:1;padding:0 4px}.climb-scale{position:relative;height:100%;pointer-events:none}.climb-scale i{position:absolute;right:2px;transform:translateY(50%);font-style:normal;font-size:.7rem;font-weight:700;line-height:1;color:#0b1c2480;text-shadow:0 1px 0 rgba(255,255,255,.35)}.climb-lane{position:relative;height:100%;min-height:160px}.climb-lane .rope{position:absolute;left:46%;top:0;bottom:12px;width:6px;transform:translate(-50%);animation:rope-sway 2.8s ease-in-out infinite;transform-origin:top center}.climb-lane .rope-core{position:absolute;inset:0;border-radius:4px;background:repeating-linear-gradient(180deg,#5c3a1e 0 6px,#a67c52 6px 9px,#7a4f28 9px 13px,#c4a574 13px 15px);box-shadow:2px 0 #ffffff47,-1px 0 3px #00000040}.climb-lane .rope-shine{position:absolute;left:1.5px;top:0;bottom:0;width:1.5px;background:#fff6;border-radius:1px}.climb-lane .rope-knot{position:absolute;left:50%;width:10px;height:8px;margin-left:-5px;border-radius:3px;background:#6b4423;box-shadow:inset 0 1px #ffffff40}.climb-lane .rope-knot.k1{top:22%}.climb-lane .rope-knot.k2{top:48%}.climb-lane .rope-knot.k3{top:74%}.climber{position:absolute;left:50%;transform:translate(-14%);z-index:2;transition:bottom 1s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:climb-bob .52s ease-in-out infinite}.climb-lane.idle .climber{animation:climb-idle 2.4s ease-in-out infinite}.climb-lane.idle .climber-svg .arm-up,.climb-lane.idle .climber-svg .arm-low,.climb-lane.idle .climber-svg .leg-front,.climb-lane.idle .climber-svg .leg-back{animation-duration:2.4s}.climb-lane.buzz .climber{animation-duration:.34s;filter:drop-shadow(0 0 12px var(--c));z-index:4;scale:1.06}.climb-lane.leader .climber{z-index:3}.climb-lane.tried{opacity:.48;filter:grayscale(.25)}.climber .trail{position:absolute;left:40%;top:55%;width:4px;height:28px;border-radius:999px;background:linear-gradient(180deg,var(--c),transparent);opacity:0;transform:translate(-50%)}.climb-lane.moving .climber .trail{opacity:.55;animation:trail-fade .7s ease-out infinite}.climber .spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--glow);opacity:0;box-shadow:0 0 6px var(--glow)}.climb-lane.moving .spark{animation:spark-pop .9s ease-out infinite}.climber .spark.s1{left:10%;top:70%;animation-delay:0s}.climber .spark.s2{left:70%;top:60%;animation-delay:.3s}.climber .spark.s3{left:40%;top:85%;animation-delay:.55s}.climber .crown{position:absolute;top:-10px;right:-2px;font-size:14px;color:#ffb703;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));animation:crown-bob 1.2s ease-in-out infinite;z-index:5}.climber .aura{position:absolute;inset:-8px -4px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 35%,transparent),transparent 70%);animation:aura-pulse 1.1s ease-in-out infinite;z-index:-1}.climber-svg{display:block;overflow:visible;filter:drop-shadow(0 4px 5px rgba(11,28,36,.3))}.climber-svg .climber-body{transform-origin:36px 56px;animation:torso-lean .52s ease-in-out infinite}.climber-svg .cape{transform-origin:36px 44px;animation:cape-flap .7s ease-in-out infinite}.climber-svg .arm-up{transform-box:fill-box;transform-origin:right center;animation:climb-arm-high .52s ease-in-out infinite}.climber-svg .arm-low{transform-box:fill-box;transform-origin:right center;animation:climb-arm-low .52s ease-in-out infinite}.climber-svg .leg-front{transform-box:fill-box;transform-origin:top center;animation:climb-leg-up .52s ease-in-out infinite}.climber-svg .leg-back{transform-box:fill-box;transform-origin:top center;animation:climb-leg-push .52s ease-in-out infinite}.climber-svg .head{transform-box:fill-box;transform-origin:center bottom;animation:head-nod .52s ease-in-out infinite}.climber-svg .sweat{animation:sweat-drop .8s ease-in infinite}.climb-lane.buzz .climber-svg .climber-body,.climb-lane.buzz .climber-svg .cape,.climb-lane.buzz .climber-svg .arm-up,.climb-lane.buzz .climber-svg .arm-low,.climb-lane.buzz .climber-svg .leg-front,.climb-lane.buzz .climber-svg .leg-back,.climb-lane.buzz .climber-svg .head{animation-duration:.34s}.climb-lane.near-top .rope{animation-duration:1.6s}.climb-ground{height:12px;margin:0 8px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#7a9b4e,#5c6e36 55%,#6e5a38);flex-shrink:0;position:relative;z-index:1;overflow:hidden}.climb-ground .grass{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.12) 6px 7px)}.climb-base{display:grid;grid-template-columns:28px repeat(4,1fr);gap:0;margin-top:6px;flex-shrink:0;position:relative;z-index:1}.climb-base:before{content:"";display:block}.climb-score{text-align:center;background:#fffaf3f0;border-radius:12px;padding:6px 2px;margin:0 2px;display:flex;flex-direction:column;line-height:1.15;box-shadow:0 2px 8px #0b1c241a;border:1px solid transparent;transition:transform .25s ease,border-color .25s ease}.climb-score.lead{border-color:#ffb703;box-shadow:0 0 0 2px #ffb70359,0 4px 12px #ffb70333;transform:translateY(-2px)}.climb-score.hot{border-color:var(--accent);animation:score-pulse .7s ease-in-out infinite}.climb-score strong{font-family:var(--font-b);font-size:.9rem;font-weight:700;line-height:1.2}.climb-score em{font-style:normal;font-weight:700;font-size:.92rem;line-height:1.2}.climb-score small{color:var(--muted);font-size:.72rem;font-weight:600;line-height:1.3}@keyframes climb-bob{0%,to{transform:translate(-14%) translateY(0)}50%{transform:translate(-14%) translateY(-8px)}}@keyframes climb-idle{0%,to{transform:translate(-14%) translateY(0)}50%{transform:translate(-14%) translateY(-3px)}}@keyframes climb-arm-high{0%{transform:rotate(-20deg) translateY(5px)}40%{transform:rotate(10deg) translate(-3px,-12px)}70%{transform:rotate(2deg) translate(-1px,-5px)}to{transform:rotate(-20deg) translateY(5px)}}@keyframes climb-arm-low{0%{transform:rotate(12deg) translate(-2px,-10px)}40%{transform:rotate(-16deg) translateY(4px)}70%{transform:rotate(-4deg) translate(-1px,-2px)}to{transform:rotate(12deg) translate(-2px,-10px)}}@keyframes climb-leg-up{0%{transform:rotate(-18deg) translateY(2px)}45%{transform:rotate(26deg) translate(3px,-8px)}to{transform:rotate(-18deg) translateY(2px)}}@keyframes climb-leg-push{0%{transform:rotate(20deg) translate(1px,-5px)}45%{transform:rotate(-22deg) translate(-2px,5px)}to{transform:rotate(20deg) translate(1px,-5px)}}@keyframes torso-lean{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(5deg) translateY(-3px)}}@keyframes head-nod{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}@keyframes cape-flap{0%,to{transform:skew(0) scaleX(1)}50%{transform:skew(-8deg) scaleX(1.08)}}@keyframes rope-sway{0%,to{transform:translate(-50%) rotate(-.8deg)}50%{transform:translate(-50%) rotate(.8deg)}}@keyframes flag-wave{0%,to{transform:skew(0)}50%{transform:skew(-4deg)}}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(140vw)}}@keyframes bird-fly{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:.7}50%{transform:translate(60vw) translateY(-8px);opacity:.7}to{transform:translate(120vw) translateY(4px);opacity:0}}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes trail-fade{0%{opacity:.65;height:18px}to{opacity:0;height:36px}}@keyframes spark-pop{0%{opacity:0;transform:translateY(0) scale(.4)}35%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.2)}}@keyframes crown-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(6deg)}}@keyframes aura-pulse{0%,to{opacity:.45;transform:scale(.95)}50%{opacity:.9;transform:scale(1.08)}}@keyframes score-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes sweat-drop{0%{transform:translateY(0);opacity:.9}to{transform:translateY(8px);opacity:0}}@media (prefers-reduced-motion: reduce){.climber,.climber-svg .climber-body,.climber-svg .cape,.climber-svg .arm-up,.climber-svg .arm-low,.climber-svg .leg-front,.climber-svg .leg-back,.climber-svg .head,.climb-lane .rope,.climb-sky .cloud,.climb-sky .bird,.climb-finish .flag,.climber .trail,.climber .spark,.climber .crown,.climber .aura{animation:none!important}}.question .meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.badge,.chip{padding:7px 12px;border-radius:999px;font-weight:700;font-size:.84rem;line-height:1.25;font-family:var(--font-b)}.level-easy{background:color-mix(in srgb,var(--easy) 18%,white);color:var(--easy)}.level-medium{background:color-mix(in srgb,var(--medium) 18%,white);color:var(--medium)}.level-hard{background:color-mix(in srgb,var(--hard) 18%,white);color:var(--hard)}.chip{background:#0b1c240f;color:var(--muted)}.timer{margin-left:auto;font-family:var(--font-d);font-weight:700;font-size:1.2rem;line-height:1.2;display:inline-flex;align-items:baseline;gap:6px}.timer small{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-family:var(--font-b);line-height:1.2}.timer.soal-timer.paused{opacity:.55}.timer.jawab-timer{margin-left:0;color:var(--hard);background:color-mix(in srgb,var(--hard) 12%,white);padding:4px 10px;border-radius:999px}.timer.jawab-timer small{color:var(--hard)}.timeup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.timeup-actions .btn-primary,.timeup-actions .btn-secondary{flex:1 1 140px;min-height:44px}.verify-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;position:relative;z-index:5}.verify-actions .btn-primary,.verify-actions .btn-secondary{flex:1 1 140px;min-height:44px}.ans-row.is-locked .ans-btn:not(.pending){opacity:.4;filter:grayscale(.25);pointer-events:none;cursor:not-allowed;border-color:transparent}.ans-row.is-locked .ans-btn.pending{pointer-events:none;cursor:default}.ans-btn.locked{opacity:.4;pointer-events:none}.isian-box{display:flex;flex-direction:column;gap:6px}.isian-form{display:flex;gap:8px;align-items:stretch}.isian-input{flex:1 1 auto;min-width:0;min-height:56px;padding:10px 16px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:700 1.35rem/1.2 var(--font-b);touch-action:manipulation}.isian-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.isian-input:read-only{background:color-mix(in srgb,var(--paper) 70%,white);cursor:default}.isian-form.is-locked .isian-input{border-color:var(--medium);background:color-mix(in srgb,var(--medium) 12%,white)}.isian-lock-btn{flex:0 0 auto;min-height:56px;padding:0 20px}.isian-wrong{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.86rem;font-weight:700;color:var(--muted)}.isian-wrong span{padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--hard) 12%,white);color:var(--hard);text-decoration:line-through}.isian-key{margin:0;padding:10px 14px;border:2px solid var(--easy);border-radius:12px;background:color-mix(in srgb,var(--easy) 14%,white);font-weight:700;font-size:1.05rem}.isian-key small{font-weight:600;color:var(--muted)}.session-notice{margin:6px 0 0;font-size:.85rem;font-weight:700;color:var(--easy)}.session-notice.bar{margin:0 0 8px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--easy) 14%,white)}.btn-ghost.wide{width:100%}.q-text{margin:0;font-family:var(--font-b);font-size:clamp(1.2rem,2.2vw,1.85rem);line-height:1.4;font-weight:600;letter-spacing:.005em}.answers{display:flex;flex-direction:column;gap:8px}.ans-hint{margin:0 0 6px;font-weight:700;color:var(--muted);font-size:.92rem;line-height:1.35}.ans-btn{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;border-radius:14px;border:2px solid transparent;background:#ebe4d8;font:inherit;font-weight:700;line-height:1.3;opacity:.7;cursor:not-allowed}.ans-btn span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0b1c2414;font-family:var(--font-b);font-weight:700;font-size:.9rem}.ans-btn.active{opacity:1;cursor:pointer;border-color:color-mix(in srgb,var(--accent) 70%,white)}.ans-btn.elim{opacity:.35;text-decoration:line-through}.ans-btn.pending,.ans-tile.pending{opacity:1;border-color:var(--medium);background:color-mix(in srgb,var(--medium) 16%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--medium) 35%,transparent)}.ans-btn.reveal{opacity:1;border-color:var(--easy);background:color-mix(in srgb,var(--easy) 14%,white)}.track-head{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:700}.track-head h3{margin:0;font-family:var(--font-d);font-size:1rem;line-height:1.25;font-weight:700}.track-head span{color:var(--muted);font-size:.86rem;line-height:1.3}.lane{display:grid;grid-template-columns:36px 1fr 64px;gap:8px;align-items:center;margin-bottom:8px}.lane-id{width:32px;height:32px;border-radius:50%;color:#fff;display:grid;place-items:center;font-family:var(--font-b);font-weight:700;font-size:.9rem;line-height:1}.lane-bar{position:relative;height:22px;border-radius:999px;background:#e0d7c8}.lane-bar i{position:absolute;top:-14px;transform:translate(-50%);font-style:normal;font-size:.65rem;font-weight:700;color:var(--muted)}.lane-bar b{position:absolute;top:50%;width:18px;height:18px;margin-left:-9px;transform:translateY(-50%);border-radius:50%;border:2px solid #fffaf3;transition:left .35s ease}.act-meter{height:10px;border-radius:999px;background:#e0d7c8;overflow:hidden}.act-meter span{display:block;height:100%;transition:width .15s linear}.team-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.team-card{border:3px solid;border-radius:18px;padding:14px 10px;background:#fffaf3;text-align:center;display:flex;flex-direction:column;gap:4px}.team-card strong{font-family:var(--font-d);font-weight:700;line-height:1.25;font-size:1.05rem}.team-card em{font-style:normal;color:var(--muted);font-weight:700;line-height:1.3}.team-card small{color:var(--muted);line-height:1.35}.team-card.buzz{box-shadow:0 0 0 4px #ff5a1f40;transform:scale(1.02)}.team-card.tried{opacity:.45}.winner{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 50% at 50% 0%,color-mix(in srgb,var(--accent, #ff5a1f) 28%,transparent),transparent 55%),linear-gradient(165deg,#0b1c24,#143040 45%,#0b1c24);color:#f4efe6;animation:winner-fade .45s ease-out;overflow:hidden}@keyframes winner-fade{0%{opacity:0}to{opacity:1}}.winner-card{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:none;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;text-align:center;animation:winner-pop .55s cubic-bezier(.22,1.2,.36,1)}.winner-card-wide{max-width:none}@keyframes winner-pop{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.winner-top{flex:0 0 auto;padding:20px 24px 8px;position:relative;z-index:5}.winner-eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:700;color:#f4efe6a6}.winner-card h2{font-family:var(--font-d);margin:0;font-weight:700;line-height:1.15;letter-spacing:-.02em;font-size:clamp(1.85rem,4.5vw,3rem);color:#fffaf3;text-shadow:0 8px 28px rgba(0,0,0,.35)}.winner-collage{flex:1 1 auto;min-height:0;margin:0;position:relative;display:flex;align-items:center}.winner-collage-marquee{width:100%;height:min(68vh,640px)}.winner-collage-viewport{width:100%;height:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.winner-collage-track{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px);height:100%;width:max-content;padding:0 8vw;animation:collage-marquee-ltr var(--marquee-duration, 14s) linear infinite;will-change:transform}@keyframes collage-marquee-ltr{0%{transform:translate(-35%)}to{transform:translate(5%)}}.winner-collage-shot{position:relative;flex:0 0 auto;margin:0;width:clamp(200px,26vw,320px);height:clamp(200px,26vw,320px);border-radius:20px;overflow:hidden;border:4px solid rgba(255,250,243,.92);box-shadow:0 16px 40px #00000073,0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent);transform:rotate(var(--rot, 0deg)) scale(.9);opacity:.78;transition:transform .32s cubic-bezier(.22,1.15,.36,1),opacity .28s ease,box-shadow .28s ease}.winner-collage-shot.is-tall{width:clamp(170px,22vw,260px);height:clamp(230px,32vw,380px)}.winner-collage-shot.is-focus{transform:rotate(var(--rot, 0deg)) scale(1.42);opacity:1;box-shadow:0 28px 60px #0000008c,0 0 0 4px color-mix(in srgb,var(--accent) 80%,#fff),0 0 40px color-mix(in srgb,var(--accent) 45%,transparent)}.winner-collage-shot img{width:100%;height:100%;object-fit:cover;display:block}.winner-collage-vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 50% 50%,transparent 35%,rgba(11,28,36,.35) 100%)}.winner-collage-empty{margin:24px auto;max-width:36ch;color:#f4efe6bf}.winner-bottom{flex:0 0 auto;display:grid;grid-template-columns:1fr auto;gap:16px 24px;align-items:end;padding:12px 24px 22px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35) 30%);position:relative;z-index:5}.winner-scores{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;text-align:left;max-width:420px}.winner-scores li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#fffaf314;font-weight:600;color:#f4efe6e6;font-size:.92rem}.winner-scores li.champ{background:color-mix(in srgb,var(--accent, #ff5a1f) 28%,rgba(255,250,243,.12));outline:2px solid color-mix(in srgb,var(--accent, #ff5a1f) 55%,transparent)}.winner-scores strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.winner-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.winner-hint{margin:0;color:#f4efe68c;font-size:.82rem;text-align:right;max-width:28ch}.winner-lobby-btn,.winner-mute-btn{min-width:200px}@media (max-width: 720px){.winner-bottom{grid-template-columns:1fr}.winner-actions{align-items:stretch}.winner-hint{text-align:left;max-width:none}.winner-collage-marquee{height:min(52vh,460px)}.winner-collage-shot.is-focus{transform:rotate(var(--rot, 0deg)) scale(1.28)}}.client-shell{min-height:100dvh;padding:16px 16px 28px;display:flex;flex-direction:column;gap:12px}.client-head h1{margin:0;font-family:var(--font-d);font-size:1.6rem;line-height:1.25;font-weight:700;letter-spacing:-.015em}.team-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.pick{min-height:58px;border-radius:14px;border:3px solid;background:#fffaf3;font-family:var(--font-b);font-size:1.35rem;font-weight:700;line-height:1;cursor:pointer}.pick.on{background:color-mix(in srgb,var(--team, #ff5a1f) 18%,white)}.field-label{font-weight:700;color:var(--muted);font-size:.9rem;line-height:1.35;margin:0 0 8px}.client-meta{display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:.88rem;line-height:1.35;color:var(--muted);margin-bottom:8px;font-family:var(--font-b)}.client-q{margin:0;font-family:var(--font-b);font-weight:600;font-size:1.1rem;line-height:1.45}.you-buzz{margin:10px 0 0;font-weight:700;line-height:1.4;color:var(--accent)}.answer-clock{margin:8px 0 0;font-weight:700;font-size:1.1rem;line-height:1.3;color:var(--hard)}.answer-clock strong{font-family:var(--font-d);font-size:1.35rem;font-weight:700;line-height:1.15}.cam-panel .cam{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:#0b1c24;margin-bottom:10px}.cam-enable-btn{margin-top:10px;margin-bottom:6px}.cam-wrap{position:relative}.cam-paused,.hold-ring{position:absolute;inset:0 0 10px;display:grid;place-content:center;justify-items:center;gap:4px;border-radius:16px;text-align:center;color:#fff;pointer-events:none}.cam-paused{background:#0b1c24d1;font-family:var(--font-b)}.cam-paused strong{font-size:1.2rem}.cam-paused span{font-size:.85rem;opacity:.8}.hold-ring{--ring: #2bb673}.hold-ring.cancel{--ring: #e0523a}.hold-ring:before{content:"";width:108px;height:108px;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--p, 0) * 360deg),rgba(255,255,255,.35) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 12px),#000 calc(100% - 11px));mask:radial-gradient(farthest-side,transparent calc(100% - 12px),#000 calc(100% - 11px));filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.hold-ring span{padding:3px 10px;border-radius:999px;background:#0b1c24b3;font-weight:700;font-size:.9rem}.cam-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin:10px 0 6px}.cam-actions .cam-enable-btn{margin:0}.act-readout{display:grid;grid-template-columns:auto 48px 1fr;gap:8px;align-items:center;margin-bottom:10px;font-weight:700;line-height:1.3}.act-bar{height:12px;border-radius:999px;background:#e0d7c8;overflow:hidden}.act-bar i{display:block;height:100%;background:var(--team, var(--accent));font-style:normal}.act-bar i.sad{background:#2f7fd1}.act-bar i.angry{background:#d62839}.expr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;font-weight:700;font-size:.86rem;line-height:1.3;font-family:var(--font-b)}.expr-grid strong{display:block;font-size:1.1rem;margin:2px 0 4px;line-height:1.2;font-weight:700}.expr-label{margin:0 0 10px;font-weight:700;color:var(--muted);font-size:.92rem;line-height:1.4}.buzz-fallback{margin-top:auto;min-height:76px;border:none;border-radius:20px;font-family:var(--font-b);font-size:1.2rem;font-weight:700;line-height:1.25;letter-spacing:.01em;background:#c5bcae;color:#fffaf3;cursor:not-allowed}.buzz-fallback.ready{background:linear-gradient(135deg,var(--team, var(--accent)),#ff8a4c);cursor:pointer;box-shadow:0 12px 28px #ff5a1f4d}.unbuzz-btn{margin-top:10px;border-color:#b45309;color:#9a3412}.client-body{flex:1 1 auto;display:flex;flex-direction:column;gap:12px}.client-actions{flex:1 1 auto;display:flex;flex-direction:column;gap:10px}.client-actions .unbuzz-btn{margin-top:0}@media (min-width: 900px) and (min-height: 480px){.client-shell.is-joined{height:100dvh;min-height:0;padding:12px 20px;gap:10px;overflow:hidden}.client-shell.is-joined .client-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px}.client-shell.is-joined .client-head>*{margin:0}.client-shell.is-joined .client-head .muted{margin-left:auto}.client-body{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.client-body:not(.has-cam){width:min(720px,100%);margin:0 auto}.client-body.has-cam{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"cam info" "cam actions"}.client-body .client-info{grid-area:info;overflow:auto;max-height:46dvh}.client-body .cam-panel{grid-area:cam;min-height:0;display:flex;flex-direction:column;overflow:hidden}.client-body .cam-panel .cam-wrap{flex:1 1 auto;min-height:120px;margin-bottom:10px}.client-body .cam-panel .cam{height:100%;aspect-ratio:auto;margin-bottom:0}.client-body .cam-panel .cam-paused,.client-body .cam-panel .hold-ring{inset:0}.client-body .cam-panel .expr-grid,.client-body .cam-panel .expr-label,.client-body .cam-panel .cam-actions,.client-body .cam-panel .cam-enable-btn{flex:0 0 auto}.client-body .cam-panel .hint{margin:4px 0 0}.client-actions{grid-area:actions;min-height:0;overflow:auto}.client-actions .buzz-fallback{margin-top:0;flex:1 1 auto;min-height:90px;max-height:260px;font-size:1.6rem}.client-actions .leave-btn{margin-top:auto}}@media (max-width: 1200px){.lobby-grid-3{grid-template-columns:1fr 1fr}.lobby-grid-3 .panel:last-child{grid-column:1 / -1}}@media (max-width: 900px){.lobby-grid,.lobby-grid-2,.lobby-grid-3,.game-grid,.game-body,.team-row,.home-stage{grid-template-columns:1fr;min-height:0}.lobby-grid-3 .panel:last-child{grid-column:auto}.host-top h1{font-size:1.45rem}.qr{width:min(220px,100%)}.host-shell.game{height:auto;max-height:none;overflow:visible}.climb-board{min-height:320px}.game-left .question-hero{max-height:none}.ans-row{grid-template-columns:1fr}.isian-form{flex-wrap:wrap}.isian-lock-btn{flex:1 1 100%}}.level-intro{--lvl: var(--easy);position:relative;flex:1 1 auto;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:22px;color:#fff;background:radial-gradient(ellipse 80% 70% at 50% 45%,color-mix(in srgb,var(--lvl) 70%,#0b1c24),#0b1c24 72%),#0b1c24;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--lvl) 45%,transparent),var(--shadow);isolation:isolate}.li-rays{position:absolute;inset:-60%;z-index:-2;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--lvl) 34%,transparent) 0deg 7deg,transparent 7deg 20deg);mask-image:radial-gradient(circle,#000 0%,transparent 62%);animation:li-spin 38s linear infinite}.li-glow{position:absolute;width:min(70vmin,720px);aspect-ratio:1;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lvl) 65%,#fff) 0%,transparent 65%);opacity:.35;filter:blur(20px);animation:li-breathe 3.2s ease-in-out infinite}.li-particles{position:absolute;inset:0;z-index:-1;pointer-events:none}.li-particles i{position:absolute;left:var(--x);bottom:-20px;width:var(--s);height:var(--s);border-radius:50%;background:color-mix(in srgb,var(--lvl) 55%,#fff);opacity:0;box-shadow:0 0 12px color-mix(in srgb,var(--lvl) 80%,#fff);animation:li-float var(--d) linear var(--delay) infinite}.li-content{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.4vh,14px);padding:24px;text-align:center;transition:opacity .4s ease,transform .4s ease,filter .4s ease}.level-intro.is-counting .li-content{opacity:.18;transform:scale(.94);filter:blur(3px)}.li-stage{margin:0;padding:6px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff14;font:800 clamp(.8rem,1.6vh,1rem) var(--font-b);letter-spacing:.18em;text-transform:uppercase;animation:li-rise .6s ease-out both}.li-stars{display:flex;gap:10px;font-size:clamp(1.6rem,4.5vh,2.8rem);line-height:1}.li-stars span{color:#ffffff2e;animation:li-pop .5s cubic-bezier(.2,1.6,.4,1) calc(.35s + var(--i) * .12s) both}.li-stars span.on{color:#ffd166;text-shadow:0 0 18px rgba(255,209,102,.8)}.li-title{margin:0;display:flex;font:800 clamp(4rem,17vh,11rem) / .95 var(--font-d);letter-spacing:.04em}.li-title span{display:inline-block;background:linear-gradient(180deg,#fff 30%,color-mix(in srgb,var(--lvl) 45%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 color-mix(in srgb,var(--lvl) 75%,#000)) drop-shadow(0 0 28px color-mix(in srgb,var(--lvl) 70%,transparent));animation:li-drop .7s cubic-bezier(.2,1.4,.4,1) calc(.5s + var(--i) * .08s) both,li-bob 2.8s ease-in-out calc(1.4s + var(--i) * .15s) infinite}.li-sub{margin:-.2em 0 0;font:800 clamp(1.2rem,4vh,2.4rem) var(--font-d);letter-spacing:.5em;padding-left:.5em;text-transform:uppercase;color:color-mix(in srgb,var(--lvl) 35%,#fff);animation:li-rise .6s ease-out 1s both}.li-tagline{margin:0;max-width:40ch;font:700 clamp(.95rem,2.2vh,1.3rem) / 1.4 var(--font-b);color:#ffffffdb;animation:li-rise .6s ease-out 1.15s both}.li-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 0;padding:0;list-style:none;animation:li-rise .6s ease-out 1.3s both}.li-chips li{padding:7px 14px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);font-weight:700;font-size:clamp(.8rem,1.8vh,1rem)}.li-chips strong{color:#ffd166}.li-standings{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:2px 0 0;padding:0;list-style:none;animation:li-rise .6s ease-out 1.45s both}.li-standings li{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:12px;background:#00000047;border-left:4px solid var(--team);font-weight:700;font-size:.9rem}.li-standings .rank{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--team);font-size:.8rem}.li-start{margin-top:clamp(6px,1.6vh,16px);padding:clamp(14px,2.2vh,20px) clamp(28px,4vw,48px);border:0;border-radius:999px;cursor:pointer;font:800 clamp(1.1rem,2.8vh,1.6rem) var(--font-d);color:#0b1c24;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--lvl) 25%,#fff));box-shadow:0 10px color-mix(in srgb,var(--lvl) 70%,#000),0 0 color-mix(in srgb,var(--lvl) 60%,transparent);touch-action:manipulation;animation:li-fade .6s ease-out 1.6s both,li-pulse 1.8s ease-in-out 2.2s infinite;transition:transform .12s ease,box-shadow .12s ease}.li-start:hover{transform:translateY(-2px)}.li-start:active{transform:translateY(6px);box-shadow:0 4px color-mix(in srgb,var(--lvl) 70%,#000)}.li-start:disabled{cursor:default}.li-count{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.li-count span{font:800 clamp(8rem,42vh,26rem) / 1 var(--font-d);color:#fff;text-shadow:0 0 40px color-mix(in srgb,var(--lvl) 90%,#fff),0 12px 0 color-mix(in srgb,var(--lvl) 70%,#000);animation:li-count .85s cubic-bezier(.2,1.3,.4,1) both}.li-count span.go{color:#ffd166;font-size:clamp(6rem,30vh,18rem);animation:li-go 1.2s cubic-bezier(.2,1.3,.4,1) both}@keyframes li-spin{to{transform:rotate(360deg)}}@keyframes li-breathe{0%,to{transform:scale(.9);opacity:.28}50%{transform:scale(1.08);opacity:.45}}@keyframes li-float{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.85}to{transform:translateY(-110vh) scale(1.1);opacity:0}}@keyframes li-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes li-fade{0%{opacity:0}to{opacity:1}}@keyframes li-pop{0%{opacity:0;transform:scale(0) rotate(-40deg)}to{opacity:1;transform:none}}@keyframes li-drop{0%{opacity:0;transform:translateY(-120%) scale(1.4) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes li-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes li-pulse{0%,to{box-shadow:0 10px color-mix(in srgb,var(--lvl) 70%,#000),0 0 color-mix(in srgb,var(--lvl) 55%,transparent)}50%{box-shadow:0 10px color-mix(in srgb,var(--lvl) 70%,#000),0 0 0 18px transparent}}@keyframes li-count{0%{opacity:0;transform:scale(2.4)}35%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(.6)}}@keyframes li-go{0%{opacity:0;transform:scale(.3) rotate(-10deg)}40%{opacity:1;transform:scale(1.15) rotate(3deg)}to{opacity:1;transform:scale(1.3)}}@media (prefers-reduced-motion: reduce){.li-rays,.li-glow,.li-particles i,.li-title span,.li-start{animation:none}}.client-intro{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;border-radius:16px;text-align:center;color:#fff;background:var(--easy);animation:li-rise .5s ease-out both}.client-intro.level-medium{background:var(--medium)}.client-intro.level-hard{background:var(--hard)}.client-intro small{font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.client-intro strong{font:800 2rem var(--font-d)}.client-intro span{font-size:.9rem;opacity:.9}
