@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(./barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(./barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(./barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(./barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(./barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(./barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(./barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(./barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(./barlow-latin-700-normal-__SGTsZ1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(./barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(./barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2)format("woff2"),url(./barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(./barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(./barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--senai-blue:#164193;--senai-blue-portal:#005caa;--senai-orange:#e7490f;--senai-orange-hi:#ff6a2b;--senai-orange-deep:#b8360a;--night:#050f2b;--deep:#0a1f4f;--panel:#0f2c68;--panel-hi:#17398a;--line:#8cb4ff38;--line-strong:#8cb4ff80;--signal:#4fb3ff;--paper:#fff;--paper-soft:#eaf1fc;--ink:#fff;--ink-soft:#e2ecfccc;--ink-mute:#e2ecfc8c;--ink-dark:#0b1b42;--accent:var(--signal);--ok:#1fc477;--ok-deep:#0a7a48;--bad:#f2405d;--bad-deep:#a3142f;--warn:#ffc23d;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Barlow", "Segoe UI", Arial, sans-serif;--fs-mega:176px;--fs-xxl:112px;--fs-xl:84px;--fs-lg:60px;--fs-md:46px;--fs-body:36px;--fs-sm:29px;--fs-xs:24px;--gutter:72px;--chamfer:30px;--chamfer-sm:16px;--touch-min:104px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.5, .64, 1);--dur-press:90ms;--dur:.28s;--dur-slow:.52s}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:var(--night)}body{font-family:var(--font-body);color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}:focus{outline:none}:focus-visible{outline:4px solid var(--signal);outline-offset:6px}.num{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chamfer{--c:var(--chamfer);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c))}@keyframes enter-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes enter-fade{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{transform:translateY(105%)}to{transform:none}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.12,1.4)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-14px)}40%{transform:translate(12px)}60%{transform:translate(-8px)}80%{transform:translate(4px)}}@keyframes float-points{0%{opacity:0;transform:translateY(20px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.05)}75%{opacity:1;transform:translateY(-24px)scale(1)}to{opacity:0;transform:translateY(-48px)scale(1)}}@keyframes flash-edge{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes count-zoom{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(.8)}}@keyframes ring-burst{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes sweep{0%{transform:translate(-120%)rotate(18deg)}to{transform:translate(220%)rotate(18deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes dash-flow{to{stroke-dashoffset:-400px}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes auto-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes card-in-left{0%{opacity:0;transform:translate(-120px)scale(.96)}to{opacity:1;transform:none}}@keyframes card-in-right{0%{opacity:0;transform:translate(120px)scale(.96)}to{opacity:1;transform:none}}@keyframes tile-in{0%{opacity:0;transform:translateY(60px)scale(.9)}to{opacity:1;transform:none}}@keyframes hero-in{0%{opacity:0;transform:scale(.4)rotate(-25deg)}70%{opacity:1;transform:scale(1.06)rotate(3deg)}to{opacity:1;transform:none}}@keyframes ribbon{to{transform:translate(-50%)}}.stagger>*{animation:enter-up var(--dur-slow) var(--ease-out) backwards}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.14s}.stagger>:nth-child(4){animation-delay:.21s}.stagger>:nth-child(5){animation-delay:.28s}.stagger>:nth-child(6){animation-delay:.35s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.flash{--tone:var(--ok);z-index:20;pointer-events:none;box-shadow:inset 0 0 0 16px var(--tone), inset 0 0 240px color-mix(in srgb, var(--tone) 70%, transparent);animation:.9s ease-out both flash-edge;position:absolute;inset:0}.flash[data-tone=bad]{--tone:var(--bad)}.flash[data-tone=warn]{--tone:var(--warn)}.viewport{background:radial-gradient(80% 50% at 50% 0%, #005caa59, transparent 70%), linear-gradient(180deg, #0a2155, var(--night));position:fixed;inset:0;overflow:hidden}.stage{--accent:var(--signal);transform-origin:50%;background:radial-gradient(110% 55% at 88% 0%, #005caa99, transparent 62%), radial-gradient(90% 45% at 0% 100%, #164193a6, transparent 60%), linear-gradient(180deg, #0b2459 0%, #08194a 55%, var(--night) 100%);width:1080px;height:1920px;position:absolute;top:50%;left:50%;overflow:hidden}.backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.backdrop__grid{width:100%;height:100%;position:absolute;inset:0}.backdrop__traces path{fill:none;stroke:#4fb3ff3d;stroke-width:2px}.backdrop__pulses path{fill:none;stroke:var(--signal);stroke-width:3px;stroke-linecap:round;stroke-dasharray:36 364;opacity:.75;animation:7.8s linear infinite dash-flow}.backdrop__nodes circle{fill:var(--signal);opacity:.55}.backdrop__turbine{fill:none;stroke:#82afff1f;width:920px;height:920px;animation:140s linear infinite spin-slow;position:absolute;top:-260px;right:-300px}.backdrop__sweep{background:linear-gradient(90deg,#0000,#78b4ff12,#0000);width:340px;height:140%;animation:12s linear infinite sweep;position:absolute;top:-20%;left:0}.backdrop__rail{background:linear-gradient(90deg, var(--senai-orange) 0 38%, var(--senai-blue-portal) 38% 100%);height:10px;position:absolute;bottom:0;left:0;right:0}.stage:after{content:"";pointer-events:none;background:radial-gradient(70% 40% at 100% 55%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);transition:background .6s;position:absolute;inset:0}.stage[data-size=compact] .hide-compact{display:none!important}.stage[data-mood=focus] .backdrop__sweep,.stage[data-mood=focus] .backdrop__pulses{display:none}.stage[data-mood=focus] .backdrop__turbine{opacity:.6}.stage[data-mood=celebrate] .backdrop__turbine{stroke:#ff8c5a29}.overlay{z-index:50;padding:var(--gutter);animation:enter-fade var(--dur) ease-out both;background:#050f2bdb;place-items:center;display:grid;position:absolute;inset:0}.overlay__panel{--c:var(--chamfer);background:linear-gradient(180deg, var(--panel-hi), var(--deep));width:100%;max-width:900px;box-shadow:inset 0 0 0 3px var(--line-strong);text-align:center;animation:pop-in .38s var(--ease-spring) both;justify-items:center;gap:28px;padding:64px 56px;display:grid}.overlay__panel--wide{max-width:940px}.overlay__title{font-size:var(--fs-xl);text-transform:uppercase;font-weight:800;line-height:1}.overlay__text{font-size:var(--fs-body);color:var(--ink-soft);line-height:1.3}.overlay__hint{font-size:var(--fs-sm);color:var(--ink-mute)}.overlay__actions{gap:24px;width:100%;margin-top:12px;display:grid}.idle-count{--p:1;background:radial-gradient(closest-side, var(--deep) 84%, transparent 85%), conic-gradient(var(--warn) calc(var(--p) * 360deg), #ffffff1f 0);width:200px;height:200px;font-family:var(--font-display);color:var(--warn);border-radius:50%;place-items:center;font-size:104px;font-weight:800;display:grid}.op-hotspot{z-index:40;width:150px;height:150px;position:absolute;top:0;left:0}.op-grid{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.op-grid .tbtn{display:flex}.overlay--operator{z-index:60}.tbtn{--h:136px;--fs:52px;--px:44px;--c:28px;min-height:var(--h);filter:drop-shadow(0 14px 20px #00000059);transition:transform var(--dur-press) ease-out, filter var(--dur-press) ease-out;touch-action:none;display:inline-flex}.tbtn--xl{--h:172px;--fs:66px;--px:56px;--c:34px}.tbtn--lg{--h:136px;--fs:52px;--px:44px;--c:28px}.tbtn--md{--h:108px;--fs:40px;--px:36px;--c:22px}.tbtn--sm{--h:92px;--fs:32px;--px:30px;--c:18px}.tbtn--block{width:100%;display:flex}.tbtn__face{background:var(--tbtn-edge);flex:1;padding:3px;display:flex}.tbtn__inner{padding:0 var(--px);background:var(--tbtn-fill);color:var(--tbtn-ink);font-family:var(--font-display);font-size:var(--fs);letter-spacing:.04em;text-transform:uppercase;transition:filter var(--dur-press) ease-out;flex:1;justify-content:center;align-items:center;gap:.45em;font-weight:800;line-height:1;display:flex}.tbtn__inner[data-icon-first]{flex-direction:row-reverse}.tbtn__icon{font-size:.85em;display:inline-flex}.tbtn--primary{--tbtn-edge:linear-gradient(180deg, #ff9a68, #b8360a);--tbtn-fill:linear-gradient(180deg, #f85f22 0%, var(--senai-orange) 55%, #cc3c0a 100%);--tbtn-ink:#fff}.tbtn--primary .tbtn__inner{text-shadow:0 2px #781e0059}.tbtn--secondary{--tbtn-edge:#fff;--tbtn-fill:linear-gradient(180deg, #fff, #e6eefb);--tbtn-ink:var(--senai-blue)}.tbtn--ghost{--tbtn-edge:var(--line-strong);--tbtn-fill:#0a1f4fe0;--tbtn-ink:var(--ink)}.tbtn[data-pressed]{filter:drop-shadow(0 6px 8px #00000059);transform:translateY(4px)scale(.985)}.tbtn[data-pressed] .tbtn__inner{filter:brightness(.9)}.tbtn:disabled{opacity:.45}.opt{--c:26px;text-align:left;filter:drop-shadow(0 10px 16px #0000004d);width:100%;min-height:150px;transition:transform var(--dur-press) ease-out, opacity var(--dur) ease-out;touch-action:none;display:flex}.opt__face{transition:background var(--dur) ease-out;background:#fff9;flex:1;padding:3px;display:flex}.opt__inner{color:var(--ink-dark);transition:background var(--dur) ease-out, color var(--dur) ease-out;background:linear-gradient(#fff,#e9f0fb);flex:1;align-items:center;gap:28px;padding:18px 30px 18px 18px;display:flex}.opt__key{--c:16px;background:var(--senai-blue);color:#fff;width:96px;height:96px;font-family:var(--font-display);transition:background var(--dur) ease-out, color var(--dur) ease-out;flex:none;place-items:center;font-size:56px;font-weight:800;display:grid}.opt__text{flex:1;font-size:42px;font-weight:600;line-height:1.15}.opt__mark{flex:none;place-items:center;width:64px;font-size:64px;display:grid}.opt__mark:empty{display:none}.opt[data-pressed]{transform:scale(.985)}.opt[data-pressed] .opt__face{background:var(--senai-orange)}.opt[data-pressed] .opt__inner{background:linear-gradient(#fff6f1,#ffe3d6)}.opt[data-state=correct] .opt__face,.opt[data-state=reveal] .opt__face{background:var(--ok)}.opt[data-state=correct] .opt__inner{color:#fff;background:linear-gradient(#2bd88a,#11a965)}.opt[data-state=correct] .opt__key{color:var(--ok-deep);background:#fff}.opt[data-state=correct]{animation:pop-in .36s var(--ease-spring)}.opt[data-state=reveal] .opt__inner{background:linear-gradient(#ecfbf3,#d3f5e3)}.opt[data-state=reveal] .opt__key{background:var(--ok)}.opt[data-state=reveal] .opt__mark{color:var(--ok-deep)}.opt[data-state=wrong] .opt__face{background:var(--bad)}.opt[data-state=wrong] .opt__inner{color:#fff;background:linear-gradient(#f6566f,#d92646)}.opt[data-state=wrong] .opt__key{color:var(--bad-deep);background:#fff}.opt[data-state=wrong]{animation:.42s ease-out shake-x}.opt[data-state=dim]{opacity:.38}.opt:disabled{cursor:default}.timer{--arc:#fff;flex:none;width:210px;height:210px;position:relative}.timer[data-state=low]{--arc:var(--warn)}.timer[data-state=out]{--arc:var(--bad)}.timer svg{width:100%;height:100%}.timer__track{fill:#050f2b8c;stroke:#ffffff1f;stroke-width:14px}.timer__arc{fill:none;stroke:var(--arc);stroke-width:14px;stroke-linecap:round;transition:stroke var(--dur) ease-out}.timer__center{text-align:center;place-content:center;line-height:1;display:grid;position:absolute;inset:0}.timer__num{font-family:var(--font-display);color:var(--ink);font-size:96px;font-weight:800}.timer[data-state=low] .timer__num{color:var(--warn);animation:.3s ease-out pop-in}.timer__unit{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-top:2px;font-size:22px;font-weight:700}.timer[data-paused] .timer__arc{stroke:var(--ink-mute)}.hud-label{font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-weight:700;display:block}.score{text-align:right;position:relative}.score__value{font-family:var(--font-display);font-size:96px;font-weight:800;line-height:.95;display:block}.score__gain{background:var(--ok);color:#fff;font-family:var(--font-display);animation:float-points 1.6s var(--ease-out) both;pointer-events:none;margin-top:6px;padding:6px 16px;font-size:40px;font-weight:800;position:absolute;top:100%;right:0}.score__gain[data-negative]{background:var(--bad)}.steps-bar{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.steps-bar li{width:52px;height:14px;transition:background var(--dur) ease-out;background:#ffffff29;transform:skew(-24deg)}.steps-bar li[data-state=current]{background:var(--accent)}.steps-bar li[data-state=correct]{background:var(--ok)}.steps-bar li[data-state=wrong]{background:var(--bad)}.steps-bar li[data-state=timeout]{background:var(--warn)}.brand-plate{--c:18px;background:#fff;justify-content:center;align-items:center;padding:16px 26px;display:inline-flex}.brand-plate--lg{min-width:340px;height:132px}.brand-plate--md{min-width:280px;height:104px}.brand-plate--sm{min-width:228px;height:84px;padding:12px 20px}.brand-plate__img{width:auto;height:100%;display:block}.brand-plate:has(.brand-plate__img){min-width:0;padding-inline:22px}.brand-plate__ph{color:var(--senai-blue);text-align:center;border:2px dashed #16419373;flex:1;place-content:center;align-self:stretch;padding:0 16px;line-height:1.1;display:grid}.brand-plate__ph b{letter-spacing:.14em;font-size:18px}.brand-plate__ph span{font-family:var(--font-display);letter-spacing:.04em;font-size:30px;font-weight:800}.brand-plate--sm .brand-plate__ph b{font-size:14px}.brand-plate--sm .brand-plate__ph span{font-size:24px}.chip{--c:12px;color:#ffb08f;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;background:#e7490f29;align-items:center;gap:12px;padding:10px 22px;font-weight:700;display:inline-flex}.chip--signal{color:var(--signal);background:#4fb3ff24}.chip--warn{color:var(--warn);background:#ffc23d29}.chip--accent{background:color-mix(in srgb, var(--accent) 18%, transparent);color:color-mix(in srgb, var(--accent) 80%, #fff)}.chip svg{font-size:1.3em}.topbar__center{flex:1;justify-content:center;min-width:0;display:flex}.ctx-badge{--c:14px;background:color-mix(in srgb, var(--accent) 16%, #050f2b99);max-width:100%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);align-items:center;gap:14px;padding:10px 22px 10px 12px;display:inline-flex}.ctx-badge__icon{--c:8px;background:var(--accent);width:56px;height:56px;color:var(--ink-dark);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));flex:none;place-items:center;font-size:38px;display:grid}.ctx-badge__art{object-fit:contain;filter:drop-shadow(0 4px 6px #00000059);flex:none;width:64px;height:64px;margin:-6px 0}.ctx-badge__label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, #fff);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:28px;font-weight:800;line-height:1.05;display:-webkit-box;overflow:hidden}.gauge{flex:none;width:460px;height:460px;position:relative}.gauge svg{width:100%;height:100%;overflow:visible}.gauge__track{fill:none;stroke:#ffffff1a;stroke-width:28px;stroke-linecap:round}.gauge__value{fill:none;stroke:var(--accent);stroke-width:28px;stroke-linecap:round;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 55%, transparent));transition-property:stroke-dashoffset;transition-timing-function:cubic-bezier(.2,.8,.2,1)}.gauge__tick{stroke:#ffffff59;stroke-width:3px;stroke-linecap:round}.gauge__scale{fill:var(--ink-mute);font-family:var(--font-display);font-size:30px;font-weight:700}.gauge__center{text-align:center;place-content:center;justify-items:center;padding-top:20px;display:grid;position:absolute;inset:0}.gauge__grade{font-family:var(--font-display);font-size:176px;font-weight:800;line-height:.9}.gauge__max{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:26px;font-weight:700}.award{width:300px;height:300px;animation:award-drop .9s var(--ease-spring) both;flex:none;font-size:30px;position:relative}.award__rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--accent) 38%, transparent) 0deg 8deg, transparent 8deg 24deg);border-radius:50%;animation:18s linear infinite spin-slow;position:absolute;inset:-22%;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 68%);mask-image:radial-gradient(circle,#000 25%,#0000 68%)}.award__img{filter:drop-shadow(0 16px 24px #00000073);width:100%;height:100%;display:block;position:relative}.award__label{text-align:center;font-family:var(--font-display);letter-spacing:.12em;color:#fff;text-shadow:0 2px #00000059,0 0 12px #00000040;font-size:max(1em,22px);font-weight:800;line-height:1;position:absolute;top:65.5%;left:18%;right:18%;transform:translateY(-50%)}@keyframes award-drop{0%{opacity:0;transform:translateY(-160px)scale(.3)rotate(-160deg)}60%{opacity:1;transform:translateY(10px)scale(1.12)rotate(8deg)}80%{transform:translateY(-4px)scale(.97)rotate(-2deg)}to{opacity:1;transform:none}}.emblem{--size:96px;width:var(--size);height:var(--size);flex:none;place-items:center;display:grid;position:relative}.emblem--sm{--size:72px}.emblem--md{--size:112px}.emblem--lg{--size:200px}.emblem--xl{--size:300px}.emblem__core{--c:calc(var(--size) * .16);background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 100%, #fff 18%), var(--accent) 55%, color-mix(in srgb, var(--accent) 78%, #000));width:100%;height:100%;color:var(--ink-dark);font-size:calc(var(--size) * .62);place-items:center;display:grid}.emblem--lg .emblem__core,.emblem--xl .emblem__core{width:64%;height:64%;font-size:calc(var(--size) * .4);box-shadow:0 0 60px color-mix(in srgb, var(--accent) 45%, transparent)}.emblem__rings{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.emblem__ring{fill:none;stroke:var(--accent);transform-origin:50%}.emblem__ring--a{stroke-width:1.4px;stroke-dasharray:2 5;opacity:.8;animation:24s linear infinite spin-slow}.emblem__ring--b{stroke-width:2.4px;stroke-dasharray:52 12 8 12;opacity:.55;animation:16s linear infinite reverse spin-slow}.motif{width:1040px;height:1040px;color:var(--accent);opacity:.1;pointer-events:none;animation:motif-in .9s var(--ease-out) both;font-size:1040px;line-height:0;position:absolute;top:34%;right:-260px}.motif svg{display:block}.motif[data-motion=spin] svg{animation:70s linear infinite spin-slow}.motif[data-motion=pulse] svg{animation:3.2s ease-in-out infinite motif-pulse}.motif[data-motion=float] svg{animation:9s ease-in-out infinite motif-float}.motif[data-motion=drift] svg{animation:14s ease-in-out infinite motif-drift}@keyframes motif-in{0%{opacity:0;transform:scale(.82)rotate(-8deg)}to{opacity:.1;transform:none}}@keyframes motif-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes motif-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-40px)rotate(3deg)}}@keyframes motif-drift{0%,to{transform:translate(0)}50%{transform:translate(-60px)}}.emblem__art{place-items:center;width:100%;height:100%;display:grid;position:relative}.emblem__art:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%);border-radius:50%;position:absolute;inset:8%}.emblem__art img{object-fit:contain;filter:drop-shadow(0 10px 14px #00000059);width:100%;height:100%;display:block;position:relative}.emblem--lg .emblem__art,.emblem--xl .emblem__art{width:92%;height:92%}.screen-host{z-index:1;animation:.26s ease-out both enter-fade;position:absolute;inset:0}.screen{padding:56px var(--gutter) 76px;flex-direction:column;display:flex;position:absolute;inset:0}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.screen__head{gap:14px;margin-top:36px;display:grid}.screen__head--center{text-align:center;justify-items:center}.eyebrow{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--senai-orange-hi);align-items:center;gap:18px;font-size:34px;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--senai-orange);flex:none;width:56px;height:7px;transform:skew(-30deg)}.eyebrow--center{justify-content:center}.mega{font-size:var(--fs-mega);text-transform:uppercase;font-weight:800;line-height:.88}.display{text-transform:uppercase;font-size:104px;font-weight:800;line-height:.92}.lead{max-width:900px;color:var(--ink-soft);font-size:40px;font-weight:500;line-height:1.25}.hint{text-align:center;font-size:var(--fs-sm);letter-spacing:.04em;color:var(--ink-mute);font-weight:600}.persona-row{align-items:center;gap:34px;margin-top:36px;display:flex}.persona-row .bubble{flex:1}.persona-row--center{justify-content:center}.persona-row--center .bubble{flex:0 auto}.persona-row--compact{gap:24px;margin-top:26px}.screen__cta{gap:20px;margin-top:auto;padding-top:30px;display:grid}.screen__cta--stack{gap:18px}.cta-row{gap:18px;display:flex}.cta-row>*{flex:1}.attract__hero{height:660px;margin-top:30px;position:relative}.attract .persona--hero{width:500px;height:660px}.attract__bubble{position:absolute;top:110px;left:450px;right:0}.area-ribbon{margin:22px calc(var(--gutter) * -1) 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.area-ribbon__track{gap:24px;width:max-content;animation:36s linear infinite ribbon;display:flex}.attract__title{gap:22px;margin-top:28px;display:grid}.attract__cta{gap:22px;margin-top:auto;display:grid}.cta-wrap{position:relative}.cta-pulse{--c:34px;background:var(--senai-orange);pointer-events:none;animation:2.4s ease-out infinite pulse-ring;position:absolute;inset:0}.mode-list{flex:1;grid-auto-rows:minmax(0,1fr);gap:28px;min-height:0;margin-top:34px;display:grid}.mode-card{--c:40px;text-align:left;filter:drop-shadow(0 18px 28px #0006);min-height:0;animation:card-in-left .64s var(--ease-out) backwards;animation-delay:calc(var(--i) * .13s + .12s);touch-action:none;transition:transform .14s ease-out,opacity .32s ease-out;display:flex}.mode-card:nth-child(2n){animation-name:card-in-right}.mode-card__face{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 22%, transparent) 50%, var(--accent));flex:1;padding:3px;display:flex}.mode-card__inner{background:radial-gradient(80% 90% at 0% 50%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 70%), linear-gradient(160deg, #143680, #0a1f4f);flex:1;align-items:center;gap:40px;padding:40px 120px 40px 44px;display:flex;position:relative;overflow:hidden}.mode-card__watermark{color:var(--accent);opacity:.1;font-size:440px;line-height:0;position:absolute;bottom:-110px;right:-90px}.mode-card .emblem--art{--size:240px;margin:-20px}.mode-card__body{flex:1;align-content:center;gap:16px;min-width:0;display:grid;position:relative}.mode-card__title{font-family:var(--font-display);text-transform:uppercase;font-size:76px;font-weight:800;line-height:.92}.mode-card__tagline{color:var(--ink-soft);font-size:32px;font-weight:500;line-height:1.25}.mode-card__badges{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.mode-card__go{background:var(--accent);width:88px;height:88px;color:var(--ink-dark);border-radius:50%;place-items:center;font-size:48px;display:grid;position:absolute;bottom:32px;right:34px}.mode-card[data-pressed]{transform:scale(.985)}.mode-card[data-state=chosen]{z-index:2;filter:drop-shadow(0 0 50px color-mix(in srgb, var(--accent) 55%, transparent));transform:scale(1.03)}.mode-card[data-state=faded]{opacity:0;transform:scale(.94)}.area-grid{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:18px;min-height:0;margin-top:30px;display:grid}.area-tile{--c:26px;text-align:left;min-height:0;animation:tile-in .56s var(--ease-out) backwards;animation-delay:calc(var(--i) * 50ms + .12s);touch-action:none;transition:transform .14s ease-out,opacity .32s ease-out,filter .32s ease-out;display:flex}.area-tile__face{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 18%, transparent) 60%);flex:1;padding:3px;display:flex}.area-tile__inner{background:radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 60%), linear-gradient(160deg, #12306f, #0a1f4f);flex:1;align-items:center;gap:22px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.area-tile__watermark{color:var(--accent);opacity:.13;font-size:220px;line-height:0;position:absolute;bottom:-44px;right:-40px}.area-tile .emblem{--size:100px}.area-tile .emblem--art{--size:132px;margin:-14px -8px -14px -12px}.area-tile__body{gap:8px;min-width:0;display:grid;position:relative}.area-tile__label{font-family:var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:36px;font-weight:800;line-height:.98}.area-tile__meta{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 75%, #fff);font-size:21px;font-weight:700}.area-tile[data-pressed]{transform:scale(.97)}.area-tile[data-state=chosen]{z-index:2;filter:drop-shadow(0 0 40px color-mix(in srgb, var(--accent) 65%, transparent));transform:scale(1.06)}.area-tile[data-state=faded]{opacity:.12;transform:scale(.92)}.area-tile[data-soon]{opacity:.4;filter:grayscale(.85);cursor:default}.hero{text-align:center;justify-items:center;gap:14px;margin-top:18px;display:grid}.hero__emblem{animation:hero-in .76s var(--ease-spring) both}.hero__title{text-transform:uppercase;max-width:940px;text-shadow:0 0 40px color-mix(in srgb, var(--accent) 45%, transparent);animation:enter-up .52s var(--ease-out) .16s both;font-size:88px;font-weight:800;line-height:.95}.hero__text{max-width:820px;color:var(--ink-soft);animation:enter-up .52s var(--ease-out) .26s both;font-size:34px;line-height:1.25}.instructions .eyebrow{animation:enter-up .52s var(--ease-out) .1s both}.howto{gap:16px;margin:30px 0 0;padding:0;list-style:none;display:grid}.howto__step{--c:24px;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 16%, transparent), #4fb3ff0a);box-shadow:inset 0 0 0 2px var(--line);align-items:center;gap:26px;padding:24px 30px;display:flex}.howto__num{--c:12px;background:var(--senai-orange);width:72px;height:72px;font-family:var(--font-display);flex:none;place-items:center;font-size:48px;font-weight:800;display:grid}.howto__icon{color:var(--accent);flex:none;font-size:60px;display:flex}.howto__body{gap:4px;display:grid}.howto__body b{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:44px;font-weight:800;line-height:1}.howto__body span{color:var(--ink-soft);font-size:30px;line-height:1.25}.countdown{justify-content:center;align-items:center;gap:60px}.countdown__dial{place-items:center;width:620px;height:620px;display:grid;position:relative}.countdown__dial:before{content:"";border:6px solid var(--line-strong);box-shadow:inset 0 0 90px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;position:absolute;inset:0}.countdown__burst{border:10px solid var(--accent);border-radius:50%;animation:1s ease-out both ring-burst;position:absolute;inset:40px}.countdown__num{font-family:var(--font-display);animation:count-zoom 1s var(--ease-out) both;font-size:400px;font-weight:800;line-height:1}.countdown__num[data-go]{color:var(--senai-orange-hi);animation:pop-in .5s var(--ease-spring) both;font-size:220px}.countdown__label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, #fff);align-items:center;gap:18px;font-size:42px;font-weight:800;display:flex}.hud{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.hud__progress{min-width:330px}.hud__count{font-family:var(--font-display);color:var(--ink-mute);font-size:52px;font-weight:700;line-height:1;display:block}.hud__count b{color:var(--ink);font-size:96px;font-weight:800}.hud .score{min-width:330px}.persona-row--quiz{gap:26px;margin-top:22px}.persona-row--quiz .bubble{font-size:32px}.quiz__image{--c:24px;object-fit:cover;width:100%;height:300px;margin-top:22px}.quiz__question{animation:enter-up var(--dur-slow) var(--ease-out) both;justify-items:start;gap:18px;margin-top:30px;display:grid}.quiz__prompt-row{align-items:flex-start;gap:22px;display:flex}.quiz__prompt{font-family:var(--font-body);text-wrap:pretty;font-size:58px;font-weight:700;line-height:1.12}.quiz__options{gap:22px;margin-top:32px;display:grid}.quiz__options>*{animation-duration:.42s}.quiz__hint{text-align:center;font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-top:auto;font-weight:700}.fb{z-index:10;animation:slide-up .46s var(--ease-out) .36s both;padding:0 40px 44px;position:absolute;bottom:0;left:0;right:0}.fb:not([data-ready]){pointer-events:none}.fb:before{content:"";z-index:-1;background:linear-gradient(#050f2b00,#050f2bf5 40%);position:absolute;inset:-120px 0 0}.fb__panel{--c:36px;--tone:var(--ok);box-shadow:inset 0 8px 0 var(--tone), inset 0 0 0 3px #ffffff1f;background:linear-gradient(#14377f,#0a1f4f);gap:26px;padding:44px 48px 48px;display:grid;position:relative}.fb[data-kind=wrong] .fb__panel{--tone:var(--bad)}.fb[data-kind=timeout] .fb__panel{--tone:var(--warn)}.fb__head{align-items:center;gap:30px;display:flex}.fb__icon{background:var(--tone);color:#fff;width:132px;height:132px;animation:pop-in .48s var(--ease-spring) .62s both;border-radius:50%;flex:none;place-items:center;font-size:84px;display:grid}.fb[data-kind=timeout] .fb__icon{color:var(--ink-dark)}.fb__headline{min-width:0}.fb__title{text-transform:uppercase;color:var(--tone);font-size:84px;font-weight:800;line-height:.95}.fb__points{font-family:var(--font-display);margin-top:8px;font-size:46px;font-weight:700}.fb__bonus{color:var(--ink-mute);font-size:30px;font-weight:600}.fb__answer{--c:16px;background:#1fc47724;gap:4px;padding:20px 26px;display:grid;box-shadow:inset 0 0 0 2px #1fc4778c}.fb__answer span{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ok);font-weight:700}.fb__answer b{font-size:40px;font-weight:700;line-height:1.15}.fb__explain{gap:8px;display:grid}.fb__learn{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 75%, #fff);font-size:30px;font-weight:800}.fb__explain p{color:var(--ink-soft);font-size:36px;line-height:1.3}.fb__auto{background:var(--signal);transform-origin:0;width:100%;height:8px;animation-name:auto-bar;animation-timing-function:linear;animation-fill-mode:both;position:absolute;bottom:0;left:0}.result__gauge{animation:pop-in .6s var(--ease-spring) .15s both;justify-content:center;margin-top:14px;display:flex}.result .gauge{width:420px;height:420px}.result__gauge[data-with-badge]{align-items:center;gap:36px}.result__gauge[data-with-badge] .gauge{width:400px;height:400px}.stage[data-size=compact] .result .award{width:250px;height:250px}.stage[data-size=compact] .result .award__label{font-size:25px}.result .gauge__grade{font-size:160px}.result__tier{text-align:center;font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;color:color-mix(in srgb, var(--accent) 70%, #fff);animation:enter-up .52s var(--ease-out) .9s both;margin-top:-4px;font-size:54px;font-weight:800;line-height:1.02}.result__stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;display:grid}.stat{--c:20px;--tone:var(--signal);box-shadow:inset 0 -7px 0 var(--tone), inset 0 0 0 2px var(--line);background:#ffffff0f;align-content:start;gap:4px;padding:22px 26px 26px;display:grid}.stat[data-tone=ok]{--tone:var(--ok)}.stat[data-tone=bad]{--tone:var(--bad)}.stat[data-tone=accent]{--tone:var(--accent)}.stat b{font-family:var(--font-display);font-size:84px;font-weight:800;line-height:.95}.stat__meter{background:#ffffff24;height:10px;margin-top:6px}.stat__meter span{background:var(--tone);transform-origin:0;height:100%;animation:grow-x 1.2s var(--ease-out) .5s both;display:block}.result__extra{justify-content:center;align-items:center;gap:26px;margin-top:22px;display:flex}.trail{justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.trail li{--c:12px;width:64px;height:64px;font-family:var(--font-display);background:#ffffff1f;place-items:center;font-size:34px;font-weight:800;display:grid}.trail li[data-state=correct]{background:var(--ok)}.trail li[data-state=wrong]{background:var(--bad)}.trail li[data-state=timeout]{background:var(--warn);color:var(--ink-dark)}.profile__body{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.profile__badge{justify-content:center;margin-bottom:10px;display:flex}.affinity{--c:34px;background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 24%, transparent), #ffffff0a);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent) 60%, transparent);animation:pop-in .64s var(--ease-spring) .12s both;align-items:center;gap:34px;margin-top:30px;padding:34px 40px;display:flex}.affinity .emblem--lg{--size:210px}.affinity__body{gap:10px;min-width:0;display:grid}.affinity__message{font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;font-size:48px;font-weight:800;line-height:1.02}.affinity__message strong{color:color-mix(in srgb, var(--accent) 75%, #fff);font-weight:800}.breakdown{gap:14px;margin-top:30px;display:grid}.breakdown__list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.breakdown__list li{--c:14px;animation:enter-up .48s var(--ease-out) both;background:#ffffff0d;grid-template-columns:56px minmax(0,1fr) 200px auto;align-items:center;gap:18px;padding:14px 20px;display:grid}.breakdown__list li:nth-child(2){animation-delay:70ms}.breakdown__list li:nth-child(3){animation-delay:.14s}.breakdown__list li:nth-child(4){animation-delay:.21s}.breakdown__list li:nth-child(5){animation-delay:.28s}.breakdown__icon{background:var(--accent);width:56px;height:56px;color:var(--ink-dark);place-items:center;font-size:36px;display:grid}.breakdown__art{object-fit:contain;width:64px;height:64px;margin:-4px}.breakdown__label{font-size:30px;font-weight:700;line-height:1.15}.breakdown__bar{background:#ffffff24;height:14px}.breakdown__bar span{background:var(--accent);transform-origin:0;height:100%;animation:grow-x 1s var(--ease-out) .4s both;display:block}.breakdown__value{white-space:nowrap;color:var(--ink-mute);font-size:24px;font-weight:700}.profile__recap{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-top:22px;font-size:28px;font-weight:700}.content-error{justify-content:center;gap:32px}.content-error__list{gap:14px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.content-error__list li{--c:14px;background:#f2405d24;padding:18px 24px;font-size:28px;line-height:1.3;box-shadow:inset 0 0 0 2px #f2405d80}.stage[data-size=compact] .display{font-size:88px}.stage[data-size=compact] .screen__head{margin-top:24px}.stage[data-size=compact] .attract__hero{height:540px}.stage[data-size=compact] .attract .persona--hero{width:410px;height:540px}.stage[data-size=compact] .attract__bubble{top:70px;left:380px}.stage[data-size=compact] .mega{font-size:150px}.stage[data-size=compact] .persona--sm{width:160px;height:200px}.stage[data-size=compact] .opt{min-height:132px}.stage[data-size=compact] .opt__text{font-size:38px}.stage[data-size=compact] .quiz__prompt{font-size:52px}.stage[data-size=compact] .hero .emblem--xl{--size:220px}.stage[data-size=compact] .hero__title{font-size:76px}.stage[data-size=compact] .howto__step{padding:18px 26px}.stage[data-size=compact] .howto__body span{font-size:27px}.stage[data-size=compact] .result .gauge{width:360px;height:360px}.stage[data-size=compact] .result .gauge__grade{font-size:130px}.stage[data-size=compact] .affinity .emblem--lg{--size:170px}.stage[data-size=compact] .countdown__dial{width:520px;height:520px}.stage[data-size=compact] .countdown__num{font-size:330px}.stage[data-size=tall] .attract__hero{height:860px}.stage[data-size=tall] .attract .persona--hero{width:620px;height:860px}.stage[data-size=tall] .attract__bubble{top:150px;left:540px}.stage[data-size=tall] .mega{font-size:196px}.persona{--tone:var(--signal);color:var(--tone);flex:none;animation:5.5s ease-in-out infinite float-y;position:relative}.persona[data-tone=ok]{--tone:var(--ok)}.persona[data-tone=bad]{--tone:var(--bad)}.persona[data-tone=warn]{--tone:var(--warn)}.persona[data-tone=brand]{--tone:var(--senai-orange-hi)}.persona--hero{width:500px;height:660px}.persona--md{width:330px;height:420px}.persona--sm{width:196px;height:246px;animation-duration:6.5s}.persona__img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 28px 36px #00000059);width:100%;height:100%;animation:pop-in .42s var(--ease-spring) both;display:block;-webkit-mask-image:linear-gradient(#000 78%,#0000 99%);mask-image:linear-gradient(#000 78%,#0000 99%)}.persona-card{--c:22px;background:linear-gradient(160deg, var(--tone), #8cb4ff26 55%, var(--tone));width:100%;height:100%;animation:pop-in .38s var(--ease-spring) both;padding:3px;display:flex}.persona-card__inner{--c:20px;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--tone) 30%, transparent), transparent 70%), linear-gradient(180deg, #17398a, #0a1f4f);flex:1;position:relative;overflow:hidden}.persona-card__img{width:165%;max-width:none;position:absolute;top:5%;left:50%;transform:translate(-50%)}.persona-ph{--c:34px;background:linear-gradient(160deg, var(--tone), #8cb4ff26 55%, var(--tone));width:100%;height:100%;animation:pop-in .38s var(--ease-spring) both;transition:background var(--dur) var(--ease-out);padding:3px}.persona--sm .persona-ph{--c:20px}.persona-ph__inner{--c:32px;background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--tone) 26%, transparent), transparent 68%), linear-gradient(180deg, #14347a 0%, #0a1f4f 100%);width:100%;height:100%;position:relative;overflow:hidden}.persona--sm .persona-ph__inner{--c:18px}.persona-ph__figure{width:74%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.persona-ph__corner{border:0 solid var(--tone);opacity:.85;width:44px;height:44px;position:absolute}.persona-ph__corner--tl{border-top-width:4px;border-right-width:4px;top:18px;right:18px}.persona-ph__corner--br{border-bottom-width:4px;border-left-width:4px;bottom:18px;left:18px}.persona--sm .persona-ph__corner{width:24px;height:24px;top:auto}.persona--sm .persona-ph__corner--tl{top:10px;right:10px}.persona--sm .persona-ph__corner--br{bottom:10px;left:10px}.persona-ph__glyph{background:color-mix(in srgb, var(--tone) 20%, #0a1f4f);border:3px solid var(--tone);border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:absolute;top:26px;left:26px}.persona-ph__glyph:empty{display:none}.persona-ph__glyph svg{width:60%;height:60%}.persona--sm .persona-ph__glyph{border-width:2px;width:48px;height:48px;top:12px;left:12px}.persona-ph__label{color:var(--ink-soft);font-size:var(--fs-xs);background:linear-gradient(#050f2b00,#050f2beb);gap:2px;padding:18px 26px 22px;line-height:1.25;display:grid;position:absolute;bottom:0;left:0;right:0}.persona-ph__label b{color:var(--ink);font-family:var(--font-display);letter-spacing:.08em;font-size:30px}.persona--md .persona-ph__label b{font-size:24px}.persona--md .persona-ph__label{padding:14px 18px 16px;font-size:20px}.bubble{--bubble-bg:var(--paper);background:var(--bubble-bg);max-width:100%;color:var(--ink-dark);animation:pop-in .38s var(--ease-spring) both;transform-origin:0;border-radius:28px;padding:26px 34px;font-size:34px;font-weight:600;line-height:1.22;position:relative;box-shadow:0 18px 40px #00000047}.bubble--lg{padding:32px 40px;font-size:40px}.bubble[data-tone=ok]{--bubble-bg:#e4f9ee}.bubble[data-tone=bad]{--bubble-bg:#fde9ec}.bubble[data-tone=warn]{--bubble-bg:#fff4d9}.bubble:before{content:"";background:var(--bubble-bg);border-radius:6px;width:38px;height:38px;position:absolute;transform:rotate(45deg)}.bubble--left:before{top:38px;left:-14px}.bubble--top:before{top:-14px;left:64px}.bubble--top{transform-origin:80px 0}.bubble--bottom:before{bottom:-14px;left:64px}.bubble--bottom{transform-origin:80px bottom}