@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap";:root{--hh-cyan:#22e0ff;--hh-pink:#ff2e88;--hh-yellow:#ffd84d;--hh-white:#fff;--hh-void:#060610;--hh-scrim:.88;--hh-grain:.05}section{scroll-margin-top:70px}.hero-section{isolation:isolate;background:var(--hh-void);justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}#hero-canvas{display:none}.bg-city{z-index:0;will-change:transform;background:url(/images/art/art-06.png) 50%/cover no-repeat;animation:70s ease-in-out infinite alternate cityDrift;position:absolute;inset:-4%}@keyframes cityDrift{0%{transform:translate(-1.2%,-.8%)scale(1.02)}to{transform:translate(1.2%,.8%)scale(1.07)}}@media (resolution>=1.5x){.bg-city{image-rendering:pixelated}}.bg-city:before{content:"";background:radial-gradient(120% 92% at 50% 44%, transparent 34%, #0606108c 78%, #060610eb 100%), linear-gradient(90deg, rgba(6,6,16,var(--hh-scrim)) 0%, #06061099 34%, #0606101f 64%, transparent 84%), linear-gradient(180deg, #060610c7 0%, transparent 22%, transparent 60%, var(--hh-void) 99%);position:absolute;inset:0}.bg-effects{z-index:1;pointer-events:none;position:absolute;inset:0}.bg-scanlines{background:radial-gradient(38vw 38vw at 12% 92%,#22e0ff33,#0000 70%),radial-gradient(34vw 34vw at 88% 8%,#ff2e8829,#0000 70%),radial-gradient(50vw 30vw at 60% 100%,#008cff24,#0000 72%);animation:18s ease-in-out infinite alternate haze;position:absolute;inset:0}@keyframes haze{0%{opacity:.72;transform:scale(1)}to{opacity:1;transform:scale(1.08)translate(-1%,-1%)}}.bg-noise{opacity:var(--hh-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;animation:.5s step-end infinite grain;position:absolute;inset:-40px}@keyframes grain{0%,to{background-position:0 0}25%{background-position:-14px 9px}50%{background-position:11px -13px}75%{background-position:-9px -8px}}.hero-container{z-index:2;justify-content:space-between;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);width:min(1320px,100%);margin:0 auto;padding:clamp(4.5rem,12vh,7rem) clamp(1.1rem,4vw,3rem);display:flex;position:relative}.hero-right{flex:none;justify-content:center;align-items:center;animation:.85s step-end .46s both bootSide;display:flex}@keyframes bootSide{0%{opacity:0;filter:hue-rotate(-50deg);transform:translate(20px)skew(-7deg)}30%{opacity:1;filter:hue-rotate(25deg);transform:translate(-9px)skew(5deg)}55%{opacity:.5;transform:translate(6px)skew(-3deg)}78%{opacity:1;transform:translate(-3px)skew(2deg)}to{opacity:1;transform:none}}.hero-text{flex-direction:column;flex:auto;gap:clamp(.95rem,2.4vh,1.6rem);max-width:660px;padding:clamp(1.5rem,3.4vw,2.7rem) clamp(1.4rem,3vw,2.6rem);animation:1.15s step-end both bootPanel;display:flex;position:relative}@keyframes bootPanel{0%{opacity:0;clip-path:inset(0 0 100%);filter:brightness(4)contrast(2)}10%{opacity:1;clip-path:inset(0 0 88%);filter:brightness(2)}18%{opacity:1;clip-path:inset(16% 0 64%)}26%{opacity:1;clip-path:inset(62% 0 20%);filter:hue-rotate(-25deg)}34%{opacity:1;clip-path:inset(0 0 100%)}44%{opacity:1;clip-path:inset(42% 0 34%)}55%,to{opacity:1;clip-path:inset(0);filter:none}}.hero-text:after{content:"";background:var(--hh-cyan);width:4px;height:4px;box-shadow:0 0 10px var(--hh-cyan);margin-left:-2px;animation:1.9s step-end infinite blink;position:absolute;top:17px;left:50%}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.2}}@keyframes lineGlitch{0%{opacity:0;clip-path:inset(0 0 100%);filter:blur(4px);transform:translate(-7px)scaleY(.3)}15%{opacity:1;clip-path:inset(14% 0 68%);filter:blur(2px)hue-rotate(90deg);transform:translate(6px)scaleY(1.1)}30%{opacity:.8;clip-path:inset(66% 0 16%);filter:hue-rotate(-45deg);transform:translate(-5px)scaleY(.9)}45%{opacity:.45;clip-path:inset(0 0 100%);filter:blur(1px);transform:translate(4px)}60%{opacity:1;clip-path:inset(46% 0 38%);filter:none;transform:translate(-2px)}75%{opacity:.9;clip-path:inset(20% 0 50%);filter:contrast(1.5);transform:translate(1px)}to{opacity:1;clip-path:inset(0);filter:none;transform:none}}@keyframes charBoot{0%{opacity:0;text-shadow:-8px 0 var(--hh-cyan), 8px 0 var(--hh-pink);filter:blur(3px)brightness(2);transform:translateY(-.28em)scaleY(.55)skew(-15deg)}12%{opacity:1;text-shadow:7px 0 var(--hh-cyan), -7px 0 var(--hh-pink);filter:blur(1px)hue-rotate(45deg);transform:translateY(0)scaleY(1.1)skew(8deg)}24%{opacity:.3;text-shadow:-5px 0 var(--hh-pink), 5px 0 var(--hh-cyan);filter:contrast(2);transform:scaleY(.95)skew(-3deg)}36%{opacity:1;text-shadow:4px 0 var(--hh-cyan), -4px 0 var(--hh-pink);filter:none;transform:scaleY(1.05)}60%{opacity:1;text-shadow:1px 0 var(--hh-cyan), -1px 0 var(--hh-pink);transform:translate(1px)}75%{opacity:1;text-shadow:0 0 26px #22e0ff99;transform:none}to{opacity:1;text-shadow:0 0 22px #50c8ff47,0 5px #0006;transform:none}}@keyframes charCorrupt{0%{opacity:0}20%{opacity:1;transform:translate(-3px)skew(-5deg)}40%{opacity:.7;transform:translate(2px)skew(3deg)}60%{opacity:1;transform:translate(-1px)}80%{opacity:.4}to{opacity:0}}@keyframes charWave{0%,to{color:var(--hh-white);text-shadow:0 0 18px #50c8ff38,0 5px #0006}50%{color:#dff8ff;text-shadow:0 0 30px #22e0ffb8,0 5px #0006}}.line-1{align-items:center;gap:clamp(.8rem,2vw,1.2rem);animation:.55s step-end .34s both lineGlitch;display:flex}.line-accent{flex:none;width:44px;height:8px;position:relative}.line-accent:before{content:"";background:repeating-linear-gradient(90deg,#ffffff29 0 8px,#0000 8px 12px);position:absolute;inset:2px 0}.line-accent:after{content:"";background:var(--hh-cyan);width:8px;height:8px;box-shadow:0 0 12px var(--hh-cyan);animation:2.4s steps(4,end) infinite ledRun;position:absolute;top:0;left:0}@keyframes ledRun{0%{background:var(--hh-cyan);left:0}25%{background:var(--hh-pink);left:12px}50%{background:var(--hh-yellow);left:24px}75%{background:var(--hh-white);left:36px}to{background:var(--hh-cyan);left:0}}.text-welcome{letter-spacing:.26em;background-image:repeating-linear-gradient(45deg, #fffc 0 3px, #fff0 3px 9px), linear-gradient(100deg, var(--hh-cyan) 0%, #8ef1ff 30%, #b98cff 58%, var(--hh-pink) 100%);background-blend-mode:overlay, normal;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #22e0ff66);-webkit-background-clip:text;background-clip:text;font-family:Silkscreen,monospace;font-size:clamp(.8rem,1.55vw,1.05rem);font-weight:700;animation:3.6s steps(3,end) infinite pixelChase;display:inline-block;position:relative}@keyframes pixelChase{0%,to{background-position:0 0,0 0}33%{background-position:18px -12px,0 0}66%{background-position:-14px 16px,0 0}}.text-welcome:before,.text-welcome:after{content:"WELCOME TO MY";-webkit-text-fill-color:currentColor;pointer-events:none;animation:.8s step-end .5s both textCorrupt;position:absolute;inset:0}.text-welcome:before{color:var(--hh-cyan);animation-delay:.5s}.text-welcome:after{color:var(--hh-pink);animation-delay:.55s}@keyframes textCorrupt{0%{opacity:0;content:"!@#$%^&*()"}15%{opacity:1;content:"W3LC0M3 T0 MY";transform:translate(-2px)}25%{opacity:.6;content:"WELCOM3 T0 M¥";transform:translate(1px)}35%{opacity:1;content:"WELCOME TO MY";transform:translate(-1px)}50%{opacity:.3;content:"W3LCOME TO MY"}to{opacity:0}}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.text-welcome{color:var(--hh-cyan);-webkit-text-fill-color:var(--hh-cyan);background:0 0}}.line-2{padding-bottom:.2em;animation:.55s step-end .52s both lineGlitch;position:relative}.text-portfolio{letter-spacing:.01em;color:var(--hh-white);flex-wrap:wrap;margin:0;font-family:Silkscreen,monospace;font-size:clamp(2.3rem,7.6vw,5.5rem);font-weight:400;line-height:1;display:flex}.char{text-shadow:0 0 20px #22e0ffcc, 4px 4px 0 var(--hh-pink,#ff2e88), -4px -4px 0 var(--hh-cyan,#22e0ff);font-family:Silkscreen;font-weight:600;transition:filter .18s steps(2,end);animation:4s ease-in-out infinite titleFlicker;display:inline-block;position:relative}@keyframes titleFlicker{0%,92%,to{opacity:1}94%{opacity:.7}96%{opacity:1;filter:hue-rotate(20deg)}98%{opacity:.8}}.text-portfolio:hover .char:after{opacity:1;animation:.9s steps(6,end) infinite underFlow;animation-delay:calc(var(--i) * 70ms);transform:scaleY(1)}.text-portfolio:hover .char{filter:brightness(1.15)saturate(1.2)}@keyframes underFlow{0%{filter:hue-rotate();background-position:0 0,0 0}50%{filter:hue-rotate(15deg);background-position:4px 0,150% 0}to{filter:hue-rotate();background-position:8px 0,300% 0}}.line-3{max-width:46ch;margin-top:.3rem;animation:.55s step-end .74s both lineGlitch;position:relative}.text-desc{color:#fff;margin:0;padding-left:1.15rem;font-family:Silkscreen,monospace;font-size:clamp(.9rem,.55vw + .78rem,1.02rem);font-weight:300;line-height:1.95;position:relative}.text-desc:before{content:"▸";color:var(--hh-cyan);animation:1.7s step-end infinite blink;position:absolute;top:0;left:0}.scroll-indicator{z-index:3;flex-direction:column;align-items:center;gap:.7rem;animation:1s 1.5s both fadeUp;display:flex;position:absolute;bottom:clamp(1rem,3vh,2.2rem);left:50%;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%)translateY(14px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.scroll-mouse{border-left:2px solid #22e0ff38;border-right:2px solid #22e0ff38;width:10px;height:30px;position:relative}.scroll-wheel{background:var(--hh-cyan);width:6px;height:6px;box-shadow:0 0 10px var(--hh-cyan);animation:1.6s step-end infinite scrollHop;position:absolute;top:2px;left:50%;transform:translate(-50%)}@keyframes scrollHop{0%,to{background:var(--hh-cyan);top:2px}40%{background:var(--hh-white);top:12px}70%{background:var(--hh-cyan);opacity:.25;top:22px}}.scroll-indicator span{letter-spacing:.35em;text-transform:uppercase;color:#ffffff8c;font-family:Silkscreen,monospace;font-size:.62rem}.scroll-indicator span:after{content:"";vertical-align:middle;background:var(--hh-cyan);width:.5em;height:.5em;margin-left:.35em;animation:1.1s step-end infinite blink;display:inline-block}@media (width<=980px){.hero-container{text-align:center;flex-direction:column;gap:2.2rem}.hero-text{align-items:center;max-width:640px}.line-1{justify-content:center}.line-3{max-width:100%}.text-desc{text-align:center;padding-left:0}.text-desc:before{margin-right:.45em;position:static}.hero-section .hero-right{padding:1rem 0 0}.bg-city:before{background:radial-gradient(130% 100% at 50% 42%, transparent 30%, #06061099 75%, #060610ed 100%), linear-gradient(180deg, #060610d1 0%, #0606107a 30%, #06061057 62%, var(--hh-void) 99%)}}@media (width<=620px){.hero-text{padding:1.3rem 1.1rem}.line-accent{width:34px}.char{animation:charBoot .7s steps(1) calc(.6s + var(--i) * 60ms) both, charWave 4.8s ease-in-out calc(1.5s + var(--i) * .1s) infinite}}@media (width<=420px){.text-welcome{letter-spacing:.2em;font-size:.74rem}.hero-text{padding:1.15rem .95rem}}:root{--purple:#46acff;--purple-dim:#7c3aed;--blue:#4f8ef7;--cyan:#00d4ff;--pink:#f547a8;--dark:#050508;--dark-2:#0d0d14;--dark-3:#12121c;--card:#ffffff08;--card-hover:#ffffff12;--border:#ffffff12;--border-glow:#0059ff;--text:#e2e8f0;--text-dim:#64748b}html[data-lang=th] body [data-lang]:not(.hero-name):not(.hero-role-typed):not(.hero-stat-num):not(.yted-channel-h):not(.hobby-card-title){font-family:Noto Sans Thai,Fira Code,sans-serif}html[data-lang=th] body [data-lang].keep-font{font-family:Archivo Black,Noto Sans Thai,Fira Code,sans-serif}html.lenis,html.lenis body{height:auto}html[data-lang=th] .ach-text,html[data-lang=en] .ach-text,.hob-ach-text{font-family:Silkscreen,monospace!important}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.scroll-indicator{font-family:Silkscreen}*{box-sizing:border-box;margin:0;padding:0;font-family:Archivo Black,sans-serif}html{scroll-behavior:smooth}body{color:var(--text);background:#060610;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.navbar{z-index:1000;border-bottom:.5px solid var(--border);background:linear-gradient(90deg,#050b16fb);justify-content:space-between;align-items:center;width:100%;padding:1rem 2.5rem;transition:all .3s;display:flex;position:fixed;top:0}.nav-logo{letter-spacing:2px;background:#fff;-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;gap:12px;font-size:1.1rem;font-weight:900;display:flex;position:relative}.nav-logo img{object-fit:contain;width:auto;height:25px;filter:drop-shadow(0 0 0px var(--cyan))}.nav-logo span{color:var(--white);letter-spacing:2px;text-transform:uppercase;font-weight:900}.nav-logo:after{content:"";vertical-align:super;margin-left:3px;font-size:.4rem;animation:1.5s infinite blink}.nav-links{gap:.2rem;list-style:none;display:flex}.nav-links a{color:var(--text-dim);letter-spacing:.5px;border-radius:8px;padding:.4rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.nav-links a:hover{color:#fff;background:#ffffff1a}.nav-links a:not(.nav-tar01):not(.nav-art){color:#ffffffc2;letter-spacing:1px;border:1px solid #0000;border-radius:12px;padding:.35rem .85rem;font-family:SilkScreen;font-size:.85rem;font-weight:500;transition:color .3s,background .3s,border-color .3s,box-shadow .3s,transform .2s;position:relative}.nav-links a:not(.nav-tar01):not(.nav-art):hover{color:#ffffffd9;background:#4d47f514;border-color:#ffffff90;transform:translateY(-1px)}.nav-links a:not(.nav-tar01):not(.nav-art).active{color:#fff;border-color:#fff}.lang-btn{color:var(--text);cursor:pointer;letter-spacing:.8px;isolation:isolate;background:#475ef50d;border:1px solid #ffffff6b;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .9rem .35rem .75rem;font-size:.78rem;font-weight:700;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.lang-btn:before{content:"";opacity:0;z-index:-1;padding:1px;transition:opacity .3s;animation:3s linear infinite paused borderSpin;position:absolute;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}.lang-btn{cursor:pointer;background:#060610d9;border:2px solid #ffffff9a;outline:2px solid #000;align-items:center;gap:.5rem;padding:.45rem .9rem;font-family:Silkscreen,monospace;transition:all .12s steps(2,end);display:inline-flex;position:relative;overflow:hidden}.lang-btn:hover{border-color:#fff;transform:translate(-2px,-2px)}.lang-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 2px #000,1px 1px #000}.lang-btn:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000026 2px 3px);position:absolute;inset:0}.lang-btn:after{content:"";opacity:0;z-index:0;background-size:200% 100%;transition:opacity .3s;position:absolute;inset:-2px}.lang-btn:hover:after{opacity:1}@keyframes langRgbWave{0%{background-position:200% 0}to{background-position:-200% 0}}.lang-key{letter-spacing:.15em;color:var(--os-dim,#ffffff59);text-transform:uppercase;z-index:2;font-size:.5rem}.lang-code{letter-spacing:.1em;color:#fff;z-index:2;font-size:.75rem;font-weight:700;animation:4s step-end infinite langCodeFlicker}@keyframes langCodeFlicker{0%,92%,to{opacity:1}94%{opacity:.7}96%{opacity:1}}.lang-flag .flag-icon{object-fit:cover;width:20px;height:14px;image-rendering:pixelated;z-index:2;border:2px solid #000;transition:all .15s steps(2,end);box-shadow:2px 2px #00000080}.lang-btn:hover .lang-flag .flag-icon{border-color:var(--os-cyan,#22e0ff);transform:scale(1.15)rotate(-5deg);box-shadow:0 0 12px #22e0ff99,2px 2px #000}.lang-arrow{color:var(--os-dim,#ffffff59);z-index:2;font-size:.6rem;transition:all .2s steps(2,end)}.lang-btn:hover .lang-arrow{color:var(--os-yellow,#ffd84d);text-shadow:0 0 8px #ffd84d99;transform:translateY(2px)}@media (width<=768px){.lang-btn{gap:.4rem;padding:.35rem .7rem}.lang-key{display:none}.lang-code{text-shadow:0 0 6px #22e0ffcc, 1px 1px 0 var(--os-pink,#ff2e88), -1px -1px 0 var(--os-cyan,#22e0ff);font-size:.7rem}.lang-flag .flag-icon{width:18px;height:12px}}@media (width<=480px){.lang-btn{padding:.3rem .6rem}.lang-flag{display:none}}body.lang-reloading:before{content:"";z-index:99997;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#22e0ff14 2px 3px);animation:.5s steps(8,end) forwards crtScanlines;position:fixed;inset:0}body.lang-reloading:after{content:"";z-index:99998;pointer-events:none;animation:.5s steps(12,end) forwards crtCollapse;position:fixed;inset:0}@keyframes crtCollapse{0%{opacity:0;transform:scaleY(1)}10%{opacity:0;transform:scaleY(1)translate(3px)}20%{opacity:1;transform:scaleY(.3)scaleX(1)translate(-4px)}30%{opacity:1;transform:scaleY(.01)scaleX(1)translate(3px)}40%{opacity:.9;transform:scaleY(.01)scaleX(.6)translate(-2px)}50%{opacity:.5;transform:scaleY(.005)scaleX(.1)translate(1px)}65%{opacity:.8;transform:scaleY(.01)scaleX(.4)translate(-1px)}80%{opacity:.3;transform:scaleY(.6)scaleX(1)translate(2px)}to{opacity:0;transform:scaleY(1)scaleX(1)translate(0)}}@keyframes crtScanlines{0%{opacity:0}20%{opacity:.6}50%{opacity:.8}to{opacity:0}}[data-lang].lang-flash{animation:.45s forwards langRgbShake}@keyframes langRgbShake{0%{text-shadow:none;transform:translate(0)}10%{text-shadow:2px 0 #ff2e88,-2px 0 #22e0ff;transform:translate(-3px)}20%{text-shadow:-3px 0 #ff2e88,3px 0 #22e0ff;transform:translate(3px)}30%{text-shadow:3px 0 #ff2e88,-3px 0 #22e0ff;transform:translate(-2px)}40%{text-shadow:-2px 0 #ff2e88,2px 0 #22e0ff;transform:translate(2px)}50%{text-shadow:2px 0 #ff2e88,-2px 0 #22e0ff;transform:translate(-1px)}65%{text-shadow:-1px 0 #ff2e88,1px 0 #22e0ff;transform:translate(1px)}80%{text-shadow:1px 0 #ff2e88,-1px 0 #22e0ff;transform:translate(0)}to{text-shadow:none;transform:translate(0)}}.flag-reloading{animation:.45s steps(6,end) flagReload}.flag-reloading img{animation:.45s steps(3,end) flagGlitch}@keyframes flagReload{0%,to{transform:scale(1)}20%{filter:brightness(3)hue-rotate(90deg);transform:scale(.7)rotate(-15deg)}40%{filter:invert();transform:scale(1.3)rotate(10deg)}60%{filter:brightness(5)contrast(2);transform:scale(.5)}80%{filter:saturate(2);transform:scale(1.2)}}@keyframes flagGlitch{0%{clip-path:inset(0);filter:hue-rotate()brightness();transform:scale(1)translate(0)}20%{clip-path:inset(20% -6px 80% 0);filter:hue-rotate(90deg)brightness(2);transform:scale(1.1)translate(-5px)}40%{clip-path:inset(50% 0 30%);transform:scale(.9)translate(5px)}60%{clip-path:inset(10% 0 70%);filter:hue-rotate(180deg);transform:scale(1.2)translate(-2px)}80%{clip-path:inset(80% -6px 10% 0);transform:scale(1.1)translate(2px)}to{clip-path:inset(0);filter:hue-rotate()brightness();transform:scale(1)translate(0)}}.lang-code-glitch{animation:.5s steps(2,end) codeGlitch}@keyframes codeGlitch{0%{opacity:1;transform:translate(0)}10%{opacity:0}20%{opacity:1;color:#ff2e88;transform:translate(-3px)}30%{opacity:0}40%{opacity:1;color:#22e0ff;transform:translate(3px)}50%{opacity:0}60%{opacity:1;transform:translate(-2px)}70%{opacity:0}80%{opacity:1;color:#ffd84d;transform:translate(2px)}to{opacity:1;transform:translate(0)}}.glass-card{background:var(--card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;transition:all .3s}.glass-card:hover{background:var(--card-hover);border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 8px 32px #b847f51a}.gradient-text{background:linear-gradient(90deg, var(--purple), var(--blue), var(--cyan));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientMove}.gradient-text-pink{background:linear-gradient(90deg, var(--pink), var(--purple), var(--blue));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.neon-purple{box-shadow:0 0 10px var(--purple), 0 0 20px var(--purple), 0 0 40px #b847f54d}.neon-cyan{box-shadow:0 0 10px var(--cyan), 0 0 20px var(--cyan), 0 0 40px #00d4ff4d}.skill-bar-bg{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.skill-bar-fill{border-radius:999px;width:0%;height:100%;transition:width 1.8s cubic-bezier(.4,0,.2,1)}.rank-badge{letter-spacing:1px;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.rank-badge.elite{color:#00fff2;background:#0000001a;border:1px solid #ffe600}.rank-badge.pro{color:var(--cyan);background:#00d4ff1a;border:1px solid #fff}.rank-badge.radiant{color:var(--black);background:#ffffff1a;border:1px solid #ffe241}.rank-badge.top{color:red;background:#000;border:1px solid red}.rank-badge.fcfifa{color:#fff;background:#0000009a;border:1px solid #00ff62}.section{padding:6rem 2rem;position:relative}.section-title{text-align:center;letter-spacing:-.5px;margin-bottom:3rem;font-size:4.3rem;font-weight:900}.btn-primary{letter-spacing:1.5px;text-transform:uppercase;color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:10px;align-items:center;gap:.5rem;padding:.72rem 2rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 #b847f500}#tar01 .btn-primary{border-color:red}#tar01 .btn-primary:after{background:#ff3d3d}.btn-primary:before{content:"";opacity:1;background:#3a3a3a15;transition:opacity .3s;position:absolute;inset:0}.btn-primary:after{content:"";background:var(--purple);opacity:0;z-index:1;width:100%;height:100%;transition:left .4s cubic-bezier(.86,0,.07,1),opacity .2s,transform .2s;position:absolute;top:0;left:-110%;transform:skew(-20deg)}.btn-primary:hover{color:#fff;border-color:#09f;transform:translateY(-2px)}.btn-primary:hover:after{opacity:.5;left:110%;transform:skew(20deg)scaleY(1.3)}.btn-outline{letter-spacing:1.5px;text-transform:uppercase;color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.5rem;padding:.72rem 2rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-outline:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff0a 50%,#0000 70%);width:60%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-10deg)}.btn-outline:hover{color:#ffffffbf;border-color:#fff3;transform:translateY(-2px)}.btn-outline:hover:after{left:160%}html::-webkit-scrollbar{display:none;width:0!important;height:0!important}body::-webkit-scrollbar{display:none;width:0!important;height:0!important}html,body{scrollbar-width:none;-ms-overflow-style:none}::selection{color:#fff;background:#b847f54d}@media (width<=768px){.navbar{flex-wrap:wrap;gap:.5rem;padding:1rem}.nav-links{flex-wrap:wrap;order:3;justify-content:center;gap:.1rem;width:100%}.nav-links a{padding:.3rem .6rem;font-size:.8rem}.section-title{font-size:1.8rem}}@keyframes brain-pulse{0%{filter:drop-shadow(0 0 #ef444400);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #fff);transform:scale(1.1)}to{filter:drop-shadow(0 0 #ef444400);transform:scale(1)}}.radiant-pulse{animation:2s ease-in-out infinite brain-pulse;display:inline-block}@keyframes sonic-wave{0%{opacity:.8;filter:brightness();transform:scaleX(1)scaleY(1)}25%{opacity:1;filter:brightness(1.5)drop-shadow(0 0 5px #ef4444);transform:scaleX(1.2)scaleY(.9)}50%{opacity:.6;filter:brightness(1.2);transform:scaleX(.9)scaleY(1.1)}75%{opacity:1;filter:brightness(1.5)drop-shadow(0 0 8px #fff);transform:scaleX(1.1)scaleY(.95)}to{opacity:.8;filter:brightness();transform:scaleX(1)scaleY(1)}}.radiant-voice{transform-origin:50%;animation:1.5s ease-in-out infinite sonic-wave;display:inline-block}@keyframes bolt-strike{0%,to{filter:brightness()drop-shadow(0 0 #fff);opacity:1;transform:scale(1)}10%{filter:brightness(2)drop-shadow(0 0 12px #ef4444);opacity:.8;transform:scale(1.3)translate(1px,-1px)}15%{filter:brightness(1.5)drop-shadow(0 0 5px #fff);opacity:1;transform:scale(.9)translate(-1px,1px)}20%{filter:brightness(3)drop-shadow(0 0 15px #ef4444);transform:scale(1.4)}25%{filter:brightness();transform:scale(1)}}.radiant-bolt{animation:2s step-end infinite bolt-strike;display:inline-block}@keyframes live2d-sway{0%,to{filter:drop-shadow(0 0 2px #ffa600);transform:rotate(-3deg)translateY(0)}50%{filter:drop-shadow(0 0 10px red);transform:rotate(3deg)translateY(-2px)}}@keyframes mask-blink{0%,45%,55%,to{opacity:1}50%{opacity:.7}}.radiant-live2d{transform-origin:bottom;animation:4s ease-in-out infinite live2d-sway,5s step-end infinite mask-blink;display:inline-block}.nav-links a.nav-art{background:linear-gradient(90deg,#ff0080,#ff4500,gold,#00e676,#00d4ff,#b847f5,#ff0080) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border:1px solid #0000;border-radius:999px;padding:.35rem .85rem;font-family:Silkscreen;transition:all .5s;animation:4s linear infinite artRainbow;position:relative}.nav-links a.nav-art:hover{background-size:100%,300%;-webkit-background-clip:text,border-box;border:1px solid #ffffff90;border-radius:999px;transition:all .5s;animation:4s linear infinite artRainbow;transform:translateY(-1px)}.nav-links a.nav-art.active{background-size:100%,300%;-webkit-background-clip:text,border-box;border-color:#fff;transition:all .5s;animation:4s linear infinite artRainbow}@keyframes artRainbow{0%{background-position:0 0,0 0}to{background-position:300% 0,300% 0}}.hobby-gallery-btn{border:1px solid var(--border,#ffffff14);width:fit-content;color:var(--text-dim,#fff9);cursor:pointer;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1rem;padding:.45rem .85rem;font-family:Fira Code,monospace;font-size:.75rem;font-weight:600;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.hobby-gallery-btn:before{content:"";pointer-events:none;width:100%;height:100%;transition:left .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-100%}.hobby-gallery-btn:hover:before{left:100%}.hobby-gallery-btn:hover{color:#fff;background:#00d5ff00;border-color:#fff;transform:translateY(-2px);box-shadow:0 0 15px #fcfcfc26}.hobby-gallery-btn .btn-left{align-items:center;gap:.6rem;display:flex}.aperture-svg{color:#fff;flex-shrink:0;width:18px;height:18px;transition:transform .5s cubic-bezier(.16,1,.3,1)}.hobby-gallery-btn:hover .aperture-svg{transform:rotate(180deg)scale(1.15)}.aperture-svg.scanning-spin{animation:1s linear infinite apertureSpin;color:#fff!important}@keyframes apertureSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hobby-gallery-btn .btn-count{color:#fff;letter-spacing:.5px;border-radius:13px;justify-content:center;align-items:center;padding:.15rem .55rem;font-family:Silkscreen,monospace;font-size:.62rem;font-weight:500;transition:all .3s;display:inline-flex}.hobby-gallery-btn:hover .btn-count{background:0 0}.hobby-gallery-btn .btn-arrow{color:#fff6;font-size:.7rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s}.hobby-gallery-btn:hover .btn-arrow{color:#fff}.hobby-gallery-btn.open{color:#fff;background:#00d5ff00;border-color:#fff}.hobby-gallery-btn.open .btn-arrow{color:#fff;transform:rotate(180deg)}.hobby-gallery-btn.open .btn-count{color:#060610;background:#fff}.hobby-gallery-panel{grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1),margin-top .35s;display:grid}.hobby-gallery-panel.open{grid-template-rows:1fr;margin-top:.8rem}.hobby-gallery-inner{overflow:hidden}.hobby-gallery-scroll{scrollbar-width:thin;scrollbar-color:#fff6 transparent;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.6rem;padding:.6rem .2rem .8rem;display:flex;overflow-x:auto}.hobby-gallery-scroll::-webkit-scrollbar{height:3px}.hobby-gallery-scroll::-webkit-scrollbar-track{background:#ffffff05;border-radius:999px}.hobby-gallery-scroll::-webkit-scrollbar-thumb{background:#fff;border-radius:999px}.hobby-gallery-scroll::-webkit-scrollbar-thumb:hover{background:#fff;box-shadow:0 0 8px #fff}.hobby-thumb{cursor:pointer;scroll-snap-align:start;background:#0c0a1899;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hobby-thumb.landscape{width:200px;height:130px}.hobby-thumb.portrait{width:100px;height:130px}.hobby-thumb.square{width:130px;height:130px}.hobby-thumb img{object-fit:cover;filter:grayscale(25%);width:100%;height:100%;transition:transform .4s,filter .4s;display:block}.hobby-thumb:hover{border-color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #0009,0 0 16px #00d4ff4d}.hobby-thumb:hover img{filter:grayscale(0%);transform:scale(1.08)}.hobby-thumb-overlay{opacity:0;z-index:2;background:linear-gradient(#0000 40%,#060610f2 100%);align-items:flex-end;padding:.6rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.hobby-thumb:hover .hobby-thumb-overlay{opacity:1}.hobby-thumb-overlay span{color:#fff;font-family:Fira Code,monospace;font-size:.65rem;font-weight:600}.hobby-thumb-zoom{opacity:0;color:#fff;z-index:3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.hobby-thumb:hover .hobby-thumb-zoom{opacity:1}.hobby-lightbox{z-index:9999;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(24px);background:#050508f5;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.hobby-lightbox.open{opacity:1;pointer-events:all}.hobby-lb-wrap{flex-direction:column;align-items:center;gap:1rem;max-width:92vw;max-height:92vh;display:flex;position:relative}.hobby-lb-img{object-fit:contain;border-radius:14px;max-width:90vw;max-height:78vh;transition:opacity .2s}.hobby-lb-img.fade{opacity:0}.hobby-lb-topbar{justify-content:space-between;align-items:center;display:flex;position:absolute;top:-3rem;left:0;right:0}.hobby-lb-title{color:var(--text);font-size:.85rem;font-weight:700}.hobby-lb-counter{color:var(--text-dim);font-size:.75rem}.hobby-lb-close{background:var(--card);border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.hobby-lb-close:hover{border-color:var(--pink);color:var(--pink)}.hobby-lb-arrow{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;z-index:2;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hobby-lb-arrow:hover{border-color:var(--border-glow);background:#b847f51f}.hobby-lb-arrow.prev{left:-3.2rem}.hobby-lb-arrow.next{right:-3.2rem}.hobby-lb-dots{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:80vw;display:flex}.hobby-lb-dot{cursor:pointer;background:#ffffff26;border-radius:50%;width:6px;height:6px;transition:all .25s}.hobby-lb-dot.active{background:#fff;transform:scale(1.4)}.hobby-lb-caption{text-align:center}.hobby-lb-caption-title{margin-bottom:.2rem;font-size:.9rem;font-weight:700}.hobby-lb-caption-sub{color:var(--text-dim);font-size:.72rem}.phil-progress-track{background:#94a3b81a;width:100%;height:2px}.phil-progress-fill{background:linear-gradient(90deg,#94a3b8,#64748b);border-radius:999px;width:0%;height:100%;transition:width .1s linear}.phil-quotes-wrap{min-height:130px;padding:1.2rem 1.4rem .8rem;display:grid;position:relative}.phil-quote{opacity:0;pointer-events:none;grid-area:1/1;padding:0;transition:all .45s cubic-bezier(.4,0,.2,1);position:relative;inset:auto;transform:translate(20px)}.phil-quote.active{opacity:1;pointer-events:all;position:relative;transform:translate(0)}.phil-quote.exit{opacity:0;transform:translate(-20px)}.phil-quote-text{color:var(--text-dim);z-index:1;margin-bottom:.8rem;padding-left:.4rem;font-size:.82rem;font-style:italic;line-height:1.8;position:relative}.phil-quote-author{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;display:flex}.phil-dot{background:#94a3b8;border-radius:50%;flex-shrink:0;width:5px;height:5px}.phil-controls{border-top:1px solid #94a3b814;justify-content:space-between;align-items:center;padding:.6rem 1rem .8rem;display:flex}.phil-arrow{color:#94a3b8;cursor:pointer;background:#94a3b80f;border:1px solid #94a3b826;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;line-height:1;transition:all .2s;display:flex}.phil-arrow:hover{color:var(--text);background:#94a3b81f;border-color:#94a3b859}.phil-dots{align-items:center;gap:.35rem;display:flex}.phil-dot-btn{cursor:pointer;background:#94a3b833;border:none;border-radius:50%;width:5px;height:5px;padding:0;transition:all .25s}.phil-dot-btn.active{background:#94a3b8;border-radius:999px;width:16px;box-shadow:0 0 6px #94a3b866}.hobby-icon-wrap{transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.hobby-icon-wrap:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%);width:40%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-60%;transform:skew(-15deg)}.hobby-card:hover .hobby-icon-wrap{transform:scale(1.12)rotate(-3deg)}.hobby-icon-wrap.icon-blue{box-shadow:0 0 0 1px #4f8ef733,0 4px 16px #4f8ef726,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-blue{box-shadow:0 0 0 1px #4f8ef766,0 6px 24px #4f8ef759,0 0 40px #4f8ef726,inset 0 1px #ffffff14}.hobby-icon-wrap.icon-purple{box-shadow:0 0 0 1px #b847f533,0 4px 16px #b847f526,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-purple{box-shadow:0 0 0 1px #b847f580,0 6px 24px #b847f559,0 0 40px #b847f526,inset 0 1px #ffffff14}.hobby-icon-wrap.icon-cyan{box-shadow:0 0 0 1px #00d4ff33,0 4px 16px #00d4ff26,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-cyan{box-shadow:0 0 0 1px #00d4ff80,0 6px 24px #00d4ff59,0 0 40px #00d4ff26,inset 0 1px #ffffff14}.hobby-icon-wrap.icon-green{box-shadow:0 0 0 1px #22c55e33,0 4px 16px #22c55e26,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-green{box-shadow:0 0 0 1px #22c55e80,0 6px 24px #22c55e59,0 0 40px #22c55e26,inset 0 1px #ffffff14}.hobby-icon-wrap.icon-orange{box-shadow:0 0 0 1px #fb923c33,0 4px 16px #fb923c26,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-orange{box-shadow:0 0 0 1px #fb923c80,0 6px 24px #fb923c59,0 0 40px #fb923c26,inset 0 1px #ffffff14}.hobby-icon-wrap.icon-red{box-shadow:0 0 0 1px #ef444433,0 4px 16px #ef444426,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-red{box-shadow:0 0 0 1px #ef444480,0 6px 24px #ef444459,0 0 40px #ef444426,inset 0 1px #ffffff14}.hobby-icon-wrap.icon-gold{box-shadow:0 0 0 1px #fbbf2433,0 4px 16px #fbbf2426,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-gold{box-shadow:0 0 0 1px #fbbf2480,0 6px 24px #fbbf2459,0 0 40px #fbbf2426,inset 0 1px #ffffff14}.hobby-icon-wrap.icon-pink{box-shadow:0 0 0 1px #f547a833,0 4px 16px #f547a826,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-pink{box-shadow:0 0 0 1px #f547a880,0 6px 24px #f547a859,0 0 40px #f547a826,inset 0 1px #ffffff14}.hobby-icon-wrap.icon-slate{box-shadow:0 0 0 1px #94a3b833,0 4px 16px #94a3b81f,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-slate{box-shadow:0 0 0 1px #94a3b866,0 6px 24px #94a3b840,0 0 30px #94a3b81a,inset 0 1px #ffffff14}.hobby-icon-wrap.icon-live2d{box-shadow:0 0 0 1px #fd87004d,0 4px 16px #b847f526,inset 0 1px #ffffff0f}.hobby-card:hover .hobby-icon-wrap.icon-live2d{box-shadow:0 0 0 1px #fd870099,0 6px 24px #fd87004d,0 0 40px #b847f526,inset 0 1px #ffffff14}@keyframes iconPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.hobby-icon-wrap img,.hobby-icon-wrap span{z-index:3;position:relative}[data-aos=futuristic-focus]{opacity:0;filter:blur(20px)brightness(2);transition-property:transform,opacity,filter;transform:scale(1.1)}[data-aos=futuristic-focus].aos-animate{opacity:1;filter:blur()brightness();transform:scale(1)}.tar-voice-live-dot{background:#dc2626;border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink;display:inline-block;box-shadow:0 0 8px #dc2626}.tar-visualizer-wrap{background:#dc262608;border:1px solid #dc262633;border-radius:20px;width:100%;height:200px;margin-bottom:1.5rem;position:relative;overflow:hidden}.tar-visualizer-canvas{width:100%;height:100%;display:block}.tar-vis-overlay{pointer-events:none;background:linear-gradient(90deg,#05050899 0%,#0000 15% 85%,#05050899 100%),linear-gradient(#05050866 0%,#0000 40% 60%,#05050880 100%);position:absolute;inset:0}.tar-vis-avatar{z-index:3;width:90px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tar-vis-avatar-ring{background:#ff2929;border-radius:50%;transition:filter .3s;position:absolute;inset:-3px}.tar-vis-avatar-ring.active{filter:drop-shadow(0 0 12px #dc2626);animation:.8s linear infinite ringRotate}.tar-vis-avatar-inner{background:var(--dark);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:3px;overflow:hidden}.tar-vis-avatar-inner img{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:filter .3s}.tar-vis-avatar.playing .tar-vis-avatar-inner img{filter:brightness(1.1)saturate(1.2)}.tar-now-playing{letter-spacing:2px;color:#dc262680;white-space:nowrap;z-index:3;align-items:center;gap:.4rem;font-size:.65rem;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.tar-np-icon{animation:1.5s infinite blink}.tar-np-text{color:#fff;font-weight:700;transition:color .3s}.tar-voice-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;margin-bottom:1.2rem;display:grid}.tar-voice-btn{cursor:pointer;color:var(--text);background:#dc26260a;border:1px solid #dc262633;border-radius:14px;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem .5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.tar-voice-btn:hover{background:#dc26261a;border-color:#dc262680;transform:translateY(-3px);box-shadow:0 8px 24px #dc262626}.tar-voice-btn.playing{background:#dc262626;border-color:#dc2626;box-shadow:0 0 20px #dc26264d,inset 0 0 20px #dc26260d}.tar-vbtn-icon{font-size:1.4rem;display:block}.tar-vbtn-label{letter-spacing:1px;color:#fff;font-family:Kanit,sans-serif;font-size:.85rem;font-weight:400}.tar-vbtn-bar{background:linear-gradient(90deg,#dc2626,#f44);border-radius:999px;width:0%;height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0;box-shadow:0 0 6px #dc2626}.tar-voice-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.tar-ctrl-btn{color:#dc262699;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #dc26264d;border-radius:999px;padding:.5rem 1.4rem;font-size:.72rem;font-weight:700;transition:all .3s}.tar-ctrl-btn:not(:disabled):hover{color:#f44;background:#dc26261a;border-color:#dc2626}.tar-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.tar-volume-wrap{align-items:center;gap:.6rem;display:flex}.tar-volume-slider{appearance:none;cursor:pointer;background:#dc262633;border-radius:999px;outline:none;width:100px;height:4px}.tar-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#dc2626;border-radius:50%;width:14px;height:14px;transition:transform .2s;box-shadow:0 0 8px #dc262699}.tar-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.hist-section{color:#fff;background:#060610;padding:clamp(5rem,12vh,8rem) 1rem;font-family:Silkscreen,monospace;position:relative;overflow:hidden}.hist-stars{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hist-stars-a:before{content:"";background:0 0;width:1px;height:1px;animation:4s ease-in-out infinite alternate histStarsA;position:absolute;box-shadow:55px 60px #fff,130px 40px #fff9,240px 120px #fff,360px 75px #ffffff80,460px 180px #fff,570px 30px #ffffffb3,680px 140px #fff,790px 80px #fff6,900px 55px #fff,980px 190px #fff9,1100px 25px #fff,1230px 110px #ffffff80,1360px 160px #fff,1480px 50px #ffffffb3,1580px 130px #fff,90px 300px #fff6,200px 370px #fff,320px 440px #fff9,450px 280px #fff,590px 410px #ffffff80,710px 340px #fff,830px 490px #fff6,940px 260px #fff,1060px 420px #ffffffb3,1180px 310px #fff,1310px 470px #ffffff80,1440px 380px #fff}.hist-stars-b:before{content:"";background:0 0;width:1.5px;height:1.5px;animation:3s ease-in-out 1.3s infinite alternate histStarsB;position:absolute;box-shadow:110px 50px #fff,270px 110px #fffc,420px 175px #fff,600px 55px #ffffffb3,750px 140px #fff,910px 70px #ffffffe6,1120px 155px #fff,1320px 90px #fffc,1520px 125px #fff,160px 395px #ffffffb3,360px 460px #fff,540px 375px #fffc,720px 435px #fff,900px 365px #fff9,1080px 455px #fff}.hist-stars-c:before{content:"";background:0 0;width:2px;height:2px;animation:5s ease-in-out .7s infinite alternate histStarsC;position:absolute;box-shadow:190px 90px #fff,470px 25px #fff,750px 195px #fff,1020px 45px #fff,1290px 170px #fff,1560px 80px #fff,330px 340px #fff,650px 490px #fff,970px 305px #fff}@keyframes histStarsA{0%{opacity:.25}to{opacity:.85}}@keyframes histStarsB{0%{opacity:.45}to{opacity:1}}@keyframes histStarsC{0%{opacity:.3;filter:blur(.5px)drop-shadow(0 0 2px #ffffff4d)}to{opacity:1;filter:blur()drop-shadow(0 0 5px #ffffffe6)}}.hist-moon{z-index:1;pointer-events:none;width:90px;height:90px;animation:9s ease-in-out infinite alternate histMoonDrift;position:absolute;top:8%;right:8%}.hist-moon img{object-fit:contain;filter:brightness(1.05)contrast(.92);width:100%;height:100%;image-rendering:pixelated}@keyframes histMoonDrift{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-10px)rotate(1deg)}}.hist-wrap{position:relative}.hist-ship{z-index:5;pointer-events:none;will-change:transform;transition:transform .9s cubic-bezier(.3,.6,.3,1);position:absolute;top:0;left:0;transform:translate(-460px,180px)}.hist-ship img{width:42px;image-rendering:pixelated;filter:drop-shadow(0 0 10px #2243ff80)drop-shadow(0 4px 6px #0009);animation:3s ease-in-out infinite histShipBob;display:block}@keyframes histShipBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hist-ship:after{content:"";pointer-events:none;background:linear-gradient(270deg,#22e0ffcc,#0000);border-radius:99px;width:22px;height:3px;animation:.3s steps(2,end) infinite trailFlicker,3s ease-in-out infinite histTrailBob;position:absolute;top:50%;right:100%;transform:translateY(-50%)}@keyframes histTrailBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shipIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes trailFlicker{0%,to{opacity:1;width:20px}50%{opacity:.4;width:14px}}.stream-cursor{color:red;text-shadow:0 0 10px #f00c;margin-left:3px;font-size:1em;font-weight:700;line-height:1;animation:.4s step-end infinite blockBlink;display:inline-block}.stream-cursor.done{animation:.5s forwards cursorFade}@keyframes blockBlink{0%,49%{opacity:1;transform:scale(1)}50%,to{opacity:0;transform:scale(.9)}}@keyframes cursorFade{to{opacity:0;transform:translateY(-4px)scale(.5)}}@media (width<=768px){.hist-ship img{width:28px}.hist-ship:after{width:14px}}.hist-wrap{z-index:2;max-width:760px;margin:0 auto;position:relative}.hist-head{text-align:center;margin-bottom:3rem}.hist-kicker{letter-spacing:.4em;color:#ffd84d;text-shadow:0 0 10px #ffd84d80;margin-bottom:.8rem;font-size:.55rem;display:block}.hist-title{letter-spacing:.05em;text-shadow:0 0 20px #fdfdfd80,4px 4px #ff9d2e,-4px -4px #f22;margin:0 0 .8rem;font-family:Silkscreen,monospace;font-size:clamp(2.5rem,8vw,4rem)}.hist-sub{color:#ffffff80;letter-spacing:.1em;margin:0;font-family:Fira Code,monospace;font-size:.75rem;font-style:italic;line-height:1.6}.hist-label{text-align:center;letter-spacing:.3em;color:#fff6;margin-bottom:1rem;font-size:.55rem}.hist-slots{grid-template-columns:repeat(6,1fr);gap:.4rem;margin-bottom:2rem;display:grid}.hist-slot{cursor:pointer;background-color:#090918;border:2px solid #fff0;outline:1px solid #000;flex-direction:column;align-items:center;gap:.25rem;padding:.8rem .3rem;font-family:Silkscreen,monospace;transition:all .15s steps(2,end);display:flex;box-shadow:3px 3px #000}.hist-slot:hover{border-color:#ff7322;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.hist-slot.active{background:#0000001a;border-color:#ff7322;font-family:Silkscreen,monospace;box-shadow:3px 3px #000,0 0 20px #ff98224d}.slot-num{color:#fff6;letter-spacing:.1em;font-family:Silkscreen,monospace;font-size:.6rem}.hist-slot.active .slot-num{color:#ffd84d;text-shadow:0 0 8px #ffd84d80}.slot-year{color:#fff;letter-spacing:.02em;font-size:.85rem;font-family:Silkscreen,monospace!important}.slot-bar{background:#ffffff14;width:100%;height:4px;margin-top:.3rem;overflow:hidden}.slot-bar i{background:linear-gradient(90deg,#fffffe);width:0;height:100%;transition:width .4s steps(4,end);display:block}.hist-slot.active .slot-bar i{width:100%}.hist-term{background:#0006;min-height:200px;margin-bottom:3rem;padding:1.5rem;position:relative;box-shadow:6px 6px #00000080,inset 0 0 20px #22e0ff0a}.term-head{flex-wrap:wrap;align-items:baseline;gap:.3rem;margin-bottom:1rem;font-family:Fira Code,monospace;font-size:clamp(.8rem,2vw,1rem);display:flex}.term-head>span:first-child{color:#feffff;letter-spacing:.1em}.term-num{color:#ffc400;font-weight:700}.term-dash{color:#fff3}.term-title{color:#fff;letter-spacing:.02em;font-family:Kanit,Noto Sans Thai,sans-serif;font-size:clamp(.95rem,2.2vw,1.2rem);font-weight:700}@keyframes histDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}.term-line{background:repeating-linear-gradient(90deg,#fafafa 0 4px,#0000 4px 8px);height:2px;margin-bottom:1.2rem}.hist-loader{color:#ffffff80;letter-spacing:.2em;align-items:center;gap:.6rem;padding:2rem 0;font-family:Fira Code,monospace;font-size:.75rem;display:none}.hist-loader.active{display:flex}.hist-loader>span{color:#22e0ff;animation:1s steps(8,end) infinite histSpin;display:inline-block}@keyframes histSpin{to{transform:rotate(360deg)}}.hist-body{opacity:0;transition:opacity .3s}.hist-body.visible{opacity:1}.term-desc{color:#ffffffbf;white-space:pre-wrap;margin:0;font-family:Kanit,Noto Sans Thai,sans-serif;font-size:clamp(.85rem,1.6vw,.95rem);font-weight:300;line-height:1.9}.hist-foot{text-align:center;border-top:2px dashed #ffffff1a;padding-top:2rem}.foot-tag{letter-spacing:.4em;color:#ff2e88;text-shadow:0 0 10px #ff2e8880;margin:0 0 1.5rem;font-size:.5rem}.foot-quote{color:#ffffffd9;max-width:520px;margin:0 auto .8rem;font-family:Fira Code,Noto Sans Thai,monospace;font-size:.8rem;font-style:italic;line-height:1.8}.foot-sig{letter-spacing:.3em;color:#fff6;margin:0;font-family:Fira Code,monospace;font-size:.6rem}@media (width<=768px){.hist-slots{grid-template-columns:repeat(3,1fr)}.hist-term{padding:1.2rem 1rem}.hist-moon{width:70px;height:70px;right:5%}}@media (width<=480px){.hist-slots{grid-template-columns:repeat(2,1fr)}.hist-section{padding:4rem 1rem}}@media (prefers-reduced-motion:reduce){.hist-moon,.hist-ship,.term-dot,.hist-loader>span{animation:none!important}.hist-slot{transition:none}}.site-footer{background:#04040e;padding:0;box-shadow:100px 100px 8px #fff}.sf-inner{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}.sf-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:3rem;padding:clamp(3rem,6vw,5rem) 0 3rem;display:flex}.sf-logo{letter-spacing:-.05em;color:#fff;margin-bottom:.8rem;font-family:Silkscreen,monospace;font-size:clamp(3rem,8vw,6rem);font-weight:600;line-height:1}.sf-tagline{letter-spacing:2px;color:#43435b;text-transform:uppercase;margin:0;font-family:Silkscreen,monospace;font-size:.6rem}.sf-cols{flex-wrap:wrap;gap:clamp(2rem,5vw,5rem);display:flex}.sf-col{flex-direction:column;gap:.6rem;display:flex}.sf-col-head{letter-spacing:3px;color:#43435b;text-transform:uppercase;margin:0 0 .4rem;font-family:Fira Code,monospace;font-size:.6rem}.sf-link{color:#43435b;font-family:Silkscreen,monospace;font-size:.82rem;line-height:1.2;text-decoration:none;transition:color .2s}.sf-link:hover{color:#fff}.sf-ext{font-family:Silkscreen,monospace;font-size:.7rem}.sf-rule{background:#ffffff0d;height:1px}.sf-bottom{flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.4rem 0;display:flex}.sf-copy{letter-spacing:2px;color:#37374e;font-family:Silkscreen,monospace;font-size:.73rem;font-weight:500}.sf-built{letter-spacing:1px;color:#37374e;flex:1;font-family:Fira Code,monospace;font-size:.73rem;font-weight:600}.sf-totop{letter-spacing:2px;color:#3e3e58;margin-left:auto;font-family:Fira Code,monospace;font-size:.73rem;text-decoration:none;transition:color .2s}.sf-totop:hover{color:#fff}@media (width<=580px){.sf-top{flex-direction:column}.sf-totop{margin-left:0}}.flag-glitching{animation:.25s steps(2,end) infinite flagGlitch;box-shadow:0 0 15px #00d4ffcc}.nav-hamburger{cursor:pointer;z-index:1001;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;transition:background .2s,border-color .2s;display:none}.nav-hamburger span{transform-origin:50%;background:#ffffffb3;border-radius:2px;width:100%;height:1.5px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s,width .3s;display:block}.nav-hamburger:hover{background:#00d4ff0f;border-color:#29a6ff}.nav-hamburger:hover span{background:#f5f5f5}.nav-hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;width:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav-drawer{-webkit-backdrop-filter:blur(24px);z-index:1200;background:#040812f7;border-right:1px solid #00d4ff14;flex-direction:column;width:min(300px,80vw);height:100dvh;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.nav-drawer.open{transform:translate(0)}.nav-drawer-inner{flex-direction:column;height:100%;padding:1.4rem 1.4rem 2rem;display:flex;overflow-y:auto}.nav-drawer-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.nav-drawer-prompt{letter-spacing:.5px}.nav-drawer-sep{color:#f5f5f5;margin:0 .2rem;font-size:.7rem}.nav-drawer-close{cursor:pointer;border:2px solid #ffffff1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:all .2s;display:flex}.nav-drawer-close:hover{color:red;border-color:#f5f5f5}.nav-drawer-divider{background:linear-gradient(90deg,#00d4ff1f,#b847f514,#0000);height:1px;margin-bottom:.8rem}.nav-drawer-links{flex-direction:column;flex:1;gap:.3rem;list-style:none;display:flex}.nav-icon{flex-shrink:0;width:18px;height:18px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-drawer-links li{align-items:center;gap:.5rem;display:flex}.nav-drawer-links a{color:#ffffffc2;letter-spacing:1px;text-transform:uppercase;border:1px solid #0000;border-radius:999px;flex:1;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s,background .3s,border-color .3s,box-shadow .3s,transform .2s;display:flex;position:relative}.nav-drawer-links a:hover{color:#ffffffd9;background:#4d47f514;border-color:#b847f526;transform:translate(3px);box-shadow:0 0 12px #b847f51f,inset 0 0 12px #b847f50a}.nav-drawer-links a.active{color:#fff;text-shadow:0 0 10px #474df599,0 0 22px #00d4ff33;background:linear-gradient(135deg,#b847f52e,#0048ff1a);border-color:#57caff;box-shadow:0 0 18px #b847f533,0 0 35px #b847f514,inset 0 0 16px #b847f50f}.nav-drawer-special{position:relative}.nav-drawer-tag{letter-spacing:1.5px;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:.15rem .45rem;font-family:JetBrains Mono,monospace;font-size:.52rem;font-weight:700}.nav-drawer-tag.restricted{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.nav-drawer-tag.new{color:#b847f5;background:#b847f514;border:1px solid #b847f533}.nav-drawer-lang{display:none}.nav-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.nav-overlay.open{opacity:1;pointer-events:all}@media (width<=768px),(width<=1024px),(width<=1280px){.navbar{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.6rem;padding:.85rem 1rem}.nav-hamburger{display:flex}.nav-links{display:none!important}.nav-logo{flex:1}.lang-btn:not(.lang-btn-drawer){padding:.3rem .7rem .3rem .6rem;font-size:.72rem;display:inline-flex!important}.section-title{font-size:1.8rem}}.nav-drawer-links a:after{content:"";opacity:0;pointer-events:none;mix-blend-mode:overlay;background:#00d4ffcc;position:absolute;inset:-2px}.nav-drawer-links a.nav-pill-flash:after{animation:.3s step-end forwards glitchFlash}.nav-drawer-links a.nav-pill-flash{animation:.3s step-end forwards borderShake;border-style:double!important}@keyframes glitchFlash{0%{opacity:1;clip-path:inset(40% 0 61%);transform:skew(10deg)}20%{opacity:.8;clip-path:inset(92% 0 1%);transform:skew(-15deg)}40%{opacity:1;clip-path:inset(10% 0 80%);transform:skew(25deg)}60%{opacity:.6;clip-path:inset(50% 0 20%);transform:skew(-20deg)}80%{opacity:1;clip-path:inset(0% 0 95%);transform:skew(5deg)}to{opacity:0;clip-path:inset(0);transform:skew(0deg)}}@keyframes borderShake{0%,to{border-color:#00d4ff;transform:translate(0)}25%{border-color:#b847f5;transform:translate(2px,-1px)}50%{border-color:#00d4ffcc;transform:translate(-2px,1px)}75%{border-color:#fff;transform:translate(1px,2px)}}.nav-drawer-links a[href=\#tar01]{color:#ef4444;letter-spacing:1px;text-shadow:0 0 8px #dc262699,0 0 20px #dc262633;font-weight:700;transition:all .3s;animation:3s linear infinite redFlicker;position:relative}.nav-drawer-links a[href=\#tar01]:after{background:#ff0000e6!important}@keyframes redFlicker{0%,18%,22%,25%,53%,57%,to{color:#f22;text-shadow:0 0 4px #7f1d1d,0 0 10px #7f1d1d}20%,55%{color:#f87171;text-shadow:0 0 10px #ef4444,0 0 20px #ef4444,0 0 40px red}21%,56%{color:#fff;text-shadow:none}}.nav-drawer-links a[href=\#art]{background:linear-gradient(90deg,#ff0080,#ff4500,gold,#00e676,#00d4ff,#b847f5,#ff0080) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border:1px solid #0000;border-radius:999px;transition:all .5s;animation:4s linear infinite artRainbow;position:relative}.nav-drawer-links a[href=\#art]:after{background:linear-gradient(90deg,#ff69b4,#00d4ff,#32cd32)!important}#hobby .section-title,#art .section-title{letter-spacing:.04em;font-family:Silkscreen,monospace;font-weight:400}.sf-top{position:relative}.sf-sky-inject{z-index:0;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;bottom:0;left:0;overflow:hidden}.sf-brand{z-index:2;position:relative}.dense-stars{background:0 0;width:2px;height:2px;animation:30s linear infinite orbit-cosmo-left;position:absolute;bottom:100px;box-shadow:50px 20px #fff,120px 45px #fff,250px 15px #fff,380px 85px #fff,450px 30px #fff,520px 70px #fff,670px 10px #fff,790px 60px #fff,850px 25px #fff,930px 80px #fff,1050px 40px #fff,1180px 15px #fff,1250px 75px #fff,1320px 35px #fff,1450px 90px #fff,1580px 50px #fff,1650px 20px #fff,1780px 70px #fff,1850px 45px #fff,1920px 85px #fff,1900px 10px #fff,2050px 60px #fff,2120px 30px #fff,2250px 80px #fff}.cosmo-character-line{width:36px;height:36px;image-rendering:pixelated;image-rendering:crisp-edges;z-index:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAogAAAAkCAYAAAAKCMsGAAAAAXNSR0IArs4c6QAACLNJREFUeJztnV3O2zgMRZPBrKP7mhV2X92I52HGgMryX7RE2/cCBfJZFnlE0TKtpMn3A71Kx3Ec9Nj3+/3uofmPZ6d/TWesvt/vtzMnBEEQBFULN7yL1akgk4qcHcXP6JOL0adB4UoZUCRCEARBb9H0za5TAfRpxtOxIJPis5KJFoeS310FGVe8Sn93UEcmCIIg6MWSdn6k41erE8/p82C0msnyuZrJ429HnKhvzf84l7vEMXTgGkXzHvpd3eIDnnupW3zAcy9Z8UnvOByNdqS68Yws2g7iCqaoj6uZDufu4UqmWb4d4ti68Ha4BiWNbDvfWaDHdsYHPH4hf8Azo1fkz2Hs7ljt1erEE/VxNZN37KtiNNrXfK3OIY7J4tv1VEr90ljt5OoYs4PRZ1NudYoPeHxC/oBnRq/Kn6iBq4PQlcfysyJJRtteni5Mq3hmteMi9/jvsDDTHH/kgjjBsSs+4Jnj8rZfzYH56sljcXnbr+bwxOevGacz7dXqwHMktmilt8XfoN3b/Zw8i0mX+dLybVVeSQyZa6GS6fRP/xf6h8zfro947IoPeHxMyB/wzDC9Mn/GgUUKsqtuVOC5F0/Ezyoe6tPzVLfriZRjqDqvkmFncS3NDZdPqwpozzFPG3iQP5bft85XN55X5k+3gqMbT8b2ioT1FD2reCgTx7e6OKQMWswo20o+6t/b90ou+npn0Sz533XD6BYf8MSYtGOetkqWDvEBT4xJO+Zpq2RZFp9ON6iM/VUFmeZrZbFKi56dPCMHV4xxjKsKMOlvLYZZNq0A9bBFCtMVC1AXpuyCeDVPJDbg2c9D2XbzdIsPeGy7r80fesO0HFx9g+/Ew03IwWglC/faw7PyIpLOiyb2LM+KvrSPFYPZtlU5FvV1BVd2QbyaJ8MEnn08yB/wzPC8Nn+4AHgLjivUiSd6s5y5uUZZojxjLKuYRtuaXWners4lzf/Y9pmMixRnKx8850j9NJbZsWTm6ar5zObMlTyZ9Qc8+3gyPt4UH/DodjM+HhEf2sEykA3WHXkkW57jmQm8kifSVsF2EK3ikGxq81E5P5LvaJsVP23OOc2OJZrzlcouiNK5s+sEF9eZ+IBHP2dWyJ9388zq6fmjOsoeP1/PDvaOPB8ySZU+ozx03F6eal5qz2v/ao6snyxXdPGI5q11XnZBkq4lzY53znctiNoYKq7dSHys2IDHXmszDB/kz6t5uH4Zjqfmj9s4114xiKfxVE3mbp4KJs2O13b1PFr2fvy8nsvK0czi4s17z0LpXUg0Tu+c71oQNR7veKR+52tvfKw5AU/sQRz5Ax7kz1x8Ur+Dyx3zaqbvHXm4QuPXP7q/6vFEeKrj67Xz4+dxaHGpYpDsVdvP8Jyvud/FtOIz2oj+vvXYjy4Smd/otM735phnPHQc1m+gU3vauZJfLkYSy8z4wTPHg/wBzwwP8schq7r98fM46L+MzafyjFwz/e/KI9mJMlUxeNg8PFbfahaNh/bz8ByKvJzea8tj22rjbFj5ZLV5+4x+OZbsfFHb1nng8fFINpA/4PHwSDbenD+qAc8xDiYTmKfyRPw+iUeyI81ZpHCd4ZAustP/qgeMiDw8kQWRW/QyTLMsn6IF0evHM256XjZWVnyy3OCRz0X+gCfDQ9k4zqhdzs8d80eFzBqe6fs0Hm/B+iQejW+06ykKKzk4ptN+5oLKsEUueu/O4QwLx+VlqliEKhZE7+dGo+oQH/DYDMgf8GR5kD+TYNbxVQUQeO7Dw9niEnxlgZi58DWGKjuaIm+9V8RJsxFdBL2xzi7KUb67xgc8vvOQP+DJ8CB/kiCcvGBVN9Qn8Ej9n8zDcUX7VXJQnkw/z7EVTNK52XHRflMLB2GZnXcPy9U7HN3iAx673wf5Ax7kj2o3y/SbAevYVf3Bc28eamf2Qq3g0GxpPq6MTUTWgjWbPxVj8i6qEXtS28on5m7xAY/fntSG/AGPx57U9vT8cX0dxh+dgl+j4TnuFXjuxVNlv4pDsnXGzesjylM1r9zXKIxzXsFPc8iyKZ2fHTM3F9H5kex6v7anW3zA4xfyBzxRHs4e8sdRIFInkQSgUNU3efDci0cqyiindIHOsmhF6kcYc8ViMS4M4/HxQrXsjVwcY6ZYtQpLi0vrXzVfmv+oHa+tbvEBT07IH/B4eDROzX/UjtdWp/j8bZ3gMSaBSrscswLPfXhOFqk4lIoerqDK+NZscWxckagVdxFZMZD4pOKwagGjdi1e2k6PZxZnzX/lE3OEycsX9XvVw86beZA/4JnhQf7wchWIFjB38+Iq4MoiCDz35JEKxlFcUZT1N44jUwBXsmhsoyivFatZhtOnVHBWFqKcrCdmb+yv2FHoEB/w6EL+gGdGyJ8JaTcw6/j59zg48DybZ+zL2fewHIwyHNl2iyXK441/hi3CIdmw5snLk2WieeeNsXT+LFPX+IBHt4H8AQ/yR7aVYUnvIHKSKtgtlS14TF3FQ3fdMrYrYnJeDBKHxHgli2XXutircsWKjcVyldo/MUOthfyBZoT8+V1mgRjdKq28iYHnXjwH8zY2Zbt6/NQX5RpZr2YYWaxzRh5rviJ2szwejup5tD4OwL3tY3FlOSsK6DH/ov7BExfyBzwzQv78qfAO4gjnvfGtKIjA04NHS2wuUelWeWUsuIv8PM5dZFZROSupUJV4tL47dvcoS9Vi2E1XFNAz8wWee6lbfMBzL3WKT2hnYwTTbgbjDYR1WlCAgKcvj8eOtU0vFSGrVe2fjttbZNGY7ooJnZeKHc3K3VMp/zNcs6qITaWeyoP8WaOn8iB/Jh3QQR//y9Of2vD2Bc/9eby82fZKjhW+vD66Pw0fg3azUI1MXRmhvkL+QDN6Wv6oVaU1OKsq1frPvC8PnnvwWJrlrdbJI30WpdqH1N7h6fyOovmEOEIRIX+gGT0xf24/AAiq1ooiTSqOn7CoQBAEQRAEQRAEQRD0MP0LG3R51G181JUAAAAASUVORK5CYII=) -288px 0 no-repeat;animation:.8s steps(8,end) astro-intro,.4s steps(2,end) .8s infinite astro-hover,18s linear infinite walk-across-screen;position:absolute;bottom:10px;left:0}@keyframes astro-intro{0%{background-position-x:0}to{background-position-x:-288px}}@keyframes astro-hover{0%{background-position-x:-288px}to{background-position-x:-360px}}@keyframes walk-across-screen{0%{left:-36px}to{left:100%}}@keyframes orbit-cosmo-left{0%{transform:translate(100vw)}to{transform:translate(-100vw)}}.arcade-section{isolation:isolate;background:#060610;min-height:100vh;padding:clamp(4rem,10vh,8rem) clamp(1rem,4vw,3rem);font-family:Silkscreen,monospace;position:relative;overflow:hidden}.arcade-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.arcade-scanlines{background:repeating-linear-gradient(0deg,#0000 0 2px,#22e0ff05 2px 4px);animation:20s linear infinite scanDrift;position:absolute;inset:0}@keyframes scanDrift{0%{background-position:0 0}to{background-position:0 40px}}.arcade-noise{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;animation:.5s step-end infinite noise;position:absolute;inset:-20px}@keyframes noise{0%,to{background-position:0 0}25%{background-position:-14px 9px}50%{background-position:11px -13px}75%{background-position:-9px -8px}}.arcade-vignette{background:radial-gradient(#0000 40%,#060610cc 100%);position:absolute;inset:0}.arcade-header{z-index:2;text-align:center;margin-bottom:clamp(3rem,8vh,5rem);position:relative}.arcade-subtitle{letter-spacing:.4em;color:var(--hh-cyan,#22e0ff);text-shadow:0 0 10px #22e0ff80;margin-bottom:.8rem;font-family:Fira Code,monospace;font-size:.75rem;display:block}.arcade-title{letter-spacing:.1em;color:#fefefe;text-shadow:0 0 20px #22e0ffcc, 4px 4px 0 var(--hh-pink,#ff2e88), -4px -4px 0 var(--hh-cyan,#22e0ff);margin:0;font-family:Silkscreen,monospace;font-size:clamp(3.5rem,8vw,6rem);font-weight:700;animation:4s ease-in-out infinite titleFlicker}.arcade-tagline{letter-spacing:.3em;color:#fff;margin-top:1rem;font-family:Silkscreen,monospace;font-size:.9rem}.arcade-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;max-width:1300px;margin:0 auto;display:grid;position:relative}.arcade-cab{aspect-ratio:799/560;cursor:pointer;background:0 0;background-image:var(--cab-img);filter:drop-shadow(0 10px 20px #00000080);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;width:100%;max-width:420px;margin:0 auto;padding:0;transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s;position:relative}.cab-screen{background:#000;border-radius:2px;width:34%;height:34%;position:absolute;top:24%;left:32%;overflow:hidden}.cab-screen img{object-fit:cover;filter:brightness(.9)saturate(1.1);width:100%;height:100%;transition:all .5s}.arcade-cab:hover .cab-screen img{filter:brightness(1.1)saturate(1.2);transform:scale(1.05)}.cab-crt{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000026 2px 4px);position:absolute;inset:0}.arcade-cab:hover{animation:.35s steps(2,end) infinite cabJitter}@keyframes cabJitter{0%{transform:translateY(-6px)}25%{transform:translate(-2px,-7px)}50%{transform:translate(2px,-6px)}75%{transform:translate(-1px,-8px)}to{transform:translateY(-6px)}}.arcade-cab:hover .cab-screen img{animation:.9s steps(4,end) infinite screenGlitch}@keyframes screenGlitch{0%,to{filter:brightness(1.1)saturate(1.3)drop-shadow(1px 0 #ff2e2e80)drop-shadow(-1px 0 #227aff80);transform:translate(0)}20%{filter:brightness(1.4)saturate(1.6)hue-rotate(10deg)drop-shadow(3px 0 #ff2e2eb3)drop-shadow(-3px 0 #227affb3);transform:translate(0)skew(0)}40%{filter:brightness(.9)contrast(1.4)}60%{filter:brightness(1.2)drop-shadow(2px 0 #ff2e2e)drop-shadow(-2px 0 #227aff99)}}.cab-screen:after{content:"";opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#0000,#ffffff26 30%,#ffffff59 50%,#ffffff26 70%,#0000);height:35%;position:absolute;top:-40%;left:0;right:0}.arcade-cab:hover .cab-screen:after{animation:1.4s linear infinite scanSweep}@keyframes scanSweep{0%{opacity:1;top:-40%}to{opacity:1;top:110%}}.cab-screen:before{content:"▶ PRESS START";z-index:3;text-shadow:1px 1px 1px #000;letter-spacing:.2em;color:#fff;opacity:0;pointer-events:none;justify-content:center;align-items:flex-end;padding-bottom:6%;font-family:Silkscreen,monospace;font-size:.6rem;display:flex;position:absolute;inset:0}.arcade-cab:hover .cab-screen:before{animation:1s step-end infinite pressStart}@keyframes pressStart{0%,55%{opacity:1}56%,to{opacity:0}}.arcade-footer{z-index:2;text-align:center;margin-top:clamp(3rem,8vh,5rem);position:relative}.insert-coin{letter-spacing:.3em;font-size:1rem;animation:1.5s step-end infinite coinBlink}@keyframes coinBlink{0%,49%{opacity:1}50%,to{opacity:.3}}@media (width<=768px){.arcade-grid{grid-template-columns:1fr}.arcade-title{font-size:2.5rem}}.arcade-modal{z-index:1000;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.arcade-modal.active{animation:.3s modalIn;display:flex}@keyframes modalIn{0%{opacity:0}to{opacity:1}}.modal-backdrop{-webkit-backdrop-filter:blur(12px);background:#060610eb;position:absolute;inset:0}.modal-crt{border:2px solid var(--hh-cyan,#22e0ff);background:#09090cfa;border-radius:8px;width:100%;max-width:700px;font-family:Fira Code,monospace;animation:.5s cubic-bezier(.16,1,.3,1) both crtBoot;position:relative;overflow:hidden}@keyframes crtBoot{0%{opacity:0;filter:brightness(3);transform:scaleY(.01)}40%{opacity:1;filter:brightness(2);transform:scaleY(.01)}to{opacity:1;filter:brightness();transform:scaleY(1)}}.modal-titlebar{background:linear-gradient(#22e0ff26,#22e0ff0d);border-bottom:2px solid #22e0ff4d;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex}.modal-title{color:var(--hh-cyan,#22e0ff);letter-spacing:.1em;font-family:Silkscreen,monospace;font-size:1.1rem}.modal-close{color:var(--hh-pink,#ff2e88);cursor:pointer;background:0 0;border:1px solid #ff2e8866;padding:.3rem .6rem;font-family:Silkscreen,monospace;font-size:.75rem;transition:all .2s}.modal-close:hover{background:var(--hh-pink,#ff2e88);color:var(--hh-void,#060610);box-shadow:0 0 12px var(--hh-pink,#ff2e88)}.modal-body{padding:2rem}.modal-img{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:1.5rem;overflow:hidden}.modal-img img{object-fit:cover;width:100%;height:100%}.modal-desc{color:#ffffffd9;margin-bottom:1.5rem;font-size:.95rem;line-height:1.8}.modal-meta{color:var(--hh-cyan,#22e0ff);gap:1.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.modal-chips{flex-wrap:wrap;gap:.5rem;display:flex}.modal-chips .chip{color:var(--hh-cyan,#22e0ff);background:#22e0ff14;border:1px solid #22e0ff4d;border-radius:3px;padding:.35rem .8rem;font-size:.75rem}.modal-footer{text-align:center;color:#fff6;letter-spacing:.2em;border-top:1px dashed #22e0ff33;padding:1rem 2rem;font-size:.75rem}@media (width<=768px){.arcade-grid{grid-template-columns:1fr}.arcade-title{font-size:2.5rem}.modal-body{padding:1.5rem}}.arcade-grid{perspective:1500px;transform-style:preserve-3d}.walkin-backdrop{z-index:900;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none;background:#06061000;transition:all .6s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.walkin-backdrop.active{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:auto;background:#06061000}.arcade-cab.is-walking{z-index:950;pointer-events:none;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .4s .2s}.walkin-screen{z-index:960;transform-style:preserve-3d;will-change:transform;background:#000;border-radius:10px;flex-direction:column;transition:all .7s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;overflow:hidden;box-shadow:inset 0 0 30px #ffffff80}.walkin-screen:before{content:"";z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000026 2px 4px);position:absolute;inset:0}.walkin-titlebar{color:var(--hh-white,#22e0ff);letter-spacing:.1em;background:linear-gradient(#226cff26,#2243ff0d);justify-content:space-between;align-items:center;padding:.6rem 1rem;font-family:Silkscreen,monospace;font-size:.8rem;display:flex}.walkin-titlebar span{font-family:Silkscreen,monospace!important}.walkin-titlebar-dots{gap:.3rem;display:flex}.walkin-titlebar-dots span{background:var(--hh-cyan,#22e0ff);opacity:.6;border-radius:50%;width:8px;height:8px}.walkin-titlebar-dots span:first-child{background:#ef4444}.walkin-titlebar-dots span:nth-child(2){background:#eab308}.walkin-titlebar-dots span:nth-child(3){background:#22c55e}.walkin-close{color:var(--hh-pink,#ff2e88);cursor:pointer;background:0 0;border:1px solid #ff2e8866;padding:.2rem .5rem;font-family:Silkscreen,monospace;font-size:.7rem;transition:all .2s}.walkin-close:hover{background:var(--hh-pink,#ff2e88);color:var(--hh-void,#060610);box-shadow:0 0 12px var(--hh-pink,#ff2e88)}.walkin-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.walkin-image{z-index:1;position:absolute;inset:0}.walkin-image img{object-fit:cover;filter:brightness()saturate();width:100%;height:100%}.walkin-overlay{z-index:2;background:linear-gradient(#0606104d 0%,#060610b3 50%,#060610f2 100%);position:absolute;inset:0}.walkin-details{z-index:3;opacity:0;margin-top:auto;padding:1.5rem 2rem;font-family:Fira Code,monospace;transition:all .5s .3s;position:relative;transform:translateY(20px)}.walkin-details.visible{opacity:1;transform:translateY(0)}.walkin-details-title{color:#fff;text-shadow:0 0 15px #ffffff80;letter-spacing:.05em;margin:0 0 .8rem;font-family:Silkscreen,monospace;font-size:clamp(1.3rem,2.5vw,1.8rem)}.walkin-details-desc{color:#ffffffd9;max-width:60ch;margin-bottom:1rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.7}.walkin-details-meta{gap:1.5rem;margin-bottom:1rem;font-size:.8rem;display:flex}.walkin-details-meta span{color:#ffffffb3;align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex;font-family:Silkscreen,monospace!important}.walkin-details-meta svg{stroke-width:2.5px;flex-shrink:0;width:16px;height:16px}.walkin-details-chips{flex-wrap:wrap;gap:.5rem;display:flex}.walkin-details-chips .chip{letter-spacing:.05em;border:1px solid #ffffff4d;border-radius:6px;padding:.3rem .7rem;font-family:Fira Code;font-size:.72rem}.walkin-statusbar{color:#ffffff80;letter-spacing:.1em;background:#07153866;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.65rem;display:flex}@keyframes walkinLed{0%,to{opacity:1}50%{opacity:.3}}.walkin-hint{z-index:970;letter-spacing:.2em;color:#ffffff80;opacity:0;pointer-events:none;font-family:Silkscreen,monospace;font-size:.75rem;transition:all .4s .8s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(20px)}.walkin-hint.visible{opacity:1;transform:translate(-50%)translateY(0)}.walkin-hint span{color:var(--hh-yellow,#ffd84d);animation:1.5s step-end infinite hintBlink}@keyframes hintBlink{0%,49%{opacity:1}50%,to{opacity:.3}}@media (width<=768px){.walkin-details{padding:1rem 1.2rem}.walkin-details-title{font-size:1.1rem}.walkin-details-desc{font-size:.8rem}}.retro-loader{z-index:999999;background:var(--hh-void,#060610);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;margin:0;padding:0;font-family:Silkscreen,monospace;transition:opacity .6s,visibility .6s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.retro-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-scanlines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 2px,#22e0ff08 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}.loader-content{z-index:10;flex-direction:column;align-items:center;gap:2rem;width:90%;max-width:500px;margin:0 auto;padding:2rem;display:flex;position:relative}.loader-title{text-align:center}.loader-title-text{letter-spacing:.1em;color:#fff;text-shadow:0 0 20px #22e0ff99, 3px 3px 0 var(--hh-pink,#ff2e88), -3px -3px 0 var(--hh-cyan,#22e0ff);font-family:Silkscreen;font-size:clamp(2rem,6vw,3rem);font-weight:700;animation:3s ease-in-out infinite loaderTitleFlicker;display:block}@keyframes loaderTitleFlicker{0%,90%,to{opacity:1}92%{opacity:.7}94%{opacity:1;filter:hue-rotate(15deg)}96%{opacity:.85}}.loader-title-sub{letter-spacing:.4em;color:var(--hh-cyan,#22e0ff);opacity:.8;margin-top:.5rem;font-family:Silkscreen;font-size:.85rem;display:block}.loader-bar-wrap{align-items:center;gap:1rem;width:100%;display:flex}.loader-bar{border:2px solid var(--hh-white,#fff);background:#2264ff0d;flex:1;height:24px;padding:3px;position:relative}.loader-bar-fill{background:repeating-linear-gradient(90deg, var(--hh-white,#22e0ff) 0 6px, transparent 6px 8px);width:0%;height:100%;transition:width .3s steps(20,end)}.loader-percent{color:var(--hh-white,#fff);text-align:right;min-width:60px;font-family:Silkscreen;font-size:1.2rem;font-weight:700}.loader-percent-sign{opacity:1;font-family:Fira Code,monospace;font-size:.9rem}.loader-status{color:#fff9;align-items:center;gap:.5rem;font-family:Fira Code,monospace;font-size:.8rem;display:flex}#loaderPercent{font-family:Silkscreen,monospace;font-weight:500}#loaderMessage{letter-spacing:.05em;color:#fffffffd;font-family:Fira Code,monospace;font-size:.7rem}.loader-status-arrow{color:var(--hh-white,#fff);font-family:Fira Code;animation:1s step-end infinite loaderBlink}@keyframes loaderBlink{0%,49%{opacity:1}50%,to{opacity:.3}}.loader-cursor{color:var(--hh-white,#22e0ff);margin-top:0;font-size:.8rem;animation:.8s step-end infinite loaderBlink}@media (width<=768px){.loader-title-text{font-size:1.8rem}.loader-bar-wrap{flex-direction:column;gap:.5rem}.loader-percent{text-align:center}}.arcade-section .arcade-header,.arcade-section .arcade-grid,.arcade-section .arcade-footer{opacity:0}.arcade-section .arcade-cab{opacity:0;transform:perspective(800px)rotateX(-15deg)translateY(40px)}.arcade-section.is-revealed .arcade-header{animation:.6s .1s forwards revealFadeIn}.arcade-section.is-revealed .arcade-grid{animation:.6s .3s forwards revealFadeIn}.arcade-section.is-revealed .arcade-footer{animation:.6s 1.3s forwards revealFadeIn}.arcade-section.is-revealed .arcade-cab{animation:.7s cubic-bezier(.34,1.56,.64,1) forwards cardReveal}.arcade-section.is-revealed .arcade-cab:first-child{animation-delay:.3s}.arcade-section.is-revealed .arcade-cab:nth-child(2){animation-delay:.45s}.arcade-section.is-revealed .arcade-cab:nth-child(3){animation-delay:.6s}.arcade-section.is-revealed .arcade-cab:nth-child(4){animation-delay:.75s}.arcade-section.is-revealed .arcade-cab:nth-child(5){animation-delay:.9s}.arcade-section.is-revealed .arcade-cab:nth-child(6){animation-delay:1.05s}@keyframes revealFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:0;transform:perspective(800px)rotateX(-15deg)translateY(40px)scale(.9)}60%{opacity:.8;transform:perspective(800px)rotateX(5deg)translateY(-8px)scale(1.02)}to{opacity:1;transform:perspective(800px)rotateX(0)translateY(0)scale(1)}}.soc-section{background:#060610;position:relative;overflow:hidden;box-shadow:0 -150px 100px -50px #060610}.soc-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.soc-bg-scan{opacity:.5;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000040 3px 4px);position:absolute;inset:0}.soc-wrap{z-index:2;max-width:1000px;margin:0 auto;padding:clamp(4rem,10vh,7rem) clamp(1.5rem,5vw,3rem);position:relative}.sf-header{text-align:center;margin-bottom:clamp(2.5rem,6vw,4rem)}.sf-eyebrow{letter-spacing:6px;color:#ffffff80;margin-bottom:.8rem;font-family:Fira Code,monospace;font-size:.65rem;display:block}.sf-title{letter-spacing:.06em;color:#fdfdfd;text-shadow:0 3px #08f,0 6px #000000b3;margin:0 0 1.2rem;font-family:Silkscreen,monospace;font-size:clamp(1.5rem,4.5vw,2.8rem);font-weight:700}.sf-hud{letter-spacing:2px;justify-content:center;align-items:center;gap:clamp(1rem,4vw,3rem);font-family:Fira Code,monospace;font-size:.7rem;display:flex}.sf-player{color:#fff;animation:1.2s step-end infinite sfBlink}.sf-timer{color:#f33;text-shadow:0 0 12px #f339;font-family:Silkscreen,monospace;font-size:1.3rem}.sf-credits{color:#fff6;font-family:Silkscreen,monospace}@keyframes sfBlink{0%,55%{opacity:1}56%,to{opacity:.2}}.sf-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.sf-card{flex-direction:column;gap:.5rem;padding:.6rem;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sf-card:before{content:"";z-index:4;color:#ffd84d;text-shadow:0 0 8px #ffd84de6;opacity:0;font-size:.7rem;transition:all .2s;position:absolute;top:.5rem;left:.5rem;transform:translate(-8px)}.sf-card:hover:before{opacity:1;animation:.8s step-end infinite sfBlink;transform:translate(0)}.sf-portrait{aspect-ratio:1;background-color:#060606;border:1px solid #ffffff14;border-radius:10%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sf-portrait img{filter:grayscale(40%)brightness(.85);width:52%;transition:all .25s}.sf-card:hover .sf-portrait img{filter:grayscale(0%) brightness(1.1) drop-shadow(0 0 10px var(--sa));transform:scale(1.15)}.sf-scan{pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000038 2px 4px);position:absolute;inset:0}.sf-plate{letter-spacing:.06em;text-align:center;color:#fff;text-shadow:0 1px #000c;padding:.4rem .2rem;font-family:Silkscreen,monospace;font-size:.72rem}.sf-handle{color:#ffffff59;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-family:Fira Code,monospace;font-size:.68rem;transition:color .2s;overflow:hidden}.sf-card:hover .sf-handle{color:var(--sa)}.sf-stats{flex-direction:column;gap:4px;display:flex}.sf-bar{background:#ffffff12;border:1px solid #ffffff1f;height:6px;display:block}.sf-bar i{background:repeating-linear-gradient(90deg, var(--sa) 0 4px, transparent 4px 5px);width:0;height:100%;transition:width .5s steps(10,end);display:block}.sf-bar:first-child i{--w:var(--s1)}.sf-bar:nth-child(2) i{--w:var(--s2)}.sf-card:hover .sf-bar i{width:var(--w)}.sf-tag{letter-spacing:2px;color:#ffffff40;text-align:center;font-family:Fira Code,monospace;font-size:.55rem}.sf-card:hover .sf-tag{color:#ffffffb3}.sf-foot{letter-spacing:2px;justify-content:space-between;align-items:center;margin-top:clamp(2rem,5vw,3rem);font-family:Fira Code,monospace;font-size:.6rem;display:flex}.sf-foot-hint{color:#fff;animation:1.5s step-end infinite sfBlink}.sf-foot-meta{color:#ffffff26}.scroll-ship{z-index:1;pointer-events:none;opacity:0;will-change:transform;position:fixed;top:0;left:0}.scroll-ship.is-visible{opacity:1}.ship-flip{transition:transform .3s;display:block;position:relative}.scroll-ship.is-reverse .ship-flip{transform:scaleX(-1)}.ship-flip img{width:clamp(90px,11vw,150px);image-rendering:pixelated;filter:drop-shadow(0 0 10px #22e0ff59);display:block}.ship-flame{transform-origin:100%;clip-path:polygon(0 45%,25% 30%,55% 12%,100% 0,100% 100%,55% 88%,25% 70%,0 55%);filter:drop-shadow(0 0 6px #22e0ff)drop-shadow(0 0 18px #2e91ffb3);background:linear-gradient(90deg,#0000 0%,#2e91ff26 25%,#22e0ffbf 60%,#bef5fff2 88%,#fff 100%);width:90px;height:12px;animation:.16s steps(2,end) infinite flameFlick;position:absolute;top:50%;right:94%}@keyframes flameFlick{0%{opacity:1;transform:translateY(-50%)scaleX(1)}50%{opacity:.85;transform:translateY(-50%)scaleX(.7)}to{opacity:1;transform:translateY(-50%)scaleX(1.15)}}@media (width<=900px){.sf-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.sf-grid{grid-template-columns:repeat(2,1fr)}.sf-hud{gap:1rem}}.soc-stars{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.soc-stars .star{left:var(--x);top:var(--y);width:var(--s,2px);height:var(--s,2px);animation:starTwinkle var(--d,3s) steps(2, jump-none) infinite;animation-delay:var(--dl,0s);background:#fff;position:absolute}.soc-stars .star.is-bright{box-shadow:0 0 6px #ffffffe6,0 0 14px #a0dcff80}@keyframes starTwinkle{0%,to{opacity:.12;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.yted-section{background:#060610;position:relative;overflow:hidden}.yted-wrap{z-index:2;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem);position:relative}.yted-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;padding:1rem 0 2rem;display:flex}.yted-eyebrow{letter-spacing:4px;color:#ff3c3c73;text-transform:uppercase;margin-bottom:.4rem;font-family:Fira Code,monospace;font-size:1rem;font-weight:600;display:block}.yted-channel-h{letter-spacing:-.04em;color:#fff;margin:0;font-family:Silkscreen,sans-serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:500;line-height:.95}.yted-topbar-right{flex-wrap:wrap;align-items:flex-end;gap:clamp(1rem,3vw,2.5rem);display:flex}.yted-topstat{text-align:right}.yted-topstat-v{letter-spacing:-.02em;color:#fff;font-family:Silkscreen,monospace;font-size:clamp(1rem,2vw,1.05rem);font-weight:300;display:block}.yted-topstat-l{letter-spacing:2px;color:#4b4b5f;text-transform:uppercase;margin-top:.1rem;font-family:Silkscreen,monospace;font-size:.6rem;font-weight:500;display:block}.yted-sub-btn{color:#fff;letter-spacing:1px;white-space:nowrap;border:1px solid #ffffff1f;border-radius:999px;padding:.5rem 1.2rem;font-family:Silkscreen,monospace;font-size:.68rem;text-decoration:none;transition:background .2s,border-color .2s}.yted-sub-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.yted-hr{background:#ffffff0f;height:1px}.yted-list{position:relative}.yted-row{cursor:pointer;isolation:isolate;border-bottom:1px solid #ffffff0a;align-items:center;gap:clamp(.8rem,2.5vw,2.5rem);padding:clamp(1rem,2.5vw,1.8rem) 0;text-decoration:none;transition:padding-left .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.yted-list .yted-row:first-child{border-top:1px solid #ffffff0a}.yted-row:hover{padding-left:.5rem}.yted-row:before{content:"";background-image:var(--row-bg,none);opacity:0;z-index:-2;background-position:50%;background-size:cover;transition:opacity .55s;position:absolute;inset:0}.yted-row:after{content:"";opacity:0;z-index:-1;background:#060610cc;transition:opacity .55s;position:absolute;inset:0}.yted-row:hover:before,.yted-row:hover:after{opacity:1}.yted-rn,.yted-rmeta,.yted-rarr{z-index:2;position:relative}.yted-rt{letter-spacing:-.045em;color:#e1eaff75;-webkit-user-select:none;user-select:none;z-index:2;flex:1;font-size:clamp(2rem,5vw,4.5rem);font-weight:800;line-height:.93;transition:color .4s cubic-bezier(.16,1,.3,1);position:relative}.yted-rt em{font-style:normal;font-weight:300}.yted-row:hover .yted-rt{color:#fff}.yted-rmeta{letter-spacing:1.5px;color:#0000;white-space:nowrap;text-align:right;flex-shrink:0;font-family:Fira Code,monospace;font-size:.6rem;transition:color .3s 50ms}.yted-row:hover .yted-rmeta{color:#fff}.yted-rarr{color:#181820;flex-shrink:0;font-size:clamp(1rem,2vw,1.6rem);line-height:1;transition:color .35s,transform .5s cubic-bezier(.16,1,.3,1);right:1rem}.yted-row:hover .yted-rarr{color:#fff}.yted-rprev{aspect-ratio:16/9;opacity:0;pointer-events:none;z-index:5;border-radius:8px;width:clamp(140px,15vw,220px);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:100px;overflow:hidden;transform:translateY(-50%)scale(.82)rotate(-2deg);box-shadow:0 24px 64px #0009}.yted-row:hover .yted-rprev{opacity:1;transform:translateY(-50%)scale(1)rotate(0)}.yted-rprev img{object-fit:cover;width:100%;height:100%}.yted-row:nth-child(2) .yted-rprev{aspect-ratio:3/4;width:clamp(100px,10vw,160px);right:120px}.yted-award{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,6vw,5rem) 0;display:flex}.yted-award-txt{flex:1;min-width:260px}.yted-award-eyebrow{letter-spacing:3px;color:#d1d1d1;text-transform:uppercase;margin:0 0 1rem;font-family:Fira Code,monospace;font-size:.58rem}.yted-award-h{letter-spacing:-.045em;color:#fff;margin:0 0 1rem;font-family:Silkscreen;font-size:clamp(2.5rem,6.5vw,3rem);font-weight:600;line-height:.88}.yted-award-sub{letter-spacing:2px;color:#eaf3ff6c;margin:0 0 2rem;font-family:Fira Code,monospace;font-size:.6rem}.yted-award-nums{flex-wrap:wrap;gap:clamp(1.5rem,4vw,3.5rem);margin-bottom:2rem;display:flex}.yted-award-ni{flex-direction:column;gap:.2rem;display:flex}.yted-award-nv{letter-spacing:-.03em;color:#fff;font-family:Silkscreen;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700}.yted-award-nl{letter-spacing:3px;color:#ffffff94;text-transform:uppercase;font-family:Fira Code,monospace;font-size:.52rem}.yted-award-quote{color:#ffffff86;border-left:1px solid #ffffff0d;max-width:380px;margin:0;padding-left:1rem;font-family:Nunito,monospace;font-size:.82rem;font-style:italic;line-height:1.8}.yted-award-imgwrap{flex-shrink:0;justify-content:center;align-items:center;width:clamp(130px,18vw,200px);display:flex}.yted-award-img{object-fit:contain;filter:drop-shadow(0 24px 48px #0000008c);border:1px solid #fff;border-radius:20px;width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);transform:rotate(4deg);box-shadow:0 24px 48px #ffffff3d}.yted-award-imgwrap:hover .yted-award-img{transform:rotate(0)scale(1.04)}.yted-showcase{padding:clamp(2rem,4vw,3.5rem) 0}.yted-win{background:#0a0a14;border:1px solid #ffffff12;border-radius:14px;max-width:720px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000008c}.yted-winbar{background:#080810;border-bottom:1px solid #ffffff0d;align-items:center;gap:.8rem;padding:.7rem 1rem;display:flex}.yted-windots{gap:5px;display:flex}.yted-wd{border-radius:50%;flex-shrink:0;width:11px;height:11px}.yted-wd-r{background:#ff5f57}.yted-wd-y{background:#febc2e}.yted-wd-g{background:#28c840}.yted-winurl{color:#ffffff49;letter-spacing:1.4px;text-align:center;flex:1;justify-content:center;align-items:center;gap:.4rem;font-family:Fira Code,monospace;font-size:.59rem;display:flex}.yted-winbadge{letter-spacing:2px;color:#333;align-items:center;gap:.3rem;font-family:Fira Code,monospace;font-size:.52rem;display:flex}.yted-winbody{padding:1.5rem}.yted-winchn{border-bottom:1px solid #ffffff0d;align-items:center;gap:.85rem;margin-bottom:1.4rem;padding-bottom:1.2rem;display:flex}.yted-winavatar{background:#1a1a28;border-radius:50%;flex-shrink:0;width:38px;height:38px;overflow:hidden}.yted-winavatar img{object-fit:cover;width:100%;height:100%}.yted-winname{color:#fff;letter-spacing:-.01em;font-family:Silkscreen,monospace;font-size:.88rem;font-weight:500;display:block}.yted-winhandle{letter-spacing:1.2px;color:#ffffff7b;margin-top:.15rem;font-family:Fira Code,monospace;font-size:.55rem;display:block}.yted-winsub{color:#000;background:#fff;border-radius:4px;flex-shrink:0;align-items:center;gap:.35rem;margin-left:auto;padding:.32rem .75rem;font-family:Fira Code,monospace;font-size:.7rem;font-weight:900;text-decoration:none;transition:opacity .2s;display:flex}.yted-winsub:hover{opacity:.85}.yted-winstats{grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1.4rem;display:grid}.yted-winstat{text-align:center;background:#ffffff05;border:1px solid #ffffff3a;border-radius:8px;padding:.7rem .5rem}.yted-winstat--gold{border-color:#fff}.yted-winstat--gold .yted-winstat-v{color:#fe2e2e}.yted-winstat-v{letter-spacing:-.02em;color:#fff;margin-bottom:.2rem;font-family:Silkscreen,monospace;font-size:clamp(.85rem,1.8vw,1.1rem);font-weight:500;display:block}.yted-winstat-l{letter-spacing:1.5px;color:#ffffff9e;text-transform:uppercase;font-family:Fira Code,monospace;font-size:.49rem}.yted-winbars{flex-direction:column;gap:.7rem;display:flex}.yted-winbar-row{align-items:center;gap:.75rem;display:flex}.yted-winbar-lbl{color:#ffffff81;letter-spacing:.3px;flex-shrink:0;width:120px;font-family:Fira Code,monospace;font-size:.57rem}.yted-winbar-track{background:#ffffff0a;border-radius:2px;flex:1;height:2px;overflow:hidden}.yted-winbar-fill{background:#ffffff91;border-radius:2px;width:0;height:100%;transition:width 1.4s cubic-bezier(.16,1,.3,1)}.yted-winbar-fill.run{width:var(--bw)}.yted-winbar-pct{color:#ffffffb3;text-align:right;width:28px;font-family:Fira Code,monospace;font-size:.55rem}.yted-toast{letter-spacing:.5px;color:#000000cb;opacity:0;pointer-events:none;background:#fff;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-family:Silkscreen,monospace;font-size:.6rem;transition:opacity .45s,transform .45s;display:flex;position:absolute;bottom:1rem;right:4rem;transform:translateY(6px)}.yted-toast.show{opacity:1;transform:translateY(0)}.yted-marquee{border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;margin-top:1.8rem;padding:.9rem 0;overflow:hidden}.yted-mq-inner *{font-family:Silkscreen,monospace!important}.yted-mq-inner{white-space:nowrap;letter-spacing:3px;color:#414154;text-transform:uppercase;gap:2rem;width:max-content;font-size:.85rem;animation:22s linear infinite ytdMarquee;display:flex;font-family:Silkscreen,monospace!important}.yted-mqdot{color:#ffffff0f}@keyframes ytdMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=580px){.yted-winstats{grid-template-columns:repeat(2,1fr)}.yted-winbar-lbl{width:80px}}#tar-boot-wrap{background:#0000008c;border:1px solid #dc26262e;border-radius:18px;flex-direction:column;gap:1.2rem;width:clamp(280px,88vw,520px);margin-top:35vh;margin-bottom:auto;padding:2.2rem 2.5rem;display:flex;position:relative}#tar-boot-wrap:before,#tar-boot-wrap:after{content:"";pointer-events:none;border-style:solid;border-color:#dc26268c;width:16px;height:16px;position:absolute}#tar-boot-wrap:before{border-width:2px 0 0 2px;border-top-left-radius:12px;top:-1px;left:-1px}#tar-boot-wrap:after{border-width:0 2px 2px 0;border-bottom-right-radius:12px;bottom:-1px;right:-1px}#tar-boot-header{border-bottom:1px solid #dc26261a;flex-direction:column;gap:.3rem;padding-bottom:1rem;display:flex}.tar-boot-unit{letter-spacing:12px;color:#0000;-webkit-text-stroke:1.5px #dc2626;font-size:clamp(2rem,7vw,3.8rem);font-weight:900;line-height:1;display:block;position:relative}.tar-boot-unit:before,.tar-boot-unit:after{content:attr(data-text);color:#0000;position:absolute;inset:0}.tar-boot-unit:before{-webkit-text-stroke:1.5px #00c8ff38;animation:4.5s step-end infinite tarGlitchA}.tar-boot-unit:after{-webkit-text-stroke:1.5px #dc262626;animation:3.9s step-end infinite tarGlitchB}.tar-boot-sub{letter-spacing:4px;color:#ffffffd4;text-transform:uppercase;font-size:clamp(.7rem,1.1vw,.9rem)}#tar-boot-console{flex-direction:column;gap:.42rem;min-height:130px;display:flex}.tar-boot-line{letter-spacing:.5px;opacity:0;align-items:center;gap:.45rem;font-size:clamp(.44rem,1.2vw,.6rem);animation:.18s forwards tbLineIn;display:flex}@keyframes tbLineIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.tbp{color:#dc262680;flex-shrink:0}.tbl{color:#ffffff85;letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0}.tbd{color:#ffffff1a;letter-spacing:2px;white-space:nowrap;flex:1;overflow:hidden}.tbs{text-align:right;color:#ffffff14;flex-shrink:0;min-width:36px;transition:color .3s}.tbs.ok{color:#fff}#tar-boot-foot{align-items:center;gap:1.2rem;margin-top:.5rem;display:flex}#tar-boot-bar-track{box-sizing:border-box;background:#f5f5f500;border:3px solid #000;border-radius:0;flex:1;height:20px;overflow:hidden;box-shadow:4px 4px #000}#tar-boot-bar{background:repeating-linear-gradient(110deg,#dc2626 0 12px,#0000 12px 18px);border-right:3px solid #000;border-radius:0;width:0%;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);animation:3.5s step-end infinite barGlitch;position:relative;box-shadow:0 0 8px red}@keyframes barGlitch{0%,88%,to{filter:none;opacity:1;transform:translate(0)scaleY(1)}89%{filter:brightness(2.5);opacity:.7;transform:translate(-4px)scaleY(1.3)}90%{filter:hue-rotate(180deg);transform:translate(4px)scaleY(.5)}91%{opacity:1;filter:none;transform:translate(0)scaleY(1)}94%{filter:brightness(1.6);transform:translate(-2px)}95%{filter:none;transform:translate(0)}}#tar-boot-pct{letter-spacing:1px;color:#eaeaeae5;text-align:right;flex-shrink:0;width:45px;font-size:.75rem;font-weight:700}#tar-boot-online{letter-spacing:4px;color:#fff;text-transform:uppercase;opacity:0;align-items:center;gap:.5rem;font-size:clamp(.42rem,1.1vw,.58rem);transition:opacity .5s;display:flex}#tar-boot-online.visible{opacity:1}.tar-boot-dot{background:red;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.4s infinite tarStatusBlink;box-shadow:0 0 8px red}.tar-boot-glitch{animation:.25s step-end forwards tbGlitch}@keyframes tbGlitch{0%{filter:none;transform:translate(0)}20%{filter:hue-rotate(180deg)brightness(1.6);transform:translate(-4px,2px)}40%{clip-path:inset(28% 0 42%);transform:translate(4px,-1px)}65%{filter:brightness(1.8);clip-path:inset(58% 0 12%);transform:translate(-2px,1px)}85%{filter:none;clip-path:none;transform:translate(3px,-2px)}to{filter:none;clip-path:none;transform:translate(0)}}#tar-intro-skip{letter-spacing:2.5px;color:#ffffff1f;cursor:pointer;z-index:10;background:#0000008c;border:1px solid #ffffff12;border-radius:3px;padding:.4rem 1rem;font-size:.52rem;transition:color .25s,border-color .25s;position:absolute;bottom:1.5rem;right:1.5rem}#tar-intro-skip:hover{color:#dc2626b3;border-color:#dc26264d}#tar-intro-prog{z-index:5;background:linear-gradient(90deg,#0000,#dc262680,#ff5050);width:0%;height:1px;transition:width .4s linear;position:absolute;bottom:0;left:0;box-shadow:0 0 8px #dc262699}@keyframes tarGlitchA{0%,93%,to{opacity:0;transform:translate(0)}94%{opacity:1;transform:translate(-4px,1px)}96%{opacity:.7;transform:translate(3px,-1px)}98%{opacity:1;transform:translate(-2px,2px)}}@keyframes tarGlitchB{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:1;transform:translate(4px,-2px)}93%{opacity:.6;transform:translate(-3px,1px)}95%{opacity:1;transform:translate(2px,-1px)}}@keyframes tarStatusBlink{0%,to{opacity:1;box-shadow:0 0 8px #22c55e}50%{opacity:.25;box-shadow:none}}.nav-links a.nav-tar01{color:#ef4444;letter-spacing:1px;text-shadow:0 0 8px #dc262699,0 0 20px #dc262633;font-weight:700;transition:all .3s;position:relative}.nav-links a.nav-tar01:before{content:"";background:#dc26260f;border:1px solid #dc262626;border-radius:8px;position:absolute;inset:0}.nav-links a.nav-tar01:hover{color:#f66;text-shadow:0 0 12px #dc2626e6,0 0 30px #dc262666;background:#dc26261a;box-shadow:0 0 15px #dc262633}.nav-links a.nav-tar01.active{color:#ef4444;text-shadow:0 0 10px #dc2626cc,0 0 25px #dc26264d;background:#dc26261a}.nav-links a.nav-tar01.active:after{background:#dc2626;box-shadow:0 0 6px #dc2626}.nav-links a.nav-tar01{font-weight:900;animation:3s linear infinite redFlicker}.tar-section{background:radial-gradient(ellipse at 20% 30%, #dc262614 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, #9600000f 0%, transparent 50%), var(--dark)}.tar-section .glow-divider{background:linear-gradient(90deg,#dc2626,#7f1d1d);box-shadow:0 0 10px #dc262680}.tar-red{color:#dc2626}.tar-border-glow{border-color:#dc262666!important}.gradient-text-red{background:linear-gradient(90deg,#dc2626,#f44,#991b1b) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientMove}.tar-badge-red{letter-spacing:1px;text-transform:uppercase;color:red;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.3rem .8rem;font-size:.85rem;font-weight:700;display:inline-flex;transform:translate(-10px)}.tar-img-red{border:1px solid #dc262666;border-radius:20px;width:100%;box-shadow:0 0 40px #dc262633,0 0 80px #dc262614}.feature-item-red{background:#dc26260a;border:1px solid #dc262626;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.feature-item-red:hover{background:#dc262614;border-color:#dc262666;transform:translate(4px)}.tar-stack-chip{color:#d4d4d4;border:1px solid #cd0000;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-family:Nunito,sans-serif;font-size:.84rem;font-weight:750;transition:all .2s;display:inline-flex}.tar-stack-chip:hover{color:red}.tar-img-wrap{border-radius:20px;position:relative;overflow:hidden}.tar-img-wrap:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#dc262605 2px 4px);border-radius:20px;position:absolute;inset:0}.tar-corner{opacity:.7;border-style:solid;border-color:#dc2626;width:20px;height:20px;position:absolute}.tar-corner.tl{border-width:2px 0 0 2px;top:10px;left:10px}.tar-corner.tr{border-width:2px 2px 0 0;top:10px;right:10px}.tar-corner.bl{border-width:0 0 2px 2px;bottom:10px;left:10px}.tar-corner.br{border-width:0 2px 2px 0;bottom:10px;right:10px}@keyframes scanLine{0%{top:-10%}to{top:110%}}.thq-section{position:relative;overflow:hidden}.thq-bg{pointer-events:none;z-index:0;position:absolute;inset:0}#thq-canvas{opacity:.8;width:100%;height:100%;position:absolute;inset:0}.thq-orb{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.thq-orb-1{background:radial-gradient(circle,#dc26261f,#0000 70%);width:500px;height:500px;animation:16s ease-in-out infinite hudOrbFloat1;top:-100px;left:-100px}.thq-orb-2{background:radial-gradient(circle,#96000017,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite hudOrbFloat2;bottom:-80px;right:-80px}.thq-grid-overlay{background-image:linear-gradient(#dc26260a 1px,#0000 1px),linear-gradient(90deg,#dc26260a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0009 0%,#0000 70%);mask-image:radial-gradient(#0009 0%,#0000 70%)}.thq-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#dc262602 3px 4px);position:absolute;inset:0}.thq-title-glitch{position:relative}.thq-title-glitch:before,.thq-title-glitch:after{content:attr(data-text);text-align:center;background:inherit;-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;width:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.thq-title-glitch:before{clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);animation:8s infinite thqGlitchBefore}.thq-title-glitch:after{clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);animation:8s infinite thqGlitchAfter}@keyframes thqGlitchBefore{0%,88%,to{opacity:0;transform:translate(-50%)}90%{opacity:.6;filter:hue-rotate(90deg);transform:translate(calc(-50% - 3px))}92%{opacity:0}94%{opacity:.4;transform:translate(calc(3px - 50%))}96%{opacity:0}}@keyframes thqGlitchAfter{0%,91%,to{opacity:0;transform:translate(-50%)}93%{opacity:.5;filter:hue-rotate(-90deg);transform:translate(calc(2px - 50%))}95%{opacity:0}}.thq-win-bar{background:linear-gradient(90deg,#dc262614,#9600000d,#dc26260a);border-bottom:1px solid #dc26261a;flex-shrink:0;align-items:center;gap:.7rem;padding:.6rem 1rem;display:flex;position:relative;overflow:hidden}.thq-win-bar:after{content:"";background:linear-gradient(90deg,#0000,#dc262680,#0000);width:100%;height:1px;position:absolute;bottom:0;left:-100%}.thq-win-dots{gap:.4rem;display:flex}.thq-win-dots span{cursor:pointer;border-radius:50%;width:11px;height:11px;transition:transform .2s;display:block}.thq-win-dots span:hover{transform:scale(1.25)}.thq-win-title{color:red;letter-spacing:1.5px;text-transform:uppercase;flex:1;font-size:.6rem}.thq-win-live{color:#ffffff40;letter-spacing:1.5px;align-items:center;gap:.35rem;font-size:.55rem;display:flex}.thq-blink-dot{background:#dc2626cc;border-radius:50%;width:6px;height:6px;animation:1.5s infinite blink;display:inline-block;box-shadow:0 0 5px #dc262699}.thq-holo-panel,.thq-spec-panel,.thq-voice-panel,.thq-stack-panel{background:linear-gradient(160deg,#020000f7,#080000fc);border:1px solid #dc26261f;border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #dc26260a,0 0 40px #dc26260f,0 20px 60px #00000080}.thq-holo-panel:before,.thq-spec-panel:before,.thq-voice-panel:before,.thq-stack-panel:before{content:"";z-index:10;background:linear-gradient(90deg,#0000,#dc2626b3,#ff646466,#0000);width:100%;height:1px;position:absolute;top:0;left:-100%}.thq-row-1{grid-template-columns:380px 1fr;align-items:stretch;gap:1.4rem;margin-bottom:1.4rem;display:grid}.thq-holo-img-wrap{justify-content:center;align-items:center;padding:1.4rem;display:flex;position:relative}.thq-img-container{border:1px solid #dc262633;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 30px #dc262626,0 0 60px #dc26260f}.thq-unit-img{filter:saturate(.9)contrast(1.05);width:100%;transition:filter .3s;display:block}.thq-holo-panel:hover .thq-unit-img{filter:saturate(1.1)contrast(1.1)}.thq-img-scanline{z-index:3;background:linear-gradient(90deg,#0000,#dc262680,#ff6464cc,#dc262680,#0000);height:3px;animation:3.5s linear infinite scanLine;position:absolute;left:0;right:0;box-shadow:0 0 12px #dc262680}.thq-img-grid{z-index:2;pointer-events:none;background-image:linear-gradient(#dc26260a 1px,#0000 1px),linear-gradient(90deg,#dc26260a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.thq-img-vignette{z-index:4;pointer-events:none;background:radial-gradient(#0000 40%,#0009 100%);position:absolute;inset:0}.thq-img-fallback{justify-content:center;align-items:center;min-height:280px;font-size:5rem;display:flex}.thq-ring{pointer-events:none;border:1px solid #dc262626;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thq-ring-1{background:conic-gradient(#dc262614,#0000 60%,#dc26260d,#0000);border-color:#dc26261a;width:90%;height:90%;animation:8s linear infinite hudRingRotate}.thq-ring-2{border-color:#dc26260f;width:96%;height:96%;animation:14s linear infinite reverse hudRingRotate}.thq-ring-3{border-style:dashed;border-color:#dc262612;width:82%;height:82%;animation:6s linear infinite hudRingRotate}.thq-corner{z-index:5;pointer-events:none;border-style:solid;border-color:#dc262699;width:16px;height:16px;position:absolute}.thq-c-tl{border-width:2px 0 0 2px;top:10px;left:10px}.thq-c-tr{border-width:2px 2px 0 0;top:10px;right:10px}.thq-c-bl{border-width:0 0 2px 2px;bottom:10px;left:10px}.thq-c-br{border-width:0 2px 2px 0;bottom:10px;right:10px}.thq-hud-chip{letter-spacing:1px;color:#ffffff59;z-index:7;pointer-events:none;background:#000000b3;border:1px solid #dc262626;border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.52rem;display:flex;position:absolute}.thq-chip-tl{top:20px;left:20px}.thq-chip-tr{top:20px;right:20px}.thq-chip-bl{bottom:20px;left:20px}.thq-chip-br{bottom:20px;right:20px}.thq-chip-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s infinite blink}.thq-identity{background:#dc262608;border-top:1px solid #dc262614;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex}.thq-identity-name{color:red;letter-spacing:3px;font-size:1.5rem;font-weight:900;line-height:1}.thq-identity-sub{color:#fff;letter-spacing:2px;margin-top:.2rem;font-size:.52rem}.thq-identity-badge{text-align:right}.thq-badge-label{color:#dc2626;letter-spacing:2px;font-size:.48rem}.thq-badge-val{color:#fff;font-size:.75rem;font-weight:700}.thq-status-grid{flex-direction:column;flex:1;gap:.55rem;padding:1rem 1.2rem;display:flex}.thq-status-row{align-items:center;gap:.7rem;display:flex}.thq-status-key{color:#ffffff4d;flex-shrink:0;width:110px;font-size:.62rem}.thq-status-bar-wrap{flex:1}.thq-status-bar{background:#dc262614;border-radius:2px;height:4px;overflow:hidden}.thq-status-fill{border-radius:2px;width:0%;height:100%;transition:width 1.4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 6px}.thq-status-val{letter-spacing:.5px;text-align:right;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.3rem;width:90px;font-size:.6rem;font-weight:700;display:inline-flex}.thq-status-val svg{flex-shrink:0;width:24px;height:24px;transform:none!important}.thq-spec-body{flex-direction:column;flex:1;padding:1.4rem;display:flex}.thq-spec-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.thq-spec-model-label{color:#dc262666;letter-spacing:2px;margin-bottom:.1rem;font-size:.5rem;display:block}.thq-spec-model-val{color:#ffffffb3;letter-spacing:1px;font-size:.9rem;font-weight:700}.thq-spec-version{color:#dc262680;background:#dc26260a;border:1px solid #dc262633;border-radius:6px;padding:.2rem .6rem;font-size:.65rem}.thq-spec-desc{color:#e1e1e1;margin-bottom:.8rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:500;line-height:1.8}.thq-spec-divider{background:linear-gradient(90deg,#dc262626,#0000);height:1px;margin:.8rem 0}.thq-features{flex-direction:column;flex:1;gap:.6rem;display:flex}.thq-feature{background:#dc262608;border:1px solid #dc26261a;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem .9rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.thq-feature:before{content:"";opacity:0;background:linear-gradient(#dc2626,#0000);width:2px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.thq-feature:hover{background:#dc26260f;border-color:#dc262640;transform:translate(4px)}.thq-feature:hover:before{opacity:1}.thq-feature-icon-wrap{background:#dc26260f;border:1px solid #dc262626;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .25s;display:flex}.thq-feature:hover .thq-feature-icon-wrap{border-color:#dc262659}.thq-feature-info{flex:1}.thq-feature-title{color:red;margin-bottom:.1rem;font-size:.8rem;font-weight:700}.thq-feature-desc{color:#ddd;font-family:Fira Code,monospace;font-size:.85rem;font-weight:500;line-height:1.4}.thq-feature-status{flex-shrink:0}.thq-spec-footer-row{gap:1.5rem;display:flex}.thq-spec-kv{flex-direction:column;gap:.1rem;display:flex}.thq-kv-key{color:#dc262659;letter-spacing:2px;font-size:.48rem}.thq-kv-val{color:#ffffff80;font-size:.75rem;font-weight:700}.thq-btn-red{background:linear-gradient(90deg,#000,#000)!important;transition:box-shadow .25s!important}.thq-btn-red:hover{box-shadow:0 8px 25px #dc262666!important}.thq-btn-red-outline{color:#fff!important;border-color:#dc26264d!important;transition:all .25s!important}.thq-btn-red-outline:hover{background:#dc262614!important;border-color:#dc2626!important}.thq-voice-body{flex:1;grid-template-columns:1fr 1fr;gap:1.2rem;padding:1.2rem;display:grid}.thq-vis-wrap{flex-direction:column;display:flex}.thq-vis-wrap .tar-visualizer-wrap{height:100%;min-height:180px}.thq-voice-right{flex-direction:column;gap:.8rem;display:flex}.thq-voice-label{color:#fff;letter-spacing:2px;align-items:center;gap:.5rem;font-size:.58rem;display:flex}.thq-stack-body{padding:1.2rem 1.4rem}.thq-stack-label{letter-spacing:3px;color:red;text-transform:uppercase;margin-bottom:1rem;font-size:.62rem}.thq-stack-chips{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.2rem;display:flex}@keyframes thqChipIn{0%{opacity:0;transform:scale(.8)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.thq-chip-anim{animation:.4s both thqChipIn}.thq-chip-dot-sm{border-radius:50%;width:5px;height:5px;margin-right:2px;display:inline-block;box-shadow:0 0 4px}.thq-stack-footer{color:#ffffff63;letter-spacing:1px;border-top:1px solid #dc262612;flex-wrap:wrap;align-items:center;gap:.8rem;padding-top:.8rem;font-size:.55rem;display:flex}.thq-stack-footer-item{white-space:nowrap}.thq-stack-footer-sep{opacity:.3}@media (width<=900px){.thq-row-1{grid-template-columns:1fr}.thq-holo-img-wrap{max-width:340px;margin:0 auto}.thq-voice-body{grid-template-columns:1fr}}@media (width<=600px){.thq-stack-footer{display:none}}:root{--os-cyan:#22e0ff;--os-pink:#ff2e88;--os-yellow:#ffd84d;--os-void:#060610;--os-panel:#0b0b16;--os-line:#22e0ff40;--os-text:#ffffffbf;--os-dim:#ffffff59;--os-pixel:"Silkscreen", monospace;--os-mono:"Fira Code", monospace}.art-section{background:var(--os-void);padding:clamp(2rem,6vh,4rem) 1rem;position:relative;overflow:hidden}.os-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.os-scanlines{opacity:.5;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000038 3px 4px);position:absolute;inset:0}.os-header{z-index:2;text-align:center;margin-bottom:clamp(2rem,5vh,3rem);position:relative}.os-eyebrow{font-family:var(--os-mono);letter-spacing:.4em;color:var(--os-cyan);text-shadow:0 0 10px #22e0ff80;margin-bottom:.6rem;font-size:.65rem;display:block}.os-title{font-family:var(--os-pixel);color:#fff;letter-spacing:.08em;text-shadow:0 0 20px #22e0ff80, 4px 4px 0 var(--os-pink), -4px -4px 0 var(--os-cyan);margin:0 0 1rem;font-size:clamp(2rem,6vw,3.5rem)}.os-divider{background:repeating-linear-gradient(90deg, var(--os-cyan) 0 8px, transparent 8px 12px);width:min(320px,60%);height:6px;margin:0 auto;box-shadow:0 0 12px #22e0ff66}.tar-desktop{z-index:2;-webkit-user-select:none;user-select:none;background:#000;outline:2px solid #000;width:min(1200px,96%);height:75vh;min-height:560px;margin:0 auto;transition:box-shadow 1.4s;position:relative;overflow:hidden;box-shadow:40px 0 100px #fdfdfd1f}.tar-desktop:after{content:"";z-index:90;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000024 2px 4px);position:absolute;inset:0}.tar-desktop:before{content:"";z-index:89;pointer-events:none;background:radial-gradient(#0000 55%,#00000080 100%);position:absolute;inset:0}.tar-desktop.booting{box-shadow:none}.os-wallpaper{background-position:50%;background-size:cover;position:absolute;inset:0}.desktop-wallpaper{filter:brightness()saturate(.85);background-image:url(/images/art/art-06.png);transition:filter 1s}.welcome-wall{filter:brightness(.5)saturate(.7);background-image:url(/images/art/art-06.png)}.tar-desktop.booting .desktop-wallpaper{filter:brightness(0)}.desktop-topbar{z-index:10;border:1px solid var(--os-line);background:#06061046;border-top:none;border-right:none;padding:.5rem .9rem;transition:opacity .9s;position:absolute;top:0;right:0}.desktop-clock{font-family:var(--os-mono);flex-direction:column;align-items:flex-end;gap:2px;display:flex}#dsk-time{color:#fff;text-shadow:0 0 8px #ffffff80;font-family:Silkscreen;font-size:.8rem;font-weight:700}#dsk-date{color:var(--os-dim);letter-spacing:.1em;font-size:.55rem}.desktop-icons{z-index:10;flex-direction:column;gap:.8rem;transition:opacity .9s;display:flex;position:absolute;top:1rem;left:1rem}.tar-desktop.booting .desktop-icons,.tar-desktop.booting .desktop-topbar,.tar-desktop.booting .desktop-taskbar{opacity:0}.desktop-icon{cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:.35rem;width:78px;padding:.5rem .25rem;display:flex}.dsk-icon-img{filter:drop-shadow(0 2px 6px #000000b3 brightness(1.3) contrast(1.05));font-size:2rem;line-height:1}.taskbar-icon-img{object-fit:contain;width:24px;height:24px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;flex-shrink:0}.title-icon-img{object-fit:contain;width:26px;height:26px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;flex-shrink:0}.dsk-icon-img img{width:60px;height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:brightness(1.3)saturate(1.2)contrast(1.05)}.desktop-icon:hover .dsk-icon-img img{filter:brightness(1.3)saturate(1.2)contrast(1.05);transform:scale(1.08)}.desktop-icon.selected .dsk-icon-img img{filter:brightness(1.3)saturate(1.2)contrast(1.05)}.dsk-icon-label{color:#fff;text-shadow:1px 1px #000;font-family:Silkscreen;font-size:.8rem}#art{background-color:#060610;position:relative;overflow:hidden}.taros-welcome{z-index:50;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0}.taros-welcome.hiding{opacity:0;pointer-events:none}.welcome-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.welcome-logo{font-family:var(--os-pixel);color:#fff;letter-spacing:.1em;text-shadow:0 0 30px #22e0ff99, 4px 4px 0 var(--os-pink), -4px -4px 0 var(--os-cyan);font-size:clamp(2.2rem,7vw,4rem);animation:4s step-end infinite logoFlicker}@keyframes logoFlicker{0%,92%,to{opacity:1}94%{opacity:.6}96%{opacity:1}}.welcome-edition{font-family:var(--os-pixel);letter-spacing:.5em;color:var(--os-yellow);text-shadow:0 0 10px #ffd84d80;font-size:.7rem}.welcome-sub{font-family:var(--os-mono);letter-spacing:.25em;color:var(--os-dim);margin-bottom:1.2rem;font-size:.55rem}.welcome-enter{font-family:var(--os-pixel);letter-spacing:.15em;color:#000;background:var(--os-cyan);cursor:pointer;border:2px solid #fff;align-items:center;gap:.6rem;padding:.7rem 2rem;font-size:.8rem;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end),background .12s;display:flex;box-shadow:0 0 0 2px #000,4px 4px #000,0 0 24px #f9fafa80}.welcome-enter:hover{background:var(--os-yellow);transform:translate(-2px,-2px);box-shadow:0 0 0 2px #000,6px 6px #000,0 0 32px #ffd84d99}.welcome-enter:active{transform:translate(2px,2px);box-shadow:0 0 0 2px #000,1px 1px #000}.enter-icon{animation:1s step-end infinite blink}.welcome-hint{font-family:var(--os-mono);letter-spacing:.2em;color:var(--os-dim);margin-top:.8rem;font-size:.55rem}.welcome-clock{text-align:center;z-index:2;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%)}#wlc-time{font-family:var(--os-pixel);color:#fff;font-size:clamp(1.6rem,5vw,2.6rem)}#wlc-date{font-family:var(--os-mono);letter-spacing:.3em;color:var(--os-dim);margin-top:.3rem;font-size:.6rem}#taros-bootscreen{z-index:60;color:#fff;letter-spacing:0;white-space:pre;background:#000;flex-direction:column;justify-content:center;padding:2.5rem 3rem;font-family:Silkscreen,monospace;font-size:.75rem;line-height:1.8;display:none;position:absolute;inset:0}#taros-bootscreen.active{display:flex}#taros-bootscreen.fading{opacity:0;transition:opacity .5s}.tbs-line{opacity:0;animation:40ms forwards tbsAppear}@keyframes tbsAppear{to{opacity:1}}.tbs-line.tbs-typing:after{content:"_";animation:.55s step-end infinite blink}.dsk-win-wrap{z-index:20;width:min(920px,92%);position:absolute;top:2rem;left:50%;transform:translate(-50%)}@keyframes dskWinOpen{0%{opacity:0;transform:translate(-50%)scale(.92)translateY(20px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.gos-window{background-color:#060610;outline:2px solid #000;flex-direction:column;max-height:calc(75vh - 90px);display:flex;overflow:hidden}.gos-titlebar{border-bottom:2px solid var(--os-line);background-color:#060610;flex-shrink:0;justify-content:space-between;align-items:center;gap:.8rem;padding:.55rem .8rem;display:flex}.titlebar-center{letter-spacing:.1em;color:#fff;white-space:nowrap;align-items:center;gap:.5rem;font-family:Silkscreen;font-size:.6rem;display:flex;overflow:hidden}.title-icon{font-size:.85rem}.titlebar-right{font-family:var(--os-mono);color:var(--os-dim);letter-spacing:.1em;font-size:.55rem}.win-controls{flex-shrink:0;gap:.35rem;display:flex}.win-btn{width:22px;height:22px;font-family:var(--os-mono);color:#fff;cursor:pointer;background-color:#060610;border:2px solid #ffffff40;font-size:.65rem;line-height:1;transition:transform .1s steps(2,end);box-shadow:2px 2px #000}.win-btn:hover{transform:translate(-1px,-1px)}.win-btn:active{box-shadow:none;transform:translate(1px,1px)}.win-min:hover{background:var(--os-yellow);color:#000;border-color:#fff}.win-close:hover{background:var(--os-pink);color:#000;border-color:#fff}.gos-toolbar{background:#00000059;border-bottom:1px solid #22e0ff1f;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.6rem;padding:.5rem .8rem;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:.35rem;display:flex}.nav-btn,.view-btn,.sort-btn{font-family:var(--os-mono);color:var(--os-dim);cursor:pointer;background:0 0;border:2px solid #ffffff1f;padding:.25rem .5rem;font-size:.7rem;transition:all .12s steps(2,end);box-shadow:2px 2px #000}.nav-btn{width:26px;height:26px;padding:0}.nav-btn:not(:disabled):hover,.view-btn:hover,.sort-btn:hover{color:#fff;border-color:var(--os-cyan);transform:translate(-1px,-1px)}.nav-btn:disabled{opacity:.25;cursor:not-allowed;box-shadow:none}.view-btn.active{background:var(--os-cyan);color:#000;border-color:#fff;box-shadow:2px 2px #000,0 0 12px #22e0ff80}.gos-tabs{scrollbar-width:none;flex:1;gap:.3rem;display:flex;overflow-x:auto}.gos-tabs::-webkit-scrollbar{display:none}.gos-tab{font-family:var(--os-pixel);letter-spacing:.08em;color:var(--os-dim);cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #ffffff1a;padding:.4rem .7rem;font-size:.5rem;transition:all .12s steps(2,end)}.gos-tab:hover{color:#fff;border-color:#fff}.gos-tab.active{background:var(--os-cyan);color:#000;border-color:#fff;box-shadow:2px 2px #000,0 0 12px #22e0ff80}.gos-statusbar{font-family:var(--os-mono);letter-spacing:.08em;color:var(--os-dim);background:#0006;border-bottom:1px solid #22e0ff1a;flex-shrink:0;justify-content:space-between;align-items:center;gap:.8rem;padding:.35rem .8rem;font-size:.55rem;display:flex}.status-left{align-items:center;gap:.4rem;display:flex}.status-dot{background:var(--os-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--os-cyan);animation:2s step-end infinite blink}.gos-breadcrumb{gap:.3rem;display:flex}.bread-item{cursor:pointer;transition:color .15s}.bread-item:hover{color:var(--os-cyan)}.bread-active{color:var(--os-yellow);cursor:default}.bread-sep{color:#ffffff26}.gos-content{scrollbar-width:thin;scrollbar-color:var(--os-line) transparent;background:#00000080;flex:1;min-height:340px;padding:1rem;position:relative;overflow-y:auto}.gos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;display:grid}.gos-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border:2px solid #ffffff14;padding:.5rem;transition:transform .12s steps(2,end),border-color .12s,box-shadow .12s;position:relative;box-shadow:3px 3px #00000080}.gos-item:hover{border-color:var(--os-cyan);transform:translate(-2px,-2px);box-shadow:5px 5px #00000080,0 0 16px #22e0ff40}.gos-item.selected{border-color:var(--os-yellow);box-shadow:5px 5px #00000080,0 0 16px #ffd84d59}.gos-item-thumb{aspect-ratio:1;background:#000;border:2px solid #000;margin-bottom:.45rem;position:relative;overflow:hidden}.gos-item-thumb img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.9)contrast(1.05);transition:transform .25s steps(3,end),filter .25s}.gos-item:hover .gos-item-thumb img{filter:saturate(1.1);transform:scale(1.06)}.gos-item-check{z-index:2;background:var(--os-yellow);color:#000;opacity:0;border:2px solid #000;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:900;display:flex;position:absolute;top:6px;left:6px}.gos-item.selected .gos-item-check{opacity:1}.gos-item-type-badge{font-family:var(--os-pixel);letter-spacing:.08em;color:#000;background:var(--os-cyan);border:2px solid #000;padding:.2rem .4rem;font-size:.42rem;position:absolute;bottom:6px;right:6px;box-shadow:2px 2px #000}.gos-item-type-badge[data-type=pixel]{background:var(--os-yellow)}.gos-item-type-badge[data-type=live2d]{background:var(--os-pink);color:#fff}.gos-item-type-badge[data-type="3D"]{background:#fff}.gos-item-type-badge[data-type=character]{background:#22c55e}.gos-item-name{font-family:var(--os-mono);color:var(--os-text);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:600;overflow:hidden}.gos-item-meta{font-family:var(--os-mono);color:var(--os-dim);font-size:.55rem}.gos-item.anim-in{animation:.35s steps(4,end) forwards gosItemIn}@keyframes gosItemIn{0%{opacity:0;transform:scale(.85)translateY(8px)}60%{transform:scale(1.03)translateY(-2px)}to{opacity:1;transform:none}}.gos-list{width:100%;font-family:var(--os-mono)}.gos-list-header,.gos-list-row{grid-template-columns:1fr 90px 70px 80px;align-items:center;gap:.5rem;padding:.45rem .6rem;display:grid}.gos-list-header{letter-spacing:.15em;color:var(--os-dim);border-bottom:2px solid var(--os-line);font-size:.55rem}.gos-list-row{color:var(--os-text);cursor:pointer;border:2px solid #0000;font-size:.65rem}.gos-list-row:hover{border-color:var(--os-line);background:#22e0ff0f}.gos-list-row.selected{border-color:var(--os-yellow);background:#ffd84d14}.gos-list-row-name{align-items:center;gap:.5rem;display:flex;overflow:hidden}.gos-list-row-thumb{object-fit:cover;width:28px;height:28px;image-rendering:pixelated;border:2px solid #000;flex-shrink:0}.gos-list-col{color:var(--os-dim);font-size:.6rem}.gos-empty{font-family:var(--os-mono);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:3.5rem 1rem;display:flex}.empty-icon{opacity:.4;font-size:2.2rem}.empty-text{color:var(--os-dim);font-size:.75rem}.empty-btn{font-family:var(--os-pixel);letter-spacing:.1em;color:#000;background:var(--os-cyan);cursor:pointer;border:2px solid #fff;padding:.5rem 1.2rem;font-size:.6rem;box-shadow:3px 3px #000}.empty-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.gos-context-menu{z-index:9998;background:var(--os-panel);border:2px solid var(--os-line);outline:2px solid #000;min-width:170px;padding:.35rem;display:none;position:fixed;box-shadow:6px 6px #0009}.gos-context-menu.show{animation:.12s steps(2,end) ctxIn;display:block}@keyframes ctxIn{0%{opacity:0;transform:scale(.95)}}.ctx-item{font-family:var(--os-mono);color:var(--os-text);cursor:pointer;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.68rem;display:flex}.ctx-item:hover{background:var(--os-cyan);color:#000}.ctx-divider{background:#ffffff0f;height:2px;margin:.25rem 0}.gos-scanlines{z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000002e 2px 4px);position:absolute;inset:0}.trash-content{padding:.8rem}.trash-item{background:#ff2e880a;border:2px solid #ff2e8833;align-items:flex-start;gap:.7rem;margin-bottom:.5rem;padding:.6rem;display:flex;box-shadow:3px 3px #0006}.trash-item:hover{border-color:var(--os-pink);background:#ff2e8814}.trash-icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #0006);flex-shrink:0;transition:transform .15s steps(2,end)}.trash-name{font-family:var(--os-mono);color:var(--os-text);font-size:.75rem}.trash-meta{font-family:var(--os-mono);color:var(--os-dim);margin-top:.15rem;font-size:.6rem}.trash-footer{text-align:center;font-family:var(--os-mono);color:var(--os-dim);margin-top:.8rem;font-size:.55rem;font-style:italic}.term-window{background:#010409;border-color:#22e0ff59}.term-body{height:calc(75vh - 150px);min-height:300px;font-family:var(--os-mono);flex-direction:column;padding:.8rem 1rem .6rem;display:flex}.term-ascii{color:var(--os-cyan);text-shadow:0 0 10px #22e0ff99;white-space:pre;margin:0 0 .5rem;font-size:.62rem;line-height:1.35}.term-boot-lines{color:var(--os-dim);margin-bottom:.6rem;font-size:.7rem;line-height:1.7}.term-output{scrollbar-width:thin;scrollbar-color:var(--os-line) transparent;flex:1;margin-bottom:.5rem;overflow-y:auto}.term-line{color:var(--os-text);white-space:pre-wrap;word-break:break-word;font-size:.78rem;line-height:1.8}.term-line.cmd{color:var(--os-cyan)}.term-line.ok{color:#22c55e}.term-line.warn{color:var(--os-yellow)}.term-line.err{color:#ef4444}.term-line.dim{color:var(--os-dim);font-size:.58rem}.term-line.head{color:var(--os-cyan);letter-spacing:.1em;font-weight:700}.term-line.gap{height:.4rem}.term-input-row{border-top:2px solid #22e0ff26;flex-shrink:0;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.term-prompt{color:var(--os-yellow);white-space:nowrap;text-shadow:0 0 8px #ffd84d66;font-size:.75rem}.term-input{font-family:var(--os-mono);color:#fff;caret-color:var(--os-cyan);background:0 0;border:none;outline:none;flex:1;font-size:.72rem}.term-input::placeholder{color:#ffffff26}.desktop-taskbar{z-index:30;border-top:2px solid var(--os-line);background:#060610eb;align-items:center;gap:.5rem;height:46px;padding:0 .7rem;transition:opacity .9s;display:flex;position:absolute;bottom:0;left:0;right:0}.taskbar-start{font-family:var(--os-pixel);color:#000;background:var(--os-cyan);cursor:pointer;border:2px solid #fff;align-items:center;gap:.4rem;padding:.35rem .7rem;display:flex;box-shadow:2px 2px #000}.taskbar-start:hover{background:var(--os-pink);color:#fff}.taskbar-start:active{box-shadow:none;transform:translate(1px,1px)}.start-icon{font-size:.8rem}.start-label{letter-spacing:.1em;font-size:.55rem;font-weight:700}.taskbar-windows{flex:1;gap:.35rem;display:flex;overflow:hidden}.taskbar-win-btn{font-family:var(--os-mono);color:var(--os-text);cursor:pointer;background:#ffffff0a;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.6rem;display:flex;box-shadow:2px 2px #000}.taskbar-win-btn:hover{border-color:var(--os-cyan);color:#fff}.taskbar-win-btn.active{color:#fff;background:#333232bd}.taskbar-clock{font-family:var(--os-mono);flex-direction:column;align-items:flex-end;display:flex}#tb-time{color:var(--os-cyan);font-size:.7rem;font-weight:700}#tb-date{color:var(--os-dim);font-size:.5rem}.dsk-shutdown-overlay{z-index:100;background:#000;justify-content:center;align-items:center;animation:.6s forwards shutIn;display:flex;position:absolute;inset:0}@keyframes shutIn{0%{opacity:0}}.shutdown-content{flex-direction:column;align-items:center;gap:.8rem;display:flex}@keyframes ringSpin{to{transform:rotate(360deg)}}.shutdown-icon{color:var(--os-dim);font-size:1.6rem}.shutdown-title{font-family:var(--os-pixel);letter-spacing:.4em;color:var(--os-text);font-size:1.1rem}.shutdown-sub{font-family:var(--os-mono);letter-spacing:.3em;color:var(--os-dim);font-size:.6rem}.power-btn{font-family:var(--os-pixel);letter-spacing:.15em;color:#000;background:var(--os-yellow);cursor:pointer;border:2px solid #fff;margin-top:.4rem;padding:.55rem 1.4rem;font-size:.65rem;box-shadow:3px 3px #000}.power-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000,0 0 20px #ffd84d80}.art-stats{z-index:2;background:#06061099;outline:2px solid #000;justify-content:center;align-items:center;gap:clamp(1.5rem,5vw,3rem);width:min(560px,90%);margin:2.5rem auto 0;padding:1.2rem;display:flex;position:relative;box-shadow:6px 6px #00000080}.art-stat{text-align:center}.stat-num{font-family:var(--os-pixel);color:#fff;text-shadow:0 0 12px #ffffff80;font-size:1.4rem}.stat-label{font-family:var(--os-mono);letter-spacing:.2em;color:var(--os-dim);margin-top:.3rem;font-size:.55rem}.stat-divider{background:repeating-linear-gradient(180deg, var(--os-dim) 0 4px, transparent 4px 8px);align-self:stretch;width:2px}.gos-preview-overlay{z-index:9999;opacity:0;pointer-events:none;background:#030308eb;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.gos-preview-overlay.open{opacity:1;pointer-events:all}.gos-preview-window{background:var(--os-panel);border:2px solid var(--os-line);outline:2px solid #000;flex-direction:column;width:min(1000px,95vw);max-height:92vh;animation:.3s steps(5,end) prevIn;display:flex;overflow:hidden;box-shadow:0 0 60px #22e0ff26,10px 10px #0009}@keyframes prevIn{0%{opacity:0;transform:scale(.92)translateY(16px)}}.gos-preview-titlebar{border-bottom:2px solid var(--os-line);background:linear-gradient(#22e0ff26,#0000);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem .8rem;display:flex}.preview-title-center{font-family:var(--os-mono);color:var(--os-text);font-size:.68rem}.gos-preview-body{flex:1;grid-template-columns:1fr 240px;min-height:0;display:grid}.preview-img-wrap{background:#000;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.preview-img{object-fit:contain;max-width:100%;max-height:calc(92vh - 120px);transition:opacity .2s}.preview-img.fading{opacity:0}.prev-arrow{color:#fff;border:2px solid var(--os-line);cursor:pointer;background:#060610cc;width:40px;height:40px;font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%);box-shadow:3px 3px #000}.prev-arrow:hover{background:var(--os-cyan);color:#000}.prev-arrow.left{left:10px}.prev-arrow.right{right:10px}.zoom-hint{font-family:var(--os-mono);letter-spacing:.15em;color:var(--os-dim);pointer-events:none;font-size:.5rem;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.preview-sidebar{border-left:2px solid var(--os-line);font-family:var(--os-mono);background:#0000004d;flex-direction:column;padding:1rem;display:flex;overflow-y:auto}.prev-section-title{font-family:var(--os-pixel);letter-spacing:.2em;color:var(--os-cyan);margin-bottom:.6rem;font-size:.5rem}.prev-info-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:.5rem;padding:.3rem 0;display:flex}.info-key{color:var(--os-dim);flex-shrink:0;font-size:.6rem}.info-val{color:var(--os-text);text-align:right;word-break:break-word;font-size:.62rem}.prev-divider{background:#ffffff0d;height:2px;margin:.8rem 0}.prev-counter{color:var(--os-dim);margin-bottom:.6rem;font-size:.62rem}.prev-strip{flex-wrap:wrap;gap:.35rem;display:flex}.gos-prev-strip-thumb{object-fit:cover;opacity:.4;cursor:pointer;width:42px;height:42px;image-rendering:pixelated;border:2px solid #0000}.gos-prev-strip-thumb:hover{opacity:.7}.gos-prev-strip-thumb.active{border-color:var(--os-yellow);opacity:1;box-shadow:0 0 10px #ffd84d66}.gos-prev-tag{font-family:var(--os-pixel);letter-spacing:.06em;border:2px solid var(--os-line);color:var(--os-cyan);background:#22e0ff1a;padding:.25rem .5rem;font-size:.45rem}.prev-close-btn{width:100%;font-family:var(--os-pixel);letter-spacing:.15em;color:var(--os-text);cursor:pointer;background:0 0;border:2px solid #fff3;margin-top:auto;padding:.5rem;font-size:.55rem;box-shadow:3px 3px #000}.prev-close-btn:hover{background:var(--os-pink);color:#000;border-color:#fff}@media (width<=768px){.gos-preview-body{grid-template-columns:1fr}.preview-sidebar{display:none}.gos-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.gos-list-header,.gos-list-row{grid-template-columns:1fr 70px 60px}.gos-list-col:last-child{display:none}.tar-desktop{height:70vh;min-height:480px}}.tbs-ascii-char{background:linear-gradient(90deg,#ff2e88 0% 20%,#22e0ff 40% 60%,#ff2e88 80% 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;animation:3s linear infinite rgbWave;animation-delay:calc(var(--i) * 40ms);-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes rgbWave{0%{background-position:200% 0}to{background-position:-200% 0}}.tbs-head{color:#fff;text-shadow:0 0 8px #ffffff80;font-weight:700}.tbs-ok{color:#fff}.tbs-dim{color:#ffffff59;font-size:.7rem}.tbs-cmd{color:#22e0ff}.tbs-welcome{color:#fff;letter-spacing:.15em;margin-top:.5rem;font-size:1.1rem;font-weight:700}.tbs-line{opacity:0;white-space:pre;font-family:Silkscreen,monospace;animation:40ms forwards tbsAppear}.tbs-line:after{content:"█";color:#22e0ff;margin-left:4px;animation:.6s step-end infinite bootBlink}.tbs-line:not(:last-child):after{display:none}@keyframes bootBlink{0%,50%{opacity:1}51%,to{opacity:0}}.tbs-frame{text-align:center;border:3px solid #ff2e88;outline:2px solid #000;align-self:flex-start;margin:1rem 0 1.2rem;padding:1.2rem 2.8rem;animation:2.5s ease-in-out infinite frameWave,.4s steps(4,end) both frameIn;box-shadow:0 0 0 3px #000,8px 8px #000c}@keyframes frameIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes frameWave{0%,to{border-color:#ff2e88;box-shadow:0 0 0 3px #000,8px 8px #000c,0 0 24px #ff2e8899,inset 0 0 18px #ff2e8826}50%{border-color:#22e0ff;box-shadow:0 0 0 3px #000,8px 8px #000c,0 0 24px #22e0ff99,inset 0 0 18px #22e0ff26}}.tbs-logo{letter-spacing:.2em;white-space:normal;background:linear-gradient(90deg,#ff2e88 0% 20%,#22e0ff 40% 60%,#ff2e88 80% 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;text-shadow:0 0 30px #22e0ff4d;-webkit-background-clip:text;background-clip:text;font-family:Silkscreen,monospace;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1;animation:3s linear infinite rgbWave}.tbs-logo-sub{letter-spacing:.4em;color:#fff9;white-space:normal;margin-top:.8rem;font-family:Silkscreen,monospace;font-size:.65rem}.tbs-welcome{letter-spacing:.15em;margin-top:.3rem;font-size:1rem;font-weight:700;color:#fff!important}.hob-section{background:#060610;padding:clamp(3rem,8vh,5rem) 1rem;font-family:Silkscreen,monospace;position:relative;overflow:hidden}.hob-bg{z-index:0;pointer-events:none;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%)}.hob-section:after{content:"";pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,#0000 0 3px,#0003 3px 4px);position:absolute;inset:0}.hob-intro{z-index:10;background:#060610;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding-top:0;padding-bottom:80vh;transition:opacity .5s;display:flex;position:absolute;inset:0}.hob-intro.hidden{opacity:0;pointer-events:none}.hob-intro-title{color:#fff;letter-spacing:.08em;text-shadow:0 0 20px #22e0ff80,4px 4px #ff2e88,-4px -4px #22e0ff;opacity:0;font-family:Silkscreen,monospace;font-size:clamp(1.4rem,5vw,2.8rem)}.hob-intro-title.show{animation:.5s steps(5,end) both hobTitleIn}@keyframes hobTitleIn{0%{opacity:0;transform:scale(.8)translateY(12px)}to{opacity:1;transform:none}}.hob-intro-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:560px;min-height:130px;display:flex}.hob-intro-icon{object-fit:contain;width:56px;height:56px;image-rendering:pixelated;opacity:0;filter:drop-shadow(0 2px 4px #0009);transform:scale(0)}.hob-intro-icon.pop{animation:.45s steps(5,end) both hobIconPop}@keyframes hobIconPop{0%{opacity:0;transform:scale(0)translateY(26px)}50%{opacity:1;transform:scale(1.35)translateY(-8px)}70%{transform:scale(.85)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}.hob-intro-icon.out{animation:.3s steps(4,end) both hobIconOut}@keyframes hobIconOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)translateY(-30px)}}.hob-intro-hint{letter-spacing:.3em;color:#fff6;font-family:Fira Code,monospace;font-size:.65rem;animation:1s step-end infinite hobBlink}@keyframes hobBlink{0%,49%{opacity:1}50%,to{opacity:.25}}.hob-card{opacity:0;transform:translateY(20px)scale(.95)}.hob-card.revealed{animation:.5s steps(5,end) both hobCardPop;animation-delay:var(--d,0s)}@keyframes hobCardPop{0%{opacity:0;transform:scale(.9)translateY(18px)}60%{opacity:1;transform:scale(1.03)translateY(-4px)}to{opacity:1;transform:none}}.hob-ach{color:#ffffffbf;opacity:0;background:#ffd84d0f;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .8rem;font-family:Fira Code,monospace;font-size:.72rem;display:flex;transform:scale(0)}.hob-card.unlocked .hob-ach{animation:.5s steps(5,end) both hobSkillUnlock,.8s steps(3,end) both hobUnlockFlash}@keyframes hobSkillUnlock{0%{opacity:0;transform:scale(0)rotate(-8deg)}60%{opacity:1;transform:scale(1.15)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes hobUnlockFlash{0%{background:#ffd84d59}to{background:#ffd84d0f}}.ach-star{color:#ffd84d;text-shadow:0 0 8px #ffd84dcc;flex-shrink:0;animation:1.2s steps(2,end) infinite hobStarTwinkle}.ach-star:last-child{animation-delay:.6s}@keyframes hobStarTwinkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.3)rotate(12deg)}}.hob-bar-mini>div{transform-origin:0;transition:transform .8s steps(8,end) .3s;transform:scaleX(0)}.hob-card.unlocked .hob-bar-mini>div{transform:scaleX(1)}.hob-sheet{z-index:2;opacity:0;max-width:1200px;margin:0 auto;transition:opacity .6s;position:relative}.hob-sheet.visible{opacity:1}.hob-hud{background:#060610d9;border:2px solid #22e0ff4d;outline:2px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex;box-shadow:6px 6px #0009}.hob-hud-left,.hob-hud-right{flex-direction:column;align-items:center;gap:.2rem;display:flex}.hob-hud-label{letter-spacing:.3em;color:#fff6;font-size:.55rem}.hob-hud-name{color:#ffd84d;text-shadow:0 0 10px #ffd84d99;font-size:1.2rem}.hob-hud-lvl{color:#22e0ff;text-shadow:0 0 10px #22e0ff99;font-size:1.5rem}.hob-hud-bars{flex-direction:column;flex:1;gap:.4rem;min-width:200px;display:flex}.hob-bar{align-items:center;gap:.5rem;font-size:.6rem;display:flex}.hob-bar-lbl{color:#ffffff80;letter-spacing:.1em;width:20px}.hob-bar-track{background:#ffffff14;border:1px solid #ffffff26;flex:1;height:10px;position:relative;overflow:hidden}.hob-bar-fill{width:0;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.hob-bar-fill.hp{background:linear-gradient(90deg,#22c55e,#4ade80);width:100%;box-shadow:0 0 8px #22c55e80}.hob-bar-fill.mp{background:linear-gradient(90deg,#22e0ff,#60a5fa);width:100%;box-shadow:0 0 8px #22e0ff80}.hob-bar-val{color:#fff6;letter-spacing:.1em;font-size:.55rem}.hob-header{text-align:center;margin-bottom:1.5rem}.hob-eyebrow{letter-spacing:.4em;color:#22e0ff;text-shadow:0 0 8px #22e0ff80;margin-bottom:.5rem;font-family:Fira Code,monospace;font-size:.65rem;display:block}.hob-title{color:#fff;letter-spacing:.08em;text-shadow:0 0 20px #22e0ff80,4px 4px #ff2e88,-4px -4px #22e0ff;margin:0;font-size:clamp(2rem,6vw,3.2rem)}.hob-tabs{flex-wrap:wrap;justify-content:center;gap:.3rem;margin-bottom:2rem;display:flex}.hob-tab{letter-spacing:.1em;color:#fff6;cursor:pointer;background:0 0;border:2px solid #ffffff1f;padding:.5rem 1rem;font-family:Silkscreen,monospace;font-size:.55rem;transition:all .12s steps(2,end);box-shadow:2px 2px #000}.hob-tab:hover{color:#fff;border-color:#fdfdfd80;transform:translate(-1px,-1px)}.hob-tab.active{color:#000;background:#fdfdfd;border-color:#fff}.hob-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.hob-card{animation:.4s steps(4,end) backwards hobCardIn;animation-delay:calc(var(--i,0) * 50ms);background:#0a0814d9;outline:3px solid #000;flex-direction:column;gap:.8rem;padding:1.2rem;transition:all .15s steps(2,end);display:flex;box-shadow:4px 4px #0009}.hob-card:hover{border-color:#22e0ff;transform:translate(-2px,-2px);box-shadow:6px 6px #0009,0 0 20px #ffffff40}.hob-card.hidden{display:none}@keyframes hobCardIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:none}}.hob-card-head{border-bottom:2px dashed #ffffff14;align-items:center;gap:.8rem;padding-bottom:.6rem;display:flex}.hob-icon{object-fit:contain;width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #0009);flex-shrink:0}.hob-icon-fb{background:#22e0ff1a;border:2px solid #22e0ff4d;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.hob-name{color:#fff;letter-spacing:.02em;margin:0 0 .2rem;font-size:.9rem;font-family:Silkscreen,monospace!important}.hob-class{letter-spacing:.15em;color:#ff2e88;font-family:Fira Code,monospace;font-size:.55rem}.hob-lvl{color:#ffd84d;text-shadow:0 0 8px #ffd84d80;margin-left:auto;font-size:.75rem}.hob-desc{color:#ffffffb3;margin:0;font-family:Kanit,sans-serif;font-size:.85rem;font-weight:300;line-height:1.6}.hob-stats{flex-direction:column;gap:.35rem;display:flex}.hob-stat{align-items:center;gap:.5rem;font-size:.65rem;display:flex}.hob-stat>span:first-child{color:#ffffff80;letter-spacing:.1em;width:50px}.hob-stat-val{color:#fff;font-weight:700}.hob-bar-mini{background:#ffffff14;border:1px solid #ffffff1a;flex:1;height:8px;overflow:hidden}.hob-bar-mini>div{background:linear-gradient(90deg,#22e0ff,#ff2e88);height:100%;box-shadow:0 0 6px #22e0ff66}.hob-tools{flex-wrap:wrap;gap:.3rem;display:flex}.hob-tool{color:#fff9;letter-spacing:.05em;background:#ffffff0a;padding:.2rem .5rem;font-family:Fira Code,monospace;font-size:.6rem}.hob-ach{color:#ffffffbf;background:#ffd84d0f;align-items:flex-start;gap:.5rem;padding:.6rem .8rem;font-family:Fira Code,monospace;font-size:.72rem;display:flex}.hob-ach>span:first-child{color:#ffd84d;text-shadow:0 0 8px #ffd84d99;flex-shrink:0}.hob-view{letter-spacing:.1em;cursor:pointer;justify-content:space-between;align-items:center;margin-top:auto;padding:.6rem .8rem;font-family:Silkscreen,monospace;font-size:.65rem;transition:all .12s steps(2,end);display:flex}.hob-view:hover{color:#000;background:#fdfdfd;border-color:#fff;transform:translate(-1px,-1px)}.hob-view-count{color:#ffffff80;font-size:.55rem}.hob-view:hover .hob-view-count{color:#0009}.hob-scroll{background:#0000004d;border:2px solid #ff2e8833;padding:.8rem}.hob-scroll-text{color:#fffc;min-height:60px;margin-bottom:.6rem;font-family:Kanit,sans-serif;font-size:.85rem;font-weight:300;line-height:1.7}.hob-scroll-nav{justify-content:center;align-items:center;gap:1rem;display:flex}.hob-scroll-nav button{color:#ff2e88;cursor:pointer;background:0 0;border:2px solid #ff2e8866;padding:.2rem .6rem;font-family:Silkscreen,monospace;font-size:.9rem}.hob-scroll-nav button:hover{color:#000;background:#ff2e88}.hob-scroll-nav span{color:#ffffff80;font-size:.65rem}.hob-foot{letter-spacing:.2em;color:#ffffff4d;border-top:2px dashed #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2.5rem;padding:1rem;font-size:.55rem;display:flex}.hob-inspector{z-index:9999;opacity:0;pointer-events:none;background:radial-gradient(#0f1428f0 0%,#03030af7 100%);justify-content:center;align-items:center;padding:1rem;transition:opacity .25s;display:flex;position:fixed;inset:0}.hob-inspector.open{opacity:1;pointer-events:all}.hob-inspector:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 3px,#22e0ff0a 3px 4px);position:absolute;inset:0}.hob-insp-window{z-index:2;background:linear-gradient(#090a14fa 100%);flex-direction:column;width:min(920px,100%);max-height:90vh;animation:.35s steps(5,end) both hobInspIn;display:flex;position:relative}@keyframes hobInspIn{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:none}}.hob-insp-window:before,.hob-insp-window:after{content:"";pointer-events:none;z-index:3;width:22px;height:22px;position:absolute}.hob-insp-head{background:#060610;border-bottom:2px solid #ffffff59;justify-content:space-between;align-items:center;padding:.7rem 1.1rem;display:flex;position:relative}.hob-insp-title{letter-spacing:.28em;align-items:center;gap:.6rem;font-family:Silkscreen,monospace;font-size:.72rem;display:flex}.hob-insp-title:before{color:#22e0ff;animation:1.4s steps(2,end) infinite inspTitlePulse}@keyframes inspTitlePulse{0%,to{opacity:1}50%{opacity:.35}}.hob-insp-close{color:#ff2e88;cursor:pointer;background:#ff2e8814;border:2px solid #ff2e8880;width:30px;height:30px;font-family:Silkscreen,monospace;transition:all .12s steps(2,end);box-shadow:2px 2px #000}.hob-insp-close:hover{color:#000;background:#ff2e88;border-color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px #000,0 0 16px #ff2e8880}.hob-insp-close:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.hob-insp-body{grid-template-columns:1fr 270px;gap:1rem;padding:1rem;display:grid;overflow-y:auto}.hob-insp-img-wrap{background:radial-gradient(circle,#22e0ff0f,#0000 65%),#000;outline:1px solid #000;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative}.hob-insp-img-wrap img{object-fit:contain;filter:drop-shadow(0 6px 18px #0009);max-width:100%;max-height:70vh;transition:opacity .15s}.hob-insp-arrow{color:#fdfdfd;cursor:pointer;z-index:2;background:#080a16e6;width:42px;height:42px;font-family:Silkscreen,monospace;font-size:1rem;transition:all .12s steps(2,end);position:absolute;top:50%;transform:translateY(-50%);box-shadow:3px 3px #000}.hob-insp-arrow:hover{color:#000;background:#f8f8f8;border-color:#fff}.hob-insp-arrow:active{transform:translateY(-50%)translate(2px,2px);box-shadow:1px 1px #000}.hob-insp-arrow.left{left:12px}.hob-insp-arrow.right{right:12px}.hob-insp-info{background:#0b0b1d;outline:1px solid #000;flex-direction:column;padding:.8rem;display:flex;box-shadow:4px 4px #00000080}.hob-insp-row{color:#ffffffbf;justify-content:space-between;align-items:baseline;padding:.45rem 0;font-family:Fira Code,monospace;font-size:.7rem;display:flex}.hob-insp-row span:first-child{color:#fffffd;letter-spacing:.18em;font-size:.62rem}.hob-insp-divider{opacity:.6;background:repeating-linear-gradient(90deg,#fdfdfd 0 5px,#0000 5px 10px);height:2px;margin:.7rem 0}.hob-insp-strip{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.hob-insp-strip img{object-fit:cover;opacity:.45;cursor:pointer;width:52px;height:52px;image-rendering:pixelated;border:2px solid #ffffff26;outline:1px solid #000;transition:all .15s steps(2,end)}.hob-insp-strip img:hover{opacity:.85;border-color:#fdfdfd;transform:translate(-1px,-1px)}.hob-insp-strip img.active{opacity:1;border-color:#fdfdfd}@media (width<=768px){.hob-insp-img-wrap{min-height:240px}.hob-insp-arrow{width:36px;height:36px;font-size:.85rem}.hob-insp-body,.hob-grid{grid-template-columns:1fr}.hob-hud{text-align:center;flex-direction:column}.hob-card-wide{grid-column:1}.hob-intro{padding-bottom:250vh}}.hob-vfx-tags{flex-wrap:wrap;gap:.35rem;display:flex}.vfx-tag{color:#fff;letter-spacing:.05em;border:1px solid #ffffff40;padding:.2rem .55rem;font-family:Fira Code,monospace;font-size:.58rem;transition:all .15s steps(2,end)}.vfx-tag:hover{background:#ff2e8833;border-color:#ff2e88;transform:translateY(-1px)}.ty-section{background:#060610;min-height:100vh;padding:clamp(3rem,8vh,5rem) 1rem;font-family:Silkscreen,monospace;position:relative;overflow:hidden}.ty-bg-grid{pointer-events:none;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(90% 80%,#000 30%,#0000 100%)}.ty-bg-scanlines{pointer-events:none;z-index:5;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000040 3px 4px);position:absolute;inset:0}.ty-wrap{z-index:2;max-width:720px;margin:0 auto;position:relative}.ty-screen{background:#000;border:4px solid #1a1a2e;border-radius:24px;padding:1.5rem;position:relative;box-shadow:0 0 0 2px #000,0 0 0 6px #225dff14,0 0 60px #fdfdfd26,0 20px 80px #000c}.ty-bezel{z-index:3;background:#1a1a2e;border:2px solid #000;border-top:none;border-radius:0 0 10px 10px;padding:.3rem 1.2rem;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.ty-bezel-label{letter-spacing:.3em;color:#22a7ff;text-shadow:0 0 4px #22e0ff66;font-size:.5rem}.ty-display{background:radial-gradient(#0a0a1a 0%,#000 100%);border:2px solid #2294ff33;border-radius:14px;flex-direction:column;align-items:center;gap:1.5rem;min-height:600px;padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem);display:flex;position:relative;overflow:hidden}.ty-display:before{content:"";pointer-events:none;z-index:4;background:radial-gradient(#0000 50%,#0009 100%);position:absolute;inset:0}.ty-display:after{content:"";pointer-events:none;z-index:3;background:#22e0ff04;animation:4s ease-in-out infinite tyFlicker;position:absolute;inset:0}@keyframes tyFlicker{0%,92%,to{opacity:1}94%{opacity:.85}96%{opacity:1}98%{opacity:.9}}.ty-hud{letter-spacing:.15em;color:#fff;z-index:2;border-bottom:2px dashed #fff3;justify-content:space-between;width:100%;padding-bottom:.8rem;font-size:.65rem;display:flex}.ty-hud-center{color:#ff2e88;text-shadow:0 0 8px #ff2e8899;animation:1.5s step-end infinite tyBlink}@keyframes tyBlink{0%,49%{opacity:1}50%,to{opacity:.3}}.ty-title-wrap{text-align:center;z-index:2;padding:1rem 0}.ty-pre-title{letter-spacing:.3em;color:#ffffff80;margin-bottom:.8rem;font-size:.6rem}.ty-title{letter-spacing:.08em;color:#fff;text-shadow:0 0 20px #22e0ffcc, 4px 4px 0 var(--hh-pink,#ff2e88), -4px -4px 0 var(--hh-cyan,#22e0ff);margin:0 0 1rem;font-family:Silkscreen;font-size:clamp(2rem,9vw,5rem);font-weight:700;line-height:1;animation:4s step-end infinite tyFlicker;position:relative}.ty-title:before,.ty-title:after{content:attr(data-text);color:#fff;text-shadow:inherit;pointer-events:none;position:absolute;inset:0}.ty-title:before{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:3s linear infinite tyRgbWave,8s infinite tyGlitchA}.ty-title:after{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:3s linear infinite tyRgbWave,8s infinite tyGlitchB}@keyframes tyRgbWave{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes tyGlitchA{0%,91%,to{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-1px)}93%{opacity:0}95%{opacity:.5;transform:translate(3px,1px)}96%{opacity:0}}@keyframes tyGlitchB{0%,91%,to{opacity:0;transform:none}92%{opacity:.7;transform:translate(3px,1px)}93%{opacity:0}95%{opacity:.5;transform:translate(-3px,-1px)}96%{opacity:0}}.ty-sub-title{letter-spacing:.25em;color:#ffffff80;font-family:Silkscreen,monospace;font-size:.7rem}@keyframes tyTrophyGlow{0%,to{text-shadow:0 0 8px #ffd84d80}50%{text-shadow:0 0 18px #ffd84de6,0 0 30px #ffd84d66}}.ty-message .ty-msg-text,#ty-msg{letter-spacing:0!important;font-family:Silkscreen,monospace!important;font-size:.71rem!important}.ty-message{color:#ffffffd9;z-index:2;background:#226fff0a;border-radius:4px;width:100%;max-width:520px;min-height:3.5rem;padding:1rem 1.2rem;font-family:Fira Code,monospace;font-size:.78rem;line-height:1.7;position:relative}.ty-msg-cursor{color:#fff;text-shadow:0 0 6px #fffc;margin-right:.4rem;animation:.8s step-end infinite tyBlink}.ty-menu{z-index:2;width:100%;max-width:460px;margin-top:.5rem}.ty-menu-label{text-align:center;letter-spacing:.3em;color:#fff6;margin-bottom:.8rem;font-family:Silkscreen;font-size:.6rem}.ty-menu-options{flex-direction:column;gap:.5rem;display:flex}.ty-btn{color:#fff;background:#ffffff08;border:2px solid #ffffff26;align-items:center;gap:1rem;padding:.85rem 1.2rem;text-decoration:none;transition:all .12s steps(2,end);display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #000}.ty-btn:before{content:"▶";color:#ffd84d;text-shadow:0 0 8px #ffd84dcc;opacity:0;transition:all .2s;position:absolute;left:-1rem}.ty-btn:hover{border-color:#fff;padding-left:2rem;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.ty-btn:hover:before{opacity:1;left:.8rem}.ty-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.ty-btn[data-color=red]:hover{background:#ff33331a;border-color:#f33}.ty-btn[data-color=white]:hover{background:#ffffff14;border-color:#fff}.ty-btn[data-color=pink]:hover{background:#ff2e881a;border-color:#ff2e88}.ty-btn-key{width:32px;height:32px;color:inherit;background:#000;border:2px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-family:Silkscreen,monospace;font-size:.9rem;display:flex;box-shadow:inset 0 0 0 2px #ffffff1a}.ty-btn[data-color=red] .ty-btn-key{color:#f33}.ty-btn[data-color=white] .ty-btn-key{color:#fff}.ty-btn[data-color=pink] .ty-btn-key{color:#ff2e88}.ty-btn-label{letter-spacing:.1em;flex:1;font-family:Silkscreen;font-size:.85rem}.ty-btn-arrow{color:#fff3;transition:all .25s}.ty-btn:hover .ty-btn-arrow{color:#ffd84d;text-shadow:0 0 8px #ffd84d99;transform:translate(4px)}.ty-restart{color:#000;letter-spacing:.15em;cursor:pointer;z-index:2;background:#ffd84d;border:2px solid #fff;align-items:center;gap:.6rem;margin-top:1.5rem;padding:.75rem 2rem;font-family:Silkscreen,monospace;font-size:.8rem;font-weight:700;transition:all .12s steps(2,end);display:flex;box-shadow:0 0 0 2px #000,4px 4px #000,0 0 20px #ffd84d66}.ty-restart:hover{background:#22e0ff;transform:translate(-2px,-2px);box-shadow:0 0 0 2px #000,6px 6px #000,0 0 28px #22e0ff99}.ty-restart:active{transform:translate(2px,2px);box-shadow:0 0 0 2px #000,1px 1px #000}.ty-restart-icon{font-size:1rem;animation:1.2s step-end infinite tyBlink}.ty-foot{letter-spacing:.2em;color:#ffffff40;z-index:2;border-top:2px dashed #ffffff1a;justify-content:space-between;width:100%;margin-top:auto;padding-top:.8rem;font-size:.5rem;display:flex}.ty-screen{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)scale(.95)}.ty-screen.is-revealed{opacity:1;transform:translateY(0)scale(1)}@media (width<=600px){.ty-screen{border-radius:18px;padding:1rem}.ty-display{min-height:500px;padding:1.5rem 1rem}.ty-trophy{font-size:.45rem}.ty-hud{flex-wrap:wrap;gap:.3rem;font-size:.5rem}.ty-btn-label{font-size:.75rem}.ty-foot{gap:.3rem;font-size:.45rem}}.ty-btn-logo{object-fit:contain;filter:drop-shadow(0 0 4px #00000080);width:24px;height:24px;image-rendering:pixelated;flex-shrink:0;transition:transform .25s,filter .25s}.ty-btn:hover .ty-btn-logo{transform:scale(1.15)rotate(-5deg)}.ty-btn[data-color=red]:hover .ty-btn-logo{filter:drop-shadow(0 0 6px #f33c)drop-shadow(0 0 12px #f336)}.ty-btn[data-color=white]:hover .ty-btn-logo{filter:drop-shadow(0 0 6px #fffc)drop-shadow(0 0 12px #fff6)}.ty-btn[data-color=pink]:hover .ty-btn-logo{filter:drop-shadow(0 0 6px #ff2e88cc)drop-shadow(0 0 12px #ff2e8866)}@media (width<=600px){.ty-btn-logo{width:20px;height:20px}}@media (width<=400px){.ty-btn-logo{width:18px;height:18px}}.hero-right{padding:1.5rem 2.5rem}.holo-proj{flex-shrink:0;width:min(340px,48vw);height:min(520px,76vh);position:relative}.holo-ambient{filter:blur(28px);pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle,#00d4ff33 0%,#b847f51f 40%,#0000 70%);border-radius:50%;width:260px;height:260px;animation:4s ease-in-out infinite holoAmbient;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes holoAmbient{0%,to{opacity:.65;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.holo-ring{pointer-events:none;border-style:solid;border-color:#0000;border-radius:50%;position:absolute;top:42%;left:50%}.holo-ring-1{border-width:1px;border-top-color:#00d4ffd9;border-right-color:#00d4ff40;width:260px;height:260px;margin:-130px 0 0 -130px;animation:7s linear infinite holoRingCW;box-shadow:inset 0 0 20px #00d4ff0f}.holo-ring-2{border-width:1px;border-bottom-color:#0088ff4d;border-left-color:#008cff;width:320px;height:320px;margin:-160px 0 0 -160px;animation:11s linear infinite holoRingCCW}.holo-ring-3{border-width:1px;border-top-color:#fff;border-left-color:#ffffff26;width:390px;height:390px;margin:-195px 0 0 -195px;animation:19s linear infinite holoRingCW}@keyframes holoRingCW{to{transform:rotate(360deg)}}@keyframes holoRingCCW{to{transform:rotate(-360deg)}}.holo-brk{pointer-events:none;border-style:solid;border-color:#00d4ff8c;width:16px;height:16px;animation:3s ease-in-out infinite holoBrkPulse;position:absolute}.holo-brk-tl{border-width:2px 0 0 2px;top:2px;left:2px}.holo-brk-tr{border-width:2px 2px 0 0;top:2px;right:2px}.holo-brk-bl{border-width:0 0 2px 2px;bottom:76px;left:2px}.holo-brk-br{border-width:0 2px 2px 0;bottom:76px;right:2px}@keyframes holoBrkPulse{0%,to{border-color:#00d4ff8c}50%{filter:drop-shadow(0 0 5px #00d4ff80);border-color:#00d4ff}}.holo-tag{letter-spacing:2px;text-transform:uppercase;color:#ffffff59;white-space:nowrap;z-index:10;align-items:center;gap:.35rem;font-family:JetBrains Mono,monospace;font-size:.52rem;font-weight:700;display:flex;position:absolute}.holo-tag-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.5s infinite blink}.holo-tag-tl{top:10px;left:24px}.holo-tag-tr{top:10px;right:24px}.holo-char-wrap{z-index:5;width:min(230px,40vw);animation:5s ease-in-out infinite holoCharFloat;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}@keyframes holoCharFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-16px)}}.holo-chr{pointer-events:none;width:100%;display:block;position:absolute;top:0;left:0}.holo-chr-r{opacity:.28;mix-blend-mode:screen;filter:drop-shadow(0 0 5px #f547a8b3);animation:9s ease-in-out infinite holoChromaR;transform:translate(3px,1px)}@keyframes holoChromaR{0%,88%,to{opacity:.28;transform:translate(3px,1px)}90%{opacity:.55;transform:translate(7px,-2px)}91%{opacity:.1;transform:translate(-2px,1px)}92%{opacity:.28;transform:translate(3px,1px)}95%{opacity:.45;transform:translate(9px,-3px)}96%{opacity:.28;transform:translate(3px,1px)}}@keyframes holoChromaB{0%,88%,to{opacity:.28;transform:translate(-3px,-1px)}90%{opacity:.55;transform:translate(-7px,2px)}91%{opacity:.1;transform:translate(2px,-1px)}92%{opacity:.28;transform:translate(-3px,-1px)}95%{opacity:.45;transform:translate(-9px,3px)}96%{opacity:.28;transform:translate(-3px,-1px)}}.holo-char-img{z-index:2;filter:drop-shadow(0 0 22px #00d4ffbf)drop-shadow(0 0 55px #00d4ff61)drop-shadow(0 -12px 28px #b847f547);width:100%;animation:3.5s ease-in-out infinite holoCharGlow;display:block;position:relative}@keyframes holoCharGlow{0%,to{filter:drop-shadow(0 0 22px #00d4ffbf)drop-shadow(0 0 55px #00d4ff61)}50%{filter:drop-shadow(0 0 32px #00d4ff)drop-shadow(0 0 90px #00d4ff8c)drop-shadow(0 0 22px #b847f573)}}.holo-scanlines{pointer-events:none;z-index:6;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00d4ff06 3px 4px);position:absolute;inset:0}.holo-beam{pointer-events:none;z-index:7;background:linear-gradient(#0000,#00d4ff0b,#0000);height:40px;animation:4s linear infinite holoBeam;position:absolute;top:-40px;left:0;right:0}@keyframes holoBeam{0%{top:-40px}to{top:calc(100% + 40px)}}.holo-flicker{pointer-events:none;z-index:8;animation:8s step-start infinite holoFlicker;position:absolute;inset:0}@keyframes holoFlicker{0%,93%,to{opacity:0}94%{opacity:1;background:#00d4ff12}94.3%{opacity:0}95.5%{opacity:1;background:#ffffff08}95.8%{opacity:0}97%{opacity:1;background:#00d4ff0d}97.2%{opacity:0}98.5%{opacity:1;background:#00d4ff0a}98.7%{opacity:0}}.holo-cone{pointer-events:none;z-index:2;clip-path:polygon(35% 100%,65% 100%,100% 0%,0% 0%);background:linear-gradient(#0000 0%,#00d4ff12 45%,#00d4ff40 100%);width:220px;height:90px;animation:3.5s ease-in-out infinite holoCone;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}@keyframes holoCone{0%,to{opacity:.8}50%{opacity:1}}.holo-base{z-index:6;justify-content:center;align-items:center;width:220px;height:56px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.holo-base-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.holo-base-ring{pointer-events:none;border-style:solid;border-radius:50%;position:absolute}.holo-base-ring-1{width:218px;height:46px;animation:2s ease-in-out infinite holoBaseGlow;box-shadow:0 0 18px #08f,0 0 50px #ffffff1f}.holo-base-ring-2{border-width:1px;border-color:#4faaff;width:148px;height:30px;animation:2s ease-in-out .6s infinite holoBaseGlow;box-shadow:0 0 12px #ffffff2e}@keyframes holoBaseGlow{0%,to{filter:brightness(.8)}50%{filter:brightness(1.4)}}.holo-base-label{z-index:2;letter-spacing:3px;color:#00d4ff66;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.44rem;animation:2s step-end infinite blink;position:relative}@media (width<=900px){.holo-proj{width:min(270px,82vw);height:min(410px,60vh)}.holo-ring-1{width:200px;height:200px;margin:-100px 0 0 -100px}.holo-ring-2{width:248px;height:248px;margin:-124px 0 0 -124px}.holo-ring-3{width:296px;height:296px;margin:-148px 0 0 -148px}.holo-char-wrap{width:min(185px,68vw)}.holo-tag{display:none}}