@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2)format("woff2-variations");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:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/poppins-latin-600-normal.zEkxB9Mr.woff2)format("woff2"),url(/_astro/poppins-latin-600-normal.BJdTmd5m.woff)format("woff")}:root{--color-film:#fafbf8;--color-film-shade:#f0f2ee;--color-ink:#1c2a2f;--color-ink-soft:#4f5e66;--color-ink-mute:#9aa7ad;--color-line:#1c2a2f29;--color-line-strong:#1c2a2f6b;--color-hivis:#fe871e;--color-hivis-text:#a94a00;--font-sans:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;--font-logo:"Poppins", "Archivo Variable", sans-serif;--ease-draft:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}p,h1,h2,h3{margin:0}button{touch-action:manipulation}a{color:inherit}[hidden]{display:none!important}:root{--color-good:#1f7a4d;--color-bad:#b3261e;--color-grid:#1c2a2f0d;--color-neg-line:#eceeea24;--color-neg-line-strong:#eceeea66;--color-neg-soft:#9aa7ad;--color-neg-hivis-text:#ffa25a;--color-tray-inv:#7d9aa6}.play-body{background:var(--color-ink);margin:0}.logo{font-family:var(--font-logo);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.4em;font-size:1.15rem;font-weight:600;line-height:1;display:inline-flex}.logo-mark{width:1.9em;height:auto;overflow:visible}.screen{background-color:var(--color-film);max-width:30rem;height:100dvh;color:var(--color-ink);background-image:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:24px 24px;flex-direction:column;margin-inline:auto;font-size:15px;line-height:1.45;display:flex;position:relative;overflow:hidden}@media (width>=30rem){.screen{border-inline:1px solid var(--color-line-strong)}}.screen :focus-visible{outline:2px solid var(--color-hivis);outline-offset:2px}.s-top{padding:max(16px, env(safe-area-inset-top)) 20px 10px;border-bottom:1px solid var(--color-line);flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.s-top .logo{font-size:14px}.s-top .s-annot{font-size:10.5px}.s-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 18px 18px;display:flex;overflow-y:auto}.s-foot{padding:12px 18px max(18px, env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-film);flex:none;gap:8px;display:grid}.s-annot{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);font-size:11px;font-weight:560;font-stretch:68%}.s-title{letter-spacing:-.035em;margin:0;font-size:38px;font-weight:580;font-stretch:125%;line-height:.95}.s-h{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:22px;font-weight:580;font-stretch:115%;line-height:1.08}.s-p{color:var(--color-ink-soft);margin:0}.s-small{color:var(--color-ink-soft);margin:0;font-size:12.5px;line-height:1.4}.s-body p{margin:0}.s-body a{color:inherit;text-underline-offset:3px}.pbtn{border:1.5px solid var(--color-hivis);background:var(--color-hivis);min-height:52px;color:var(--color-ink);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 18px;font-size:16px;font-weight:650;text-decoration:none;display:flex}.pbtn:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-film)}.pbtn.line{border-color:var(--color-ink);background:0 0}.pbtn.line:hover{background:var(--color-ink);color:var(--color-film)}.pbtn:disabled{opacity:.45;cursor:not-allowed;background:var(--color-film-shade);border-color:var(--color-line-strong);color:var(--color-ink)}.linkbtn{color:var(--color-ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:4px 0;font-size:13px;text-decoration:underline}.box{border:1px solid var(--color-line-strong);background:var(--color-film);gap:8px;padding:12px 14px;display:grid}.box.neg{background:var(--color-ink);color:var(--color-film);border-color:var(--color-ink)}.box.neg .s-annot,.box.neg .s-small{color:var(--color-neg-soft)}.box.neg .s-hv{color:var(--color-neg-hivis-text)}.rows{display:grid}.rows>div{border-bottom:1px solid var(--color-line);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;padding:5px 0;display:flex}.box.neg .rows>div{border-color:var(--color-neg-line)}.rows>div:last-child{border-bottom:0}.big-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;font-stretch:125%;line-height:1}.hud{padding:max(14px, env(safe-area-inset-top)) 18px 8px;flex:none;justify-content:space-between;align-items:end;gap:12px;display:flex}.hud b{font-size:18px;font-weight:620;font-stretch:112%;line-height:1.1;display:block}.hud .r{text-align:right}.hud .r b{font-variant-numeric:tabular-nums;font-size:22px}.timebar{flex:none;height:14px;margin:0 18px 8px;position:relative}.timebar:before,.timebar:after{content:"";background:var(--color-ink);width:1.5px;position:absolute;top:0;bottom:0}.timebar:before{left:0}.timebar:after{right:0}.timebar .track{background:var(--color-line-strong);height:1.5px;position:absolute;top:6px;left:0;right:0}.timebar i{background:var(--color-hivis);width:100%;height:6px;position:absolute;top:4px;left:0}.timebar span{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;position:absolute;top:-15px;right:6px}.stage{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:0 10px;display:flex;position:relative}.stage svg{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:auto;max-height:100%;display:block}.hud-foot{padding:10px 18px max(18px, env(safe-area-inset-bottom));border-top:1px solid var(--color-line);flex:none;justify-content:space-between;align-items:center;font-size:13px;display:flex}.hud-foot b{font-variant-numeric:tabular-nums}.drw{stroke:var(--color-ink);stroke-width:1.4px;fill:none;stroke-linecap:round;stroke-linejoin:round}.drw .thin{stroke-width:.8px;stroke:var(--color-ink-soft)}.drw .faint{stroke-width:.6px;stroke:var(--color-line-strong)}.drw text{stroke:none;fill:var(--color-ink);font-family:var(--font-sans)}.drw .lbl{letter-spacing:.06em;text-transform:uppercase;paint-order:stroke;stroke:var(--color-film);stroke-width:3px;font-size:10px;font-weight:640;font-stretch:68%}.drw .tag{letter-spacing:.1em;text-transform:uppercase;fill:var(--color-ink-soft);font-size:8px;font-stretch:68%}.pin circle.o{fill:var(--color-hivis);stroke:var(--color-ink);stroke-width:1.2px}.pin{animation:drop .35s var(--ease-draft) both}.miss path{stroke:var(--color-ink-soft);stroke-width:2px}.miss{animation:.9s forwards fade}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}.item .hit{cursor:pointer}.item.on .hit{fill:var(--color-hivis)}.item .cnt{text-anchor:middle;dominant-baseline:middle;fill:var(--color-ink);pointer-events:none;font-size:11px;font-weight:700}.inbox{gap:12px;padding:0 8px;display:grid}.mail{border:1px solid var(--color-line-strong);background:var(--color-film);min-height:150px;box-shadow:4px 4px 0 var(--color-film-shade);gap:6px;padding:14px;display:grid}.mail.bad{border-color:var(--color-bad);animation:.3s shake}@keyframes away{to{opacity:0;transform:translate(60%)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.mail .from{color:var(--color-ink-soft);font-size:12.5px}.mail .subj{font-weight:650;line-height:1.3}.mail .prev{color:var(--color-ink-soft);font-size:13px}.mail .verdict{color:var(--color-bad);min-height:1.2em;font-size:12.5px;font-weight:650}.trays{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tray{border:1.5px solid var(--color-ink);background:var(--color-film);min-height:56px;color:var(--color-ink);cursor:pointer;border-radius:2px;place-items:center;padding:6px;font-size:15px;font-weight:650;display:grid}.tray small{color:var(--color-ink-soft);font-size:10.5px;font-weight:500}.tray:hover{background:var(--color-ink);color:var(--color-film)}.tray:hover small{color:var(--color-ink-mute)}.mailcount{text-align:center;color:var(--color-ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.dims{gap:14px;display:grid}.dim{grid-template-columns:5.4rem minmax(0,1fr) 3.6rem;align-items:center;gap:10px;display:grid}.dim .who{font-size:14px;font-weight:620}.dim .bar{height:16px;position:relative}.dim .bar:before{content:"";background:var(--color-ink);width:1.5px;position:absolute;top:0;bottom:0;left:0}.dim .bar i{background:var(--color-ink);transform-origin:0;height:8px;animation:grow .8s var(--ease-draft) both;position:absolute;top:4px;left:0}.dim .bar i:after{content:"";background:var(--color-ink);width:1.5px;position:absolute;top:-4px;bottom:-4px;right:-1px}.dim b{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}@keyframes grow{0%{transform:scaleX(0)}}.steps{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.steps i{background:var(--color-line-strong);height:4px}.tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile{text-align:left;border:1.5px solid var(--color-line-strong);background:var(--color-film);color:var(--color-ink);cursor:pointer;border-radius:2px;min-height:58px;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.25}.tile[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-film)}.tiles.one{grid-template-columns:1fr}.tiles.one .tile{min-height:46px}.field{gap:4px;display:grid}.field label{font-size:12.5px;font-weight:600}.field input[type=text],.field input[type=email],.field input[type=number]{font:inherit;border:1.5px solid var(--color-line-strong);background:var(--color-film);color:var(--color-ink);border-radius:2px;width:100%;padding:10px 12px;font-size:16px}.field input:focus{outline:2px solid var(--color-hivis);outline-offset:0;border-color:var(--color-ink)}.field .err{color:var(--color-bad);font-size:12px}.field .err:empty{display:none}.row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.check{grid-template-columns:20px 1fr;align-items:start;gap:10px;font-size:13px;line-height:1.4;display:grid}.check input{width:18px;height:18px;accent-color:var(--color-hivis);margin:1px 0 0}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-error{color:var(--color-bad);font-size:13px;font-weight:600}.form-error:empty{display:none}.sheetcard{border:1.5px solid var(--color-ink);background:var(--color-film);display:grid}.sheetcard .hd{border-bottom:1px solid var(--color-ink);gap:6px;padding:12px 14px;display:grid}.sheetcard .it{border-bottom:1px solid var(--color-line);grid-template-columns:22px 1fr;gap:8px;padding:10px 14px;display:grid}.sheetcard .it .k{color:var(--color-hivis-text);font-variant-numeric:tabular-nums;font-weight:700}.sheetcard .it b{font-size:14.5px;display:block}.sheetcard .it span{color:var(--color-ink-soft);font-size:13px;display:block}.sheetcard .tb{grid-template-columns:1fr 1fr 1fr;display:grid}.sheetcard .tb div{border-right:1px solid var(--color-line);font-variant-numeric:tabular-nums;gap:2px;padding:6px 10px;font-size:12px;display:grid}.sheetcard .tb div:last-child{border-right:0}.sheetcard .tb .s-annot{font-size:9.5px}.drafting{text-align:center;flex:1;place-items:center;gap:18px;display:grid}.drafting svg{width:160px}.drafting .ln{stroke-dasharray:220;stroke-dashoffset:220px;animation:draw 1.4s var(--ease-draft) infinite alternate}.drafting .ln:nth-child(2){animation-delay:.2s}.drafting .ln:nth-child(3){animation-delay:.4s}.drafting .ln:nth-child(4){animation-delay:.6s}@keyframes draw{to{stroke-dashoffset:0}}.lb{display:grid}.lb-row{border-bottom:1px solid var(--color-line);font-variant-numeric:tabular-nums;grid-template-columns:1.6rem minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:7px 4px;font-size:13.5px;display:grid}.lb-row .pos{color:var(--color-ink-soft);font-weight:600}.lb-row .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lb-row .nm small{color:var(--color-ink-soft)}.lb-row b{font-weight:650}.lb-row.bot{background:var(--color-hivis);border-color:var(--color-hivis)}.lb-row.bot .pos,.lb-row.bot small{color:var(--color-ink)}.lb-row.me{outline:1.5px solid var(--color-ink);outline-offset:-1.5px;background:var(--color-film-shade)}.lb-row.gap{color:var(--color-ink-soft);text-align:center;grid-template-columns:1fr;font-size:12px}.final-opts{gap:8px;display:grid}.opt{text-align:left;border:1.5px solid var(--color-ink);background:var(--color-film);color:var(--color-ink);cursor:pointer;border-radius:2px;grid-template-columns:1.4rem 1fr;gap:6px;padding:12px;font-size:14px;font-weight:600;line-height:1.35;display:grid}.opt:hover{background:var(--color-ink);color:var(--color-film)}.opt .l{color:var(--color-hivis-text);font-weight:700}.opt:hover .l{color:var(--color-hivis)}@media (prefers-reduced-motion:reduce){.screen *,.screen :before,.screen :after{transition:none!important;animation:none!important}.drafting .ln{stroke-dashoffset:0}}.tv-body{background:var(--color-ink);place-items:center;height:100dvh;margin:0;display:grid;overflow:hidden}.tv{aspect-ratio:16/9;width:min(100vw,177.778dvh);color:var(--color-film);background-color:var(--color-ink);background-image:linear-gradient(var(--color-neg-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-neg-line) 1px, transparent 1px);background-size:4cqw 4cqw;position:relative;overflow:hidden;container-type:inline-size}.tv-in{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.6cqw 3cqw;padding:2.6cqw 3cqw;font-size:1.35cqw;line-height:1.3;display:grid;position:absolute;inset:0}.tv-head{border-bottom:.12cqw solid var(--color-neg-line-strong);grid-column:1/-1;justify-content:space-between;align-items:center;padding-bottom:1.2cqw;display:flex}.tv-head .logo{color:var(--color-film);font-size:1.9cqw}.tv-title{letter-spacing:-.03em;font-size:3.6cqw;font-weight:600;font-stretch:125%;line-height:1}.tv .an{letter-spacing:.08em;text-transform:uppercase;color:var(--color-neg-soft);font-size:1.05cqw;font-weight:560;font-stretch:68%}.tv .hv{color:var(--color-neg-hivis-text)}.tv-board{align-content:start;min-height:0;display:grid}.tv-row{border-bottom:.08cqw solid var(--color-neg-line);font-variant-numeric:tabular-nums;grid-template-columns:2.6cqw minmax(0,1fr) 7cqw;align-items:baseline;gap:1cqw;padding:.55cqw .6cqw;font-size:1.5cqw;display:grid}.tv-row .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tv-row .nm small{color:var(--color-neg-soft);font-size:1.2cqw}.tv-row b{text-align:right;font-weight:650}.tv-row.bot{background:var(--color-hivis);color:var(--color-ink);border-color:var(--color-hivis)}.tv-row.bot small{color:var(--color-ink)}.tv-row.new{animation:1.8s tvflash}@keyframes tvflash{0%{background:#fe871e80}to{background:0 0}}.tv-empty{color:var(--color-neg-soft);padding:2cqw 0;font-size:2cqw}.tv-side{align-content:start;gap:1.4cqw;min-height:0;display:grid}.tv-stat{border:.12cqw solid var(--color-neg-line-strong);gap:.4cqw;padding:1.2cqw 1.4cqw;display:grid}.tv-stat .v{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:4.4cqw;font-weight:600;font-stretch:125%;line-height:1}.tv-stat .v small{color:var(--color-neg-soft);font-size:2.2cqw}.tv-qr{grid-template-columns:9.5cqw 1fr;align-items:center;gap:1.4cqw;display:grid}.tv-qr .code{background:var(--color-film);border-radius:.3cqw;width:9.5cqw;height:9.5cqw;padding:.6cqw}.tv-qr .code svg{width:100%;height:100%;display:block}.tv-qr .cta{font-size:2cqw;font-weight:620;font-stretch:112%;line-height:1.1}.tv-foot{border-top:.12cqw solid var(--color-neg-line-strong);grid-column:1/-1;justify-content:space-between;align-items:center;gap:2cqw;padding-top:1.1cqw;font-size:1.35cqw;display:flex}.tv-foot .tick{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tv-count{font-variant-numeric:tabular-nums;color:var(--color-neg-hivis-text);font-weight:650}.tv-fs{z-index:5;background:var(--color-hivis);color:var(--color-ink);cursor:pointer;border:0;border-radius:2px;padding:8px 12px;font-weight:650;position:fixed;bottom:12px;right:12px}.tv-q{letter-spacing:-.02em;text-wrap:balance;font-size:2.8cqw;font-weight:600;font-stretch:115%;line-height:1.12}.tv-clock{font-variant-numeric:tabular-nums;color:var(--color-hivis);font-size:7cqw;font-weight:600;font-stretch:125%;line-height:1}.tvq-opts{gap:1cqw;display:grid}.tvq-opt{border:.12cqw solid var(--color-neg-line-strong);grid-template-columns:2.4cqw minmax(0,1fr) 6cqw;align-items:center;gap:1cqw;padding:.9cqw 1.2cqw;font-size:1.55cqw;display:grid;position:relative;overflow:hidden}.tvq-opt .fill{z-index:0;transition:width .6s var(--ease-draft);background:#eceeea1f;position:absolute;inset:0 auto 0 0}.tvq-opt>:not(.fill){z-index:1;position:relative}.tvq-opt.right{border-color:var(--color-hivis)}.tvq-opt.right .fill{background:#fe871e8c}.tvq-opt b{text-align:right;font-variant-numeric:tabular-nums}.tv-grid2{grid-template-columns:1fr 1fr;column-gap:3cqw;display:grid}@media (prefers-reduced-motion:reduce){.tv *,.tv :before{transition:none!important;animation:none!important}}.tv-reel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.tv-reel-text{align-content:start;gap:1.4cqw;display:grid}.tv-reel-video{min-height:0;position:relative}.tv-reel-video video{aspect-ratio:390/844;background:var(--color-ink);border:.12cqw solid var(--color-neg-line-strong);width:auto;max-width:100%;height:100%;margin:auto;position:absolute;inset:0}.ai-stage{justify-content:flex-start;padding:0 12px}.ai-inbox{gap:3px;margin:0;padding:0;list-style:none;display:grid}.ai-row{border:1px solid var(--color-line);background:var(--color-film);grid-template-columns:minmax(0,1fr) 4.6rem;align-items:center;column-gap:8px;padding:4px 8px;font-size:11.5px;line-height:1.3;transition:border-color .35s;display:grid}.ai-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ai-subj{font-weight:650}.ai-from{color:var(--color-ink-soft)}.ai-from:before{content:"· "}.ai-prev{display:none}.ai-tray{text-align:center;border-radius:2px;padding:2px 0;font-size:10.5px;font-weight:700}.ai-row[data-tray]{border-color:var(--color-ink)}.ai-row[data-tray] .ai-tray{background:var(--color-hivis);color:var(--color-ink);animation:drop .3s var(--ease-draft) both}.ai-row.wrong .ai-tray{background:var(--color-bad);color:var(--color-film)}.mx-head{flex:none;padding:12px 14px 8px}.mx-h{margin:2px 0 0;font-size:20px;font-weight:620;font-stretch:112%;line-height:1.1}.mx-grid{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:6px;padding:0 12px;display:grid}.mx-drw{background:var(--color-film);border:1px solid var(--color-line);width:100%;height:auto;display:block}.mx-sites .mx-drw{stroke-width:2px}.mx-cell-stat{text-align:center;border:1.5px solid var(--color-ink);background:var(--color-film);aspect-ratio:360/470;place-content:center;font-size:12px;font-weight:600;display:grid}.mx-cell-stat b{font-variant-numeric:tabular-nums;font-size:34px;font-stretch:125%;line-height:1}.mx-wide{aspect-ratio:auto;margin:10px 12px 0;padding:10px}.mx-missed{fill:none;stroke:var(--color-bad);stroke-width:3px;stroke-dasharray:5 4}.mx-x path{stroke:var(--color-bad);stroke-width:3px}.item.mx-skipped .hit{fill:var(--color-bad);fill-opacity:.35}.mx-peek{flex:none;gap:3px;margin:0 12px;padding:0;font-size:11.5px;list-style:none;display:grid}.mx-peek li{border:1px solid var(--color-line);background:var(--color-film);grid-template-columns:minmax(0,1fr) 4.6rem;gap:8px;padding:3px 8px;display:grid}.mx-peek li span{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mx-peek li em{text-align:center;border-radius:2px;font-size:10.5px;font-style:normal;font-weight:700}.mx-peek li[data-cat=rfi] em{background:var(--color-ink);color:var(--color-film)}.mx-peek li[data-cat=var] em{background:var(--color-hivis)}.mx-peek li[data-cat=inv] em{background:var(--color-tray-inv);color:var(--color-film)}.mx-peek li[data-cat=bin] em{background:var(--color-line-strong);color:var(--color-film)}.mx-peek li[data-cat=wrong] em{background:var(--color-bad);color:var(--color-film)}.mx-peek li.more{color:var(--color-ink-soft);background:0 0;border:0;padding:1px 8px;display:block}.mx-wall{flex:none;grid-template-columns:repeat(32,1fr);gap:2px;padding:8px 12px 0;display:grid}.mx-wall i{aspect-ratio:1;background:var(--color-line);transition:background .4s var(--ease-draft)}.mx-wall i[data-cat=rfi],.mx-key [data-cat=rfi] i{background:var(--color-ink)}.mx-wall i[data-cat=var],.mx-key [data-cat=var] i{background:var(--color-hivis)}.mx-wall i[data-cat=inv],.mx-key [data-cat=inv] i{background:var(--color-tray-inv)}.mx-wall i[data-cat=bin],.mx-key [data-cat=bin] i{background:var(--color-line-strong)}.mx-wall i[data-cat=wrong],.mx-key [data-cat=wrong] i{background:var(--color-bad)}.mx-key{flex-wrap:wrap;flex:none;gap:4px 12px;padding:10px 12px 0;font-size:12px;font-weight:600;display:flex}.mx-key span{align-items:center;gap:5px;display:inline-flex}.mx-key i{width:10px;height:10px;display:inline-block}.mx-key b{font-variant-numeric:tabular-nums}.mx-foot{margin-top:auto}.race{flex:none;gap:4px;margin:-2px 18px 8px;display:grid}.race .lane{grid-template-columns:8.6rem minmax(0,1fr) 3.2rem;align-items:center;gap:8px;font-size:11px;font-weight:650;line-height:1.2;display:grid}.race .who{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.race .who small{color:var(--color-ink-soft);font-size:10.5px;font-weight:500}.race .track{background:var(--color-line);height:8px;position:relative;overflow:hidden}.race .track i{width:0;transition:width .25s linear;position:absolute;top:0;bottom:0;left:0}.race .you .track i{background:var(--color-hivis)}.race b{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}@media (prefers-reduced-motion:reduce){.race .track i{transition:none}}.nl{grid-template-columns:34% minmax(0,1fr);align-items:center;gap:12px;display:grid}.nl-clip{aspect-ratio:390/844;object-fit:cover;background:var(--color-ink);border:1px solid var(--color-line-strong);width:100%;display:block}.nl-text{gap:6px;display:grid}.nl-big{margin:0;font-size:19px;font-weight:640;font-stretch:112%;line-height:1.15}:root{--studio-bg:#122321;--studio-panel:#1b302d;--studio-line:#ffffff20;--studio-text:#f7f5ec;--studio-muted:#b4c4ba;--studio-orange:#ff8b46;--studio-green:#beecb0;--color-hivis:#ff8b46;--color-film:#f5f2e8;--color-film-shade:#e5e8db;--color-ink:#18352d;--color-ink-soft:#4a6257;--color-line:#18352d25;--color-line-strong:#18352d50}.play-body{background:var(--studio-bg);color:var(--studio-text)}.screen{background:var(--studio-bg);max-width:1160px;height:100dvh;min-height:560px;color:var(--studio-text);background-image:none;border:0;font-size:15px;line-height:1.45}.s-top{border-bottom:1px solid var(--studio-line);min-height:76px;padding:22px 30px 18px}.s-top .logo{color:var(--studio-text);font-size:21px}.s-top .s-annot{letter-spacing:.14em;color:var(--studio-muted);font-size:10px}.s-body{scrollbar-color:#5e7769 transparent;gap:22px;padding:28px 30px}.s-foot{padding:18px 30px max(22px, env(safe-area-inset-bottom));background:var(--studio-bg);border-color:var(--studio-line)}.s-annot,.s-small,.s-p{color:var(--studio-muted)}.s-hv{color:var(--studio-orange)}.s-title,.s-h{font-weight:650;font-stretch:100%}.s-h{letter-spacing:-.04em;font-size:clamp(27px,4vw,40px);line-height:1.08}.pbtn{background:var(--studio-orange);color:#142821;border:0;border-radius:10px;gap:22px;min-height:56px;padding:15px 24px;font-size:16px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 4px #0002}.pbtn svg{flex:none;width:22px;height:22px}.pbtn:hover{color:#10241c;background:#ffa96c;transform:translateY(-2px);box-shadow:0 6px 20px #ff8b4620}.pbtn:active{transform:translateY(1px)}.pbtn.line{border:1px solid var(--studio-line);color:var(--studio-text);background:0 0}.pbtn.line:hover{background:#ffffff12}.pbtn:disabled{color:#82958b;background:#263c32;border:0}.linkbtn{color:var(--studio-muted);padding:7px;font-size:12px;text-decoration-color:#ffffff45}.linkbtn:hover{color:var(--studio-text)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--studio-muted);align-items:center;gap:9px;font-size:10px;font-weight:650;display:flex}.eyebrow i,.live-dot{background:var(--studio-green);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px #beecb00b}.orange{color:var(--studio-orange)}.welcome-body{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;align-content:start;gap:28px 42px;padding-top:28px;padding-bottom:20px;display:grid}.welcome-copy{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.hero-title{letter-spacing:-.065em;margin:30px 0 23px;font-size:clamp(68px,7.5vw,112px);font-weight:650;font-stretch:112%;line-height:.83}.hero-title em{color:var(--studio-orange);font-style:normal}.hero-description{letter-spacing:-.025em;font-size:clamp(21px,2.8vw,30px);font-weight:560;line-height:1.2}.welcome-detail{color:var(--studio-muted);font-size:13px;line-height:1.6;margin-top:14px!important}.hero-actions{gap:11px;width:100%;max-width:360px;margin-top:24px;display:grid}.hero-actions .pbtn{justify-content:space-between}.microcopy{color:var(--studio-muted);text-align:center;font-size:10px}.prize-strip{align-items:center;gap:12px;margin-top:24px;display:flex}.prize-icon{color:var(--studio-green);font-size:32px;line-height:1}.prize-strip p{gap:2px;font-size:13px;display:grid}.prize-strip p span{color:var(--studio-muted);font-size:11px}.welcome-art{background:#213a32;border:1px solid #526c5360;border-radius:18px;flex-direction:column;min-height:420px;display:flex;position:relative;overflow:hidden}.art-label{letter-spacing:.14em;color:#c3d4b9;justify-content:space-between;align-items:center;padding:20px 20px 0;font-size:9px;display:flex}.hero-visual{flex:1;min-height:330px;position:relative;overflow:hidden}.visual-grid{background-image:linear-gradient(#bdea9e0c 1px,#0000 1px),linear-gradient(90deg,#bdea9e0c 1px,#0000 1px);background-size:27px 27px;position:absolute;inset:0;transform:perspective(600px)rotateX(15deg)rotate(-14deg)scale(1.5);mask-image:radial-gradient(#000,#0000 70%)}.hero-building{background:#deecd4;border:1px solid #d8eecf;border-radius:4px;width:77%;padding:15px 8px 2px;position:absolute;top:18%;left:12%;transform:rotate(-7deg);box-shadow:12px 22px #0b1c2340,0 25px 60px #0004}.hero-building .drw{background:0 0;width:100%;height:auto;display:block}.hero-building .item .hit{fill:#bdcdb7}.hero-building .item:last-child .hit{fill:var(--studio-orange)}.floating-chip{z-index:2;border-radius:9px;align-items:center;gap:9px;padding:10px 14px;font-size:11px;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 20px #0002}.chip-check{background:var(--studio-green);color:#173b27;top:13%;left:6%;transform:rotate(-5deg)}.chip-check>span{color:var(--studio-green);text-align:center;background:#173b27;border-radius:50%;width:19px;height:19px}.chip-bot{color:#172f28;background:#ff9756;bottom:25%;right:4%;transform:rotate(5deg)}.chip-bot svg{width:29px;height:29px}.hero-versus{color:#e7f3dd;backdrop-filter:blur(6px);background:#122821c9;border:1px solid #ffffff28;border-radius:40px;align-items:center;gap:14px;padding:8px 17px;display:flex;position:absolute;bottom:7%;left:8%}.hero-versus>span{letter-spacing:.1em;font-size:13px;font-weight:700}.hero-versus>b{color:#a8bd9f;font-family:serif;font-size:18px;font-style:italic;font-weight:400}.hero-versus .bot-mark{width:30px;height:30px;color:var(--studio-orange)}.art-caption{color:#c3d4b9;border-top:1px solid #ffffff15;align-items:center;gap:9px;padding:16px 20px;font-size:10px;display:flex}.challenge-gallery{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.gallery-heading{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.gallery-heading>span:last-child{color:var(--studio-muted);font-size:10px}.game-card{border:1px solid var(--studio-line);text-align:left;background:var(--studio-panel);color:var(--studio-text);cursor:pointer;border-radius:12px;padding:0;transition:transform .2s,border-color .2s;overflow:hidden}.game-card:hover{border-color:#beecb080;transform:translateY(-4px)}.card-visual{background:#bed0b1;height:105px;position:relative;overflow:hidden}.card-visual .drw{width:76%;max-width:none;height:auto;position:absolute;top:-14px;left:12%;transform:rotate(-5deg)}.visual-0{background:#d6d8bc}.visual-0 .drw{width:58%;top:-30px;left:22%}.visual-2{background:#adc4b6}.visual-2 .drw{top:-18px}.card-time{letter-spacing:.08em;background:#10251bd4;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:600;position:absolute;top:10px;right:10px}.card-copy{align-items:center;gap:10px;padding:15px 13px;display:flex}.card-number{color:var(--studio-orange);font-size:10px}.card-copy h2{letter-spacing:-.02em;font-size:14px;font-weight:600}.card-copy p{color:var(--studio-muted);margin-top:3px;font-size:10px}.card-arrow{color:var(--studio-green);margin-left:auto;font-size:19px}.mini-envelope{color:#27483b;text-align:center;background:#f4f3e8;border-radius:7px;width:138px;height:78px;font-size:42px;position:absolute;top:14px;left:calc(50% - 69px);transform:rotate(-7deg);box-shadow:7px 7px #18352d20}.mini-envelope>span{border-radius:4px;padding:4px 8px;font-size:9px;font-weight:650;line-height:1.3;position:absolute}.mini-envelope>span:first-child{color:#d2eac7;background:#1c3e32;top:4px;left:-25px;transform:rotate(-5deg)}.mini-envelope>span:nth-child(2){background:#ff9d65;bottom:7px;right:-32px;transform:rotate(14deg)}.mini-envelope>span:nth-child(3){background:#c8e3ae;bottom:-4px;left:-33px;transform:rotate(3deg)}.welcome-proof{letter-spacing:.04em;color:var(--studio-muted);border-top:1px solid var(--studio-line);grid-column:1/-1;justify-content:space-between;padding-top:13px;font-size:9px;display:flex}.welcome-proof b{color:var(--studio-text);font-variant-numeric:tabular-nums;margin-left:8px;font-size:15px}.welcome-proof a{border-bottom:1px solid #ffffff40;padding-bottom:3px;text-decoration:none}.round-steps{flex:none;gap:26px;padding:20px 30px 0;display:flex}.round-steps>span{color:#728a7c;align-items:center;gap:7px;font-size:10px;display:flex}.round-steps b{border:1px solid var(--studio-line);border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-weight:500;display:grid}.round-steps .active{color:var(--studio-text)}.round-steps .active b{color:#142b21;background:var(--studio-orange);border-color:var(--studio-orange)}.round-steps .complete b{color:#142b21;background:var(--studio-green)}.lesson-body{grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;display:grid}.lesson-copy{flex-direction:column;align-items:flex-start;display:flex}.lesson-title{letter-spacing:-.045em;margin:20px 0;font-size:clamp(32px,5vw,52px);font-weight:600;font-stretch:105%;line-height:1.03}.lesson-description{letter-spacing:-.02em;font-size:24px;line-height:1.35}.lesson-description.small{color:var(--studio-muted);font-size:20px}.lesson-rule{border-top:1px solid var(--studio-line);color:var(--studio-muted);gap:12px;margin-top:25px;padding-top:22px;font-size:13px;line-height:1.6;display:flex}.lesson-rule>span{color:var(--studio-orange);font-size:20px;line-height:1.2}.lesson-note{color:var(--studio-muted);align-items:center;gap:10px;margin-top:30px;font-size:11px;display:flex}.lesson-preview{color:var(--color-ink);background:#dfebd3;border:1px solid #ffffff25;border-radius:16px;position:relative;overflow:hidden}.preview-topline{letter-spacing:.1em;background:#e6eddc;border-bottom:1px solid #18352d20;justify-content:space-between;align-items:center;padding:14px 18px;font-size:9px;font-weight:650;display:flex}.demo-badge{color:#3b5948;background:#21452c10;border-radius:4px;align-items:center;gap:5px;padding:4px 6px;font-size:8px;display:flex}.demo-badge:before{content:"";background:#4a7353;border-radius:50%;width:4px;height:4px}.training-canvas{place-items:center;padding:8px 20px;display:grid;position:relative}.training-canvas>.drw{aspect-ratio:360/470;background:0 0;width:100%;max-height:365px;display:block}.drawing-training>.drw{aspect-ratio:360/268;max-height:365px;padding:18px 0 36px}.demo-overlay{pointer-events:none;width:calc(100% - 40px);height:calc(100% - 16px);max-height:365px;margin:auto;position:absolute;inset:8px 20px}.demo-ring{fill:#ff8b4630;stroke:#d16d30;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:3.4s infinite demo-ring}.demo-pointer{fill:#fffaf0;stroke:#1d3c2b;stroke-width:2px;animation:3.4s infinite demo-pointer}.demo-tooltip{color:#f3f7e9;text-align:center;background:#17382d;border-radius:7px;padding:10px 13px;font-size:11px;animation:3.4s infinite demo-tip;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 6px 20px #0002}.preview-caption{text-align:center;color:#466148;background:#e6eddc;border-top:1px solid #17382d20;padding:12px 18px;font-size:11px}.lesson-foot{flex-direction:row-reverse;justify-content:space-between;align-items:center;display:flex}.lesson-foot>.pbtn{width:auto;min-width:300px}.lesson-foot>.linkbtn{font-size:11px}.training-inbox{gap:15px;min-height:365px;padding:20px;display:grid;position:relative}.training-inbox .mailcount{letter-spacing:.1em;font-size:9px}.training-inbox .mail{background:#f8f8ed;border:1px solid #18352d20;border-radius:9px;min-height:140px;padding:18px;box-shadow:0 8px 16px #18352d0d}.training-inbox .mail .subj{letter-spacing:-.02em;font-size:17px}.training-inbox .mail .prev{font-size:12px;line-height:1.6}.training-inbox .trays{gap:8px}.training-inbox .tray{background:#edf2e6;border:1px solid #18352d35;border-radius:8px;min-height:56px;font-size:13px}.training-inbox .tray small{font-size:10px}.training-inbox .demo-tooltip{bottom:120px}.watching .demo-tray{opacity:1;animation:3.4s infinite demo-tray}.watching .drawing-training .item .hit{animation:3.4s infinite demo-window}.watching .drawing-training .item:nth-last-child(2) .hit{animation-delay:.5s}.watching .drawing-training .item:last-child .hit{animation-delay:1s}.watching .drawing-training .cnt{display:none}.practice-status{color:var(--studio-muted);border:1px solid var(--studio-line);border-radius:9px;width:100%;margin-top:22px;padding:16px 18px;font-size:13px;line-height:1.55;transition:background .2s}.practice-status.success{color:#d7f3c6;background:#29452e;border-color:#b3e69c55}.practice-status.retry{color:#ffd1a5;background:#ff8b4610;border-color:#ffab6750}.practice-submit{align-items:center;gap:16px;padding:0 20px 18px;font-size:12px;display:flex}.practice-submit .pbtn{color:#18352d;border:1px solid #18352d40;flex:1;min-height:44px;padding:10px;font-size:12px}.practice-submit .pbtn:hover{background:#c9dcbf}.practice-submit>span{flex:none}.interactive .drw [data-item],.interactive #scene{cursor:pointer}.interactive [data-item]:focus-visible{outline:2px solid #bd5b22}.interactive .item.on .hit,.interactive .pin circle.o{fill:#ff9a58}.countdown-screen{background:radial-gradient(#24483244,#0000 65%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.countdown-screen h2{letter-spacing:-.04em;font-size:32px}.countdown-number{letter-spacing:-.07em;color:var(--studio-orange);font-variant-numeric:tabular-nums;font-size:180px;font-weight:600;font-stretch:110%;line-height:1.1}.countdown-screen p{color:var(--studio-muted);font-size:13px}.screen[data-screen=play]{max-width:560px}.screen[data-screen=play] .hud{padding:22px 22px 18px}.hud .s-annot{letter-spacing:.1em;margin-bottom:5px;font-size:9px;display:block}.hud b{letter-spacing:-.03em;font-size:23px}.hud .r b{color:var(--studio-orange);font-size:28px}.timebar{background:#ffffff15;border-radius:8px;height:8px;margin:0 22px 20px;overflow:visible}.timebar .track,.timebar:before,.timebar:after{display:none}.timebar i{background:var(--studio-green);border-radius:8px;height:8px;transition:width .1s linear;top:0}.timebar span{color:var(--studio-text);background:var(--studio-bg);padding-left:8px;font-size:12px;top:-26px;right:0}.race{opacity:.85;order:4;margin:12px 22px 0}.race .lane{grid-template-columns:110px minmax(0,1fr) 45px;font-size:10px}.race .track{background:#ffffff15;border-radius:4px;height:4px}.race .ai .track i{background:#a9c49d}.race .who small{color:var(--studio-muted)}.race .track i{border-radius:4px}.stage{background:#e3ecd8;border:1px solid #ffffff20;border-radius:14px;flex:1;justify-content:center;align-items:center;min-height:0;margin:0 14px;padding:12px 8px;display:flex;position:relative;overflow:auto}.stage>.drw{background:0 0;width:100%;max-width:440px;max-height:100%}.stage .drw text{fill:#18352d}.drw{stroke:#214736;stroke-width:1.8px;fill:none}.drw .thin{stroke:#527461;stroke-width:1px}.drw .faint{stroke:#82947b}.drw .f-film{fill:#f4f2df}.drw .f-shade{fill:#bed0b1}.drw .f-hv{fill:#ff9a58}.drw .f-ink{fill:#214736}.drw .item .pad{fill:#0000;stroke:none}.hud-foot{min-height:62px;color:var(--studio-muted);order:5;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;font-size:11px;display:flex}.hud-foot .linkbtn{color:var(--studio-text);font-size:12px}.hud-foot #nextDrawing{background:var(--studio-orange);color:#173527;border-radius:8px;padding:12px 15px;font-weight:650;text-decoration:none}.live-feedback{color:#edf9e8;pointer-events:none;z-index:4;text-align:center;background:#193d2d;border-radius:8px;max-width:90%;padding:8px 14px;font-size:12px;font-weight:650;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.live-feedback.bad{color:#fff4df;background:#743a21}.inbox{width:100%;max-width:440px;color:var(--color-ink);align-self:center;gap:18px;padding:16px}.inbox .mail{background:#faf8ed;border:1px solid #18352d25;border-radius:10px;gap:10px;min-height:210px;padding:22px;box-shadow:0 10px 20px #18352d0a}.inbox .subj{letter-spacing:-.025em;font-size:20px}.inbox .prev{font-size:13px;line-height:1.6}.inbox .from{font-size:11px}.inbox .trays{gap:10px}.inbox .tray{background:#eef3e3;border:1px solid #18352d40;border-radius:9px;min-height:68px;font-size:16px}.inbox .tray:hover{color:#f6f7e7;background:#214736}.mail.ok{animation:.28s both sort-away}.mail.bad{border:2px solid #a05c33}.mail .verdict{font-size:12px}.inbox .mailcount{letter-spacing:.08em;font-size:10px}.screen[data-round="2"][data-screen=play] .stage{padding:8px 2px}.screen[data-round="2"] .item.on .hit{fill:#ff9a58}.screen[data-screen=result],.screen[data-screen=score],.screen[data-screen=sector],.screen[data-screen=task],.screen[data-screen=details],.screen[data-screen=note],.screen[data-screen=board]{max-width:620px}.screen[data-screen=result] .s-body{justify-content:center;gap:30px}.box{border:1px solid var(--studio-line);background:var(--studio-panel);color:var(--studio-text);border-radius:11px;padding:18px}.box.neg{background:#243b31;border-color:#ffffff18}.box .s-annot,.box .s-small{color:var(--studio-muted)}.dim .bar:before,.dim .bar i:after{display:none}.dim .bar{background:#ffffff12;border-radius:10px;height:10px;overflow:hidden}.dim .bar i{background:#b1c79f;border-radius:10px;height:10px;top:0}.dim .who{font-size:12px}.dim b{font-size:17px}.dim.you .bar i{background:var(--studio-orange)}.rows>div{border-color:var(--studio-line);padding:9px 0;font-size:13px}.big-num{color:var(--studio-orange);font-size:52px}.tiles{gap:10px}.tile{border:1px solid var(--studio-line);background:var(--studio-panel);color:var(--studio-text);border-radius:9px;min-height:56px;padding:15px;font-size:13px}.tile:hover{border-color:#beecb077}.tile[aria-pressed=true]{border-color:var(--studio-green);color:#edf9e6;background:#34543c}.field label{color:var(--studio-muted);margin-bottom:5px;font-size:12px}.field input[type=text],.field input[type=email],.field input[type=number],.field select{color:var(--studio-text);border:1px solid var(--studio-line);background:#ffffff08;border-radius:8px;width:100%;min-height:48px;padding:14px;font-size:16px}.field select option{color:#fff;background:#18352d}.field .err,.form-error{color:#ffbd9b}.steps{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:5px}.steps i{background:#ffffff20;border-radius:4px;height:3px}.steps i.on{background:var(--studio-orange)}.check{color:var(--studio-muted);font-size:11px;line-height:1.6}.sheetcard{color:#173b2d;background:#e8efdd;border:0;border-radius:12px;overflow:hidden}.sheetcard .s-hv{color:#8b4b27}.sheetcard .it{padding:18px 16px}.sheetcard .hd{padding:22px 16px}.sheetcard .it span{color:#48614d}.lb-row{border-color:var(--studio-line);padding:13px 8px}.lb-row .nm small,.lb-row .pos{color:var(--studio-muted)}.lb-row.bot{color:#19352a;border-radius:5px}.lb-row.bot small,.lb-row.bot .pos{color:#19352a}.lb-row.me{background:#294635;border-radius:5px;outline-color:#b8e49c}.s-body>details{border-top:1px solid var(--studio-line);padding-top:16px}.s-body>details summary{cursor:pointer;color:var(--studio-muted);font-size:12px}@keyframes demo-ring{0%,15%{opacity:0;scale:1.5}35%,85%{opacity:1;scale:1}to{opacity:0;scale:1.3}}@keyframes demo-pointer{0%,10%{opacity:0;translate:25px 25px}25%,45%{opacity:1;translate:0}60%,to{opacity:0;translate:0}}@keyframes demo-tip{0%,40%{opacity:0;translate:0 6px}55%,90%{opacity:1;translate:0}to{opacity:0}}@keyframes demo-tray{0%,38%,to{color:#173b2d;background:#edf2e6}55%,90%{color:#f5f8eb;background:#214b34;border-color:#214b34}}@keyframes demo-window{0%,15%,to{fill:#f5f2e8}35%,90%{fill:#ff9b5a}}@keyframes sort-away{to{opacity:0;translate:40px}}@media (width>=800px) and (height>=850px){.welcome-body{gap:32px 58px;padding-top:38px}.welcome-art{min-height:460px}.card-visual{height:120px}.hero-title{font-size:116px}.hero-actions{margin-top:28px}}@media (width<=700px){.screen{min-height:0}.s-top{min-height:64px;padding:18px 20px 14px}.s-top .logo{font-size:18px}.s-top .s-annot{font-size:8px}.s-body{gap:20px;padding:22px 20px}.welcome-body{grid-template-columns:1fr 1fr;gap:22px 14px;padding-top:26px}.welcome-copy{z-index:1;grid-column:1/-1;position:relative}.welcome-copy .eyebrow{font-size:8px}.hero-title{max-width:70%;margin:23px 0 20px;font-size:82px;line-height:.85}.hero-description{font-size:23px;line-height:1.2}.welcome-detail{max-width:230px;font-size:12px}.welcome-detail br{display:none}.hero-actions{width:100%;max-width:none;margin-top:25px}.hero-actions .pbtn{min-height:55px}.microcopy{font-size:10px}.prize-strip{margin-top:22px}.welcome-art{pointer-events:none;border-radius:12px;grid-area:1/2;width:38%;min-height:190px;max-height:220px;position:absolute;top:132px;right:14px;transform:rotate(7deg)}.art-label{padding:10px;font-size:5px}.art-label>span:last-child{display:none}.hero-visual{min-height:145px}.hero-building{width:83%;padding:6px 0;top:20%;left:9%}.chip-check{gap:4px;padding:5px 6px;font-size:6px;top:8%;left:3%}.chip-check>span{width:12px;height:12px}.chip-bot{gap:4px;padding:4px 5px;font-size:6px;bottom:24%;right:1%}.chip-bot svg{width:16px;height:16px}.hero-versus{gap:7px;padding:4px 8px;bottom:5%}.hero-versus>span{font-size:8px}.hero-versus>b{font-size:10px}.hero-versus .bot-mark{width:18px;height:18px}.art-caption{gap:5px;padding:8px;font-size:6px}.art-caption .live-dot{width:3px;height:3px}.challenge-gallery{grid-template-columns:1fr;gap:10px}.gallery-heading{margin-bottom:3px}.gallery-heading .eyebrow,.gallery-heading>span:last-child{font-size:9px}.game-card{border-radius:10px;grid-template-columns:95px 1fr;min-height:86px;display:grid}.card-visual{height:100%;min-height:86px}.card-visual .drw{width:150%;top:0;left:-25%;transform:rotate(-7deg)}.visual-0 .drw{width:105%;top:-20px;left:-5%}.visual-2 .drw{width:135%;top:0;left:-15%}.card-time{padding:3px 4px;font-size:6px;top:auto;bottom:6px;right:5px}.card-copy{gap:9px;padding:12px}.card-copy h2{font-size:14px}.card-copy p{font-size:10px}.card-number{font-size:9px}.card-arrow{font-size:18px}.mini-envelope{width:68px;height:45px;font-size:30px;top:17px;left:12px}.mini-envelope>span{padding:2px 4px;font-size:5px}.mini-envelope>span:first-child{left:-6px}.mini-envelope>span:nth-child(2){right:-8px}.mini-envelope>span:nth-child(3){left:-6px}.welcome-proof{align-items:center;gap:10px;font-size:8px}.welcome-proof b{margin-left:4px;font-size:13px}.round-steps{justify-content:space-between;gap:12px;padding:18px 20px 0}.round-steps>span{gap:5px;font-size:8px}.round-steps b{width:21px;height:21px;font-size:8px}.lesson-body{flex-direction:column;align-items:stretch;gap:22px;padding:24px 20px;display:flex}.lesson-title{margin:13px 0;font-size:34px}.lesson-description{font-size:20px}.lesson-description br{display:none}.lesson-description.small{font-size:17px}.lesson-rule{gap:10px;margin-top:16px;padding-top:15px;font-size:11px}.lesson-note{margin-top:17px;font-size:10px}.lesson-preview{border-radius:12px;flex:none}.preview-topline{padding:10px 13px;font-size:8px}.training-canvas{padding:4px 12px}.training-canvas>.drw{max-height:280px}.demo-overlay{width:calc(100% - 24px);height:calc(100% - 8px);max-height:280px;inset:4px 12px}.drawing-training>.drw{max-height:240px;padding:14px 0 35px}.preview-caption{padding:10px 12px;font-size:10px}.demo-tooltip{padding:8px 10px;font-size:10px;bottom:12px;left:12px;right:12px}.lesson-foot{padding:13px 20px max(14px, env(safe-area-inset-bottom));flex-direction:column;gap:5px;display:flex}.lesson-foot>.pbtn{width:100%;min-width:0;min-height:52px;padding:13px 16px;font-size:14px}.lesson-foot>.linkbtn{padding:7px;font-size:10px}.training-inbox{gap:10px;min-height:0;padding:14px}.training-inbox .mail{gap:6px;min-height:120px;padding:15px}.training-inbox .mail .subj{font-size:16px}.training-inbox .mail .prev{font-size:11px}.training-inbox .tray{min-height:52px}.training-inbox .demo-tooltip{bottom:130px}.practice-status{margin-top:16px;padding:12px 14px;font-size:12px}.practice-body .lesson-rule{display:none}.practice-submit{gap:10px;padding:0 14px 14px;font-size:11px}.practice-submit .pbtn{font-size:11px}.countdown-number{font-size:150px}.hud b{font-size:21px}.hud .r b{font-size:25px}.screen[data-screen=play] .hud{padding:19px 18px 17px}.stage{border-radius:11px;margin:0 10px;padding:8px 4px}.hud-foot{min-height:58px;padding:12px 18px;font-size:10px}.race{margin:11px 18px 0}.race .lane{font-size:9px}.inbox{gap:14px;padding:12px}.inbox .mail{min-height:190px;padding:18px}.inbox .subj{font-size:19px}.inbox .prev{font-size:12px}.inbox .tray{min-height:60px;font-size:14px}.screen[data-screen=result] .s-body{gap:25px}.s-h{font-size:30px}}@media (width<=360px){.hero-title{font-size:72px}.welcome-art{width:36%;top:130px}.hero-description{font-size:21px}.round-steps>span{font-size:7px}.card-copy h2{font-size:12px}.card-copy p{font-size:9px}.welcome-detail{max-width:190px}.pbtn{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.screen *,.screen :before,.screen :after{transition:none!important;animation:none!important}.watching .demo-ring,.watching .demo-pointer,.watching .demo-tooltip{opacity:1}.watching .drawing-training .item .hit{fill:#ff9b5a}.watching .demo-tray{color:#fff;background:#214b34}.game-card:hover,.pbtn:hover{transform:none}}@media (width<=700px){.hero-title em{display:block}.welcome-art{width:42%;min-height:215px;max-height:240px;top:154px;right:17px}.hero-title{max-width:58%;font-size:78px}.hero-visual{min-height:160px}}@media (width<=360px){.hero-title{font-size:70px}.welcome-art{width:39%;top:147px;right:14px}}.watching[data-demo="1"] .mail{animation:3.4s infinite demo-sort}@keyframes demo-sort{0%,40%{opacity:1;transform:translate(0)}65%,80%{opacity:.25;transform:translate(25px,24px)rotate(3deg)}95%,to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.watching[data-demo="1"] .mail{animation:none}}.timebar span{background:0 0;padding:0;font-size:10px;line-height:1.2;top:11px;right:0}.visual-0 .drw{top:-85px}@media (width<=700px){.welcome-art{min-height:185px;max-height:190px;top:145px}.hero-visual{min-height:128px}.visual-0 .drw{top:-20px}}.field textarea{font:inherit;color:var(--studio-text);border:1px solid var(--studio-line);resize:vertical;background:#ffffff08;border-radius:8px;width:100%;min-height:95px;padding:14px;font-size:16px}.field textarea:focus{outline:2px solid var(--studio-orange);outline-offset:2px}.field textarea::placeholder{color:#9eafa3}.admin-board{max-width:850px}.entry-rank{color:var(--studio-green);font-size:12px}.winner-card{background:#29432f;border-color:#bdeca75c}.admin-actions{flex-wrap:wrap;gap:12px;display:flex}.board-error{color:#ffd1ae;font-size:12px}.board-freshness{color:var(--studio-muted);font-size:11px}.leaderboard-page{max-width:940px}.leaderboard-page .lb-row{grid-template-columns:36px minmax(0,1fr) auto;padding:17px 12px;font-size:17px}.leaderboard-page .lb-row.podium{background:#ffffff05}.leaderboard-page .lb-row.bot{background:var(--studio-orange)}.competition-note{color:var(--studio-muted);font-size:13px;line-height:1.6}@media (width>=701px){.welcome-art{grid-area:1/2/4;align-self:start;height:clamp(420px,100dvh - 204px,516px);position:sticky;top:0}.welcome-body .challenge-gallery,.welcome-body .welcome-proof{grid-column:1}.welcome-body .challenge-gallery{grid-template-columns:1fr}.welcome-body .game-card{grid-template-columns:110px minmax(0,1fr);min-height:94px;display:grid}.welcome-body .card-visual{height:100%;min-height:94px}.welcome-body .visual-0 .drw{width:105%;top:-20px;left:-5%}}