:root{--frame:#11162a;--panel:rgba(8,12,24,.94);--panel2:rgba(15,20,38,.94);--text:#f6f8ff;--muted:#b2bfdc;--a:#79f0cf;--b:#f4d56b;--c:#ff7e68;--pb:0 0 0 4px #11162a,0 0 0 8px #f4d56b;--star:.55;--aur:.22;--sky1:#7d63f4;--sky2:#172451;--sun:#ffcf6f;--halo:rgba(255,207,111,.28);--cloud:rgba(255,255,255,.82);--mb:#34457d;--mm:#233568;--mf:#192856;--mist:rgba(187,218,255,.18);--cb:#20284c;--cf:#2f3866;--cs:#424d83;--win:#ffe89d;--ra:#163948;--rb:#0e2433;--river1:#3ab7d8;--river2:#236f94;--spark:#79f0cf;--glow:rgba(121,240,207,.42);--hm:#78f0cf;--hs:#7da6ff;--hc:#ff7e68;--sun-x:82%;--sun-y:36%;--sun-o:.96;--sun-s:1.02;--moon-x:18%;--moon-y:36%;--moon-o:.46;--moon-s:.94;--moon-light:#f3f6ff;--moon-shadow:rgba(163,186,255,.3);--moon-mask:#7d63f4;--moon-shade:#cad4ff}
body[data-theme=night]{--star:.92;--aur:.38;--sky1:#0d1430;--sky2:#03050c;--sun:#dbe9ff;--halo:rgba(171,199,255,.18);--cloud:rgba(176,192,255,.25);--mb:#1f2853;--mm:#161f44;--mf:#0f1736;--mist:rgba(127,151,245,.16);--cb:#121831;--cf:#1b2445;--cs:#253158;--win:#79f0cf;--ra:#13313e;--rb:#0a1823;--river1:#1976a8;--river2:#0d4366;--spark:#9dc9ff;--glow:rgba(157,201,255,.4);--hm:#9dc9ff;--hs:#79f0cf;--hc:#8a78ff;--sun-x:-12%;--sun-y:92%;--sun-o:0;--sun-s:.72;--moon-x:46%;--moon-y:14%;--moon-o:1;--moon-s:1.08;--moon-mask:#141f41;--moon-shade:#b8c7ff}
body[data-theme=dawn]{--star:.18;--aur:.1;--sky1:#ff9d6b;--sky2:#40529a;--sun:#ffe6a6;--halo:rgba(255,236,185,.28);--cloud:rgba(255,241,224,.88);--mb:#705c98;--mm:#4f4c83;--mf:#334470;--mist:rgba(255,228,189,.16);--cb:#4f4f83;--cf:#666694;--cs:#817aa9;--win:#fff2bd;--ra:#285c53;--rb:#16433a;--river1:#49c9d3;--river2:#2d8baa;--spark:#ffd986;--glow:rgba(255,217,134,.42);--hm:#fff0b2;--hs:#ff8b68;--hc:#7a63f4;--sun-x:18%;--sun-y:36%;--sun-o:1;--sun-s:1.04;--moon-x:82%;--moon-y:36%;--moon-o:.42;--moon-s:.94;--moon-mask:#ffab76;--moon-shade:#d9dcff}
body[data-theme=day]{--star:.03;--aur:.06;--sky1:#79c9ff;--sky2:#d7f2ff;--sun:#ffe17a;--halo:rgba(255,225,122,.34);--cloud:rgba(255,255,255,.96);--mb:#6d86c2;--mm:#5771ac;--mf:#415a93;--mist:rgba(210,239,255,.16);--cb:#6b81b8;--cf:#7e95c6;--cs:#97abd5;--win:#fff5b8;--ra:#32736a;--rb:#1d5e57;--river1:#5ad9eb;--river2:#38a2c1;--spark:#ffe17a;--glow:rgba(255,225,122,.35);--hm:#fff3c7;--hs:#ffae74;--hc:#6690ff;--sun-x:46%;--sun-y:14%;--sun-o:1;--sun-s:1.08;--moon-x:112%;--moon-y:92%;--moon-o:0;--moon-s:.72;--moon-mask:#79c9ff;--moon-shade:#d8e3ff}
body{--scene-tint-filter:none;--screen-paper:#f7f3e8;--screen-body:#d0d7e7;--screen-meta:#d9caa4;--screen-pill:#efe0bf;--screen-chip-bg:rgba(255,255,255,.06);--screen-chip-text:#f1e7cf;--screen-code-ink:#ffe39d}
body[data-tint=color]{--scene-tint-filter:none;--screen-paper:#f7f3e8;--screen-body:#d0d7e7;--screen-meta:#d9caa4;--screen-pill:#efe0bf;--screen-chip-bg:rgba(255,255,255,.06);--screen-chip-text:#f1e7cf;--screen-code-ink:#ffe39d}
body[data-tint=amber]{--scene-tint-filter:sepia(.92) hue-rotate(-18deg) saturate(1.22) brightness(.95);--screen-paper:#ffe8ad;--screen-body:#f0d39b;--screen-meta:#e0b86e;--screen-pill:#f6d79b;--screen-chip-bg:rgba(255,188,92,.12);--screen-chip-text:#fff2cb;--screen-code-ink:#ffd66d}
body[data-tint=green]{--scene-tint-filter:grayscale(.18) sepia(.3) hue-rotate(40deg) saturate(1.28) brightness(.92);--screen-paper:#d8ffdb;--screen-body:#b7f0be;--screen-meta:#7dd48a;--screen-pill:#d8ffdc;--screen-chip-bg:rgba(121,240,207,.14);--screen-chip-text:#e5ffe8;--screen-code-ink:#9df6ac}
body[data-tint=mono]{--scene-tint-filter:grayscale(1) contrast(1.08) brightness(.96);--screen-paper:#efefef;--screen-body:#d3d3d3;--screen-meta:#aaaaaa;--screen-pill:#f3f3f3;--screen-chip-bg:rgba(255,255,255,.08);--screen-chip-text:#f5f5f5;--screen-code-ink:#ffffff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at top,rgba(121,240,207,.18),transparent 30%),#080b14;background-size:24px 24px,24px 24px,auto,auto;color:var(--text);font-family:"VT323",monospace;overflow-x:hidden;transition:background 1.2s linear}a{text-decoration:none;color:inherit}button{border:0;font:inherit;cursor:pointer}.page{width:min(1440px,calc(100% - 28px));margin:0 auto;padding:22px 0 54px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.brand,.pill,.lbl,.badge,.mini{font-family:"Press Start 2P",cursive;font-size:.7rem}.brand{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel);box-shadow:var(--pb)}.brand:before{content:"";width:12px;height:12px;background:var(--a);box-shadow:12px 0 0 var(--b),0 12px 0 var(--c),12px 12px 0 #7da6ff}.controls{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:12px 14px;background:var(--panel);color:var(--text);box-shadow:var(--pb)}.pill.active{background:var(--a);color:#0a0d18;box-shadow:0 0 0 4px #11162a,0 0 0 8px var(--b)}.hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;align-items:start}.panel{position:relative;background:var(--panel);box-shadow:var(--pb)}.in{padding:24px}.intro h1{margin:14px 0 16px;font-family:"Press Start 2P",cursive;font-size:clamp(1.65rem,4vw,2.85rem);line-height:1.45}.intro p,.mbody,.log li,.note,.foot{font-size:1.9rem;line-height:1.18;color:var(--muted)}.intro p{margin:0 0 18px}.lbl{color:var(--b);display:block;margin-bottom:12px}.stats,.chips,.hud,.signals{display:grid;gap:14px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.stat,.chip,.sig{background:var(--panel2);box-shadow:0 0 0 4px #11162a}.stat{padding:16px}.stat strong,.sig strong{display:block;margin-bottom:8px;font-family:"Press Start 2P",cursive;font-size:.6rem;line-height:1.7;color:var(--b)}.stat span{font-size:1.55rem}.scene-wrap .in{padding:16px}.barrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.group{display:flex;gap:10px;flex-wrap:wrap}.mini{padding:10px 12px;color:var(--text);background:var(--panel2);box-shadow:0 0 0 4px #11162a}.mini.active{background:var(--b);color:#0d1122}.scene,.sun,.cloud,.m,.mist,.cbg,.t,.river,.road,.comp,.hero-sprite:before,.hero-sprite:after,.badge,.mini{transition:background .9s linear,box-shadow .9s linear,color .9s linear,opacity .9s linear,filter .9s linear}.scene{transition:background 1.2s linear,box-shadow 1.2s linear}
.scene{--hero-x:22%;--beacon-x:17%;position:relative;height:560px;overflow:hidden;background:linear-gradient(180deg,var(--sky1),var(--sky2));box-shadow:inset 0 -10px 0 rgba(0,0,0,.22);cursor:crosshair;image-rendering:pixelated}.scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.02) 44%,rgba(0,0,0,.12) 100%),linear-gradient(180deg,transparent 0,transparent 50%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.12) 100%);background-size:auto,100% 6px;pointer-events:none;z-index:20}.glow,.aur,.stars,.sun,.cloud,.m,.mist,.cbg,.front,.lane,.river,.hero-unit,.comp,.motes,.beam,.ov,.scene-foot,.fg{position:absolute}.glow{inset:0;background:radial-gradient(circle at 70% 18%,var(--halo),transparent 16%),radial-gradient(circle at 35% 14%,rgba(255,255,255,.08),transparent 18%);transform:translate(calc(var(--px,0px)*-.02),calc(var(--py,0px)*-.02))}.aur{left:-18%;right:-18%;top:24px;height:170px;background:linear-gradient(90deg,transparent,rgba(121,240,207,.32),rgba(125,166,255,.24),transparent);filter:blur(20px);opacity:var(--aur);transform:translate(calc(var(--px,0px)*-.05),calc(var(--py,0px)*-.03)) skewY(-6deg);animation:aur 16s ease-in-out infinite}.stars{inset:0;background:radial-gradient(circle,rgba(255,255,255,.96) 1px,transparent 1px) 0 0/120px 120px,radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 1px) 56px 30px/160px 160px,radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1px) 20px 10px/220px 220px;opacity:var(--star);transform:translate(calc(var(--px,0px)*-.02),calc(var(--py,0px)*-.02));animation:stars 3.8s steps(2) infinite}.sun{top:72px;right:88px;width:94px;height:94px;background:var(--sun);box-shadow:0 0 0 10px rgba(255,255,255,.08),0 0 0 20px rgba(255,255,255,.04);transform:translate(calc(var(--px,0px)*-.03),calc(var(--py,0px)*-.02));animation:sun 5s ease-in-out infinite}.sun:after{content:"";position:absolute;inset:16px;border:4px solid rgba(255,255,255,.24)}.cloud{width:12px;height:12px;background:var(--cloud);opacity:.95}.cloud:before{content:"";position:absolute;inset:0;background:inherit;box-shadow:12px 0 0 var(--cloud),24px 0 0 var(--cloud),36px 12px 0 var(--cloud),24px 12px 0 var(--cloud),12px 12px 0 var(--cloud),0 12px 0 var(--cloud),12px -12px 0 var(--cloud),24px -12px 0 var(--cloud),48px 12px 0 var(--cloud),48px 0 0 var(--cloud)}.ca{top:92px;left:90px;transform:translate(calc(var(--px,0px)*-.04),calc(var(--py,0px)*-.02)) scale(3);animation:da 26s linear infinite}.cb{top:162px;left:320px;transform:translate(calc(var(--px,0px)*-.03),calc(var(--py,0px)*-.02)) scale(2.5);animation:db 22s linear infinite}.cc{top:128px;right:236px;transform:translate(calc(var(--px,0px)*-.05),calc(var(--py,0px)*-.015)) scale(2.8);animation:dc 30s linear infinite}.m{left:0;right:0;bottom:0}.mb{bottom:180px;height:170px;background:var(--mb);clip-path:polygon(0 100%,0 72%,8% 72%,8% 54%,16% 54%,16% 40%,25% 40%,25% 18%,37% 18%,37% 44%,48% 44%,48% 28%,57% 28%,57% 46%,67% 46%,67% 24%,79% 24%,79% 58%,89% 58%,89% 38%,100% 38%,100% 100%);transform:translate(calc(var(--px,0px)*-.03),calc(var(--py,0px)*-.01))}.mm{bottom:138px;height:190px;background:var(--mm);clip-path:polygon(0 100%,0 80%,10% 80%,10% 58%,22% 58%,22% 30%,34% 30%,34% 48%,44% 48%,44% 22%,58% 22%,58% 54%,71% 54%,71% 34%,84% 34%,84% 70%,100% 70%,100% 100%);transform:translate(calc(var(--px,0px)*-.05),calc(var(--py,0px)*-.02))}.mf{bottom:114px;height:210px;background:var(--mf);clip-path:polygon(0 100%,0 78%,9% 78%,9% 54%,18% 54%,18% 34%,28% 34%,28% 20%,38% 20%,38% 48%,48% 48%,48% 30%,60% 30%,60% 16%,70% 16%,70% 46%,82% 46%,82% 26%,91% 26%,91% 60%,100% 60%,100% 100%);transform:translate(calc(var(--px,0px)*-.07),calc(var(--py,0px)*-.025))}.mist{left:-10%;right:-10%;bottom:124px;height:72px;background:linear-gradient(90deg,transparent,var(--mist),transparent);filter:blur(10px);opacity:.8;animation:mist 18s linear infinite}.cbg{left:0;right:0;bottom:148px;height:120px;background:linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.08) 18px 20px,transparent 20px 100%),repeating-linear-gradient(90deg,var(--cb) 0 36px,transparent 36px 42px,var(--cb) 42px 90px,transparent 90px 96px,var(--cb) 96px 150px);clip-path:polygon(0 100%,0 52%,8% 52%,8% 30%,18% 30%,18% 62%,28% 62%,28% 18%,37% 18%,37% 54%,47% 54%,47% 26%,56% 26%,56% 68%,65% 68%,65% 40%,77% 40%,77% 14%,86% 14%,86% 60%,100% 60%,100% 100%);opacity:.72;transform:translate(calc(var(--px,0px)*-.08),calc(var(--py,0px)*-.01))}.front{left:0;right:0;bottom:114px;height:220px;transform:translate(calc(var(--px,0px)*-.1),calc(var(--py,0px)*-.02))}
.t{position:absolute;bottom:0;background:var(--cf);box-shadow:inset -8px 0 0 var(--cs),inset 0 -10px 0 rgba(0,0,0,.25);transition:transform .26s steps(4),filter .26s ease,box-shadow .26s ease}.t:before{content:"";position:absolute;inset:18px 14px 18px;background:linear-gradient(90deg,transparent 0 8px,var(--win) 8px 18px,transparent 18px 28px,var(--win) 28px 38px,transparent 38px 48px),linear-gradient(180deg,transparent 0 10px,var(--win) 10px 20px,transparent 20px 32px,var(--win) 32px 42px,transparent 42px 54px,var(--win) 54px 64px,transparent 64px 76px,var(--win) 76px 86px,transparent 86px 100%);mix-blend-mode:screen;animation:win 3.8s steps(2) infinite}.t:after{content:"";position:absolute;inset:auto 10px -12px;height:12px;background:rgba(0,0,0,.22)}.ts{left:86px;width:126px;height:188px}.tp{left:286px;width:154px;height:236px}.tl{right:318px;width:132px;height:166px}.th{right:104px;width:166px;height:224px}.sign{position:absolute;left:50%;top:28px;transform:translateX(-50%);padding:7px 10px;background:#0d1224;color:var(--a);box-shadow:0 0 0 4px #11162a,0 0 18px var(--glow);white-space:nowrap;font-family:"Press Start 2P",cursive;font-size:.48rem;animation:sign 2.4s steps(2) infinite}.tp .sign{color:var(--b)}.th .sign{color:#9ec9ff}.tl .sign{color:var(--c)}body[data-focus=studio] .ts,body[data-focus=product] .tp,body[data-focus=systems] .tl,body[data-focus=company] .th{transform:translateY(-8px);box-shadow:0 0 0 6px rgba(244,213,107,.22),inset -8px 0 0 var(--cs),inset 0 -10px 0 rgba(0,0,0,.25);filter:saturate(1.18)}.data{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;width:18px;height:160px;background:linear-gradient(180deg,rgba(121,240,207,.7),transparent);opacity:.55;animation:beam 2.8s ease-in-out infinite}body[data-focus=product] .tp .data,body[data-focus=systems] .tl .data{opacity:1}.lane{left:0;right:0;bottom:206px;height:78px;transform:translate(calc(var(--px,0px)*-.12),calc(var(--py,0px)*-.03))}.car{position:absolute;width:56px;height:16px;background:var(--b);box-shadow:10px 0 0 var(--b),20px 0 0 var(--b),30px 0 0 var(--b),40px 0 0 var(--b),10px 10px 0 var(--c),20px 10px 0 var(--c),30px 10px 0 var(--c)}.car:after{content:"";position:absolute;top:26px;left:8px;width:36px;height:4px;background:rgba(121,240,207,.5)}.car.a{top:8px;left:-100px;animation:carA 10s linear infinite}.car.b{top:34px;right:-100px;background:#9ec9ff;box-shadow:10px 0 0 #9ec9ff,20px 0 0 #9ec9ff,30px 0 0 #9ec9ff,40px 0 0 #9ec9ff,10px 10px 0 var(--a),20px 10px 0 var(--a),30px 10px 0 var(--a);animation:carB 13s linear infinite}.logo-stage{position:absolute;left:50%;bottom:144px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:15;pointer-events:none}.logo-sh{width:360px;height:20px;background:rgba(0,0,0,.22);margin-bottom:8px;animation:lsh 2.2s ease-in-out infinite}.logo-word{display:flex;align-items:flex-end;gap:0}.logo-char{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:56px;font-family:"Baloo 2",cursive;font-weight:800;font-size:110px;line-height:.72;letter-spacing:-.08em;transform-origin:center bottom;animation:lb 2.2s ease-in-out infinite}.logo-char span{display:block;text-shadow:-8px 0 0 #34224f,8px 0 0 #34224f,0 -8px 0 #34224f,0 8px 0 #34224f,8px 8px 0 #34224f,-8px 8px 0 #34224f,8px -8px 0 #34224f,-8px -8px 0 #34224f,14px 14px 0 rgba(52,34,79,.12)}.logo-char.y{color:#f2d56f}.logo-char.p{color:#a997e6}.logo-char .face{position:absolute;left:50%;top:42px;transform:translateX(-50%);width:26px;height:18px}.logo-char .eye{position:absolute;top:0;width:5px;height:5px;background:#34224f;animation:eye 5.2s steps(1) infinite}.logo-char .eye.r{right:0}.logo-char .eye.l{left:0}.logo-char .mouth{position:absolute;left:50%;bottom:0;width:13px;height:5px;background:#34224f;transform:translateX(-50%)}.logo-char .bl{position:absolute;bottom:2px;width:5px;height:3px;background:rgba(255,126,104,.66)}.logo-char .bl.l{left:-5px}.logo-char .bl.r{right:-5px}.logo-char .arm{position:absolute;width:12px;height:12px;background:currentColor}.l-p{margin-right:-6px}.l-a{margin-right:-12px}.l-r{margin-right:-8px}.l-p2{margin-right:-10px}.l-l{margin-right:-8px;transform:translateY(6px)}.l-e{margin-left:-2px}.l-p .face{top:46px}.l-a .face{top:40px}.l-r .face,.l-p2 .face{top:44px}.l-l .face{top:38px}.l-e .face{top:42px}.c1{animation-delay:0s}.c2{animation-delay:.14s}.c3{animation-delay:.28s}.c4{animation-delay:.42s}.c5{animation-delay:.56s}.c6{animation-delay:.7s}.c3,.c4{animation-name:lb,ltilt;animation-duration:2.2s,4.8s;animation-iteration-count:infinite,infinite}.c5{animation-name:lb,lwave;animation-duration:2.2s,3.6s;animation-iteration-count:infinite,infinite}.l-p .arm{left:-10px;top:60px;animation:arm1 2.8s steps(2) infinite}.l-l .arm{right:-6px;top:10px;height:46px;width:14px;animation:arm2 2.8s steps(2) infinite}.l-e .arm{right:-10px;top:48px;animation:arm2 3s steps(2) infinite}.logo-stars{position:absolute;inset:-18px -22px auto;height:28px}.logo-stars i,.logo-stars b{position:absolute;width:8px;height:8px;background:var(--a);box-shadow:8px 0 0 var(--a),0 8px 0 var(--a),8px 8px 0 var(--a);animation:tw 1.8s steps(2) infinite}.logo-stars b{background:var(--b);box-shadow:8px 0 0 var(--b),0 8px 0 var(--b),8px 8px 0 var(--b);animation-delay:.8s}.logo-stars i:nth-child(1){left:16px;top:0}.logo-stars i:nth-child(2){right:18px;top:4px;animation-delay:.4s}.logo-stars b{left:50%;top:8px;transform:translateX(-50%)}.river{left:0;right:0;bottom:96px;height:24px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.15) 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,var(--river1) 0 24px,var(--river2) 24px 48px);animation:river 1.6s linear infinite}.beam{left:var(--beacon-x);bottom:98px;width:20px;height:230px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(244,213,107,.7),rgba(244,213,107,.08),transparent);filter:blur(1px);opacity:.9;animation:beacon 2.1s ease-in-out infinite}.hero-unit{left:var(--hero-x);bottom:64px;transform:translateX(-50%);transition:left .85s steps(8),filter .26s ease;z-index:8}.hero-unit.moving{filter:drop-shadow(0 0 12px rgba(121,240,207,.4))}.hero-shadow{position:absolute;left:50%;bottom:-2px;width:88px;height:16px;transform:translateX(-50%);background:rgba(0,0,0,.25)}.hero-sprite{position:relative;width:24px;height:44px;transform:scale(4);transform-origin:bottom center;animation:hero .65s steps(2) infinite}.hero-sprite:before{content:"";position:absolute;left:0;top:0;width:6px;height:6px;background:#11162a;box-shadow:6px 0 0 #11162a,12px 0 0 #11162a,18px 0 0 #11162a,0 6px 0 #11162a,6px 6px 0 #ffd6ad,12px 6px 0 #ffd6ad,18px 6px 0 #11162a,0 12px 0 #11162a,6px 12px 0 #ffd6ad,12px 12px 0 #ffd6ad,18px 12px 0 #11162a,0 18px 0 var(--hm),6px 18px 0 var(--hm),12px 18px 0 var(--hm),18px 18px 0 var(--hm),0 24px 0 var(--hm),6px 24px 0 var(--hs),12px 24px 0 var(--hs),18px 24px 0 var(--hm),0 30px 0 var(--hs),6px 30px 0 var(--hs),12px 30px 0 var(--hs),18px 30px 0 var(--hs),6px 36px 0 #11162a,12px 36px 0 #11162a}.hero-sprite:after{content:"";position:absolute;left:-6px;top:18px;width:6px;height:6px;background:var(--hc);box-shadow:0 6px 0 var(--hc),24px 0 0 var(--hc),24px 6px 0 var(--hc),30px 6px 0 var(--hc);animation:cape .45s steps(2) infinite alternate}.trail{position:absolute;left:-44px;bottom:18px;width:40px;height:8px;background:linear-gradient(90deg,transparent,rgba(121,240,207,.5));opacity:0;transition:opacity .22s ease}.hero-unit.moving .trail{opacity:1}.hero-label{position:absolute;left:50%;top:-22px;transform:translateX(-50%);padding:8px 10px;white-space:nowrap;background:rgba(8,12,24,.84);box-shadow:0 0 0 4px #11162a;font-family:"Press Start 2P",cursive;font-size:.48rem}.comp{left:calc(var(--hero-x) + 7%);bottom:126px;width:8px;height:8px;background:var(--a);transform:scale(3);box-shadow:8px 0 0 var(--a),0 8px 0 var(--a),8px 8px 0 #11162a,16px 8px 0 var(--b),8px 16px 0 #11162a;transition:left .85s steps(8);animation:comp 2.6s ease-in-out infinite;z-index:8}.motes{inset:0;overflow:hidden;pointer-events:none;z-index:7}.mote{position:absolute;bottom:80px;width:var(--size,4px);height:var(--size,4px);background:var(--spark);opacity:.55;animation:mote var(--dur,10s) linear infinite;animation-delay:var(--delay,0s)}
body:not(.logo-ready) .logo-word{opacity:0}.logo-stage{bottom:124px;transform:translateX(-50%) scale(1)}.logo-sh{width:clamp(220px,34vw,396px);height:28px;background:rgba(0,0,0,.24);margin-bottom:14px;animation:lsh 2.2s ease-in-out infinite}.logo-word{display:flex;align-items:flex-end;justify-content:center;gap:0;width:min(100%,420px);opacity:1;transition:opacity .18s linear;filter:drop-shadow(18px 18px 0 rgba(52,34,79,.14))}.logo-art{display:block;width:396px;max-width:100%;height:auto;image-rendering:pixelated;transform-origin:center bottom;animation:lb 2.4s ease-in-out infinite}.logo-char{--ps:8px;--fill:#f2d56f;--shade:#ddb44c;--gloss:#fff1b8;--gw:16;--gh:18;position:relative;display:block;min-width:0;width:calc(var(--gw)*var(--ps));height:calc(var(--gh)*var(--ps));font-size:0;line-height:0;transform-origin:center bottom;animation:lb 2.2s ease-in-out infinite}.logo-char.y{--fill:#f2d56f;--shade:#ddb44c;--gloss:#fff1b8}.logo-char.p{--fill:#ab98e8;--shade:#836fd1;--gloss:#d9d0ff}.logo-char .pixels,.logo-char .face,.logo-char .arm{position:absolute}.logo-char .pixels{inset:0}.logo-char .pix{position:absolute;width:var(--ps);height:var(--ps);image-rendering:pixelated}.logo-char .pix.ol{background:#34224f}.logo-char .pix.fill{background:var(--fill)}.logo-char .pix.shade{background:var(--shade)}.logo-char .pix.gloss{background:var(--gloss)}.logo-char .face{left:calc(var(--fx,4)*var(--ps));top:calc(var(--fy,8)*var(--ps));width:calc(7*var(--ps));height:calc(5*var(--ps));transform:none}.logo-char .eye{position:absolute;top:0;width:var(--ps);height:var(--ps);background:#34224f;image-rendering:pixelated;animation:eye 5.2s steps(1) infinite}.logo-char .eye.l{left:var(--ps)}.logo-char .eye.r{right:var(--ps)}.logo-char .mouth{position:absolute;left:50%;bottom:var(--ps);transform:translateX(-50%);background:#34224f}.logo-char .face.smile .mouth{width:calc(3*var(--ps));height:var(--ps)}.logo-char .face.open .mouth{width:calc(2*var(--ps));height:calc(2*var(--ps));bottom:0}.logo-char .face.soft .eye{top:2px;height:4px}.logo-char .bl{position:absolute;bottom:0;width:var(--ps);height:var(--ps);background:rgba(255,132,118,.72)}.logo-char .bl.l{left:0}.logo-char .bl.r{right:0}.logo-char .arm{width:var(--ps);height:var(--ps);background:var(--fill);image-rendering:pixelated}.logo-char .arm-left{left:calc(-1*var(--ps));top:calc(10*var(--ps));box-shadow:0 calc(1*var(--ps)) 0 var(--fill),calc(-1*var(--ps)) calc(2*var(--ps)) 0 var(--fill),calc(-1*var(--ps)) calc(3*var(--ps)) 0 var(--fill),calc(-2*var(--ps)) calc(3*var(--ps)) 0 var(--fill);animation:arm1 2.8s steps(2) infinite}.logo-char .arm-high{right:calc(-1*var(--ps));top:calc(2*var(--ps));box-shadow:0 calc(1*var(--ps)) 0 var(--fill),0 calc(2*var(--ps)) 0 var(--fill),calc(1*var(--ps)) calc(-1*var(--ps)) 0 var(--fill),calc(1*var(--ps)) 0 0 var(--fill),calc(1*var(--ps)) calc(1*var(--ps)) 0 var(--fill);animation:arm2 2.8s steps(2) infinite}.logo-char .arm-right{right:calc(-2*var(--ps));top:calc(11*var(--ps));box-shadow:calc(1*var(--ps)) 0 0 var(--fill),calc(2*var(--ps)) calc(-1*var(--ps)) 0 var(--fill),calc(2*var(--ps)) calc(-2*var(--ps)) 0 var(--fill),calc(3*var(--ps)) calc(-2*var(--ps)) 0 var(--fill);animation:arm2 3s steps(2) infinite}.l-p{margin-right:-16px;--fx:4;--fy:8}.l-a{margin-right:-28px;--fx:4;--fy:7}.l-r{margin-right:-50px;--fx:4;--fy:8}.l-p2{margin-right:-28px;--fx:4;--fy:8}.l-l{margin-right:-12px;margin-bottom:-8px;--fx:2;--fy:7}.l-e{margin-left:-36px;--fx:3;--fy:8}
.ov{left:18px;top:18px;display:flex;flex-wrap:wrap;gap:10px;z-index:18}.badge{padding:8px 10px;background:rgba(8,12,24,.82);box-shadow:0 0 0 4px #11162a;line-height:1.6}.scene-foot{right:16px;bottom:14px;z-index:18;padding:10px 12px;background:rgba(8,12,24,.82);box-shadow:0 0 0 4px #11162a;font-family:"Press Start 2P",cursive;font-size:.52rem}.fg{left:0;right:0;bottom:0;height:130px;z-index:10}.road{position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(180deg,transparent 0 14px,rgba(255,255,255,.06) 14px 16px,transparent 16px 100%),repeating-linear-gradient(90deg,var(--ra) 0 24px,var(--rb) 24px 48px)}.road:before{content:"";position:absolute;left:0;right:0;top:26px;height:8px;background:repeating-linear-gradient(90deg,transparent 0 32px,rgba(255,255,255,.22) 32px 72px);animation:road 1.2s linear infinite}.road:after{content:"";position:absolute;left:0;right:0;top:66px;height:6px;background:repeating-linear-gradient(90deg,rgba(121,240,207,.14) 0 18px,transparent 18px 36px);animation:gl 1.9s linear infinite}.rails{position:absolute;left:0;right:0;bottom:100px;height:14px;background:linear-gradient(180deg,transparent 0 2px,rgba(255,255,255,.14) 2px 4px,transparent 4px 8px,rgba(255,255,255,.14) 8px 10px,transparent 10px 100%)}.shr{position:absolute;left:0;right:0;bottom:88px;height:36px;background:repeating-linear-gradient(90deg,#0f281f 0 12px,#184433 12px 24px,#245c42 24px 36px,#184433 36px 48px);clip-path:polygon(0 100%,0 70%,6% 70%,6% 50%,11% 50%,11% 76%,18% 76%,18% 40%,26% 40%,26% 82%,34% 82%,34% 54%,42% 54%,42% 84%,52% 84%,52% 52%,60% 52%,60% 86%,70% 86%,70% 44%,79% 44%,79% 76%,88% 76%,88% 58%,100% 58%,100% 100%)}.spark{position:absolute;width:10px;height:10px;background:var(--spark);pointer-events:none;box-shadow:10px 0 0 var(--spark),-10px 0 0 var(--spark),0 10px 0 var(--spark),0 -10px 0 var(--spark);animation:burst .72s steps(4) forwards;z-index:22}.hud{grid-template-columns:1.08fr .92fr;margin-top:24px}.mbox .in,.lbox .in,.sbox .in{padding:20px}.mt{margin:0 0 12px;font-family:"Press Start 2P",cursive;font-size:.98rem;line-height:1.7}.chips{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.chip{padding:14px;text-align:center}.chip span{font-family:"Press Start 2P",cursive;font-size:.56rem;line-height:1.8;color:var(--a)}.term{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-top:18px;background:var(--panel2);box-shadow:0 0 0 4px #11162a}.term code{font-family:inherit;font-size:1.6rem;color:var(--a)}.caret{width:12px;height:24px;background:var(--b);animation:blink .8s steps(1) infinite}.log{margin:0;padding-left:22px}.signals{grid-template-columns:repeat(3,minmax(0,1fr))}.sig{padding:16px}.bar{height:18px;margin-top:10px;background:rgba(255,255,255,.08);overflow:hidden}.bar span{display:block;height:100%;width:var(--bar,70%);background:linear-gradient(90deg,var(--a),var(--b));animation:pulse 2s ease-in-out infinite}.foot{margin-top:22px;text-align:center}
html{scroll-behavior:smooth}body{scroll-snap-type:y proximity}.page{width:min(1120px,calc(100% - 28px));padding:18px 0 72px}.topbar{position:sticky;top:14px;z-index:40;margin-bottom:24px;padding:16px 18px;background:rgba(8,12,24,.84);box-shadow:var(--pb);backdrop-filter:blur(12px)}.hero,.hud,.stack{display:grid;grid-template-columns:1fr;gap:24px}.hero,.hud{margin:0}.panel{min-height:clamp(280px,42svh,460px);overflow:hidden;scroll-snap-align:start}.intro,.mbox,.lbox,.sbox{display:flex;flex-direction:column}.intro{min-height:clamp(360px,48svh,520px)}.mbox{min-height:clamp(340px,46svh,500px)}.lbox,.sbox{min-height:clamp(280px,38svh,420px)}.intro .in,.mbox .in,.lbox .in,.sbox .in{display:flex;flex-direction:column;justify-content:flex-start;gap:22px}.scene-wrap{min-height:clamp(460px,70svh,760px)}.scene-wrap .in{display:flex;flex-direction:column}.scene{height:min(64svh,620px);min-height:420px;flex:1}.stats,.chips,.signals{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stack>.panel{margin:0!important}.log{display:grid;gap:16px;align-content:start}.note{max-width:36ch}.term{margin-top:auto}.foot{padding:24px 18px;background:var(--panel);box-shadow:var(--pb);scroll-snap-align:start}
.sun,.moon{position:absolute;will-change:left,top,opacity,transform}.sun{left:var(--sun-x);top:var(--sun-y);right:auto;opacity:var(--sun-o);transform:translate(calc(-50% + var(--px,0px)*-.03),calc(-50% + var(--py,0px)*-.02)) scale(var(--sun-s));box-shadow:0 0 0 10px rgba(255,255,255,.08),0 0 0 20px rgba(255,255,255,.04),0 0 38px var(--halo);transition:left 5.6s linear,top 5.6s linear,opacity 4.8s ease,transform 5.6s linear,background 1.2s linear,box-shadow 1.2s linear,filter 1.2s linear;animation:sunPulse 4.8s ease-in-out infinite;z-index:2}.moon{--mp:8px;left:var(--moon-x);top:var(--moon-y);width:calc(8*var(--mp));height:calc(8*var(--mp));background:transparent;opacity:var(--moon-o);transform:translate(calc(-50% + var(--px,0px)*-.025),calc(-50% + var(--py,0px)*-.018)) scale(var(--moon-s));filter:drop-shadow(0 0 14px var(--moon-shadow));image-rendering:pixelated;transition:left 5.6s linear,top 5.6s linear,opacity 4.8s ease,transform 5.6s linear,filter 1.2s linear;animation:moonPulse 5.6s ease-in-out infinite;z-index:2}.moon:before{content:"";position:absolute;inset:0;background:var(--moon-light);clip-path:polygon(25% 0,50% 0,50% 12.5%,62.5% 12.5%,62.5% 25%,75% 25%,75% 37.5%,87.5% 37.5%,87.5% 62.5%,75% 62.5%,75% 75%,62.5% 75%,62.5% 87.5%,50% 87.5%,50% 100%,25% 100%,25% 87.5%,12.5% 87.5%,12.5% 62.5%,0 62.5%,0 37.5%,12.5% 37.5%,12.5% 12.5%,25% 12.5%)}.moon:after{content:"";position:absolute;inset:0;background:var(--moon-mask);clip-path:polygon(50% 0,75% 0,75% 12.5%,87.5% 12.5%,87.5% 75%,75% 75%,75% 87.5%,50% 87.5%,50% 75%,37.5% 75%,37.5% 25%,50% 25%);box-shadow:calc(1*var(--mp)) calc(2*var(--mp)) 0 var(--moon-shade),calc(2*var(--mp)) calc(3*var(--mp)) 0 var(--moon-shade),calc(1*var(--mp)) calc(5*var(--mp)) 0 var(--moon-shade);transition:background 1.2s linear,box-shadow 1.2s linear}
.glow,.aur,.stars{z-index:0}.sun,.moon{z-index:1}.cloud{z-index:2;width:14px;height:14px;opacity:0;will-change:margin-left,margin-top,transform,opacity;transition:background 1.2s linear,filter 1.2s linear,opacity 1.2s linear}.cloud:before{box-shadow:14px 0 0 var(--cloud),28px 0 0 var(--cloud),42px 14px 0 var(--cloud),28px 14px 0 var(--cloud),14px 14px 0 var(--cloud),0 14px 0 var(--cloud),14px -14px 0 var(--cloud),28px -14px 0 var(--cloud),56px 14px 0 var(--cloud),56px 0 0 var(--cloud),70px 14px 0 var(--cloud),70px 0 0 var(--cloud)}body[data-theme=dawn] .cloud{opacity:.96;filter:drop-shadow(0 0 10px rgba(255,243,214,.28))}body[data-theme=day] .cloud{opacity:.88;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}body[data-theme=dusk] .cloud{opacity:.38;filter:none}body[data-theme=night] .cloud{opacity:.1;filter:none}.ca{top:88px;left:72px;transform:translate(calc(var(--px,0px)*-.04),calc(var(--py,0px)*-.02)) scale(3.4);animation:cloudA 18s ease-in-out infinite}.cb{top:152px;left:294px;transform:translate(calc(var(--px,0px)*-.03),calc(var(--py,0px)*-.02)) scale(2.9);animation:cloudB 24s ease-in-out infinite}.cc{top:116px;right:214px;transform:translate(calc(var(--px,0px)*-.05),calc(var(--py,0px)*-.015)) scale(3.1);animation:cloudC 30s ease-in-out infinite}.m{z-index:3}.mist{z-index:4}.cbg{z-index:5}.lane{z-index:6}.front{z-index:7}.river{z-index:9}.beam{z-index:11}.hero-unit,.comp{z-index:14}.stars{z-index:0;image-rendering:pixelated;background:linear-gradient(rgba(255,255,255,.98) 0 0) 6% 11%/10px 10px no-repeat,linear-gradient(rgba(255,255,255,.82) 0 0) 14% 27%/8px 8px no-repeat,linear-gradient(rgba(255,255,255,.92) 0 0) 23% 8%/12px 12px no-repeat,linear-gradient(rgba(255,255,255,.7) 0 0) 31% 18%/8px 8px no-repeat,linear-gradient(rgba(255,255,255,.95) 0 0) 39% 9%/10px 10px no-repeat,linear-gradient(rgba(255,255,255,.78) 0 0) 48% 24%/8px 8px no-repeat,linear-gradient(rgba(255,255,255,.98) 0 0) 56% 13%/12px 12px no-repeat,linear-gradient(rgba(255,255,255,.76) 0 0) 65% 7%/8px 8px no-repeat,linear-gradient(rgba(255,255,255,.9) 0 0) 73% 19%/10px 10px no-repeat,linear-gradient(rgba(255,255,255,.7) 0 0) 82% 10%/8px 8px no-repeat,linear-gradient(rgba(255,255,255,.94) 0 0) 90% 22%/12px 12px no-repeat,linear-gradient(rgba(255,255,255,.68) 0 0) 12% 40%/8px 8px no-repeat,linear-gradient(rgba(255,255,255,.84) 0 0) 27% 36%/10px 10px no-repeat,linear-gradient(rgba(255,255,255,.72) 0 0) 61% 33%/8px 8px no-repeat,linear-gradient(rgba(255,255,255,.88) 0 0) 78% 38%/10px 10px no-repeat}.stars:before,.stars:after{content:"";position:absolute;inset:0;pointer-events:none;image-rendering:pixelated}.stars:before{background:linear-gradient(rgba(255,255,255,.96) 0 0) 16% 18%/18px 4px no-repeat,linear-gradient(rgba(255,255,255,.96) 0 0) 16% 18%/4px 18px no-repeat,linear-gradient(rgba(255,255,255,.82) 0 0) 46% 15%/14px 4px no-repeat,linear-gradient(rgba(255,255,255,.82) 0 0) 46% 15%/4px 14px no-repeat,linear-gradient(rgba(255,255,255,.9) 0 0) 74% 24%/18px 4px no-repeat,linear-gradient(rgba(255,255,255,.9) 0 0) 74% 24%/4px 18px no-repeat;animation:starBlinkA 4.8s steps(2) infinite}.stars:after{background:linear-gradient(rgba(255,255,255,.8) 0 0) 8% 31%/14px 4px no-repeat,linear-gradient(rgba(255,255,255,.8) 0 0) 8% 31%/4px 14px no-repeat,linear-gradient(rgba(255,255,255,.92) 0 0) 58% 8%/18px 4px no-repeat,linear-gradient(rgba(255,255,255,.92) 0 0) 58% 8%/4px 18px no-repeat,linear-gradient(rgba(255,255,255,.76) 0 0) 88% 16%/14px 4px no-repeat,linear-gradient(rgba(255,255,255,.76) 0 0) 88% 16%/4px 14px no-repeat;animation:starBlinkB 5.6s steps(2) infinite;opacity:.78}
.scene-modes,.scene-mode{position:absolute;inset:0;pointer-events:none}
.scene-modes{z-index:8}
.scene-mode{opacity:0;overflow:hidden;transform:translateY(12px) scale(1.03);transition:opacity .55s ease,transform .55s ease,filter .55s ease;image-rendering:pixelated;filter:saturate(.94)}
body[data-focus=studio] .mode-studio,body[data-focus=product] .mode-product,body[data-focus=systems] .mode-systems,body[data-focus=company] .mode-company,body[data-focus=history] .mode-history,body[data-focus=legal] .mode-legal{opacity:1;transform:none;filter:saturate(1.06)}
body:not([data-focus=studio]) .lane,body:not([data-focus=studio]) .front,body:not([data-focus=studio]) .river,body:not([data-focus=studio]) .cbg,body:not([data-focus=studio]) .mist,body:not([data-focus=studio]) .m{opacity:0}
body[data-focus=company] .hero-unit,body[data-focus=company] .comp,body[data-focus=company] .beam,body[data-focus=history] .hero-unit,body[data-focus=history] .comp,body[data-focus=history] .beam,body[data-focus=legal] .hero-unit,body[data-focus=legal] .comp,body[data-focus=legal] .beam{opacity:0}
body[data-focus=company] .logo-stage,body[data-focus=history] .logo-stage,body[data-focus=legal] .logo-stage{opacity:0}
.mode-studio{background:linear-gradient(180deg,rgba(185,231,255,.12),transparent 44%)}
.mode-studio:before,.mode-product:before,.mode-systems:before,.mode-company:before,.mode-history:before,.mode-legal:before,.mode-studio:after,.mode-product:after,.mode-systems:after,.mode-company:after,.mode-history:after,.mode-legal:after{content:"";position:absolute;pointer-events:none}
.mode-studio:before{inset:auto 0 166px;height:128px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.08) 18px 20px,transparent 20px 44px),linear-gradient(180deg,#7ca0c4 0%,#4d6985 100%);clip-path:polygon(0 100%,0 78%,10% 78%,10% 56%,18% 56%,18% 70%,28% 70%,28% 38%,36% 38%,36% 60%,46% 60%,46% 32%,56% 32%,56% 72%,64% 72%,64% 48%,72% 48%,72% 30%,82% 30%,82% 62%,92% 62%,92% 40%,100% 40%,100% 100%);opacity:.42}
.mode-studio:after{left:28px;right:28px;bottom:106px;height:18px;background:repeating-linear-gradient(90deg,#566f7d 0 22px,#8397a4 22px 32px),linear-gradient(180deg,#607682 0%,#435560 100%);box-shadow:0 8px 0 rgba(0,0,0,.18)}
.mode-studio .studio-water{position:absolute;left:0;right:0;bottom:100px;height:96px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 8px,transparent 8px 20px),linear-gradient(180deg,#61d8f0 0%,#2e8db0 46%,#1a5f7f 100%);opacity:.92;animation:studioWater 3.2s linear infinite}
.mode-studio .studio-water:before{content:"";position:absolute;left:0;right:0;top:12px;height:26px;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(195,247,255,.45) 24px 42px,transparent 42px 72px);opacity:.62}
.mode-studio .studio-water:after{content:"";position:absolute;left:12%;right:8%;top:-14px;height:24px;background:repeating-linear-gradient(90deg,rgba(255,243,196,.45) 0 10px,transparent 10px 26px,rgba(176,233,255,.38) 26px 34px,transparent 34px 58px);opacity:.7}
.mode-studio .studio-marina{position:absolute;left:56%;bottom:150px;width:212px;height:156px;transform:translateX(-50%);filter:drop-shadow(0 10px 0 rgba(0,0,0,.16))}
.mode-studio .studio-marina:before{content:"";position:absolute;left:-86px;bottom:12px;width:68px;height:56px;background:#d6dfe9;clip-path:polygon(0 100%,6% 64%,16% 40%,28% 22%,44% 10%,58% 18%,72% 38%,82% 62%,92% 100%);box-shadow:18px 0 0 #b6c4d4,36px 8px 0 #8ea0b5}
.mode-studio .studio-marina:after{content:"";position:absolute;right:-92px;bottom:8px;width:88px;height:78px;background:#90a7c2;clip-path:polygon(0 100%,0 36%,18% 36%,18% 20%,38% 20%,38% 0,62% 0,62% 22%,82% 22%,82% 48%,100% 48%,100% 100%);box-shadow:inset -8px 0 0 #6a819d}
.mode-studio .studio-tower{position:absolute;bottom:0;width:48px;background:#d7e3f1;box-shadow:inset -8px 0 0 #94a9c3,inset 0 -10px 0 rgba(0,0,0,.18)}
.mode-studio .studio-tower:before{content:"";position:absolute;inset:14px 10px 12px;background:repeating-linear-gradient(90deg,transparent 0 8px,#fff5c0 8px 14px,transparent 14px 22px),repeating-linear-gradient(180deg,transparent 0 8px,rgba(255,255,255,.16) 8px 12px,transparent 12px 22px);opacity:.84}
.mode-studio .studio-tower:after{content:"";position:absolute;left:10px;right:10px;top:-10px;height:10px;background:#f5f8ff;box-shadow:0 4px 0 #b0bfd4}
.mode-studio .studio-tower.a{left:22px;height:126px}
.mode-studio .studio-tower.b{left:82px;height:140px}
.mode-studio .studio-tower.c{left:144px;height:120px}
.mode-studio .studio-skypark{position:absolute;left:10px;top:0;width:192px;height:20px;background:#f2f6ff;border-radius:16px;box-shadow:inset 0 -4px 0 #9aaec6,0 6px 0 rgba(0,0,0,.12)}
.mode-studio .studio-skypark:before{content:"";position:absolute;left:18px;right:18px;top:6px;height:6px;background:repeating-linear-gradient(90deg,#c4d373 0 12px,transparent 12px 20px,#ffffff 20px 26px,transparent 26px 42px)}
.mode-studio .studio-flyer{position:absolute;right:86px;top:84px;width:108px;height:108px;border:8px solid #f3edd7;border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.1),inset 0 0 0 6px rgba(88,98,122,.24);animation:studioFlyer 18s linear infinite;filter:drop-shadow(0 0 10px rgba(255,240,200,.22))}
.mode-studio .studio-flyer:before,.mode-studio .studio-flyer:after{content:"";position:absolute;left:50%;top:50%;background:#f3edd7;transform:translate(-50%,-50%)}
.mode-studio .studio-flyer:before{width:8px;height:108px;box-shadow:-28px 0 0 rgba(243,237,215,.54),28px 0 0 rgba(243,237,215,.54)}
.mode-studio .studio-flyer:after{width:108px;height:8px;box-shadow:0 -28px 0 rgba(243,237,215,.54),0 28px 0 rgba(243,237,215,.54)}
.mode-studio .studio-docks{position:absolute;left:32px;right:44px;bottom:122px;height:22px}
.mode-studio .studio-docks i{position:absolute;bottom:0;height:10px;background:linear-gradient(180deg,#a9b9c4 0%,#687886 100%);box-shadow:0 6px 0 rgba(0,0,0,.14)}
.mode-studio .studio-docks i:first-child{left:0;width:122px}
.mode-studio .studio-docks i:last-child{right:8px;width:96px}
.mode-studio .studio-piers i{position:absolute;bottom:120px;width:10px;height:30px;background:#697b84;box-shadow:0 8px 0 rgba(0,0,0,.16)}
.mode-studio .studio-piers i:nth-child(1){left:62px}
.mode-studio .studio-piers i:nth-child(2){left:138px;height:38px}
.mode-studio .studio-piers i:nth-child(3){right:116px;height:26px}
.mode-studio .studio-boats i{position:absolute;bottom:114px;width:54px;height:14px;background:linear-gradient(180deg,#f4ead1 0%,#bb9e6f 100%);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);box-shadow:0 8px 0 rgba(0,0,0,.12);animation:boatBob 4.4s ease-in-out infinite}
.mode-studio .studio-boats i:before{content:"";position:absolute;left:18px;bottom:100%;width:4px;height:22px;background:#f4f6ff;box-shadow:0 -8px 0 rgba(0,0,0,.08)}
.mode-studio .studio-boats i:after{content:"";position:absolute;left:22px;bottom:18px;width:18px;height:16px;background:#7cc7ff;clip-path:polygon(0 0,100% 50%,0 100%)}
.mode-studio .studio-boats .a{left:88px;animation-delay:.2s}
.mode-studio .studio-boats .b{right:94px;width:46px;animation-delay:1.3s}
.mode-studio .studio-trees i{position:absolute;bottom:132px;width:28px;height:76px;background:#3bbe95;clip-path:polygon(50% 0,80% 18%,68% 18%,100% 44%,80% 44%,92% 64%,66% 64%,74% 100%,26% 100%,34% 64%,8% 64%,20% 44%,0 44%,32% 18%,20% 18%);animation:treeSway 4.4s ease-in-out infinite;filter:drop-shadow(0 8px 0 rgba(0,0,0,.14))}
.mode-studio .studio-trees i:before{content:"";position:absolute;left:10px;bottom:-18px;width:8px;height:22px;background:#70533b}
.mode-studio .studio-trees i:nth-child(1){left:132px}
.mode-studio .studio-trees i:nth-child(2){left:176px;animation-delay:.5s}
.mode-studio .studio-trees i:nth-child(3){left:218px;animation-delay:1s}
.mode-studio .studio-trees i:nth-child(4){left:26px;bottom:128px;animation-delay:1.3s}
.mode-studio .studio-trees i:nth-child(5){right:34px;bottom:126px;animation-delay:1.8s}
.mode-product{background:linear-gradient(180deg,rgba(255,237,191,.08),transparent 38%)}
.mode-product:before{inset:auto -12% 188px;height:140px;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 18%),linear-gradient(180deg,#7283bc 0%,#485589 100%);clip-path:polygon(0 100%,0 78%,12% 54%,22% 70%,34% 34%,46% 58%,56% 24%,70% 50%,82% 20%,92% 46%,100% 38%,100% 100%);opacity:.54}
.mode-product:after{left:0;right:0;bottom:94px;height:42px;background:repeating-linear-gradient(90deg,#467943 0 26px,#68a55f 26px 34px,#4e8249 34px 48px),linear-gradient(180deg,#6da25c 0%,#497846 100%);box-shadow:0 -8px 0 rgba(255,255,255,.06)}
.mode-product .castle-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#7c92e0 0%,#5465ad 40%,#2e3764 100%)}
.mode-product .castle-backdrop:before{content:"";position:absolute;left:62px;right:62px;top:52px;height:44px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.64) 0 32px,transparent 32px 70px);opacity:.18}
.mode-product .castle-backdrop:after{content:"";position:absolute;left:0;right:0;top:40px;height:70px;background:radial-gradient(circle at 18% 42%,rgba(255,248,215,.26),transparent 10%),radial-gradient(circle at 68% 28%,rgba(255,248,215,.18),transparent 10%),radial-gradient(circle at 86% 44%,rgba(255,248,215,.22),transparent 10%)}
.mode-product .castle-hills{position:absolute;left:-6%;right:-6%;bottom:116px;height:132px;background:#4c5c79;clip-path:polygon(0 100%,0 74%,12% 58%,20% 66%,34% 40%,46% 60%,58% 34%,68% 52%,80% 30%,90% 56%,100% 42%,100% 100%)}
.mode-product .castle-hills:before{content:"";position:absolute;left:8%;right:8%;bottom:-6px;height:66px;background:repeating-linear-gradient(90deg,#3e6437 0 18px,#567d47 18px 28px,transparent 28px 44px)}
.mode-product .castle-keep{position:absolute;left:50%;bottom:160px;width:184px;height:152px;transform:translateX(-50%);background:#cbccd5;box-shadow:inset -10px 0 0 #8d8f9d,inset 0 -10px 0 rgba(0,0,0,.15);filter:drop-shadow(0 10px 0 rgba(0,0,0,.14))}
.mode-product .castle-keep:before{content:"";position:absolute;left:-28px;right:-28px;top:-18px;height:18px;background:repeating-linear-gradient(90deg,#dadbe5 0 18px,#7f8090 18px 24px)}
.mode-product .castle-keep:after{content:"";position:absolute;left:54px;right:54px;top:-64px;height:68px;background:#d9dae2;box-shadow:inset -8px 0 0 #9b9dac,inset 0 -8px 0 rgba(0,0,0,.12)}
.mode-product .castle-turrets i{position:absolute;bottom:188px;width:44px;height:108px;background:#c2c6d0;box-shadow:inset -8px 0 0 #878b97,inset 0 -8px 0 rgba(0,0,0,.12)}
.mode-product .castle-turrets i:before{content:"";position:absolute;left:-8px;right:-8px;top:-14px;height:14px;background:repeating-linear-gradient(90deg,#dadbe5 0 12px,#7f8090 12px 16px)}
.mode-product .castle-turrets .lt{left:calc(50% - 136px)}
.mode-product .castle-turrets .rt{right:calc(50% - 136px)}
.mode-product .castle-wall{position:absolute;left:50%;bottom:126px;width:284px;height:68px;transform:translateX(-50%);background:#afb2bd;box-shadow:inset -10px 0 0 #7f8090,inset 0 -8px 0 rgba(0,0,0,.18)}
.mode-product .castle-wall:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:repeating-linear-gradient(90deg,#d7d9e2 0 18px,#7f8090 18px 24px)}
.mode-product .castle-wall:after{content:"";position:absolute;left:18px;right:18px;top:20px;height:18px;background:repeating-linear-gradient(90deg,transparent 0 20px,#efe4ad 20px 26px,transparent 26px 42px);opacity:.7}
.mode-product .castle-gate{position:absolute;left:50%;bottom:126px;width:66px;height:84px;transform:translateX(-50%);background:#3a2b2f;border-radius:30px 30px 0 0;box-shadow:inset -8px 0 0 #23181a}
.mode-product .castle-gate:before{content:"";position:absolute;inset:14px 10px 0;background:repeating-linear-gradient(90deg,#6a4b34 0 8px,#3a2b2f 8px 12px)}
.mode-product .castle-gate:after{content:"";position:absolute;left:50%;top:100%;width:120px;height:54px;transform:translateX(-50%);background:linear-gradient(180deg,#a17b58 0%,#7a5a3c 100%);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}
.mode-product .castle-flags i{position:absolute;top:110px;width:34px;height:16px;background:#f0d35d;clip-path:polygon(0 0,100% 20%,72% 54%,100% 100%,0 86%);animation:castleFlag 1.8s steps(2) infinite}
.mode-product .castle-flags i:before{content:"";position:absolute;left:-6px;top:-50px;width:6px;height:54px;background:#d8d4b2}
.mode-product .castle-flags i:nth-child(1){left:calc(50% - 78px)}
.mode-product .castle-flags i:nth-child(2){left:50%;transform:translateX(-50%);background:#f68a68;animation-delay:.3s}
.mode-product .castle-flags i:nth-child(3){right:calc(50% - 78px);background:#79f0cf;animation-delay:.6s}
.mode-product .castle-moat{position:absolute;left:0;right:0;bottom:98px;height:28px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 10px,transparent 10px 20px),linear-gradient(180deg,#59c3e2 0%,#2a7799 100%);animation:castleMoat 2.8s linear infinite}
.mode-product .castle-moat:before{content:"";position:absolute;left:0;right:0;top:6px;height:10px;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(194,239,255,.4) 18px 26px,transparent 26px 42px)}
.mode-product .castle-moat:after{content:"";position:absolute;left:22%;right:18%;top:-10px;height:18px;background:repeating-linear-gradient(90deg,rgba(214,224,248,.22) 0 16px,transparent 16px 34px);opacity:.72}
.mode-product .castle-houses i{position:absolute;bottom:124px;width:52px;height:44px;background:#d7b38a;box-shadow:inset -8px 0 0 #ab8058,inset 0 -8px 0 rgba(0,0,0,.12)}
.mode-product .castle-houses i:before{content:"";position:absolute;left:-6px;right:-6px;top:-18px;height:18px;background:#8c5237;clip-path:polygon(50% 0,100% 100%,0 100%)}
.mode-product .castle-houses i:after{content:"";position:absolute;left:16px;bottom:0;width:12px;height:20px;background:#5f3f28;box-shadow:18px -8px 0 #fff0bf}
.mode-product .castle-houses i:nth-child(1){left:42px}
.mode-product .castle-houses i:nth-child(2){left:118px;height:50px}
.mode-product .castle-houses i:nth-child(3){right:44px}
.mode-product .castle-bushes i{position:absolute;bottom:110px;width:34px;height:22px;background:#4f8d44;box-shadow:12px 0 0 #6ba857,24px 4px 0 #4f8d44}
.mode-product .castle-bushes i:nth-child(1){left:24px}
.mode-product .castle-bushes i:nth-child(2){left:214px}
.mode-product .castle-bushes i:nth-child(3){right:186px}
.mode-product .castle-bushes i:nth-child(4){right:42px}
.mode-product .castle-clouds i{position:absolute;top:68px;width:58px;height:16px;background:rgba(255,255,255,.72);box-shadow:18px 0 0 rgba(255,255,255,.72),36px 8px 0 rgba(255,255,255,.72),18px 8px 0 rgba(255,255,255,.72);animation:cloudDrift 14s linear infinite}
.mode-product .castle-clouds i:first-child{left:84px}
.mode-product .castle-clouds i:last-child{right:110px;top:92px;animation-delay:-7s}
.mode-product .castle-torches i{position:absolute;bottom:162px;width:12px;height:38px;background:#493a33}
.mode-product .castle-torches i:before{content:"";position:absolute;left:-6px;top:-12px;width:24px;height:18px;background:#ffcf63;clip-path:polygon(50% 0,82% 24%,100% 64%,66% 100%,34% 100%,0 64%,18% 24%);animation:torchFlicker .8s steps(2) infinite}
.mode-product .castle-torches i:after{content:"";position:absolute;left:-18px;top:-2px;width:48px;height:48px;background:radial-gradient(circle,rgba(255,208,99,.36),transparent 62%)}
.mode-product .castle-torches i:first-child{left:calc(50% - 92px)}
.mode-product .castle-torches i:last-child{right:calc(50% - 92px)}
.mode-systems{background:linear-gradient(180deg,rgba(255,94,214,.08),transparent 28%)}
.mode-systems:before{inset:0;background:radial-gradient(circle at 74% 18%,rgba(255,79,216,.2),transparent 18%),radial-gradient(circle at 22% 24%,rgba(31,224,240,.16),transparent 20%),linear-gradient(180deg,transparent 0 68%,rgba(17,28,45,.78) 68% 100%)}
.mode-systems:after{left:0;right:0;bottom:96px;height:36px;background:repeating-linear-gradient(90deg,rgba(31,224,240,.16) 0 16px,transparent 16px 28px,rgba(255,79,216,.14) 28px 40px,transparent 40px 62px);opacity:.72}
.mode-systems .neon-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#151423 0%,#210f36 42%,#0a0d18 100%)}
.mode-systems .neon-backdrop:before{content:"";position:absolute;left:-6%;right:-6%;bottom:150px;height:142px;background:linear-gradient(180deg,#241c3f 0%,#15182a 100%);clip-path:polygon(0 100%,0 72%,10% 56%,18% 62%,28% 36%,38% 54%,48% 26%,58% 44%,68% 24%,80% 48%,90% 18%,100% 32%,100% 100%);opacity:.78}
.mode-systems .neon-backdrop:after{content:"";position:absolute;left:0;right:0;bottom:112px;height:42px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(13,17,31,.42) 100%),repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,79,216,.1) 30px 38px,transparent 38px 58px);opacity:.64}
.mode-systems .neon-rain{position:absolute;inset:-20% 0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(135,210,255,.18) 38px 40px,transparent 40px 82px);transform:skewX(-18deg);opacity:.42;animation:neonRain 1.2s linear infinite}
.mode-systems .neon-rain:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 44px,rgba(255,79,216,.14) 44px 46px,transparent 46px 86px);animation:neonRain 1.7s linear infinite reverse;opacity:.72}
.mode-systems .neon-buildings i{position:absolute;bottom:118px;background:#111827;box-shadow:inset -8px 0 0 #1f3350,inset 0 -10px 0 rgba(0,0,0,.2);filter:drop-shadow(0 8px 0 rgba(0,0,0,.16))}
.mode-systems .neon-buildings .n1{left:78px;width:112px;height:188px}
.mode-systems .neon-buildings .n2{left:212px;width:126px;height:236px}
.mode-systems .neon-buildings .n3{right:228px;width:104px;height:164px}
.mode-systems .neon-buildings .n4{right:84px;width:144px;height:214px}
.mode-systems .neon-buildings .n5{left:18px;width:56px;height:142px}
.mode-systems .neon-buildings .n6{right:18px;width:58px;height:132px}
.mode-systems .neon-buildings i:before{content:"";position:absolute;inset:18px 14px;background:repeating-linear-gradient(90deg,transparent 0 10px,#ff4fd8 10px 16px,transparent 16px 30px),repeating-linear-gradient(180deg,transparent 0 10px,#79f0cf 10px 18px,transparent 18px 30px);opacity:.76;animation:neonFlicker 2.2s steps(2) infinite}
.mode-systems .neon-buildings i:after{content:"";position:absolute;left:10px;right:10px;top:12px;height:8px;background:repeating-linear-gradient(90deg,#ffe16d 0 8px,transparent 8px 16px,#1fe0f0 16px 24px,transparent 24px 32px);opacity:.8}
.mode-systems .neon-signs i{position:absolute;padding:8px 10px;background:#120f1f;color:#79f0cf;box-shadow:0 0 0 4px #11162a,0 0 18px rgba(121,240,207,.42);font-family:"Press Start 2P",cursive;font-size:.44rem;animation:neonFlicker 1.8s steps(2) infinite}
.mode-systems .neon-signs i:before{content:"";position:absolute;left:50%;top:100%;width:4px;height:26px;background:#241833;transform:translateX(-50%)}
.mode-systems .neon-signs i:nth-child(1){left:144px;top:124px}
.mode-systems .neon-signs i:nth-child(2){right:168px;top:152px;color:#ff6ea4;animation-delay:.3s}
.mode-systems .neon-signs i:nth-child(3){left:50%;top:108px;transform:translateX(-50%);color:#ffe16d;animation-delay:.6s}
.mode-systems .neon-signs i:nth-child(4){left:62px;top:176px;color:#7fc5ff;animation-delay:.9s}
.mode-systems .neon-signs i:nth-child(5){right:54px;top:120px;color:#79f0cf;animation-delay:1.2s}
.mode-systems .neon-back-ads i{position:absolute;width:92px;height:52px;background:linear-gradient(180deg,#1a1730 0%,#0d0b18 100%);box-shadow:0 0 0 4px #11162a,0 0 18px rgba(255,79,216,.24)}
.mode-systems .neon-back-ads i:before{content:"";position:absolute;inset:10px;background:repeating-linear-gradient(90deg,#ff4fd8 0 12px,transparent 12px 20px,#1fe0f0 20px 28px,transparent 28px 38px)}
.mode-systems .neon-back-ads i:first-child{left:34px;top:96px}
.mode-systems .neon-back-ads i:last-child{right:104px;top:72px}
.mode-systems .neon-drones i{position:absolute;width:14px;height:14px;background:#b4fbff;box-shadow:14px 0 0 #1fe0f0,7px 7px 0 #ff4fd8;animation:droneFloat 5.8s ease-in-out infinite}
.mode-systems .neon-drones i:before{content:"";position:absolute;left:-10px;top:6px;width:38px;height:2px;background:rgba(180,251,255,.55)}
.mode-systems .neon-drones i:first-child{left:126px;top:82px}
.mode-systems .neon-drones i:last-child{right:152px;top:104px;animation-delay:-2.1s}
.mode-systems .neon-cables{left:0;right:0;top:134px;height:48px;background:linear-gradient(rgba(35,28,62,.78) 0 0) 0 8px/100% 2px no-repeat,linear-gradient(rgba(35,28,62,.78) 0 0) 0 26px/100% 2px no-repeat,linear-gradient(rgba(35,28,62,.78) 0 0) 0 42px/100% 2px no-repeat;opacity:.82}
.mode-systems .neon-tram{position:absolute;left:-120px;bottom:114px;width:108px;height:30px;background:#1fe0f0;box-shadow:14px 0 0 #1fe0f0,28px 0 0 #1fe0f0,42px 0 0 #1fe0f0,56px 0 0 #1fe0f0,70px 0 0 #1fe0f0,14px 14px 0 #ff4fd8,28px 14px 0 #ff4fd8,42px 14px 0 #ff4fd8,56px 14px 0 #ff4fd8;animation:neonTram 12s linear infinite;filter:drop-shadow(0 0 12px rgba(31,224,240,.34))}
.mode-systems .neon-tram:before{content:"";position:absolute;left:10px;top:-12px;width:64px;height:10px;background:#a7f8ff;box-shadow:0 12px 0 #161e34,14px 12px 0 #161e34,28px 12px 0 #161e34,42px 12px 0 #161e34}
.mode-systems .neon-tram:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:8px;background:linear-gradient(90deg,transparent,rgba(31,224,240,.5),transparent)}
.mode-company{background:linear-gradient(180deg,rgba(255,243,224,.08),transparent 26%)}
.mode-company:before{left:64px;right:64px;bottom:98px;height:18px;background:repeating-linear-gradient(90deg,#5d4030 0 32px,#83614a 32px 40px,#5d4030 40px 70px)}
.mode-company:after{left:26px;bottom:118px;width:72px;height:108px;background:linear-gradient(180deg,#48674c 0 28px,#c8af85 28px 34px,#5b4034 34px 100%);box-shadow:0 0 0 8px rgba(0,0,0,.1)}
.mode-company .office-wall{position:absolute;inset:0;background:linear-gradient(180deg,#ddcfbb 0%,#cfb999 56%,#8a6947 56%,#6e5037 100%)}
.mode-company .office-wall:before{content:"";position:absolute;left:72px;top:54px;width:116px;height:78px;background:#efe7d7;box-shadow:0 0 0 10px #786253,220px 0 0 #efe7d7,220px 0 0 10px #786253}
.mode-company .office-wall:after{content:"";position:absolute;left:0;right:0;top:44px;height:10px;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.24) 8% 92%,transparent 92% 100%)}
.mode-company .office-window{position:absolute;left:94px;right:94px;top:54px;height:154px;background:linear-gradient(180deg,#b7d9f4 0%,#789bc2 100%);box-shadow:0 0 0 12px #5e5145,0 0 0 22px #2b241f}
.mode-company .office-window:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 32%,rgba(47,64,88,.7) 32% 34%,transparent 34% 66%,rgba(47,64,88,.7) 66% 68%,transparent 68% 100%),linear-gradient(180deg,transparent 0 56%,rgba(47,64,88,.7) 56% 58%,transparent 58% 100%)}
.mode-company .office-window:after{content:"";position:absolute;left:16px;right:16px;bottom:10px;height:84px;background:linear-gradient(180deg,transparent 0 18px,rgba(255,255,255,.08) 18px 22px,transparent 22px 100%),linear-gradient(180deg,#59759a 0%,#364d6b 100%);clip-path:polygon(0 100%,0 72%,8% 72%,8% 46%,18% 46%,18% 60%,28% 60%,28% 28%,38% 28%,38% 52%,50% 52%,50% 20%,62% 20%,62% 62%,74% 62%,74% 38%,84% 38%,84% 58%,100% 58%,100% 100%);opacity:.9}
.mode-company .office-desk{position:absolute;left:68px;right:68px;bottom:112px;height:94px;background:linear-gradient(180deg,#8a5d37 0%,#5f3f26 100%);box-shadow:inset 0 10px 0 rgba(255,255,255,.08)}
.mode-company .office-desk:before{content:"";position:absolute;left:38px;top:22px;width:124px;height:34px;background:linear-gradient(180deg,#d6d9dd 0%,#a7adb8 100%);box-shadow:162px 0 0 #f2e5c8,248px 8px 0 #2d3643}
.mode-company .office-desk:after{content:"";position:absolute;right:56px;top:20px;width:18px;height:18px;background:#ede8d0;box-shadow:0 18px 0 #ede8d0,16px 10px 0 #83bfa4}
.mode-company .office-monitor{position:absolute;left:50%;bottom:168px;width:150px;height:92px;transform:translateX(-50%);background:#1a2531;box-shadow:0 0 0 10px #45413f,0 16px 0 -2px #45413f}
.mode-company .office-monitor:before{content:"";position:absolute;inset:12px;background:linear-gradient(180deg,#17394a 0%,#0d1923 100%);box-shadow:inset 0 0 0 2px rgba(121,240,207,.3)}
.mode-company .office-monitor:after{content:"";position:absolute;left:18px;right:18px;top:16px;bottom:16px;background:repeating-linear-gradient(180deg,transparent 0 10px,rgba(121,240,207,.78) 10px 14px,transparent 14px 20px),linear-gradient(90deg,rgba(255,255,255,.08) 0 34%,transparent 34% 100%);animation:officeBlink 1.4s steps(2) infinite}
.mode-company .office-shelf{position:absolute;right:86px;bottom:176px;width:94px;height:126px;background:linear-gradient(180deg,#705437 0%,#4c3928 100%);box-shadow:inset 0 -8px 0 rgba(0,0,0,.2)}
.mode-company .office-shelf:before{content:"";position:absolute;inset:18px 12px;background:repeating-linear-gradient(90deg,#ded7ca 0 12px,#8bb3de 12px 24px,#efb276 24px 36px,#c3dbc7 36px 48px)}
.mode-company .office-shelf:after{content:"";position:absolute;left:16px;top:-16px;width:24px;height:24px;background:#79b56c;box-shadow:0 18px 0 #5f4838,10px 8px 0 #79b56c,-10px 8px 0 #79b56c}
.mode-company .office-chairs i{position:absolute;bottom:118px;width:34px;height:22px;background:#3d495b;box-shadow:0 10px 0 #3d495b,10px 24px 0 #3d495b}
.mode-company .office-chairs i:before{content:"";position:absolute;left:8px;top:-14px;width:18px;height:12px;background:#6c8299}
.mode-company .office-chairs i:first-child{left:126px}
.mode-company .office-chairs i:last-child{right:162px}
.mode-company .office-plants i{position:absolute;bottom:122px;width:20px;height:28px;background:#6d533f;box-shadow:0 8px 0 rgba(0,0,0,.12)}
.mode-company .office-plants i:before{content:"";position:absolute;left:-10px;bottom:18px;width:16px;height:16px;background:#72b56d;box-shadow:14px -4px 0 #72b56d,6px -14px 0 #5c9b5c}
.mode-company .office-plants i:first-child{left:34px}
.mode-company .office-plants i:last-child{right:34px}
.mode-company .office-papers i{position:absolute;bottom:148px;width:30px;height:20px;background:#efe4c8;transform:rotate(-8deg);box-shadow:0 4px 0 rgba(0,0,0,.08)}
.mode-company .office-papers i:nth-child(1){left:214px}
.mode-company .office-papers i:nth-child(2){left:248px;transform:rotate(4deg)}
.mode-company .office-papers i:nth-child(3){right:212px;transform:rotate(-3deg)}
.mode-company .office-clock{position:absolute;right:42px;top:42px;width:36px;height:36px;border-radius:50%;background:#f2efe7;box-shadow:0 0 0 6px #6b5e54}
.mode-company .office-clock:before{content:"";position:absolute;left:17px;top:8px;width:2px;height:10px;background:#56493f}
.mode-company .office-clock:after{content:"";position:absolute;left:17px;top:17px;width:8px;height:2px;background:#56493f}
.mode-company .office-lights i{position:absolute;top:18px;width:122px;height:12px;background:#efe3bf;box-shadow:0 0 20px rgba(255,238,189,.34);animation:officeLamp 4.8s ease-in-out infinite}
.mode-company .office-lights i:before{content:"";position:absolute;left:50%;top:-18px;width:4px;height:18px;background:#766a58;transform:translateX(-50%)}
.mode-company .office-lights i:first-child{left:124px}
.mode-company .office-lights i:last-child{right:124px;animation-delay:.8s}
.mode-history{background:linear-gradient(180deg,rgba(246,255,202,.14),transparent 32%)}
.mode-history:before{inset:0;background:radial-gradient(circle at 18% 28%,rgba(135,205,255,.28),transparent 10%),radial-gradient(circle at 82% 66%,rgba(135,205,255,.22),transparent 10%),linear-gradient(180deg,transparent 0 68%,rgba(66,104,49,.24) 68% 100%)}
.mode-history:after{left:28px;right:28px;bottom:102px;height:30px;background:repeating-linear-gradient(90deg,#3f7239 0 18px,#67aa58 18px 28px,#3f7239 28px 42px);opacity:.72}
.mode-history .history-map{position:absolute;inset:0;background:linear-gradient(180deg,#9ce07b 0%,#66b054 100%)}
.mode-history .history-map:before{content:"";position:absolute;inset:18px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 12%),radial-gradient(circle at 70% 26%,rgba(255,255,255,.16),transparent 10%),radial-gradient(circle at 35% 72%,rgba(255,255,255,.14),transparent 12%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.16),transparent 12%)}
.mode-history .history-map:after{content:"";position:absolute;left:44px;right:44px;top:42px;bottom:134px;background:radial-gradient(circle at 12% 18%,#79b6f1 0 22px,transparent 23px),radial-gradient(circle at 72% 24%,#79b6f1 0 18px,transparent 19px),radial-gradient(circle at 58% 76%,#79b6f1 0 20px,transparent 21px),radial-gradient(circle at 86% 70%,#79b6f1 0 14px,transparent 15px),radial-gradient(circle at 28% 54%,#e4c966 0 16px,transparent 17px)}
.mode-history .history-path{position:absolute;left:84px;right:92px;top:84px;bottom:118px;background:#e3cb8b;clip-path:polygon(0 18%,12% 12%,22% 20%,28% 32%,36% 30%,42% 18%,52% 24%,58% 40%,64% 54%,72% 52%,80% 36%,90% 42%,100% 58%,96% 74%,84% 78%,72% 68%,60% 74%,48% 90%,34% 84%,24% 66%,14% 62%,8% 74%,0 66%);box-shadow:0 0 0 10px rgba(107,82,38,.18)}
.mode-history .history-path:before{content:"";position:absolute;inset:12px;background:repeating-linear-gradient(90deg,rgba(126,92,46,.22) 0 10px,transparent 10px 24px);opacity:.66}
.mode-history .history-path:after{content:"";position:absolute;inset:-10px;background:linear-gradient(180deg,rgba(82,124,58,.22),rgba(82,124,58,0));z-index:-1}
.mode-history .history-node{position:absolute;width:66px;height:66px;border-radius:18px;background:#ffefb8;color:#2c2418;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-family:"Press Start 2P",cursive;font-size:.42rem;box-shadow:0 0 0 8px rgba(49,81,32,.22),0 10px 0 rgba(0,0,0,.12);animation:historyNode 1.9s steps(2) infinite}
.mode-history .history-node:before{content:"";position:absolute;left:50%;top:10px;width:18px;height:22px;background:#f68a68;transform:translateX(-50%);clip-path:polygon(0 100%,0 22%,40% 22%,40% 0,100% 26%,40% 52%,40% 100%)}
.mode-history .history-node:after{content:"";position:absolute;inset:8px;border:4px solid rgba(97,122,43,.22);border-radius:12px}
.mode-history .history-bases i{position:absolute;width:58px;height:34px;background:#c98f56;box-shadow:0 8px 0 rgba(0,0,0,.12)}
.mode-history .history-bases i:before{content:"";position:absolute;left:-8px;right:-8px;top:-18px;height:18px;background:#8b5a39;clip-path:polygon(50% 0,100% 100%,0 100%)}
.mode-history .history-bases i:after{content:"";position:absolute;left:20px;bottom:0;width:12px;height:16px;background:#6d4a30}
.mode-history .history-bases .b1{left:46px;top:214px}
.mode-history .history-bases .b2{left:214px;top:260px}
.mode-history .history-bases .b3{right:58px;top:250px}
.mode-history .history-forest i{position:absolute;width:24px;height:52px;background:#4f8f45;clip-path:polygon(50% 0,84% 24%,68% 24%,100% 58%,72% 58%,84% 100%,16% 100%,28% 58%,0 58%,32% 24%,16% 24%)}
.mode-history .history-forest i:before{content:"";position:absolute;left:8px;bottom:-16px;width:8px;height:18px;background:#6a4a30}
.mode-history .history-forest i:nth-child(1){left:22px;top:86px}
.mode-history .history-forest i:nth-child(2){left:164px;top:226px}
.mode-history .history-forest i:nth-child(3){left:342px;top:84px}
.mode-history .history-forest i:nth-child(4){right:182px;top:286px}
.mode-history .history-forest i:nth-child(5){right:24px;top:92px}
.mode-history .history-flags i{position:absolute;width:10px;height:42px;background:#e9e2b8}
.mode-history .history-flags i:before{content:"";position:absolute;left:10px;top:4px;width:20px;height:12px;background:#f68a68;clip-path:polygon(0 0,100% 20%,72% 54%,100% 100%,0 84%);animation:castleFlag 1.6s steps(2) infinite}
.mode-history .history-flags i:nth-child(1){left:188px;top:126px}
.mode-history .history-flags i:nth-child(2){left:366px;top:214px}
.mode-history .history-flags i:nth-child(3){right:138px;top:144px}
.mode-history .history-node.y2022{left:98px;top:96px}
.mode-history .history-node.y2025{left:278px;top:172px;animation-delay:.4s}
.mode-history .history-node.y2026{left:422px;top:254px;animation-delay:.8s}
.mode-history .history-node.now{right:112px;top:166px;background:#79f0cf;animation-delay:1.2s}
.mode-history .history-runner{position:absolute;left:102px;top:104px;width:8px;height:8px;background:#1a2036;box-shadow:8px 0 0 #1a2036,0 8px 0 #ffd1ae,8px 8px 0 #ffd1ae,0 16px 0 #ff7e68,8px 16px 0 #ff7e68,16px 16px 0 #ff7e68,0 24px 0 #3c74d8,8px 24px 0 #3c74d8,16px 24px 0 #3c74d8,8px 32px 0 #1a2036;animation:historyRun 8.2s linear infinite}
.mode-legal{background:linear-gradient(180deg,rgba(255,228,191,.08),transparent 24%)}
.mode-legal:before{right:34px;bottom:102px;width:174px;height:120px;background:linear-gradient(180deg,#4f3a2b 0%,#2f2219 100%);clip-path:polygon(0 100%,0 18%,16% 18%,20% 0,100% 0,100% 100%);box-shadow:0 10px 0 rgba(0,0,0,.14)}
.mode-legal:after{left:92px;bottom:122px;width:154px;height:16px;background:linear-gradient(180deg,#c9ad68 0%,#8d7137 100%);transform:rotate(-12deg);box-shadow:0 8px 0 #2d2a34}
.mode-legal .legal-desk{position:absolute;inset:0;background:linear-gradient(180deg,#74503b 0%,#523626 100%)}
.mode-legal .legal-desk:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 18px,transparent 18px 36px),repeating-linear-gradient(180deg,rgba(0,0,0,.04) 0 18px,transparent 18px 38px)}
.mode-legal .legal-book-stack{position:absolute;right:96px;top:78px;width:176px;height:136px;background:linear-gradient(180deg,#2c344b 0 24px,#bf5e4e 24px 48px,#3d5b52 48px 72px,#896736 72px 96px,#6a4658 96px 120px,transparent 120px 100%);box-shadow:0 8px 0 rgba(0,0,0,.16)}
.mode-legal .legal-book-stack:before{content:"";position:absolute;left:22px;right:22px;top:10px;height:96px;background:repeating-linear-gradient(180deg,transparent 0 14px,rgba(245,215,138,.8) 14px 18px,transparent 18px 24px)}
.mode-legal .legal-book-stack:after{content:"";position:absolute;left:-18px;bottom:-26px;width:116px;height:40px;background:linear-gradient(180deg,#efe2b9 0%,#c9b184 100%);transform:rotate(-8deg);box-shadow:0 8px 0 rgba(0,0,0,.12)}
.mode-legal .legal-paper{position:absolute;background:#f6ecd2;box-shadow:0 0 0 6px rgba(0,0,0,.08),14px 14px 0 rgba(0,0,0,.08)}
.mode-legal .legal-paper.one{left:86px;top:84px;width:210px;height:136px;transform:rotate(-6deg)}
.mode-legal .legal-paper.two{left:178px;top:156px;width:184px;height:118px;transform:rotate(4deg);animation:legalPaper 5.2s ease-in-out infinite}
.mode-legal .legal-paper.three{left:292px;top:108px;width:162px;height:104px;transform:rotate(-2deg)}
.mode-legal .legal-paper:before{content:"";position:absolute;inset:20px;background:repeating-linear-gradient(180deg,rgba(70,56,40,.18) 0 4px,transparent 4px 14px)}
.mode-legal .legal-paper:after{content:"";position:absolute;right:0;top:0;width:28px;height:28px;background:linear-gradient(135deg,rgba(255,255,255,.55) 0 50%,rgba(214,194,153,.82) 50% 100%)}
.mode-legal .legal-folder{position:absolute;left:52px;bottom:110px;width:124px;height:74px;background:linear-gradient(180deg,#c6a65c 0%,#967a38 100%);box-shadow:0 10px 0 rgba(0,0,0,.12)}
.mode-legal .legal-folder:before{content:"";position:absolute;left:0;top:-14px;width:62px;height:18px;background:#d8bd7a}
.mode-legal .legal-envelope{position:absolute;right:58px;bottom:116px;width:108px;height:72px;background:#efe3bf;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,50% 52%,100% 0)}
.mode-legal .legal-envelope:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49%,rgba(170,143,92,.5) 50% 51%,transparent 52%),linear-gradient(225deg,transparent 49%,rgba(170,143,92,.5) 50% 51%,transparent 52%)}
.mode-legal .legal-notes i{position:absolute;width:34px;height:34px;background:#f1de7a;box-shadow:0 6px 0 rgba(0,0,0,.1)}
.mode-legal .legal-notes i:before{content:"";position:absolute;inset:8px;background:repeating-linear-gradient(180deg,rgba(91,71,38,.18) 0 3px,transparent 3px 8px)}
.mode-legal .legal-notes i:first-child{left:244px;bottom:120px;transform:rotate(-6deg)}
.mode-legal .legal-notes i:last-child{left:286px;bottom:134px;transform:rotate(8deg)}
.mode-legal .legal-pens i{position:absolute;width:76px;height:8px;background:linear-gradient(90deg,#2a3447 0 20px,#d9c36f 20px 28px,#7a1d1d 28px 100%);box-shadow:0 4px 0 rgba(0,0,0,.12)}
.mode-legal .legal-pens i:first-child{right:168px;bottom:108px;transform:rotate(-20deg)}
.mode-legal .legal-pens i:last-child{right:96px;bottom:94px;transform:rotate(16deg)}
.mode-legal .legal-seal{position:absolute;left:348px;bottom:138px;width:54px;height:54px;border-radius:50%;background:#b73535;box-shadow:0 0 0 8px rgba(255,255,255,.08);animation:sealPulse 2.2s ease-in-out infinite}
.mode-legal .legal-seal:before{content:"";position:absolute;inset:14px;border:4px solid rgba(255,226,168,.64);border-radius:50%}
.mode-legal .legal-clip{position:absolute;left:246px;top:78px;width:44px;height:22px;border:6px solid #d0bf86;border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 6px 0 rgba(0,0,0,.12)}
@keyframes aur{50%{transform:translate(calc(var(--px,0px)*-.05 + 20px),calc(var(--py,0px)*-.03 + 6px)) skewY(-4deg)}}@keyframes stars{50%{opacity:calc(var(--star)*.78)}}@keyframes sun{50%{transform:translate(calc(var(--px,0px)*-.03),calc(var(--py,0px)*-.02 - 8px))}}@keyframes sunPulse{50%{filter:brightness(1.08);box-shadow:0 0 0 12px rgba(255,255,255,.1),0 0 0 28px rgba(255,255,255,.05),0 0 52px var(--halo)}}@keyframes moonPulse{50%{filter:brightness(1.08) drop-shadow(0 0 10px rgba(214,225,255,.22))}}@keyframes da{0%{margin-left:0}50%{margin-left:22px}100%{margin-left:0}}@keyframes db{0%{margin-left:0}50%{margin-left:-20px}100%{margin-left:0}}@keyframes dc{0%{margin-left:0}50%{margin-left:16px}100%{margin-left:0}}@keyframes mist{from{transform:translateX(-6%)}to{transform:translateX(6%)}}@keyframes win{0%,100%{opacity:.92}45%{opacity:.44}52%{opacity:.9}60%{opacity:.3}}@keyframes sign{0%,100%{opacity:1}20%{opacity:.82}22%{opacity:.5}24%{opacity:1}}@keyframes beam{50%{opacity:1;height:182px}}@keyframes carA{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 260px))}}@keyframes carB{0%{transform:translateX(0)}100%{transform:translateX(calc(-100vw - 260px))}}@keyframes lsh{50%{transform:scaleX(.84);opacity:.72}}@keyframes lb{0%,100%{transform:translateY(0)}25%{transform:translateY(-8px)}45%{transform:translateY(0)}}@keyframes ltilt{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-4px) rotate(-4deg)}55%{transform:translateY(0) rotate(4deg)}}@keyframes lwave{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-10px) rotate(3deg)}60%{transform:translateY(0) rotate(-2deg)}}@keyframes arm1{50%{transform:translate(-4px,-8px) rotate(-20deg)}}@keyframes arm2{50%{transform:translate(4px,-10px) rotate(16deg)}}@keyframes eye{0%,86%,100%{transform:scaleY(1)}88%,92%{transform:scaleY(.18)}}@keyframes tw{50%{transform:translateY(-4px) scale(.8);opacity:.5}}@keyframes river{from{background-position:0 0,0 0}to{background-position:32px 0,48px 0}}@keyframes beacon{50%{opacity:.4;filter:blur(3px)}}@keyframes hero{50%{translate:0 -6px}}@keyframes cape{100%{transform:translateX(-4px)}}@keyframes comp{0%,100%{transform:scale(3) translateY(0)}50%{transform:scale(3) translateY(-8px)}}@keyframes mote{0%{transform:translateY(16px);opacity:0}8%{opacity:.55}100%{transform:translateY(-420px);opacity:0}}@keyframes road{from{background-position:0 0}to{background-position:72px 0}}@keyframes gl{from{background-position:0 0}to{background-position:36px 0}}@keyframes burst{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}100%{transform:translate(-50%,-50%) scale(2.8);opacity:0}}@keyframes pulse{50%{filter:brightness(1.18)}}@keyframes blink{50%{opacity:0}}
@keyframes cloudA{0%{margin-left:-36px;margin-top:6px}28%{margin-left:2px;margin-top:-12px}54%{margin-left:36px;margin-top:4px}78%{margin-left:70px;margin-top:-10px}100%{margin-left:110px;margin-top:8px}}@keyframes cloudB{0%{margin-left:24px;margin-top:10px}26%{margin-left:-4px;margin-top:-8px}58%{margin-left:-40px;margin-top:6px}82%{margin-left:-72px;margin-top:-10px}100%{margin-left:-102px;margin-top:4px}}@keyframes cloudC{0%{margin-left:-20px;margin-top:2px}32%{margin-left:18px;margin-top:-10px}64%{margin-left:56px;margin-top:10px}100%{margin-left:94px;margin-top:-6px}}@keyframes starBlinkA{0%,100%{opacity:.26}48%{opacity:1}56%{opacity:.4}}@keyframes starBlinkB{0%,100%{opacity:.12}36%{opacity:.82}62%{opacity:.28}}
@media (max-width:1180px){.logo-stage{transform:translateX(-50%) scale(.82)}.logo-sh{width:340px}.panel{min-height:clamp(260px,38svh,400px)}.intro{min-height:clamp(320px,42svh,460px)}.mbox{min-height:clamp(300px,40svh,420px)}.lbox,.sbox{min-height:clamp(240px,34svh,360px)}.scene-wrap{min-height:clamp(420px,62svh,680px)}.scene{height:min(58svh,560px);min-height:380px}.moon{--mp:7px}}@media (max-width:860px){.page{width:min(100%,calc(100% - 18px));padding:12px 0 48px}.topbar{top:8px;flex-direction:column;align-items:flex-start;padding:14px 14px}.controls{width:100%}.pill{flex:1 1 calc(50% - 10px);text-align:center}.panel{min-height:220px}.intro{min-height:280px}.mbox{min-height:280px}.lbox,.sbox{min-height:220px}.scene-wrap{min-height:clamp(380px,58svh,560px)}.scene{height:min(52svh,460px);min-height:340px}.sun{width:72px;height:72px;right:auto}.moon{--mp:7px}.ts{left:24px;width:92px}.tp{left:126px;width:102px}.tl{right:120px;width:96px}.th{right:18px;width:100px}.logo-stage{bottom:122px;transform:translateX(-50%) scale(.52)}.logo-sh{width:280px;height:22px}.hero-unit{bottom:58px}.hero-sprite{transform:scale(3.2)}.comp{transform:scale(2.5)}.intro h1{font-size:clamp(1.2rem,7vw,1.9rem)}.intro p,.mbody,.log li,.note,.foot{font-size:1.5rem}.barrow{align-items:flex-start;flex-direction:column}.scene-foot{left:16px;right:auto;max-width:calc(100% - 32px)}}@media (max-width:560px){.stats,.chips,.signals{grid-template-columns:1fr}.pill{flex-basis:100%}.brand,.pill,.lbl,.badge,.mini{font-size:.58rem}.panel{min-height:auto}.intro,.mbox,.lbox,.sbox{min-height:auto}.scene{min-height:320px;height:min(46svh,400px)}.sun{width:60px;height:60px}.moon{--mp:6px}.logo-stage{bottom:106px;transform:translateX(-50%) scale(.4)}.logo-sh{width:220px;height:18px}.hero-sprite{transform:scale(2.8)}}


body{background:linear-gradient(180deg,#1d1715 0%,#0f0c0d 100%)}
.page{width:min(1220px,calc(100% - 28px))}
.scene-wrap.panel{background:transparent;box-shadow:none;min-height:auto}
.scene-wrap .in{display:flex;align-items:center;justify-content:center;min-height:clamp(460px,74svh,820px);padding:0;background:transparent;overflow:visible}
.crt-cabinet{position:relative;width:min(100%,1040px);padding:18px 18px 20px;background:linear-gradient(180deg,#93816d 0%,#86735f 16%,#6e5f51 16%,#6e5f51 82%,#5b4e43 82%,#5b4e43 100%);border:2px solid #3e342d;border-radius:34px;box-shadow:inset 0 1px 0 rgba(255,247,232,.24),inset 0 -4px 0 rgba(73,61,52,.82),0 18px 38px rgba(0,0,0,.34)}
.crt-antenna{position:absolute;left:50%;top:-42px;width:96px;height:52px;pointer-events:none;transform:translateX(-50%);z-index:1}
.crt-antenna:before,.crt-antenna:after{content:"";position:absolute;bottom:8px;width:4px;height:46px;border-radius:999px;background:linear-gradient(180deg,#cdbca6 0%,#7d6f62 55%,#5f544b 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(46,39,35,.35)}
.crt-antenna:before{left:26px;transform:rotate(-30deg);transform-origin:bottom center}
.crt-antenna:after{right:26px;transform:rotate(30deg);transform-origin:bottom center}
.crt-antenna i{position:absolute;left:50%;bottom:2px;width:24px;height:10px;border-radius:999px;background:#584c43;transform:translateX(-50%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(40,33,29,.46)}
.crt-antenna i:before{content:"";position:absolute;left:50%;bottom:6px;width:8px;height:8px;border-radius:3px;background:#706154;transform:translateX(-50%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.crt-cabinet:before{content:"";position:absolute;left:18px;right:18px;top:12px;height:12px;border-radius:999px;background:linear-gradient(180deg,rgba(255,248,236,.18),rgba(115,95,80,.08));opacity:.9}
.crt-cabinet:after{content:"";position:absolute;left:7%;right:7%;bottom:-14px;height:28px;border-radius:999px;background:radial-gradient(circle at center,rgba(0,0,0,.26),transparent 68%);filter:blur(8px);z-index:-1}
.crt-header,.crt-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 14px 10px;color:#2b211b;font-family:"Press Start 2P",cursive;font-size:.55rem;letter-spacing:.08em}
.crt-status{display:inline-flex;align-items:center;gap:8px;color:#342821}
.crt-status i{display:block;width:10px;height:10px;border-radius:50%;background:#ff875f;box-shadow:0 0 0 2px rgba(0,0,0,.24),0 0 12px rgba(255,135,95,.55);animation:crtLed 2.4s ease-in-out infinite}
.crt-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:stretch}
.crt-glass{position:relative;padding:16px;background:linear-gradient(180deg,#494543 0%,#3c3938 100%);border:2px solid #2d2826;border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -3px 0 rgba(17,14,14,.46)}
.crt-glass:before{content:"";position:absolute;inset:10px;border-radius:18px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%,transparent 82%,rgba(0,0,0,.12));opacity:.55;z-index:3}
.crt-glass:after{content:"";position:absolute;inset:14px;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 22px rgba(0,0,0,.24);z-index:3}
.scene{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:4/3;flex:none;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 0 0 2px #050607,inset 0 0 54px rgba(0,0,0,.28)}
.scene:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:14px;z-index:22;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 10%,transparent 84%,rgba(0,0,0,.18)),repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 2px,rgba(0,0,0,.16) 2px 4px),radial-gradient(circle at 50% 46%,transparent 60%,rgba(0,0,0,.18) 100%);animation:crtRoll 8.5s linear infinite}
.crt-side{--panel-head-depth:74px;display:flex;flex-direction:column;gap:10px;padding:16px 14px;background:linear-gradient(180deg,#8d7b68 0,#7d6d5d var(--panel-head-depth),#6c5d50 var(--panel-head-depth),#6c5d50 100%);border:2px solid #40362f;border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -3px 0 rgba(72,61,53,.7)}
.crt-side-head{display:block}
.crt-brandplate{padding:10px 12px;border-radius:10px;background:#39302a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);font-family:"Press Start 2P",cursive;font-size:.52rem;line-height:1.7;text-align:center;color:#ddc192;min-height:46px;display:flex;align-items:center;justify-content:center}
.crt-power-slot{display:flex;justify-content:center;padding-top:0;margin-top:-4px}
.crt-speaker-wrap{position:relative;width:100%;padding-top:16px}
.crt-speaker-note{position:absolute;left:10px;top:10px;width:132px;min-height:132px;padding:10px 10px 18px;background:linear-gradient(180deg,#efe3c3 0%,#decba3 100%);border:1px solid rgba(90,68,48,.35);box-shadow:0 10px 12px rgba(0,0,0,.18);transform:rotate(-3deg);color:#473729;clip-path:polygon(0 0,100% 0,100% 86%,96% 90%,92% 87%,88% 92%,82% 88%,76% 93%,70% 89%,64% 94%,56% 89%,48% 94%,40% 89%,32% 94%,24% 89%,16% 93%,8% 88%,0 92%);pointer-events:none;z-index:4}
.crt-speaker-note:before{content:"";position:absolute;inset:10px 10px 18px;background:repeating-linear-gradient(180deg,rgba(84,63,45,.18) 0 2px,transparent 2px 10px);opacity:.36}
.crt-speaker-note .tape{position:absolute;top:-9px;width:36px;height:16px;background:linear-gradient(180deg,rgba(247,242,225,.92),rgba(218,208,180,.76));border:1px solid rgba(255,255,255,.34);box-shadow:0 1px 0 rgba(0,0,0,.12);opacity:.98}
.crt-speaker-note .tape.left{left:12px;transform:rotate(-10deg)}
.crt-speaker-note .tape.right{right:14px;transform:rotate(12deg)}
.crt-speaker-note .line{position:relative;display:block;font-family:"VT323",monospace;font-size:1rem;line-height:1;color:#4a392a;text-shadow:0 1px 0 rgba(255,248,228,.22)}
.crt-speaker{position:relative;min-height:214px;border-radius:12px;background:#2a2625;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden}
.crt-speaker:before{content:"";position:absolute;inset:12px;border-radius:8px;background:radial-gradient(circle,rgba(0,0,0,.44) 0 34%,transparent 35% 100%) 0 0/12px 12px;background-color:#1b1718;opacity:.9}
.crt-ledrow{display:flex;gap:10px;align-items:center;justify-content:center}
.crt-ledrow span{width:12px;height:12px;border-radius:50%;background:#534a45;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.crt-ledrow .on{background:#7df0be;box-shadow:0 0 0 2px rgba(0,0,0,.22),0 0 14px rgba(125,240,190,.56)}
.crt-dials{display:grid;gap:10px;justify-items:center}
.crt-dial-row{display:grid;gap:10px;grid-template-columns:1fr;justify-items:center}
.crt-dial{display:flex;flex-direction:column;align-items:center;gap:4px;color:#342921;font-family:"Press Start 2P",cursive;font-size:.42rem;text-align:center}
button.crt-dial{appearance:none;border:0;padding:0;background:transparent;cursor:pointer}
.crt-dial span{position:relative;display:block;border-radius:50%;background:linear-gradient(180deg,#a18f7b 0%,#8c7c6a 100%);border:2px solid #4b4037;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(88,73,60,.82),0 4px 10px rgba(0,0,0,.18)}
.crt-dial.big span{width:88px;height:88px}
.crt-dial span:before{content:"";position:absolute;inset:14px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(74,63,54,.42) 0deg 3deg,transparent 3deg 16deg)}
.crt-dial span i{position:absolute;left:50%;top:50%;width:8px;height:36px;border-radius:999px;background:#efe1be;box-shadow:0 0 0 1px rgba(61,50,42,.3);transform:translate(-50%,-50%) rotate(var(--a));transform-origin:center center}
.crt-dial.big span i{height:54px}
.crt-dial:hover span i{transform:translate(-50%,-50%) rotate(calc(var(--a) + 18deg))}
.crt-dial b{font-weight:400;line-height:1.5}
.channel-jog #channelKnob{width:104px;height:104px;--num-dist:-34px}
.channel-jog #channelKnob:before{inset:16px}
.channel-jog #channelKnob i{height:62px}
.utility-dial #tintKnob{width:104px;height:104px}
.utility-dial #tintKnob:before{inset:16px}
.utility-dial #tintKnob i{height:62px}
.channel-jog #channelKnob .dial-num{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:#3c3027;font-family:"Press Start 2P",cursive;font-size:.33rem;line-height:1;transform:translate(-50%,-50%) rotate(var(--rot)) translateY(var(--num-dist)) rotate(var(--unrot));text-shadow:0 1px 0 rgba(255,245,224,.14);pointer-events:none}
.channel-jog #channelKnob .dial-num.n1{--rot:-38deg;--unrot:38deg}
.channel-jog #channelKnob .dial-num.n2{--rot:-20deg;--unrot:20deg}
.channel-jog #channelKnob .dial-num.n3{--rot:-2deg;--unrot:2deg}
.channel-jog #channelKnob .dial-num.n4{--rot:16deg;--unrot:-16deg}
.channel-jog #channelKnob .dial-num.n5{--rot:34deg;--unrot:-34deg}
.channel-jog #channelKnob .dial-num.n6{--rot:52deg;--unrot:-52deg}
.crt-power-slot .crt-power{min-width:52px;gap:3px;align-self:flex-start;justify-self:center}
.crt-power-slot .crt-power-disc{width:46px;height:46px}
.crt-power-slot .crt-power-disc:before{inset:7px}
.crt-power-slot .crt-power-glyph{width:15px;height:15px;border-width:3px;transform:translate(-50%,-43%)}
.crt-power-slot .crt-power-glyph:before{top:-7px;height:10px;width:3px}
.crt-power-slot .crt-power-text{font-size:.24rem;line-height:1.1;letter-spacing:.06em;opacity:.82}
.crt-speaker{margin-top:0}
.utility-dial span,.utility-dial span i{transition:transform .16s steps(3),box-shadow .16s ease,background .16s ease}
.utility-dial:hover span i,.utility-dial:focus-visible span i{transform:translate(-50%,-50%) rotate(calc(var(--a) + 8deg))}
.utility-dial:focus-visible{outline:2px solid #e8d3a7;outline-offset:4px}
.utility-dial.jog-hit span{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(88,73,60,.82),0 2px 6px rgba(0,0,0,.16)}
.utility-dial.jog-hit span i{transform:translate(-50%,-50%) rotate(calc(var(--a) + 4deg))}
.channel-jog span,.channel-jog span i{transition:transform .16s steps(3),box-shadow .16s ease,background .16s ease}
.channel-jog:hover span i,.channel-jog:focus-visible span i{transform:translate(-50%,-50%) rotate(calc(var(--a) + 10deg))}
.channel-jog:focus-visible{outline:2px solid #e8d3a7;outline-offset:4px}
.channel-jog.jog-hit span{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(88,73,60,.82),0 2px 6px rgba(0,0,0,.16)}
.channel-jog.jog-hit span i{transform:translate(-50%,-50%) rotate(calc(var(--a) + 4deg))}
.crt-footer{padding-top:12px;color:#332821}
@keyframes crtLed{50%{filter:brightness(1.08);box-shadow:0 0 0 2px rgba(0,0,0,.22),0 0 12px rgba(255,135,95,.42)}}@keyframes crtRoll{0%{background-position:0 0,0 0,0 0}100%{background-position:0 22px,0 10px,0 0}}
@media (max-width:980px){.scene-wrap .in{min-height:clamp(380px,66svh,700px)}.crt-cabinet{padding:16px}.crt-antenna{top:-34px;width:82px;height:42px}.crt-antenna:before,.crt-antenna:after{height:36px}.crt-body{grid-template-columns:minmax(0,1fr) 190px}.crt-dial.big span{width:74px;height:74px}.channel-jog #channelKnob{width:90px;height:90px;--num-dist:-29px}.channel-jog #channelKnob:before{inset:14px}.channel-jog #channelKnob i{height:54px}.channel-jog #channelKnob .dial-num{font-size:.3rem}.utility-dial #tintKnob{width:90px;height:90px}.utility-dial #tintKnob:before{inset:14px}.utility-dial #tintKnob i{height:54px}.crt-speaker-wrap{padding-top:14px}.crt-speaker-note{width:122px;min-height:122px;padding:9px 9px 16px}.crt-speaker-note:before{inset:9px 9px 16px}.crt-speaker-note .line{font-size:.92rem}.crt-speaker{min-height:188px}}
@media (max-width:760px){.scene-wrap .in{min-height:clamp(360px,62svh,620px)}.crt-cabinet{padding:14px;border-radius:28px}.crt-antenna{top:-28px;width:72px;height:34px}.crt-antenna:before,.crt-antenna:after{height:28px;width:3px}.crt-antenna:before{left:20px}.crt-antenna:after{right:20px}.crt-antenna i{width:18px;height:8px}.crt-antenna i:before{width:6px;height:6px}.crt-body{grid-template-columns:minmax(0,1fr) 96px;gap:8px;align-items:start}.crt-glass{padding:14px;border-radius:20px}.scene{border-radius:12px}.scene:after{border-radius:12px}.crt-side{--panel-head-depth:54px;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 7px 10px;border-radius:16px}.crt-brandplate{min-height:34px;padding:7px 6px;font-size:.34rem;line-height:1.45}.crt-power-slot{position:absolute;top:58px;right:4px;transform:none;justify-content:center}.crt-power-slot .crt-power{min-width:30px}.crt-power-slot .crt-power-disc{width:28px;height:28px}.crt-power-slot .crt-power-disc:before{inset:5px}.crt-power-slot .crt-power-glyph{width:10px;height:10px;border-width:2px}.crt-power-slot .crt-power-glyph:before{top:-5px;height:7px;width:2px}.crt-dials{width:100%;margin-top:14px;gap:6px}.crt-dial-row{grid-template-columns:1fr;gap:6px;justify-items:center}.crt-dial.big span{width:46px;height:46px}.crt-dial.big span:before{inset:7px}.crt-dial.big span i{height:31px}.channel-jog #channelKnob{width:52px;height:52px;--num-dist:-16px}.channel-jog #channelKnob:before{inset:8px}.channel-jog #channelKnob i{height:34px}.channel-jog #channelKnob .dial-num{width:8px;height:8px;font-size:.17rem}.utility-dial #tintKnob{width:52px;height:52px}.utility-dial #tintKnob:before{inset:8px}.utility-dial #tintKnob i{height:34px}.crt-speaker-wrap{width:100%;padding-top:4px;display:block;overflow:visible}.crt-speaker{min-height:56px;min-width:100%;margin-top:0}.crt-speaker:before{inset:6px;border-radius:6px;background-size:8px 8px}.crt-speaker-note{display:block;position:absolute;left:-2px;top:-10px;width:76px;min-height:54px;margin-top:0;margin-right:0;padding:6px 6px 9px;transform:rotate(-2deg)}.crt-speaker-note:before{inset:6px 6px 10px}.crt-speaker-note .tape{top:-6px;width:20px;height:9px;opacity:.94}.crt-speaker-note .tape.left{left:7px}.crt-speaker-note .tape.right{right:7px}.crt-speaker-note .line{font-size:.54rem;line-height:.88}.crt-footer,.crt-header{font-size:.48rem}}
@media (max-width:560px){.page{width:min(100%,calc(100% - 18px))}.scene-wrap .in{min-height:clamp(320px,56svh,520px)}.crt-cabinet{padding:12px;border-radius:24px}.crt-antenna{top:-22px;width:58px;height:26px}.crt-antenna:before,.crt-antenna:after{height:20px}.crt-antenna:before{left:16px}.crt-antenna:after{right:16px}.crt-antenna i{width:16px;height:7px}.crt-antenna i:before{width:5px;height:5px;bottom:5px}.crt-header,.crt-footer{padding:6px 10px;font-size:.42rem}.crt-body{grid-template-columns:minmax(0,1fr) 86px;gap:6px;align-items:start}.crt-glass{padding:12px;border-radius:18px}.scene{border-radius:10px}.scene:after{border-radius:10px}.crt-side{--panel-head-depth:48px;padding:7px 6px 8px;border-radius:16px;gap:5px}.crt-brandplate{min-height:28px;padding:5px 4px;font-size:.28rem;line-height:1.32}.crt-power-slot{top:50px;right:3px}.crt-power-slot .crt-power{min-width:26px}.crt-power-slot .crt-power-disc{width:24px;height:24px}.crt-power-slot .crt-power-disc:before{inset:4px}.crt-power-slot .crt-power-glyph{width:8px;height:8px}.crt-power-slot .crt-power-glyph:before{top:-4px;height:6px;width:2px}.crt-dials{margin-top:8px;gap:4px}.crt-dial.big span{width:42px;height:42px}.crt-dial.big span:before{inset:7px}.crt-dial.big span i{height:28px}.channel-jog #channelKnob{width:48px;height:48px;--num-dist:-15px}.channel-jog #channelKnob:before{inset:7px}.channel-jog #channelKnob i{height:31px}.channel-jog #channelKnob .dial-num{width:8px;height:8px;font-size:.15rem}.utility-dial #tintKnob{width:48px;height:48px}.utility-dial #tintKnob:before{inset:7px}.utility-dial #tintKnob i{height:31px}.crt-speaker-wrap{padding-top:2px}.crt-speaker{min-height:52px}.crt-speaker:before{inset:6px;background-size:8px 8px}.crt-speaker-note{width:70px;min-height:50px;padding:5px 5px 8px;left:-1px;top:-9px}.crt-speaker-note:before{inset:5px 5px 9px}.crt-speaker-note .line{font-size:.5rem;line-height:.86}}
.page{width:min(1320px,calc(100% - 28px))}
.crt-home{display:grid;gap:22px;padding-top:18px}
.crt-home-panel{display:block;background:transparent;box-shadow:none;min-height:auto;overflow:visible}
.crt-home-display{display:flex;justify-content:center}
.crt-body{grid-template-columns:minmax(0,1fr) 192px}
.crt-main{width:min(100%,1040px)}
.foot{position:relative;display:flex;justify-content:center;align-items:flex-start;width:min(94%,920px);min-height:138px;margin:18px auto 0;padding:8px 22px 92px;text-align:center}
.foot:after{content:"";position:absolute;left:14%;right:14%;bottom:-16px;height:24px;border-radius:999px;background:radial-gradient(circle at center,rgba(0,0,0,.24),transparent 72%);filter:blur(8px)}
.foot-stand{position:absolute;left:0;right:0;bottom:0;height:112px;pointer-events:none;transform-style:preserve-3d}
.foot-top{position:absolute;left:2.5%;right:2.5%;top:0;height:26px;border:2px solid #43352a;border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,#c29f79 0%,#a98667 38%,#896a53 39%,#735845 100%);clip-path:polygon(3% 100%,97% 100%,100% 0,0 0);box-shadow:inset 0 1px 0 rgba(255,245,224,.2),0 8px 12px rgba(0,0,0,.14)}
.foot-top:after{content:"";position:absolute;left:7%;right:7%;top:6px;height:8px;border-radius:8px;background:linear-gradient(180deg,rgba(255,243,220,.26),rgba(255,243,220,0))}
.foot-leg{position:absolute;top:20px;bottom:12px;width:18px;border-radius:2px 2px 8px 8px;background:linear-gradient(90deg,#856650 0%,#6d5342 58%,#4d3a30 100%);box-shadow:inset 1px 0 0 rgba(255,241,214,.12),inset -4px 0 0 rgba(36,24,18,.26)}
.foot-leg:after{content:"";position:absolute;right:-8px;top:2px;bottom:0;width:8px;background:linear-gradient(180deg,#5a4336 0%,#3c2d24 100%);clip-path:polygon(0 0,100% 10%,100% 100%,0 100%);opacity:.78}
.foot-leg.a{left:8%}
.foot-leg.b{left:24%}
.foot-leg.c{right:24%}
.foot-leg.d{right:8%}
.foot-shelf{position:absolute;left:12%;right:12%;top:58px;height:14px;border:2px solid #43352a;border-radius:10px;background:linear-gradient(180deg,#99795f 0%,#735846 100%);clip-path:polygon(2% 100%,98% 100%,100% 0,0 0);box-shadow:inset 0 1px 0 rgba(255,242,214,.14),0 8px 10px rgba(0,0,0,.12)}
.foot-shelf:after{content:"";position:absolute;left:9%;right:9%;top:4px;height:4px;border-radius:4px;background:rgba(255,240,214,.16)}
.foot-plaque{position:relative;display:block;max-width:90%;padding:11px 18px 12px;border:2px solid #382b22;border-radius:12px;background:linear-gradient(180deg,#4f3b30 0%,#3c2b23 100%);box-shadow:inset 0 1px 0 rgba(255,241,214,.12),inset 0 -3px 0 rgba(18,12,10,.46),0 10px 16px rgba(0,0,0,.18);font-size:1.42rem;line-height:1.08;color:#ead8ba;letter-spacing:.02em;text-shadow:0 1px 0 rgba(33,24,19,.58)}
.foot-plaque:before{content:"";position:absolute;left:-14px;right:-14px;top:-18px;height:18px;border:2px solid #43352a;border-bottom:0;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#b99b7a 0%,#987a61 48%,#7d624e 49%,#6c5545 100%);clip-path:polygon(2% 100%,98% 100%,100% 0,0 0);box-shadow:inset 0 1px 0 rgba(255,245,224,.18)}
.foot-plaque:after{content:"";position:absolute;left:-8px;right:-8px;bottom:-12px;height:12px;background:linear-gradient(180deg,#4b392f 0%,#2e211b 100%);clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);opacity:.92}
.crt-side{justify-content:space-between;gap:12px}
.crt-speaker{min-height:132px}
.crt-power{display:grid;justify-items:center;gap:10px;min-width:88px;padding:0;background:transparent;box-shadow:none}
.crt-power:hover{transform:translateY(1px)}
.crt-power-disc{position:relative;display:block;width:70px;height:70px;border-radius:50%;background:linear-gradient(180deg,#b7a58e 0%,#97836f 48%,#7e6b5b 49%,#8c7967 100%);border:2px solid #433831;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -4px 0 rgba(77,64,55,.82),0 8px 14px rgba(0,0,0,.18)}
.crt-power-disc:before{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(180deg,#d4c4ae 0%,#b39f87 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(95,79,66,.42)}
.crt-power-glyph{position:absolute;left:50%;top:50%;width:22px;height:22px;border:4px solid #4f443e;border-top-color:transparent;border-radius:50%;transform:translate(-50%,-44%)}
.crt-power-glyph:before{content:"";position:absolute;left:50%;top:-10px;width:4px;height:14px;background:#4f443e;border-radius:4px;transform:translateX(-50%)}
.crt-power-text{font-size:.42rem;line-height:1.4;color:#e8d9bf}
.power-toggle.active .crt-power-disc{background:linear-gradient(180deg,#c68872 0%,#a45847 48%,#8d4238 49%,#b56754 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.2),inset 0 -4px 0 rgba(87,38,30,.76),0 0 0 3px rgba(213,111,95,.18),0 8px 18px rgba(0,0,0,.22)}
.power-toggle.active .crt-power-disc:before{background:linear-gradient(180deg,#df9a86 0%,#b56654 100%)}
.power-toggle.active .crt-power-glyph,.power-toggle.active .crt-power-glyph:before{background:#fff1d0;border-color:#fff1d0;border-top-color:transparent;box-shadow:0 0 12px rgba(255,241,208,.38)}
.screen-ui{position:absolute;inset:14px;z-index:19;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;pointer-events:none;transition:opacity .28s ease,color .28s linear}
.screen-top{display:grid;gap:8px;pointer-events:auto}
.screen-mode{font-family:"Press Start 2P",cursive;font-size:.45rem;line-height:1.7}
.screen-nav-shell{display:block;width:100%;overflow:auto;pointer-events:auto;scrollbar-width:none;transition:width .22s ease,opacity .18s ease}
.screen-nav-shell::-webkit-scrollbar{display:none}
.screen-nav{position:relative;display:flex;gap:4px;align-items:center;width:max-content;min-width:100%;padding:6px;background:rgba(8,12,24,.86);box-shadow:0 0 0 3px #11162a;overflow:hidden;transition:gap .22s ease,padding .22s ease,min-width .22s ease}
.screen-nav-indicator{position:absolute;left:0;top:6px;bottom:6px;width:136px;border-radius:8px;background:#d8c39a;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -2px 0 rgba(96,78,52,.48);transition:transform .24s steps(5),width .2s ease;z-index:0}
.screen-tab{position:relative;z-index:1;flex:0 0 auto;max-width:180px;padding:8px 10px;background:transparent;color:var(--screen-pill);font-family:"Press Start 2P",cursive;font-size:.4rem;line-height:1.7;white-space:nowrap;overflow:hidden;transition:color .18s ease,filter .18s ease,max-width .22s ease,padding .22s ease,opacity .18s ease}
.screen-tab:hover{filter:brightness(1.08)}
.screen-tab.active{color:#231913}
.screen-tab.active:before{content:"["}
.screen-tab.active:after{content:"]"}
body.nav-collapsed .screen-nav-shell{display:inline-block;width:auto;max-width:max-content;align-self:start;overflow:hidden}
body.nav-collapsed .screen-nav{min-width:0;gap:0;padding:4px 6px}
body.nav-collapsed .screen-tab{width:0;min-width:0;max-width:0;flex:0 0 0;padding-left:0;padding-right:0;opacity:0;pointer-events:none}
body.nav-collapsed .screen-tab.active{width:auto;max-width:180px;flex:0 0 auto;padding:8px 10px;opacity:1;pointer-events:auto}
.screen-card{width:min(100%,66%);margin-top:0;padding:14px;background:rgba(8,12,24,.84);box-shadow:0 0 0 4px #11162a;display:flex;flex-direction:column;gap:10px}
.screen-mode{color:var(--a)}
.screen-title{margin:0;font-family:"Press Start 2P",cursive;font-size:clamp(.74rem,.95vw,.94rem);line-height:1.6;color:var(--screen-paper);transition:color .28s linear}
.screen-body{font-size:1.24rem;line-height:1.12;color:var(--screen-body);transition:color .28s linear}
.screen-tags{display:flex;flex-wrap:wrap;gap:8px}
.screen-tags .chip{padding:10px 12px;background:var(--screen-chip-bg);box-shadow:none;transition:background .28s linear}
.screen-tags .chip span{font-size:.46rem;line-height:1.7;color:var(--screen-chip-text);transition:color .28s linear}
.screen-list{margin:0;padding-left:18px;display:grid;gap:6px}
.screen-list li{font-size:1.08rem;color:var(--screen-body);transition:color .28s linear}
.screen-signals{grid-template-columns:1fr;gap:8px}
.screen-signals .sig{padding:10px 12px;background:rgba(255,255,255,.05);box-shadow:none;display:grid;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:10px}
.screen-signals strong{font-size:.43rem;line-height:1.6;margin:0;white-space:nowrap}
.screen-signals .note{font-size:.98rem;line-height:1;max-width:none;color:var(--screen-body);transition:color .28s linear;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen-signals .segbar{display:grid;grid-template-columns:repeat(5,10px);gap:4px;align-items:center}
.screen-signals .segbar i{display:block;width:10px;height:10px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.screen-signals .segbar i.on{background:linear-gradient(180deg,var(--a),var(--b));box-shadow:0 0 8px rgba(244,213,107,.14)}
.scene{filter:var(--scene-tint-filter);will-change:transform,filter;transition:background 1.2s linear,box-shadow 1.2s linear,filter .28s linear}
.screen-static,.screen-beam{position:absolute;pointer-events:none;opacity:0}
.screen-static{inset:0;z-index:25;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.22)),repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 2px,rgba(0,0,0,.16) 2px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 3px,rgba(0,0,0,.18) 3px 7px),radial-gradient(circle at 20% 24%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 72% 66%,rgba(255,255,255,.14),transparent 22%);mix-blend-mode:screen;filter:contrast(1.6) saturate(.15) brightness(1.14);animation:crtStatic .14s steps(4) infinite}
.screen-static:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.08) 18px 24px,transparent 24px 44px);animation:crtSnow .18s steps(5) infinite}
.screen-static:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.12),transparent 52%);opacity:.35}
.screen-beam{left:8%;right:8%;top:50%;height:4px;border-radius:999px;background:#fff0c3;box-shadow:0 0 14px rgba(255,240,195,.84),0 0 34px rgba(255,240,195,.44);transform:translateY(-50%) scaleX(.02) scaleY(.8);transform-origin:center center;z-index:26}
.screen-off-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#000 0%,#020202 100%);color:#ddd0b5;font-family:"Press Start 2P",cursive;font-size:.65rem;letter-spacing:.08em;opacity:0;pointer-events:none;z-index:24;transition:opacity .2s ease}
.screen-off-layer:before{content:"";position:absolute;left:12%;right:12%;top:50%;height:2px;background:rgba(255,238,194,.42);box-shadow:0 0 10px rgba(255,238,194,.2)}
body.screen-off .scene > :not(.screen-off-layer){opacity:.08}
body.screen-off .scene > .screen-ui{opacity:0}
body.screen-off .screen-off-layer{opacity:1}
body.screen-off .crt-status i{background:#7f4a42;box-shadow:0 0 0 2px rgba(0,0,0,.22)}
body.screen-powering-on .screen-off-layer{opacity:1;color:transparent}
body.screen-powering-on .screen-off-layer:before{opacity:0}
body.screen-powering-on .screen-static,body.screen-powering-off .screen-static{opacity:.92}
body.screen-channel-switch .screen-static{opacity:1;filter:contrast(2.1) saturate(.08) brightness(1.3);animation:crtStatic .06s steps(6) infinite,crtChannelFlash .28s steps(4) infinite}
body.screen-channel-switch .screen-static:before{animation:crtSnow .08s steps(6) infinite}
body.screen-channel-switch .screen-static:after{opacity:.58;animation:crtChannelGlow .24s steps(3) infinite}
body.screen-powering-on .screen-beam{animation:crtBeamOn .66s ease-out forwards}
body.screen-powering-off .screen-beam{animation:crtBeamOff .46s ease-in forwards;opacity:1}
body.screen-channel-switch .screen-beam{opacity:1;animation:crtChannelBeam .28s ease-out forwards}
body.screen-powering-on .scene > :not(.screen-static):not(.screen-beam):not(.screen-off-layer){opacity:0}
body.screen-powering-off .scene > :not(.screen-static):not(.screen-beam):not(.screen-off-layer){opacity:.34}
body.screen-channel-switch .scene > :not(.screen-static):not(.screen-beam):not(.screen-off-layer){opacity:.86;filter:none}
body.screen-channel-switch .screen-ui{opacity:.72}
body.screen-powering-on .screen-ui,body.screen-powering-off .screen-ui{opacity:.1}
body.screen-off .crt-power-disc{background:linear-gradient(180deg,#998976 0%,#806f60 48%,#6d5e52 49%,#77675a 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.16),inset 0 -4px 0 rgba(61,50,43,.74),0 8px 14px rgba(0,0,0,.16)}
body.screen-off .crt-power-disc:before{background:linear-gradient(180deg,#baa893 0%,#9b8873 100%)}
body.screen-off .crt-power-glyph,body.screen-off .crt-power-glyph:before{background:#5a4e47;border-color:#5a4e47;border-top-color:transparent;box-shadow:none}
@keyframes crtStatic{0%{background-position:0 0,0 0,0 0,0 0,0 0}100%{background-position:0 0,0 18px,8px 0,42px -18px,-28px 20px}}@keyframes crtSnow{0%{transform:translateX(-10px) translateY(0)}100%{transform:translateX(10px) translateY(6px)}}@keyframes crtBeamOn{0%{opacity:1;transform:translateY(-50%) scaleX(.02) scaleY(.9)}36%{opacity:1;transform:translateY(-50%) scaleX(1) scaleY(.16)}100%{opacity:0;transform:translateY(-50%) scaleX(1.06) scaleY(80)}}@keyframes crtBeamOff{0%{opacity:.2;transform:translateY(-50%) scaleX(1.06) scaleY(80)}58%{opacity:1;transform:translateY(-50%) scaleX(1) scaleY(.18)}100%{opacity:1;transform:translateY(-50%) scaleX(.02) scaleY(.9)}}@keyframes crtChannelBeam{0%{opacity:0;transform:translateY(-50%) scaleX(.18) scaleY(.2)}28%{opacity:1;transform:translateY(-50%) scaleX(1.02) scaleY(.08)}72%{opacity:.85;transform:translateY(-50%) scaleX(1.08) scaleY(10)}100%{opacity:0;transform:translateY(-50%) scaleX(1.1) scaleY(30)}}@keyframes crtChannelFlash{0%,100%{opacity:.76}20%{opacity:1}40%{opacity:.58}60%{opacity:.98}80%{opacity:.7}}@keyframes crtChannelGlow{0%,100%{opacity:.18}50%{opacity:.62}}@keyframes hHoldTrack{0%,100%{transform:translateX(0)}25%{transform:translateX(1px)}50%{transform:translateX(-1px)}75%{transform:translateX(1px)}}@keyframes hHoldDrift{0%,100%{transform:translateX(0) translateY(0)}20%{transform:translateX(2px)}40%{transform:translateX(-3px) translateY(1px)}60%{transform:translateX(2px)}80%{transform:translateX(-2px) translateY(-1px)}}@keyframes hHoldChaos{0%{transform:translateX(0) translateY(0)}12%{transform:translateX(4px)}24%{transform:translateX(-5px) translateY(1px)}36%{transform:translateX(3px) translateY(-1px)}48%{transform:translateX(-4px)}60%{transform:translateX(5px) translateY(1px)}72%{transform:translateX(-3px)}84%{transform:translateX(3px) translateY(-1px)}100%{transform:translateX(0) translateY(0)}}@keyframes holdSweep{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.85;transform:translateY(4px)}}@keyframes studioWater{0%{background-position:0 0,0 0}100%{background-position:48px 0,0 0}}@keyframes studioFlyer{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(8px,-6px) rotate(90deg)}50%{transform:translate(0,-10px) rotate(180deg)}75%{transform:translate(-8px,-4px) rotate(270deg)}100%{transform:translate(0,0) rotate(360deg)}}@keyframes treeSway{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes castleFlag{0%,100%{transform:skewX(0)}50%{transform:skewX(-12deg) translateX(2px)}}@keyframes castleMoat{0%{background-position:0 0,0 0}100%{background-position:40px 0,0 0}}@keyframes torchFlicker{0%,100%{transform:scale(1) translateY(0);filter:brightness(1)}35%{transform:scale(1.05,.92) translateY(-1px);filter:brightness(1.08)}65%{transform:scale(.96,1.08) translateY(1px);filter:brightness(.92)}}@keyframes neonRain{0%{transform:translateY(-18px) skewX(-18deg)}100%{transform:translateY(18px) skewX(-18deg)}}@keyframes neonFlicker{0%,100%{opacity:1;filter:brightness(1)}18%{opacity:.7;filter:brightness(.82)}22%{opacity:1}56%{opacity:.82;filter:brightness(1.14)}60%{opacity:1}}@keyframes neonTram{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 280px))}}@keyframes officeBlink{0%,100%{opacity:.9}50%{opacity:.45}}@keyframes officeLamp{0%,100%{opacity:.72}50%{opacity:1}}@keyframes historyNode{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.04)}}@keyframes historyRun{0%{left:102px;top:104px}22%{left:206px;top:132px}45%{left:286px;top:176px}68%{left:430px;top:258px}100%{left:496px;top:174px}}@keyframes legalPaper{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(6deg) translateY(-5px)}}@keyframes sealPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 8px rgba(255,255,255,.08)}50%{transform:scale(1.06);box-shadow:0 0 0 12px rgba(255,255,255,.1)}}@keyframes boatBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes cloudDrift{0%{transform:translateX(0)}100%{transform:translateX(42px)}}@keyframes droneFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-6px)}} 
@media (max-width:560px){.page{width:min(100%,calc(100% - 18px))}.crt-home{padding-top:10px}.screen-ui{inset:10px}.screen-tab{font-size:.36rem;padding:7px 8px}.screen-card{padding:12px}.screen-title{font-size:.68rem}.screen-body{font-size:1.15rem}.screen-list li{font-size:1.05rem}.crt-power-disc{width:64px;height:64px}.crt-power-text{font-size:.38rem}.foot{width:min(98%,420px);min-height:104px;padding:8px 12px 66px}.foot-stand{height:84px}.foot-top{height:18px;border-radius:14px 14px 8px 8px}.foot-leg{width:10px;top:14px;bottom:10px}.foot-leg:after{right:-5px;width:5px}.foot-shelf{top:42px;height:10px}.foot-plaque{padding:9px 10px 10px;font-size:1.02rem;line-height:1.14}.foot-plaque:before{left:-10px;right:-10px;top:-14px;height:14px}}
.crt-glass{padding:8px;border-radius:22px;background:linear-gradient(180deg,#4d4845 0%,#3e3a38 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -3px 0 rgba(17,14,14,.52)}
.crt-glass:before{inset:5px;border-radius:13px;opacity:.36}
.crt-glass:after{inset:6px;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 0 18px rgba(0,0,0,.28)}
.crt-window{position:relative;width:100%;aspect-ratio:4/3;padding:3px 4px 4px;border-radius:14px;background:linear-gradient(180deg,#16181f 0%,#0f1218 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -2px 0 rgba(0,0,0,.42),0 0 0 1px rgba(21,24,32,.82);overflow:hidden}
.crt-window:before{content:"";position:absolute;left:9px;right:9px;top:4px;height:6px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent);opacity:.42;pointer-events:none;z-index:2}
.crt-window:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 0 26px rgba(0,0,0,.32);z-index:2}
.crt-window-viewport{position:relative;width:100%;height:100%;overflow:hidden;border-radius:18px 18px 26px 26px / 10px 10px 18px 18px;background:#04060b;box-shadow:inset 0 0 0 1px #03050a,inset 0 0 0 1px rgba(136,154,197,.08),inset 0 0 28px rgba(0,0,0,.24)}
.crt-window-viewport:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 14%,transparent 84%,rgba(0,0,0,.16)),radial-gradient(circle at 50% 8%,rgba(255,255,255,.12),transparent 26%);z-index:11}
.crt-window-viewport:after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 4px rgba(0,0,0,.12),inset 0 0 10px rgba(0,0,0,.14);z-index:10}
.crt-window-viewport .scene{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:inherit;box-shadow:none}
.crt-window-viewport .scene:after{border-radius:inherit}
.crt-window-viewport .shader-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.screen-ui{inset:22px 18px 16px;gap:14px}
.screen-top{margin-top:12px}
.screen-nav-shell{width:calc(100% - 56px);max-width:980px;margin:0 auto}
.screen-nav{padding:5px 6px;box-shadow:0 0 0 2px #11162a}
.screen-nav-indicator{top:5px;bottom:5px}
.screen-card{width:min(100%,72%);margin-left:34px;margin-right:0;margin-top:8px;box-shadow:0 0 0 3px #11162a}
@media (max-width:760px){.crt-glass{padding:7px;border-radius:18px}.crt-glass:before{inset:5px;border-radius:12px}.crt-glass:after{inset:6px;border-radius:10px}.crt-window{padding:3px;border-radius:13px}.crt-window:before{left:8px;right:8px;top:4px;height:5px}.crt-window-viewport{border-radius:14px 14px 20px 20px / 8px 8px 14px 14px}.crt-window-viewport:after{box-shadow:inset 0 0 0 3px rgba(0,0,0,.12),inset 0 0 8px rgba(0,0,0,.14)}}
@media (max-width:760px){.screen-ui{inset:18px 14px 14px;gap:12px}.screen-top{margin-top:10px}.screen-nav-shell{width:calc(100% - 28px)}.screen-card{width:min(100%,80%);margin-left:28px;margin-right:0;margin-top:6px}}
@media (max-width:560px){.crt-glass{padding:6px;border-radius:16px}.crt-window{padding:2px 2px 3px;border-radius:11px}.crt-window:before{left:6px;right:6px;top:3px;height:4px}.crt-window-viewport{border-radius:10px 10px 14px 14px / 6px 6px 10px 10px}.crt-window-viewport:after{box-shadow:inset 0 0 0 2px rgba(0,0,0,.1),inset 0 0 6px rgba(0,0,0,.12)}.screen-ui{inset:12px 10px 10px;gap:10px}.screen-top{margin-top:8px}.screen-nav-shell{width:calc(100% - 8px)}.screen-card{width:min(100%,92%);margin-left:14px;margin-right:0;margin-top:4px}}
.crt-window-viewport{background:#04060a}
.crt-window-viewport .scene{position:absolute;inset:0;width:100%;height:100%;z-index:2;background:transparent;box-shadow:none;border-radius:inherit}
.scene,.scene:before,.scene:after{background:none;box-shadow:none}
.scene:before,.scene:after{display:none}
.scene > :not(.screen-ui-wrap):not(.crt-panel-layer):not(.screen-static):not(.screen-beam):not(.screen-off-layer){display:none!important}
.shader-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit;background:#03050a;pointer-events:none;z-index:1}
.crt-window-viewport:before{background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 12%,transparent 70%,rgba(0,0,0,.34)),radial-gradient(circle at 50% 5%,rgba(255,255,255,.28),transparent 22%),radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.2) 72%,rgba(0,0,0,.34) 100%);opacity:.98}
.crt-window-viewport:after{box-shadow:inset 0 0 0 3px rgba(0,0,0,.2),inset 0 0 42px rgba(0,0,0,.34),inset 0 0 104px rgba(0,0,0,.26)}
.crt-side{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px}
.crt-dials{margin-top:48px}
.crt-speaker-wrap{position:relative;width:100%;padding-top:16px}
.crt-speaker{min-height:214px;margin-top:2px}
.crt-power-slot{position:absolute;top:78px;right:10px;justify-content:center;padding-top:0;margin-top:0;z-index:5}
.crt-power-slot .crt-power{min-width:56px;gap:0}
.crt-power-slot .crt-power-disc{width:48px;height:48px}
.crt-power-slot .crt-power-disc:before{inset:8px}
.crt-power-slot .crt-power-glyph{width:16px;height:16px;border-width:3px;transform:translate(-50%,-43%)}
.crt-power-slot .crt-power-glyph:before{top:-7px;height:10px;width:3px}
.screen-ui-wrap{position:absolute;inset:0;z-index:26;pointer-events:none;opacity:0;visibility:hidden;filter:none;transform:none}
.screen-ui{z-index:18;transform:none}
.screen-nav-shell,.screen-nav,.screen-tab{pointer-events:none!important}
.screen-card{background:transparent;transform:none}
.screen-top{transform:none}
.crt-panel-layer{position:absolute;inset:0;pointer-events:none;z-index:19;border-radius:inherit;background:radial-gradient(ellipse at center,transparent 46%,rgba(0,0,0,.16) 70%,rgba(0,0,0,.34) 100%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 14%,transparent 66%,rgba(0,0,0,.24)),radial-gradient(circle at 26% 13%,rgba(255,255,255,.17),transparent 16%),radial-gradient(circle at 74% 18%,rgba(255,255,255,.1),transparent 12%);mix-blend-mode:screen;opacity:.84}
.screen-static{z-index:22}
.screen-beam{z-index:23}
.screen-off-layer{z-index:21}
@media (max-width:980px){.crt-power-slot{top:72px;right:8px}.crt-power-slot .crt-power{min-width:48px}.crt-power-slot .crt-power-disc{width:44px;height:44px}.crt-power-slot .crt-power-disc:before{inset:7px}.crt-power-slot .crt-power-glyph{width:14px;height:14px}.crt-power-slot .crt-power-glyph:before{top:-7px;height:9px;width:3px}.crt-dials{margin-top:42px}.crt-speaker-wrap{padding-top:14px}.crt-speaker{min-height:188px}}
@media (max-width:560px){.crt-panel-layer{opacity:.58}}

.site-shell{display:grid;gap:22px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;min-height:0}
.site-brand{font-family:"Press Start 2P",cursive;font-size:.72rem;color:var(--b)}
.site-nav{display:flex;flex-wrap:wrap;gap:10px}
.site-nav a{font-family:"Press Start 2P",cursive;font-size:.56rem;padding:12px 14px;background:var(--panel2);box-shadow:0 0 0 4px #11162a;color:var(--muted);transition:background .2s ease,color .2s ease,transform .2s ease}
.site-nav a:hover,.site-nav a.active{background:var(--a);color:#0b1020;transform:translateY(-2px)}
.scene-runtime,.screen-data-sink{display:none!important}
.page-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px}
.page-copy-panel,.page-links-panel{min-height:0}
.page-copy,.page-links{display:flex;flex-direction:column;gap:16px}
.page-heading,.page-section-title{margin:0;font-family:"Press Start 2P",cursive;line-height:1.6}
.page-heading{font-size:clamp(1rem,2vw,1.36rem)}
.page-section-title{font-size:.9rem}
.page-copy-body{margin:0;font-size:1.65rem;line-height:1.15;color:var(--muted)}
.page-points{margin:0;padding-left:22px;display:grid;gap:12px;font-size:1.5rem;line-height:1.12;color:var(--text)}
.route-grid{display:grid;grid-template-columns:1fr;gap:12px}
.route-card{display:grid;gap:8px;padding:16px;background:var(--panel2);box-shadow:0 0 0 4px #11162a;transition:transform .2s ease,background .2s ease,color .2s ease}
.route-card strong{font-family:"Press Start 2P",cursive;font-size:.54rem;line-height:1.6;color:var(--b)}
.route-card span{font-family:"Press Start 2P",cursive;font-size:.7rem;line-height:1.6;color:var(--text)}
.route-card em{font-style:normal;font-size:1.35rem;line-height:1.08;color:var(--muted)}
.route-card:hover,.route-card.active{background:rgba(121,240,207,.14);transform:translateY(-2px)}
@media (max-width:900px){.site-header{flex-direction:column;align-items:flex-start}.page-grid{grid-template-columns:1fr}}
@media (max-width:760px){
.crt-home-display{display:block}
.crt-main{width:min(100%,560px)}
.crt-body{grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important}
.crt-side{
--panel-head-depth:44px;
display:grid!important;
grid-template-columns:52px minmax(0,1fr) 80px;
grid-template-areas:
"brand brand brand"
"power dials speaker";
align-items:start;
gap:8px!important;
padding:8px!important;
border-radius:16px
}
.crt-side-head{grid-area:brand}
.crt-brandplate{
min-height:28px!important;
padding:6px 8px!important;
font-size:.34rem!important;
line-height:1.35!important
}
.crt-power-slot{
grid-area:power;
position:relative!important;
top:auto!important;
right:auto!important;
margin:0!important;
padding:0!important;
justify-content:center!important;
align-self:start
}
.crt-power-slot .crt-power{min-width:auto!important}
.crt-power-slot .crt-power-disc{width:32px!important;height:32px!important}
.crt-power-slot .crt-power-disc:before{inset:5px!important}
.crt-power-slot .crt-power-glyph{width:10px!important;height:10px!important;border-width:2px!important}
.crt-power-slot .crt-power-glyph:before{top:-5px!important;height:7px!important;width:2px!important}
.crt-dials{
grid-area:dials;
width:100%!important;
margin-top:0!important;
align-self:start
}
.crt-dial-row{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
justify-items:center!important
}
.crt-dial.big span{width:54px!important;height:54px!important}
.crt-dial.big span:before{inset:8px!important}
.crt-dial.big span i{height:36px!important}
.channel-jog #channelKnob{width:62px!important;height:62px!important;--num-dist:-19px!important}
.channel-jog #channelKnob:before{inset:9px!important}
.channel-jog #channelKnob i{height:40px!important}
.channel-jog #channelKnob .dial-num{font-size:.18rem!important;width:8px!important;height:8px!important}
.utility-dial #tintKnob{width:62px!important;height:62px!important}
.utility-dial #tintKnob:before{inset:9px!important}
.utility-dial #tintKnob i{height:40px!important}
.crt-speaker-wrap{
grid-area:speaker;
width:100%!important;
padding-top:0!important;
position:relative!important;
align-self:start
}
.crt-speaker{min-height:74px!important;margin-top:0!important}
.crt-speaker:before{inset:7px!important;background-size:8px 8px!important}
.crt-speaker-note{
width:72px!important;
min-height:52px!important;
left:auto!important;
right:-2px!important;
top:-10px!important;
padding:5px 5px 8px!important
}
.crt-speaker-note:before{inset:5px 5px 9px!important}
.crt-speaker-note .tape{width:18px!important;height:8px!important;top:-5px!important}
.crt-speaker-note .line{font-size:.48rem!important;line-height:.84!important}
}
@media (max-width:560px){
.site-header{padding:12px 14px}
.site-brand{font-size:.52rem}
.site-nav{gap:8px}
.site-nav a{font-size:.46rem;padding:10px 12px}
.crt-main{width:100%}
.crt-cabinet{padding:12px!important;border-radius:24px!important}
.crt-body{gap:8px!important}
.crt-side{
grid-template-columns:44px minmax(0,1fr) 70px;
gap:6px!important;
padding:7px!important
}
.crt-brandplate{font-size:.28rem!important;min-height:24px!important;padding:5px 6px!important}
.crt-power-slot .crt-power-disc{width:28px!important;height:28px!important}
.crt-power-slot .crt-power-disc:before{inset:4px!important}
.crt-power-slot .crt-power-glyph{width:9px!important;height:9px!important}
.crt-power-slot .crt-power-glyph:before{top:-4px!important;height:6px!important}
.crt-dial-row{gap:6px!important}
.crt-dial.big span{width:48px!important;height:48px!important}
.crt-dial.big span:before{inset:7px!important}
.crt-dial.big span i{height:32px!important}
.channel-jog #channelKnob{width:56px!important;height:56px!important;--num-dist:-17px!important}
.channel-jog #channelKnob:before{inset:8px!important}
.channel-jog #channelKnob i{height:36px!important}
.utility-dial #tintKnob{width:56px!important;height:56px!important}
.utility-dial #tintKnob:before{inset:8px!important}
.utility-dial #tintKnob i{height:36px!important}
.crt-speaker{min-height:64px!important}
.crt-speaker-note{width:64px!important;min-height:46px!important;top:-8px!important;right:-1px!important;padding:4px 4px 7px!important}
.crt-speaker-note .line{font-size:.42rem!important}
}
@media (max-width:760px){.site-header{padding:12px 14px}.site-brand{font-size:.58rem}.site-nav{gap:8px}.site-nav a{font-size:.48rem;padding:10px 12px}.page-copy-body{font-size:1.42rem}.page-points{font-size:1.3rem}.route-card em{font-size:1.18rem}}