:root{--bg:#0b1020;--surface:#121b2e;--surface2:#151f34;--line:#2b3a53;--text:#eff7ff;--muted:#93a7bf;--aqua:#70f6da;--mint:#b3ff9e;--blue:#77b6ff;--orange:#ffb888;--red:#ff809b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif;margin:0;min-width:320px;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}button:disabled{opacity:.6;cursor:not-allowed}.hidden{display:none!important}.glow{position:absolute;pointer-events:none;z-index:0;filter:blur(115px);border-radius:50%}.glow-one{width:39vw;height:39vw;right:0;top:-8%;background:#2663a727}.glow-two{width:25vw;height:25vw;left:0;top:950px;background:#56edc115}.page{position:relative;z-index:1;max-width:1480px;padding:0 clamp(20px,5vw,76px);margin:auto}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26324b;gap:18px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#071923;background:var(--aqua);position:relative;font:800 27px "Space Grotesk";letter-spacing:-3px}.brand-mark .mark-pulse{position:absolute;width:6px;height:6px;border-radius:50%;background:#0b2634;bottom:9px;right:9px}.brand-name{font-size:16px;font-weight:800;letter-spacing:-.6px}.brand-name b{color:var(--aqua)}.brand-name small{display:block;font:600 9px "Space Grotesk";letter-spacing:3px;color:#93a9c1;margin-top:4px}.nav-caption{font:600 10px "Space Grotesk";letter-spacing:1.5px;color:#9cb5c5;display:flex;align-items:center;gap:9px}.nav-caption em{font-style:normal;color:#576e86}.online-dot{width:7px;height:7px;background:var(--aqua);box-shadow:0 0 14px var(--aqua);border-radius:50%}.nav-links{display:flex;align-items:center;gap:10px}.nav-back,.icon-btn{border:1px solid #364660;border-radius:7px;padding:13px 15px;font:700 10px "Space Grotesk";letter-spacing:.8px;background:#121d30}.nav-back span{color:var(--aqua);margin-left:9px}.icon-btn{font-size:17px;min-width:43px;color:#a9bed5}.icon-btn.active{color:var(--aqua);border-color:var(--aqua)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;min-height:574px;padding:54px 0 62px}.label-top,.hero-chips,.hero-cta,.kicker,.mode-index,.mode-footer,.field-no,.choice small,.launch-status,.launch small,.secure-tag,.game-subline,.hud small,.hud-tag,.arena-header,.question-label,.answer small,.answer i,.arena-bottom,.camera-title,.video-footer,.recognition-top,.signal-details,.sensitivity,.manual>strong,.manual p,.privacy,.results .score-big>span,.result-metrics small,footer{font-family:"Space Grotesk",system-ui,sans-serif;letter-spacing:1px}.label-top{font-size:10px;font-weight:700;color:var(--aqua);display:flex;align-items:center;gap:9px}.label-top span{width:27px;height:1px;background:var(--aqua)}.hero h1{font-family:"Space Grotesk";font-size:clamp(57px,6.4vw,94px);line-height:.96;letter-spacing:-5px;margin:28px 0}.hero h1 em{font-style:normal;color:var(--aqua)}.hero h1>span{-webkit-text-stroke:1.4px #c4f0ed;color:transparent}.hero-info>p{max-width:540px;font-size:15px;line-height:1.85;color:#adbed0}.hero-chips{display:flex;gap:17px;flex-wrap:wrap;font-weight:700;font-size:9px;color:#bdcfe0;margin:28px 0 35px}.hero-chips span:first-child{color:var(--aqua)}.hero-chips span:nth-child(2){color:#a8c3ff}.hero-chips span:nth-child(3){color:#d5c4a2}.hero-cta{font-size:11px;display:inline-flex;gap:30px;font-weight:700;align-items:center}.hero-cta span{font-size:22px;color:var(--aqua)}.visual-hero{position:relative;height:445px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#1a4b60 0%,#142f49 27%,#10182a 56%,transparent 74%);isolation:isolate}.visual-hero:before{content:"";position:absolute;inset:0;opacity:.34;background:linear-gradient(90deg,#57c9bd1b 1px,transparent 1px) 0 0/40px 40px,linear-gradient(0deg,#57c9bd1b 1px,transparent 1px) 0 0/40px 40px;mask-image:radial-gradient(circle,#000 24%,transparent 75%)}.scan-circle{position:absolute;left:50%;top:50%;border:1px solid #6edce366;border-radius:50%;transform:translate(-50%,-50%)}.c-one{width:365px;height:365px;box-shadow:0 0 70px #58f5ed1a,inset 0 0 45px #58f5ed0e}.c-two{width:300px;height:300px;border-style:dashed;border-color:#71ffd44d;animation:rotateRing 40s linear infinite}@keyframes rotateRing{to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-scanline{position:absolute;left:4%;right:4%;height:1px;top:52%;background:linear-gradient(90deg,transparent,#6effd9ad,transparent);box-shadow:0 0 18px #65fbd7}.hero-person{position:absolute;left:50%;top:51%;width:260px;height:280px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 24px #68fcbe45);animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translate(-50%,-54%)}}.person-head{position:absolute;left:96px;top:0;width:70px;height:92px;background:linear-gradient(115deg,#155c7f,#81ffe0 52%,#267990);border-radius:43% 43% 47% 47%;transform:perspective(300px) rotateY(-8deg);box-shadow:inset -13px 0 25px #1343658a}.person-head i{position:absolute;width:25px;height:10px;border-radius:50%;background:#a8ffe4;opacity:.36;top:49px;left:23px}.person-head span{position:absolute;width:5px;height:5px;border-radius:50%;background:#defee1;top:40px}.person-head span:nth-of-type(1){left:20px}.person-head span:nth-of-type(2){right:20px}.person-neck{position:absolute;left:116px;top:85px;width:31px;height:32px;background:#3fbcaf}.person-chest{position:absolute;left:54px;top:104px;width:158px;height:160px;background:linear-gradient(125deg,#277e9b,#6fdfd0 42%,#185574);clip-path:polygon(18% 0,81% 0,98% 26%,100% 100%,0 100%,2% 26%);border-radius:37px 37px 5px 5px}.person-arm{position:absolute;top:119px;width:37px;height:127px;background:linear-gradient(90deg,#1f7695,#91f7df);border-radius:24px;transform-origin:top;box-shadow:0 0 18px #71f4d53a}.person-arm-left{left:34px;transform:rotate(44deg)}.person-arm-right{right:32px;transform:rotate(-44deg)}.joint{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint)}.j1{top:109px;left:55px}.j2{top:109px;right:48px}.j3{top:198px;left:0}.j4{top:198px;right:0}.visual-tag{position:absolute;z-index:2;padding:11px 14px;background:#0f2236cf;backdrop-filter:blur(10px);border:1px solid #396e83;border-radius:4px;color:#9ec9ce;font:600 9px "Space Grotesk";letter-spacing:2px}.visual-tag b{display:block;color:var(--aqua);margin-top:5px;font-size:13px}.vt-one{right:5%;top:21%}.vt-two{left:2%;bottom:22%}.visual-footer{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;color:#8da7bb;font:600 9px "Space Grotesk";letter-spacing:1px}.kicker{display:flex;gap:20px;align-items:center;font-size:10px;font-weight:700;color:#8798ae;margin-bottom:32px}.kicker span:first-child{color:var(--aqua)}.kicker i{height:1px;background:#2d3b52;flex:1}.modes-intro,.config-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:25px}.modes-intro h2,.config-head h2{font:700 clamp(32px,3.5vw,48px)/1.14 "Space Grotesk";letter-spacing:-2px;margin:0}.modes-intro h2 em{font-style:normal;color:var(--aqua)}.modes-intro p,.config-head p{color:#a1b0c7;margin:11px 0 0;font-size:14px}.counter-large{font:700 28px "Space Grotesk";color:#42516c}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mode-card{min-width:0;display:flex;flex-direction:column;text-align:left;background:linear-gradient(155deg,#151f35,#10192a);border:1px solid #2e3e57;border-radius:12px;color:var(--text);padding:24px;transition:transform .16s,border-color .16s,box-shadow .16s}.mode-card:hover{transform:translateY(-3px);border-color:#72afa9}.mode-card.selected{border-color:var(--aqua);box-shadow:inset 0 0 0 1px #70f6da22,0 0 35px #70f6da10;background:linear-gradient(145deg,#153342,#101d32 90%)}.mode-top{display:flex;justify-content:space-between}.mode-index{font-size:10px;color:var(--aqua);font-weight:700}.mode-select{border:1px solid #60748e;width:18px;height:18px;border-radius:50%;position:relative}.selected .mode-select{border-color:var(--aqua)}.selected .mode-select:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--aqua)}.mode-pictogram{height:155px;width:100%;display:grid;place-items:center;background:radial-gradient(ellipse,#224b6566,transparent 70%);margin:15px auto 11px;color:#8df8dc}.mode-pictogram svg{width:230px;max-width:100%;height:137px;filter:drop-shadow(0 0 11px #53d9b53e)}.hand-picto{color:#9cbaff}.torso-picto{color:#ddc6ff}.mode-card h3{font:700 26px "Space Grotesk";letter-spacing:-.8px;margin:0 0 11px}.mode-card>p{color:#9db0c6;line-height:1.65;font-size:13px;min-height:45px;margin:0}.mode-footer{border-top:1px solid #2c3b50;margin-top:27px;padding-top:19px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#91c7c4}.mode-footer span:last-child{font-size:19px;color:var(--aqua)}.configure{padding-top:75px}.secure-tag{font-size:10px;color:var(--aqua);border:1px solid #405d5d;padding:10px;border-radius:5px}.config-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-col{background:linear-gradient(140deg,#121c30,#0f192b);border:1px solid #2d3a52;border-radius:12px;padding:25px}.field-header{display:flex;gap:13px;align-items:center;margin-bottom:25px}.field-no{width:36px;height:36px;display:grid;place-items:center;border:1px solid #46817c;border-radius:7px;color:var(--aqua);font-size:12px}.field-header strong{font-size:17px;display:block}.field-header small{font-size:12px;display:block;margin-top:4px;color:#8097b0}.choice-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice,.subject{background:#151f32;border:1px solid #354159;border-radius:8px;color:#d9e7f6;text-align:left;transition:.15s}.choice:hover,.subject:hover{border-color:#8dced2}.choice.active,.subject.active{border-color:var(--aqua);background:#203e43b0;box-shadow:inset 0 0 15px #6de9b40c}.choice{display:flex;flex-direction:column;gap:8px;min-height:120px;padding:15px}.choice span{font:700 25px "Space Grotesk";color:var(--aqua)}.choice strong{font-size:12px}.choice small{font-size:9px;color:#9cafc3}.subjects .subject{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;padding:14px;min-height:55px}.subject b{font:700 25px "Space Grotesk";color:var(--aqua);min-width:29px}.launch{margin-top:20px;border:1px solid #33585b;border-radius:12px;background:linear-gradient(95deg,#16283a,#112330);display:flex;justify-content:space-between;align-items:center;padding:20px 24px;gap:15px}.launch>div{display:flex;flex-direction:column;gap:6px}.launch-status{color:var(--aqua);font-size:10px;font-weight:700}.launch strong{font-size:19px;letter-spacing:-.4px}.launch small{font-size:9px;color:#a2b9ca}.main-btn{border:0;border-radius:6px;color:#05272b;background:var(--aqua);font:700 12px "Space Grotesk";letter-spacing:.9px;padding:20px 24px;white-space:nowrap;transition:.15s}.main-btn span{font-size:20px;margin-left:35px}.main-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #68f5cd30}.guide{padding:70px 0 87px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2d3d55;border:1px solid #2d3d55;border-radius:9px;overflow:hidden}.guide-grid>div{padding:26px;background:#111a2b}.guide-grid span{display:block;color:var(--aqua);font:700 12px "Space Grotesk";margin-bottom:14px}.guide-grid strong{font:700 17px "Space Grotesk"}.guide-grid p{color:#9fb1c9;font-size:13px;line-height:1.7;margin:9px 0 0}footer{border-top:1px solid #29374f;padding:27px 0 37px;display:flex;justify-content:space-between;gap:10px;color:#7f93a9;font-size:9px}footer a{color:var(--aqua)}#gameView{padding:30px 0 64px}.game-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:23px}.game-heading h2{font:700 42px "Space Grotesk";letter-spacing:-1.8px;margin:8px 0 2px}.game-subline{font-size:10px;color:#90a9c1}.game-actions{display:flex;gap:8px}.small-btn{font:700 10px "Space Grotesk";letter-spacing:.7px;background:#141f31;color:#e4f4ff;border:1px solid #3a4a61;border-radius:6px;padding:12px 16px}.small-btn span{color:var(--aqua)}.small-btn.active{color:var(--aqua);border-color:var(--aqua)}.hud{display:flex;gap:10px;align-items:stretch;margin-bottom:15px}.hud>div{border:1px solid #2c405a;border-radius:8px;background:#141e31;padding:12px 17px;min-width:125px}.hud small{display:block;color:#8497b4;font-size:9px;margin-bottom:6px}.hud strong{font:700 25px "Space Grotesk";letter-spacing:-1px}.hud>div:nth-child(4) strong{color:var(--aqua)}.hud-tag{margin-left:auto;align-self:center;color:#c0ccd8;font-size:9px;border:1px solid #47536a;border-radius:4px;padding:10px}.hud-tag.live{color:var(--aqua);border-color:#3b8b80}.hud-tag.err{color:var(--red);border-color:#88495d}.progress-line{background:#293a4f;height:3px;margin-bottom:21px;overflow:hidden}.progress-line>span{display:block;height:100%;width:0%;background:var(--aqua);transition:width .25s}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:18px}.arena{min-height:655px;position:relative;overflow:hidden;border:1px solid #34465c;border-radius:12px;background:radial-gradient(ellipse at 50% 77%,#1a4e696e,transparent 60%),linear-gradient(165deg,#152542,#0b1328 90%);padding:25px;display:flex;flex-direction:column}.arena:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#7cd9da13 1px,transparent 1px) 0 0/48px 48px,linear-gradient(0deg,#7cd9da13 1px,transparent 1px) 0 0/48px 48px;mask-image:linear-gradient(transparent 8%,black 90%)}.arena-header,.arena-bottom{display:flex;justify-content:space-between;gap:10px;color:#8ea9c6;font-size:9px;font-weight:700;position:relative;z-index:1}.arena-header>span:last-child{color:var(--aqua)}.question{text-align:center;z-index:1;position:relative;margin:77px auto 30px;max-width:670px;min-height:123px}.question-label{color:var(--aqua);font-size:10px;margin-bottom:15px}.question h3{font:700 clamp(25px,3.1vw,39px)/1.25 "Space Grotesk";letter-spacing:-1.1px;margin:0}.question p{font-size:13px;color:#b1c7db;margin:11px 0 0}.answers{z-index:1;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;flex:1;align-items:stretch;padding:12px 0 45px}.answers:before{content:"";position:absolute;bottom:0;left:6%;width:88%;height:80px;background:radial-gradient(ellipse,#67e9d12b,transparent 72%);border-radius:50%;z-index:-1}.answer{border:1px solid #487c92;border-radius:5px;color:#fff;background:linear-gradient(180deg,#21405cba,#13223b);min-height:214px;padding:26px 8px 16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:15px;position:relative;transition:transform .18s,border .18s,background .18s}.answer:hover,.answer.focused{transform:translateY(-5px);border-color:var(--aqua);box-shadow:0 0 26px #6df5ca25;background:linear-gradient(180deg,#255f69,#183040)}.answer.correct{border-color:var(--mint);background:#254d44}.answer.incorrect{border-color:var(--red);background:#552a42}.answer small{font-size:9px;color:#a1c5d1;line-height:1.4;text-align:center}.answer b{font:700 clamp(18px,2.6vw,33px)/1.15 "Space Grotesk";letter-spacing:-.65px;text-align:center;overflow-wrap:anywhere}.answer i{font-size:10px;font-style:normal;color:var(--aqua)}.motion-challenge{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding-bottom:32px}.motion-ring{height:176px;width:176px;border:1px solid #609ca1;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 21px #86ffe909,inset 0 0 30px #70f6da13}.motion-ring span{font:700 93px "Space Grotesk";color:var(--aqua)}.motion-challenge h3{font:700 24px "Space Grotesk";margin:12px 0 0;letter-spacing:.5px;text-align:center}.motion-challenge>p{font-size:13px;color:#a9c5d9;text-align:center;margin:0}.arena-bottom{margin-top:auto;align-items:center}.arena-bottom>div{display:flex;gap:9px;align-items:center}.step-dot{height:6px;width:6px;background:var(--aqua);box-shadow:0 0 14px var(--aqua);border-radius:50%}.feedback{opacity:0;transform:translate(-50%,-48%) scale(.95);transition:.16s;position:absolute;z-index:4;top:52%;left:50%;width:max-content;max-width:85%;pointer-events:none;border:1px solid #6ff2c0;background:#0c1725f2;border-radius:8px;box-shadow:0 20px 50px #0009;color:var(--mint);padding:17px 24px;font:700 20px "Space Grotesk";text-align:center}.feedback.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.feedback.bad{color:var(--red);border-color:var(--red)}.sidebar{align-self:start;background:#111b2c;border:1px solid #31445b;border-radius:12px;padding:17px}.camera-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:2px 0 13px;font-weight:700}.camera-title>span{display:flex;align-items:center;gap:9px}.camera-title i{height:6px;width:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 9px var(--aqua)}.camera-title small{font-size:9px;color:#89a0b9}.video-frame{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid #446a83;border-radius:3px;background:radial-gradient(ellipse,#16435c,#080e1e)}.video-frame video,.video-frame canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-frame video{z-index:1}.video-frame canvas{z-index:2;pointer-events:none}.video-corner{position:absolute;z-index:4;width:19px;height:19px;border:2px solid var(--aqua)}.vc1{top:10px;left:10px;border-right:0;border-bottom:0}.vc2{top:10px;right:10px;border-left:0;border-bottom:0}.vc3{bottom:28px;left:10px;border-right:0;border-top:0}.vc4{bottom:28px;right:10px;border-left:0;border-top:0}.camera-mask{position:absolute;inset:0;z-index:3;background:#0b1b2bd9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;gap:9px}.camera-mask>span{color:var(--aqua);font-size:39px;margin-bottom:7px}.camera-mask strong{font:700 12px "Space Grotesk";letter-spacing:.8px}.camera-mask small{font-size:11px;line-height:1.7;color:#adc2d1}.video-footer{position:absolute;z-index:5;bottom:0;left:0;right:0;background:#081623db;display:flex;justify-content:space-between;padding:8px 9px;color:var(--aqua);font-size:8px;font-weight:700}.calibration{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid #283950}.calibration strong{font-size:12px;display:block}.calibration small{font-size:10px;color:#8ea4bd;display:block;line-height:1.45;margin-top:6px}.calibration button{border:1px solid #448b89;background:transparent;color:var(--aqua);padding:10px 9px;border-radius:4px;font:700 9px "Space Grotesk";letter-spacing:.5px;flex-shrink:0}.calibration button:hover{background:#6ffbd515}.recognition{padding:18px 0;border-bottom:1px solid #283950}.recognition-top{display:flex;justify-content:space-between;font-size:10px;color:#c3d5e7;font-weight:700;gap:8px}.recognition-top span{color:var(--aqua)}.signal-line{height:7px;background:#273951;margin:16px 0 10px;border-radius:5px;overflow:hidden}.signal-line span{display:block;width:0%;height:100%;background:linear-gradient(90deg,#46b5dd,var(--aqua));transition:width .1s}.signal-details{display:flex;justify-content:space-between;color:#97aec4;font-size:9px}.recognition p{font-size:11px;color:#91aac2;line-height:1.5;margin:11px 0 0}.sensitivity{padding:18px 0;border-bottom:1px solid #283950}.sensitivity label{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#bdcedf}.sensitivity label b{color:var(--aqua)}.sensitivity input{width:100%;accent-color:var(--aqua);margin:17px 0 6px}.sensitivity>div{display:flex;justify-content:space-between;font-size:9px;color:#788eaa}.manual{padding-top:19px}.manual>strong{font-size:10px;color:#d4e6fa}.manual p{font:400 11px/1.7 "DM Sans";color:#90a6bd;margin:8px 0 13px;letter-spacing:0}.manual>div{display:flex;gap:6px}.manual>div button{flex:1;min-width:0;background:#1a2a41;border:1px solid #35516b;border-radius:5px;padding:11px 2px;color:#e5f3ff;font:700 20px "Space Grotesk";display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.manual button:hover{border-color:var(--aqua);color:var(--aqua)}.manual small{font-size:8px;color:#a6bdd3}.manual-coach{width:100%;margin-top:10px;background:#1a2f3d;border:1px solid #4eada8;border-radius:5px;padding:14px;color:var(--aqua);font:700 10px "Space Grotesk";letter-spacing:.6px}.privacy{margin:17px 0 0;padding-top:15px;border-top:1px solid #2c4055;color:#7b96aa;font-size:9px;line-height:1.7}#resultView{padding:75px 0}.results{text-align:center;max-width:650px;margin:auto;padding:48px 35px;border:1px solid #39515e;border-radius:12px;background:radial-gradient(ellipse at 50% 10%,#226a6b3a,transparent 65%),#121b2b}.result-icon{font-size:64px;color:var(--aqua);text-shadow:0 0 23px #70f6da80}.results .label-top{justify-content:center;margin:17px 0}.results h2{font:700 clamp(43px,6vw,66px) "Space Grotesk";letter-spacing:-2px;margin:0}.results h2 em{color:var(--aqua);font-style:normal}.results>p{color:#a8bfd4;font-size:14px;line-height:1.7}.score-big{display:flex;flex-direction:column;gap:8px;margin:30px 0}.score-big span{font-size:10px;color:#92b4b6}.score-big strong{color:var(--aqua);font:700 79px "Space Grotesk";letter-spacing:-3px}.result-metrics{border-top:1px solid #30445d;padding-top:25px;display:flex;justify-content:space-around;gap:7px}.result-metrics>div{display:flex;flex-direction:column;gap:5px}.result-metrics strong{font:700 27px "Space Grotesk"}.result-metrics small{font-size:9px;color:#95aabd}.result-buttons{display:flex;justify-content:center;gap:12px;margin-top:32px;align-items:stretch}.result-buttons>.small-btn{padding:17px 20px}@media(max-width:1150px){.nav-caption{display:none}.hero h1{font-size:clamp(57px,6.6vw,84px)}.game-layout{grid-template-columns:minmax(0,1fr) 320px}.mode-card{padding:20px}.mode-card h3{font-size:22px}.arena{padding:21px}.answer{min-height:190px}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:3px}.visual-hero{max-width:560px;width:100%;margin:auto}.hero h1{font-size:clamp(58px,10vw,86px)}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{display:grid;grid-template-columns:105px 1fr;column-gap:14px;align-items:center;padding:16px}.mode-card .mode-top{grid-column:1/-1}.mode-pictogram{grid-column:1;grid-row:2/5;width:100px;height:110px;margin:0}.mode-pictogram svg{width:100px}.mode-card h3{grid-column:2;margin:0}.mode-card>p{grid-column:2;margin:0}.mode-footer{grid-column:1/-1;margin-top:12px;padding-top:11px}.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.camera-title{grid-column:1/-1}.video-frame{grid-column:1;grid-row:2/6}.calibration,.recognition,.sensitivity,.manual{grid-column:2}.privacy{grid-column:1/-1}.arena{min-height:550px}}@media(max-width:650px){.page{padding:0 15px}.nav{height:73px}.brand-mark{width:42px;height:42px}.brand-name{font-size:13px}.brand-name small{font-size:7px}.nav-back{font-size:0;padding:13px}.nav-back span{font-size:15px;margin:0}.hero{padding:40px 0 32px;min-height:auto}.hero h1{font-size:clamp(49px,12vw,73px);letter-spacing:-3px}.hero-info>p{font-size:14px}.hero-chips{gap:13px;font-size:8px}.visual-hero{height:335px}.c-one{width:280px;height:280px}.c-two{width:225px;height:225px}.hero-person{transform:translate(-50%,-50%) scale(.78);animation:none}.vt-one{top:13%;right:0}.vt-two{bottom:17%;left:0}.kicker{font-size:9px;gap:10px}.modes-intro h2,.config-head h2{font-size:33px}.modes-intro p,.config-head p{font-size:12px;line-height:1.65}.counter-large{font-size:19px}.configure{padding-top:54px}.config-head{align-items:start;flex-direction:column}.secure-tag{font-size:9px}.config-wrap{grid-template-columns:1fr;gap:12px}.field-col{padding:18px}.choice strong{font-size:11px}.choice{min-height:107px}.launch{flex-direction:column;align-items:stretch;gap:19px;padding:19px}.launch .main-btn{text-align:left}.guide{padding:56px 0}.guide-grid{grid-template-columns:1fr}.guide-grid>div{padding:18px}.guide-grid span{margin-bottom:7px}.game-heading{align-items:start;flex-direction:column}.game-heading h2{font-size:34px}.game-actions{align-self:stretch}.small-btn{font-size:9px;padding:11px}.hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.hud>div{padding:10px 6px;min-width:0}.hud small{font-size:8px}.hud strong{font-size:20px}.hud-tag{grid-column:1/-1;margin:0;text-align:center}.arena{padding:15px;min-height:525px}.question{margin:60px auto 15px;min-height:120px}.question h3{font-size:25px}.question p{font-size:11px}.answers{gap:6px;padding:10px 0 35px}.answer{min-height:170px;padding:17px 3px 11px;gap:8px}.answer small{font-size:8px;letter-spacing:0;line-height:1.3}.answer b{font-size:20px}.arena-header,.arena-bottom{font-size:8px}.sidebar{display:flex;flex-direction:column}.video-frame{width:100%}.calibration,.recognition,.sensitivity,.manual{width:100%}.result-buttons{flex-direction:column}.results{padding:37px 19px}.score-big strong{font-size:66px}.results h2{font-size:50px}footer{flex-wrap:wrap;line-height:1.6;font-size:8px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Genuine THREE.js WebGL + rigged human GLB; CSS person remains as no-WebGL fallback. */
.visual-hero .avatar3d-hero{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:18px}
.visual-hero.webgl-ready .hero-person{display:none}
.visual-hero .human3d-canvas,.avatar3d-game .human3d-canvas{display:block;width:100%;height:100%;outline:none;cursor:grab}
.visual-hero .human3d-canvas:active,.avatar3d-game .human3d-canvas:active{cursor:grabbing}
.webgl-chip{position:absolute;top:12px;left:11px;z-index:5;font:700 8px "Space Grotesk",sans-serif;letter-spacing:.85px;color:var(--aqua);background:#071c2bc7;border:1px solid #396b75;border-radius:4px;padding:8px 10px;max-width:55%}
.avatar-choose{position:absolute;bottom:35px;right:10px;z-index:6;display:flex;gap:4px;background:#0c182ada;padding:4px;border-radius:7px;border:1px solid #416e77}
.avatar-choose button,.avatar-gesture-demo button{background:#14283a;color:#a7c9d6;border:1px solid #31536a;border-radius:4px;padding:8px 10px;font:700 9px "Space Grotesk";letter-spacing:.4px;transition:.15s}
.avatar-choose button.selected,.avatar-choose button:hover,.avatar-gesture-demo button:hover{background:var(--aqua);color:#092127;border-color:var(--aqua)}
.avatar-gesture-demo{position:absolute;bottom:35px;left:7px;z-index:6;display:flex;gap:4px}
.webgl-section{padding:0 0 15px;margin-bottom:18px;border-bottom:1px solid #2b4057}
.webgl-heading,.webgl-caption{display:flex;justify-content:space-between;align-items:center;gap:7px;font:700 9px "Space Grotesk";letter-spacing:.55px;color:#d5fbf3;margin:2px 0 12px}
.webgl-heading span:last-child{color:var(--aqua);text-align:right}
.avatar3d-game{height:250px;width:100%;overflow:hidden;position:relative;border:1px solid #466b7d;background:radial-gradient(ellipse at 50% 51%,#1d4e64,#11203a 62%,#0b1628);border-radius:5px}
.avatar3d-game .avatar3d-fallback{position:absolute;top:48%;left:0;right:0;text-align:center;color:#a3c7ca;font:700 10px "Space Grotesk";letter-spacing:1px;pointer-events:none}
.avatar3d-game.loaded .avatar3d-fallback{display:none}
.webgl-caption{font-size:8px;color:#83a8af;margin:9px 0 1px}
@media(max-width:850px){.webgl-section{grid-column:1/-1}.avatar3d-game{height:290px}}
@media(max-width:650px){.avatar-choose{bottom:32px;right:6px}.avatar-choose button,.avatar-gesture-demo button{font-size:8px;padding:7px}.avatar-gesture-demo{bottom:32px;left:4px}.webgl-chip{font-size:7px;max-width:70%}.avatar3d-game{height:280px}}

/* SG Playwright UAT 2026-10-17: prevent tall sidebar from stretching the quiz arena.
   At narrow 320px viewport allow inner grid tracks to shrink without overflow. */
@media(min-width:851px){
 .arena{align-self:start;min-height:545px}
 .question{margin:44px auto 15px;min-height:103px}
 .answers{padding:8px 0 22px}
 .answer{min-height:205px}
}
@media(max-width:650px){
 .config-wrap{grid-template-columns:minmax(0,1fr)}
 .field-col{min-width:0}
 .choice-group{grid-template-columns:repeat(2,minmax(0,1fr))}
 .choice{min-width:0;overflow-wrap:anywhere}
}

/* SG cross-device UAT: accessible confirmation inside the Coach challenge. */
.quick-coach-btn{border:1px solid #70f6da;background:#70f6da;color:#08282b;padding:13px 18px;border-radius:6px;font:700 11px "Space Grotesk",sans-serif;letter-spacing:.65px;margin-top:15px}
.quick-coach-btn span{margin-left:9px}.quick-coach-btn:hover{background:#b3ff9e;border-color:#b3ff9e}
@media(max-width:350px){.subjects .subject{padding:10px 7px;gap:4px;font-size:11px}.subject b{min-width:23px;font-size:20px}}

/* Upper-body focused WebGL V2 */
.avatar-gesture-demo{max-width:62%;flex-wrap:wrap;bottom:34px}
.avatar-gesture-demo button{background:#142f40e6}
.visual-footer{bottom:6px}
.avatar3d-game{height:285px}
@media(max-width:650px){.avatar-gesture-demo{max-width:63%;bottom:35px}.avatar-gesture-demo button{font-size:7px;padding:6px}.avatar3d-game{height:275px}}
/* Visual UAT: hands must fit the WebGL stage; small-width header must not overflow. */
@media(min-width:851px){.visual-hero{height:510px}}
@media(max-width:850px){.visual-hero{height:410px}}
@media(max-width:350px){
 .nav{gap:7px}
 .brand{gap:6px}
 .brand-mark{width:35px;height:35px;font-size:22px}
 .brand-name{font-size:10px;letter-spacing:-.4px}
 .brand-name small{font-size:6px;letter-spacing:1.5px}
 .nav-links{gap:5px}
 .nav-back,.icon-btn{padding:9px}
 .icon-btn{min-width:36px}
}