:root{--bg:#07060d;--panel:#0d0b17;--panel2:#13101f;--line:#eeeaf724;--line2:#eeeaf747;--ink:#eeeaf7;--pxink:#c9c2db;--mute:#b9b2cc;--dim:#8a84a0;--pink:#ff3ea5;--violet:#b14dff;--cyan:#3ee8ff;--green:#5cffa0;--amber:#ffc46b;--paper:#f3ebd3;--g:12px;--r:14px}*{box-sizing:border-box}img{max-width:100%;height:auto}html{background:radial-gradient(900px 600px at 0% 0%,#ff3ea524,transparent 60%),radial-gradient(900px 700px at 100% 10%,#7c4dff29,transparent 60%),var(--bg) fixed}body{color:var(--ink);background:0 0;margin:0;font:400 16px/1.65 IBM Plex Sans Thai,system-ui,sans-serif;overflow-x:hidden}.sechead h2,.stat b,.feat h3,.sc h3,.cta h2{color:var(--pxink)}#rain{z-index:-1;pointer-events:none;opacity:.28;width:100%;height:100%;position:fixed;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 45%,#00000059,#000 85%);mask-image:radial-gradient(75% 70% at 50% 45%,#00000059,#000 85%)}a{color:inherit}.px{letter-spacing:.02em;font-family:Sixtyfour,monospace}.mono{font-family:IBM Plex Mono,monospace}.lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500}.shell{max-width:1320px;padding:0 var(--g);margin:0 auto}.menubar{z-index:10;height:44px;margin:0 calc(var(--g)*-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#090810db;align-items:center;gap:4px;padding:0 12px;font-family:IBM Plex Mono,monospace;font-size:13px;display:flex;position:sticky;top:0}.menubar .logo{align-items:center;gap:8px;margin-right:12px;font-weight:500;display:flex}.menubar .logo i{background:linear-gradient(135deg,var(--pink),var(--violet) 55%,var(--cyan));border-radius:4px;width:14px;height:14px}.menubar a{color:var(--mute);align-items:center;height:44px;padding:0 12px;text-decoration:none;display:flex}.menubar a:hover{color:var(--ink);background:#ffffff0d}.menubar .sp{flex:1}.menubar .clock{color:var(--green)}.win{border:1px solid var(--line);border-radius:var(--r);background:#0d0b17e6;flex-direction:column;min-width:0;display:flex;overflow:hidden}.tb{border-bottom:1px solid var(--line);background:#13101feb;flex-shrink:0;align-items:center;gap:10px;height:34px;padding:0 12px;display:flex}.tb .dots{gap:6px;display:flex}.tb .dots b{background:#eeeaf72e;border-radius:9px;width:9px;height:9px}.tb .t{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-family:IBM Plex Mono,monospace;font-size:12px;overflow:hidden}.tb .r{color:var(--dim);margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:12px}.body{flex-direction:column;flex:1;gap:14px;min-width:0;padding:24px;display:flex}.grid{gap:var(--g);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.s12{grid-column:span 12}.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}.s3{grid-column:span 3}section{margin-top:var(--g)}.sechead{border-bottom:1px solid var(--line);margin-bottom:var(--g);justify-content:space-between;align-items:end;gap:16px;padding:56px 4px 16px;display:flex}.sechead h2{letter-spacing:.01em;margin:0;font-family:Sixtyfour,monospace;font-size:clamp(19.8px,2.34vw,32.4px);font-weight:400;line-height:1.08}.sechead h2 small{letter-spacing:0;color:var(--mute);margin-top:8px;font-family:IBM Plex Sans Thai,sans-serif;font-size:18px;font-weight:600;line-height:1.3;display:block}.sechead .n{color:var(--dim);font-family:Sixtyfour,monospace;font-size:12.6px}.hero{margin-top:var(--g);grid-auto-rows:minmax(0,auto)}.crt{background:#050508;min-height:520px;position:relative}.crt .scr{background:radial-gradient(at 50% 40%,#5cffa012,#0000 70%);flex-direction:column;flex:1;justify-content:space-between;gap:28px;padding:36px 40px 32px;display:flex;position:relative}.crt .scr:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);position:absolute;inset:0}.boot{color:var(--green);opacity:.9;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.85}.boot .d{color:var(--dim)}h1{letter-spacing:-.01em;text-transform:uppercase;margin:0;font-family:Sixtyfour,monospace;font-size:clamp(34.2px,4.68vw,68.4px);font-weight:400;line-height:1.08}h1 .a{color:var(--pxink);display:block}h1 .b{background:linear-gradient(90deg,var(--pink),var(--violet) 55%,var(--cyan));color:#0000;text-shadow:0 0 40px #ff3ea540;-webkit-background-clip:text;background-clip:text;display:block}.cur{vertical-align:baseline;background:linear-gradient(var(--green) 72%,transparent 72%) 0 0/100% calc(.83em / 8);width:.6em;height:.83em;margin-left:.1em;animation:1.1s step-end infinite bl;display:inline-block}@keyframes bl{50%{opacity:0}}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.hero-foot p{max-width:430px;color:var(--mute);margin:0;font-size:18px;line-height:1.6}.btns{flex-wrap:wrap;gap:8px;display:flex}.btn{letter-spacing:.04em;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn.p{background:var(--pink);color:#0b0610;box-shadow:0 0 0 1px #ff3ea566,0 10px 34px -10px #ff3ea5cc}.btn.g{border:1px solid var(--line2);color:var(--ink);background:#ffffff08}.btn:hover{transform:translateY(-1px)}.side{gap:var(--g);grid-template-rows:auto 1fr auto;display:grid}.note{z-index:2;width:50%;margin:-2px auto 4px;position:relative;transform:rotate(-4deg)}.note img{filter:drop-shadow(0 16px 18px #0009);width:100%;height:auto;display:block}.note:before{content:"";z-index:1;background:#fff6;width:34%;height:12%;margin-left:-17%;position:absolute;top:-4px;left:50%;transform:rotate(5deg);box-shadow:0 1px 3px #0003}.desk{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.idc img.ph{object-fit:cover;border:1px solid var(--line2);border-radius:10px;width:100%;display:block}.stat{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.stat div{background:var(--panel);flex-direction:column;gap:2px;padding:16px 18px;display:flex}.stat b{color:var(--ink);font-family:Sixtyfour,monospace;font-size:20.7px;font-weight:400;line-height:1.08}.stat b.gr{color:var(--green)}.slot{text-align:center;color:var(--amber);background:repeating-linear-gradient(135deg,#ffc46b0d 0 10px,#0000 10px 20px);border:1px dashed #ffc46b80;border-radius:10px;justify-content:center;align-items:center;padding:16px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.6;display:flex;position:relative}.slot b{letter-spacing:.12em;font-weight:500;display:block}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--line2);color:var(--mute);border-radius:999px;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:12px}.filters{flex-wrap:wrap;gap:6px;display:flex}.filters button{border:1px solid var(--line2);min-height:40px;color:var(--mute);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:8px;padding:0 14px;font-family:IBM Plex Mono,monospace;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.proj{transition:border-color .25s,transform .25s}.proj:hover{border-color:#ff3ea599;transform:translateY(-2px)}.proj[hidden]{display:none}.thumb{aspect-ratio:16/10;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.thumb .g{position:absolute;inset:0}.thumb .g:after{content:"";background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0}.thumb .slot{border-radius:8px;position:absolute;inset:14px}.pn{flex-direction:column-reverse;align-items:flex-start;gap:4px;display:flex}.pn h3{margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:24px;font-weight:600;line-height:1.2}.pn .grp{letter-spacing:.12em;color:var(--cyan);font-family:IBM Plex Mono,monospace;font-size:11px}.proj p{color:var(--mute);margin:0;font-size:15px;line-height:1.6}.phase{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:auto;padding-top:6px;display:grid}.phase span{background:#eeeaf71a;border-radius:2px;height:6px}.phase span.on{background:var(--green);box-shadow:0 0 10px #5cffa080}.phase span.half{background:linear-gradient(90deg,var(--green) 50%,#eeeaf71a 50%);animation:1.6s step-end infinite bl}.phl{letter-spacing:.1em;color:var(--dim);justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.phl b{color:var(--green);font-weight:500}.plinks{flex-wrap:wrap;gap:6px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.plinks a{color:var(--cyan);text-decoration:none}.feat .thumb{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);flex:1;min-height:360px}.feat{flex-direction:row}.feat .body{justify-content:center;max-width:440px;padding:36px}.feat h3{margin:0;font-family:Sixtyfour,monospace;font-size:37.8px;font-weight:400;line-height:1.08}.tv{background:#0a0912}.tv .scr{aspect-ratio:9/16;border:1px solid var(--line2);border-radius:18px/22px;justify-content:center;align-items:center;margin:14px;display:flex;position:relative;overflow:hidden}.tv .scr:after{content:"";background:repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0}.tv .cap{color:var(--dim);justify-content:space-between;padding:0 16px 16px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.tv{cursor:pointer;text-decoration:none}.tv .scr{aspect-ratio:16/9}.tv .badge{z-index:1;background:var(--pink);color:#0b0610;letter-spacing:.12em;border-radius:6px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;position:absolute;top:10px;left:10px}.tv .scr img{object-fit:cover;filter:saturate(.85)contrast(1.05);width:100%;height:100%;transition:filter .3s,transform .6s;position:absolute;inset:0}.tv .play{z-index:1;border:1px solid var(--line2);width:52px;height:52px;color:var(--ink);background:#07060db8;border-radius:50%;justify-content:center;align-items:center;padding-left:4px;font-size:16px;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.tv:hover .scr img,.tv:focus-visible .scr img{filter:none;transform:scale(1.04)}.tv:hover .play,.tv:focus-visible .play{background:var(--pink);color:#0b0610;border-color:var(--pink);transform:scale(1.08)}.tv:hover .tb .t{color:var(--ink)}.player{background:0 0;border:0;width:min(1100px,100vw - 32px);max-width:none;padding:0;overflow:visible}.player.short{width:min(420px,56.25svh - 61.875px,100vw - 32px)}.player::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040308d1}.player .win{box-shadow:0 30px 80px -20px #000c,0 0 0 1px #ff3ea540}.pl-x{cursor:pointer;min-height:34px;color:var(--dim);background:0 0;border:0;padding:0 4px;font-family:IBM Plex Mono,monospace;font-size:12px}.pl-x:hover{color:var(--pink)}.pl-x:focus{outline:none}.pl-x:focus-visible{outline:1px solid var(--pink);outline-offset:2px}.pl-scr{aspect-ratio:16/9;background:#000}.player.short .pl-scr{aspect-ratio:9/16}.pl-scr iframe{border:0;width:100%;height:100%;display:block}.onair{color:#ff6e8e;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:12px;display:inline-flex}.onair:before{content:"";background:#ff3e6c;border-radius:8px;width:8px;height:8px;box-shadow:0 0 10px #ff3e6c}.idc{grid-template-columns:200px 1fr;align-items:start;gap:24px;display:grid}.idc .ph{aspect-ratio:4/5}.idc .kv{grid-template-columns:1fr;gap:4px;margin:0}.idc .kv dd{letter-spacing:.06em;white-space:nowrap;margin-bottom:12px;font-size:15px}.idc .kv dd:last-child{margin-bottom:0}.kv{grid-template-columns:max-content 1fr;gap:6px 18px;font-family:IBM Plex Mono,monospace;font-size:13px;display:grid}.kv dt{color:var(--dim);letter-spacing:.1em;padding-top:2px;font-size:11px}.kv dd{color:var(--ink);margin:0}.big{margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.25}.about{flex-direction:column;gap:18px;min-width:0;display:flex}@media (width>=981px){.about .float{aspect-ratio:auto;flex:1;min-height:0}}@media (width>=981px) and (width<=1300px){.float .ship{height:36%;top:30%}}.amedia{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line2);border-radius:var(--r);width:100%;display:block}.amedia.slot{height:auto}.float{background:radial-gradient(at 50% 88%,#5cffa021,#0000 55%),linear-gradient(#5cffa00d 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#5cffa00d 1px,#0000 1px) 0 0/28px 28px,#060e0a;position:relative;overflow:hidden}.ship{text-align:center;height:44%;animation:3.4s ease-in-out infinite hover;position:absolute;top:28%;left:0;right:0}.car{max-width:86%;height:100%;display:inline-block;position:relative}.ship img{object-fit:contain;filter:drop-shadow(0 0 8px #5cffa073);width:auto;max-width:100%;height:100%;display:block}.jet{filter:blur(4px);background:radial-gradient(closest-side,#a0ffc8d9,#5cffa059 45%,#0000);border-radius:50%;width:15%;height:22%;animation:.5s ease-in-out infinite alternate jet;position:absolute;top:96%;left:19%;transform:translate(-50%)}.jet.r{animation-delay:.25s;left:81%}.fl-sh{background:radial-gradient(closest-side,#5cffa04d,#0000);border-radius:50%;height:6%;animation:3.4s ease-in-out infinite shadow;position:absolute;bottom:15%;left:28%;right:28%}.fl-tags{z-index:1;justify-content:center;padding:0 16px;position:absolute;bottom:5%;left:0;right:0}.fl-tags .tag{color:var(--green);background:#060e0ab3;border-color:#5cffa04d}@keyframes hover{0%,to{transform:translateY(0)rotate(-.8deg)}50%{transform:translateY(-5%)rotate(.6deg)}}@keyframes jet{0%{opacity:.55;transform:translate(-50%)scaleY(.8)}to{opacity:1;transform:translate(-50%)scaleY(1.1)}}@keyframes shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.55;transform:scaleX(.8)}}.big .p{color:var(--pink)}.big .c{color:var(--cyan)}.sc{flex-direction:column;justify-content:space-between;gap:6px;min-height:200px;text-decoration:none;display:flex}.sc .ic{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-family:Sixtyfour,monospace;font-size:14.4px;display:flex}.sc h3{margin:0;font-family:Sixtyfour,monospace;font-size:25.2px;font-weight:400;line-height:1.08}.sc p{color:var(--mute);margin:0}.cta{text-align:left;background:radial-gradient(600px 300px at 90% 120%,#ff3ea566,transparent 70%),var(--panel);grid-template-columns:1fr auto;align-items:end;gap:24px;padding:48px 40px;display:grid}.cta h2{text-transform:uppercase;margin:0;font-family:Sixtyfour,monospace;font-size:clamp(28.8px,3.6vw,54px);font-weight:400;line-height:1.08}.cta p{color:var(--mute);margin:14px 0 0;font-size:18px}.statusbar{margin:var(--g) 0 var(--g);border:1px solid var(--line);color:var(--dim);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 24px;padding:12px 16px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.statusbar .g{color:var(--green)}.statusbar a{color:var(--mute);text-decoration:none}.statusbar .sp{flex:1}.proj{position:relative}.proj h3 a{color:inherit;text-decoration:none}.proj h3 a:after{content:"";z-index:1;position:absolute;inset:0}.proj .plinks{z-index:2;position:relative}.thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.labs{flex-direction:column;gap:12px;padding:18px 24px 22px;font-family:IBM Plex Mono,monospace;font-size:14px;display:flex}.labs .hd{color:var(--dim);letter-spacing:.06em;font-size:12px}.lab{align-items:baseline;gap:10px;min-width:0;display:flex}.lab[hidden]{display:none}.lab .c{color:var(--green)}.lab b{color:var(--ink);white-space:nowrap;font-weight:500}.lab .ld{border-bottom:1px dotted var(--line2);flex:1;min-width:24px;transform:translateY(-4px)}.lab .ph{color:var(--cyan);letter-spacing:.1em;white-space:nowrap;font-size:12px}.lab .soon{color:var(--dim);font-size:12px}.lab .w{color:var(--amber);white-space:nowrap;font-size:11px}.crumb{margin:var(--g) 4px 0;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:13px;text-decoration:none;display:inline-flex}.crumb:hover{color:var(--ink)}.phead{margin-top:12px}.phead .body{gap:18px;padding:40px 36px}.ptitle{text-transform:none;color:var(--pxink);margin:0;font-family:Sixtyfour,monospace;font-size:clamp(31.5px,4.5vw,67.5px);font-weight:400;line-height:1.08}.pdesc{max-width:640px;color:var(--mute);margin:0;font-size:19px;line-height:1.6}.cover{flex:1;min-height:320px;position:relative;overflow:hidden}.cover .g,.cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover .g:after{content:"";background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0}.cover .slot{position:absolute;inset:18px}.timeline{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.timeline div{letter-spacing:.06em;color:var(--dim);flex-direction:column;gap:8px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.timeline i{background:#eeeaf71a;border-radius:2px;height:6px}.timeline .on i{background:var(--green);box-shadow:0 0 10px #5cffa080}.timeline .half i{background:linear-gradient(90deg,var(--green) 50%,#eeeaf71a 50%);animation:1.6s step-end infinite bl}.timeline .now b{color:var(--green)}.timeline b{font-weight:500}.story .num{color:var(--pink);font-family:Sixtyfour,monospace;font-size:21.6px;line-height:1.08}.story h4{margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:18px;font-weight:600}.story p{color:var(--mute);margin:0;font-size:15px;line-height:1.65}.story .w{color:var(--amber);font-family:IBM Plex Mono,monospace;font-size:12px}.gimg{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.gslot{aspect-ratio:16/10;margin:14px}.pnav{color:inherit;text-decoration:none;transition:border-color .25s}.pnav:hover{border-color:#ff3ea599}.pnav h3{color:var(--pxink);margin:0;font-family:Sixtyfour,monospace;font-size:28.8px;font-weight:400;line-height:1.08}.pnav.r .body{text-align:right;align-items:flex-end}@media (width<=980px){.s8,.s7,.s6,.s5,.s4{grid-column:span 12}.s3{grid-column:span 6}.feat{flex-direction:column}.feat .thumb{border-right:0;border-bottom:1px solid var(--line);min-height:240px}.feat .body{max-width:none}}@media (width<=640px){.sechead{flex-direction:column;align-items:flex-start}.s3{grid-column:span 12}.menubar .hide{display:none}.crt .scr{padding:24px 20px}.crt{min-height:0}.idc{grid-template-columns:1fr}.idc .ph{max-width:220px}.cta{grid-template-columns:1fr;padding:32px 20px}.body{padding:18px}.sechead{padding-top:40px}.lab{flex-wrap:wrap}.lab .ld{display:none}.float.amedia{aspect-ratio:1}.float .ship{height:30%;top:33%}.float .fl-sh{bottom:27%}.phead .body{padding:28px 20px}.timeline div{font-size:9px}}@media (prefers-reduced-motion:reduce){.cur,.ship,.jet,.fl-sh{animation:none}.proj,.btn{transition:none}}.cat{z-index:9;pointer-events:none;opacity:0;transition:opacity .4s;position:absolute}.cat.on{opacity:1}.cat.zz{pointer-events:auto;cursor:pointer}.cat u{white-space:nowrap;color:var(--amber);opacity:0;font:600 12px/1 IBM Plex Sans Thai,sans-serif;text-decoration:none;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.cat.meow u{opacity:1}.cat i{transform-origin:50% 100%;background:url(/cat.webp) no-repeat;width:100%;height:100%;display:block}.cat b{color:var(--pxink);opacity:0;font:400 11px/1 Sixtyfour,monospace;position:absolute;top:-14px;right:-6px}.cat.zz b{animation:2.4s ease-in-out infinite zz}.cat.zz b:nth-of-type(2){animation-delay:.8s}.cat.zz b:nth-of-type(3){animation-delay:1.6s}@keyframes zz{0%{opacity:0;transform:translateY(6px)scale(.7)}25%{opacity:.9}to{opacity:0;transform:translate(10px,-22px)scale(1.2)}}
