@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-synthesis:none;color:#e7edf3;--muted:#939eaa;--line:#bfd1e61f;--ease:cubic-bezier(.22, 1, .36, 1);background:#05090e;font-family:Space Grotesk Variable,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}::selection{color:#fff;background:#386177}:focus-visible{outline-offset:7px;outline:2px solid #c5e5ff}.skip-link{z-index:20;color:#05090e;background:#edf3f8;border-radius:30px;padding:12px 20px;position:fixed;top:16px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.space{pointer-events:none;background:radial-gradient(at 50% 47%,#0b1420,#05090e 65%);position:fixed;inset:0;overflow:hidden}.star-dust{position:absolute;inset:0}.star-dust i{background:#c8dce9;border-radius:50%;position:absolute;box-shadow:0 0 5px #99c1dd66}.star-dust i:nth-child(7n){animation:twinkle 8s ease-in-out var(--delay) infinite alternate}.space__haze{background:radial-gradient(at 48% 48%,#4b577912,#0000 50%),linear-gradient(#0000 70%,#05090e);position:absolute;inset:0}.page-shell{flex-direction:column;width:min(1500px,100%);min-height:100svh;margin:auto;padding:0 clamp(24px,4.2vw,68px);display:flex;position:relative}.site-header{flex-shrink:0;justify-content:space-between;align-items:center;height:88px;display:flex}.wordmark{place-items:center;width:44px;height:44px;margin-left:-10px;display:grid}.wordmark svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:24px;height:24px;transition:transform .8s var(--ease)}.header-note{color:var(--muted);letter-spacing:.01em;font-size:11px}main{flex-direction:column;flex:1;display:flex}.intro{text-align:center;padding:15px 0 0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#8895a4;margin:0 0 14px;font-size:9px}h1{letter-spacing:-.04em;color:#c2cbd5;margin:0;font-size:22px;font-weight:400}.solar-system{isolation:isolate;flex:1;min-height:440px;transition:opacity .18s ease-out;position:relative}.js:not(.scene-ready):not(.scene-fallback) .solar-system{opacity:0}.scene-canvas{cursor:grab;touch-action:none;border-radius:16px;width:100%;height:100%;display:block;position:absolute;inset:0}.solar-system.is-3d{overflow:clip}.is-dragging .scene-canvas{cursor:grabbing}.is-3d .orbit,.is-3d .sun{display:none}.is-3d .planet{visibility:hidden}.is-3d .planet-trigger{width:max(90px,calc(var(--planet-size) + 30px));user-select:none;min-height:0}.is-3d .planet-label{margin-top:12px}.is-3d .sun-label{top:calc(50% + 45px)}.view-controls{z-index:7;border:1px solid var(--line);background:#0a1019b8;border-radius:24px;padding:3px;display:flex;position:absolute;top:12px;right:8px}.view-controls button{color:#acb9c7;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:19px;display:grid}.view-controls button:hover{color:#fff;background:#ffffff0c}.orbital-plane{pointer-events:none;position:absolute;inset:0;overflow:hidden}.orbit{border:1px solid #a1bddc21;border-radius:50%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.orbit--roguefire{border-color:#ff5a3621;width:30%;height:24%}.orbit--bru{width:48%;height:38%}.orbit--arena{width:82%;height:66%}.orbit--mango{border-color:#ce9a4c1a;width:99%;height:92%}.orbit--notes{border-color:#8290ee24;width:88%;height:75%}.orbit--liveplay{border-color:#caff6421;width:63%;height:50%}.orbit--beyond{opacity:.25;border-style:dashed;width:96%;height:83%}.sun{width:80px;height:80px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.sun__surface{background:radial-gradient(circle at 35% 30%,#fff9df 0%,#ffe9af 24%,#f9b64e 65%,#bf6724 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 12px #ffedb4,0 0 20px #ffbf6459,0 0 65px #e9a34738,0 0 130px #dc863a17}.sun__surface:after{content:"";border-radius:inherit;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.13' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}.sun__corona{background:radial-gradient(circle,#0000 24%,#f7ac5720 37%,#e3a04d0a 49%,#0000 70%);border-radius:50%;animation:12s ease-in-out infinite alternate breathe;position:absolute;inset:-90%}.sun-label{text-align:center;letter-spacing:.035em;color:#b6a48a;width:180px;font-size:9px;line-height:1.8;position:absolute;top:calc(48% + 64px);left:50%;transform:translate(-50%)}.sun-label span{color:#697482;font-size:8px}.planet-node{z-index:2;width:0;height:0;position:absolute;top:48%;left:50%}.planet-node--bru{--planet-size:64px;--accent:#d6ae78;transform:translate(-200px,105px)}.planet-node--arena{--planet-size:82px;--accent:#a1bfd7;transform:translate(310px,-110px)}.planet-node--mango{--planet-size:72px;--accent:#e9a13f;transform:translate(-405px,-170px)}.planet-node--notes{--planet-size:66px;--accent:#8292ee;transform:translate(330px,130px)}.planet-node--liveplay{--planet-size:60px;--accent:#caff64;transform:translate(-280px,-76px)}.planet-node--roguefire{--planet-size:54px;--accent:#ff5a36;transform:translate(120px,-70px)}.planet-node.is-active{z-index:4}.planet-trigger{width:144px;min-height:130px;transform:translate(-50%,calc(var(--planet-size) / -2 - 14px));background:0 0;border:0;border-radius:20px;flex-direction:column;align-items:center;padding:14px 0;display:flex;position:absolute;top:0;left:0}.planet{width:var(--planet-size);height:var(--planet-size);transition:filter .5s var(--ease);flex-shrink:0;display:block;position:relative}.planet__sphere{z-index:1;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 28px #d6ae7810}.planet--bru .planet__sphere{background:radial-gradient(at 74% 25%,#e6c394 0%,#aa7850 31%,#6b442c 55%,#251b16 80%)}.planet--arena .planet__sphere{background:radial-gradient(at 23% 76%,#b4d9e1,#5c93b2 29%,#355069 55%,#101c2d 81%);box-shadow:0 0 36px #73b7ea18}.planet--mango .planet__sphere{background:radial-gradient(at 72% 68%,#e86f26 0%,#eda43c 33%,#9f9a3a 62%,#313c1d 84%);box-shadow:0 0 34px #e99c3d18}.planet--notes .planet__sphere{background:radial-gradient(at 29% 23%,#b8c2ff 0%,#6575df 31%,#303e9c 58%,#111832 84%);box-shadow:0 0 36px #6d7ee52b}.planet--liveplay .planet__sphere{background:radial-gradient(at 28% 24%,#efffbf 0%,#caff64 25%,#718d32 55%,#18200e 82%);box-shadow:0 0 36px #caff6426}.planet--roguefire .planet__sphere{background:radial-gradient(at 30% 26%,#5a2a22 0%,#2a1714 30%,#140c0b 58%,#060404 84%);box-shadow:0 0 30px #ff4a2433,inset 0 0 14px #ff3c1433}.planet__texture{opacity:.65;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.065' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:50%;animation:100s linear infinite surface-turn;position:absolute;inset:-15%}.planet--arena .planet__texture{opacity:.45;background:repeating-linear-gradient(173deg,#0000 0 8%,#b1d4e6 9% 11%,#0000 12% 19%,#18364b 20% 23%,#0000 24% 30%);animation:none;transform:rotate(-18deg)}.planet--mango .planet__texture{opacity:.72;background:radial-gradient(circle at 28% 22%,#556526 0 9%,#0000 30%),radial-gradient(circle at 76% 70%,#d84b24 0 9%,#0000 34%)}.planet--notes .planet__texture{opacity:.75;background-image:linear-gradient(#dfe3ff24 1px,#0000 1px),linear-gradient(90deg,#dfe3ff24 1px,#0000 1px);background-size:14px 14px}.planet--liveplay .planet__texture{opacity:.7;background:repeating-linear-gradient(90deg,#0000 0 10%,#10110e80 11% 14%,#0000 15% 22%),repeating-linear-gradient(#0000 0 17%,#ff795599 18% 20%,#0000 21% 32%);animation:none}.planet--roguefire .planet__texture{mix-blend-mode:screen;opacity:.85;background:linear-gradient(118deg,#0000 0 34%,#ff5a2ab3 35% 36%,#0000 37%),linear-gradient(64deg,#0000 0 56%,#ff7a3a99 57% 58%,#0000 59%),linear-gradient(162deg,#0000 0 68%,#ff4a1e99 69% 70%,#0000 71%),radial-gradient(circle at 62% 40%,#ff6a2a66 0 6%,#0000 20%),radial-gradient(circle at 34% 70%,#d8381c55 0 5%,#0000 18%);animation:none}.planet__rings{z-index:0;border:8px solid #9ab1c03d;border-radius:50%;width:192%;height:64%;position:absolute;top:19%;left:-46%;transform:rotate(-25deg);box-shadow:0 0 0 2px #b5d2e51a,inset 0 0 0 2px #c4dcea29,0 0 0 7px #9ab1c00b}.planet__rings--front{z-index:2;clip-path:polygon(-20% 50%,120% 50%,120% 180%,-20% 180%)}.planet-label{white-space:nowrap;color:#c6cbd2;align-items:center;gap:7px;margin-top:19px;font-size:13px;display:flex}.planet-label__index{color:#718090;font-size:8px}.planet-label__plus{color:var(--accent);opacity:.6;font-size:14px}.is-active .planet{filter:brightness(1.12)drop-shadow(0 0 10px #accced20)}.is-active .planet-label{color:#fff}.project-panel{z-index:6;backdrop-filter:blur(24px);width:min(300px,100% - 24px);animation:panel-appear .2s var(--ease);background:linear-gradient(140deg,#131d27f7,#0b1119fa);border:1px solid #a2bdd22e;border-radius:16px;padding:20px;position:absolute;box-shadow:0 18px 70px #0007}.project-panel--bru{border-color:#bc986b40}.project-panel--mango{border-color:#d9963d42}.project-panel--notes{border-color:#7d8fe04a}.project-panel--liveplay{border-color:#caff6445}.project-panel--roguefire{border-color:#ff5a3647}.project-panel__top{color:#8a97a5;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:9px;display:flex}.panel-close{color:#9eaab5;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;margin:-10px -10px 0 0;font-size:24px;display:grid}.project-panel h2{letter-spacing:-.06em;margin:0 0 7px;font-size:29px;font-weight:400}.project-panel__category{color:#b8c8d5;margin:0;font-size:12px}.project-panel--bru .project-panel__category{color:#d4b58f}.project-panel--mango .project-panel__category{color:#e5ae65}.project-panel--notes .project-panel__category{color:#9dacf4}.project-panel--liveplay .project-panel__category{color:#caff64}.project-panel--roguefire .project-panel__category{color:#ff7a56}.project-panel__description{color:#9fabb8;margin:17px 0;font-size:12px;line-height:1.75}.project-panel__tags{flex-wrap:wrap;gap:6px;display:flex}.project-panel__tags span{border:1px solid var(--line);color:#8e9aa7;border-radius:5px;padding:4px 7px;font-size:9px}.project-panel__link{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:44px;margin-top:18px;padding-top:13px;font-size:12px;display:flex}.project-panel__link span{font-size:18px}.explore-footer{text-align:center;margin:8px 0 13px}.explore-hint{color:#8f9bab;justify-content:center;align-items:center;gap:9px;font-size:10px;display:flex}.explore-hint>span:first-child{color:#c6b491;font-size:18px}.hint-touch{display:none}.project-index{flex-wrap:wrap;justify-content:center;gap:0 22px;margin-top:16px;display:flex}.project-index a{color:#a7b1bc;align-items:center;gap:7px;min-height:36px;font-size:10px;display:inline-flex}.project-index a>span{color:#677687}.index-dot{background:#cda271;border-radius:50%;width:5px;height:5px}.index-dot--arena{background:#7daecb}.index-dot--mango{background:#dc9438}.index-dot--notes{background:#7d8fe0}.index-dot--liveplay{background:#caff64}.index-dot--roguefire{background:#ff5a36}.site-footer{color:#778596;justify-content:space-between;align-items:center;min-height:66px;font-size:10px;display:flex}.motion-control{color:#8d9aa9;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;font-size:10px;display:inline-flex}.motion-control svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:13px;height:13px}.motion-control__play,.motion-control[aria-pressed=true] .motion-control__pause{display:none}.motion-control[aria-pressed=true] .motion-control__play{display:block}.motion-paused .sun__corona,.motion-paused .planet__texture,.motion-paused .star-dust i{animation-play-state:paused}.entrance{animation:enter .9s var(--ease) both}.fallback-projects{grid-template-columns:1fr 1fr;gap:24px;font-size:13px;line-height:1.7;display:grid}@media (hover:hover) and (pointer:fine){.wordmark:hover svg{transform:rotate(90deg)}.panel-close:hover{color:#fff;background:#fff1}.project-panel__link:hover,.project-index a:hover,.motion-control:hover{color:#fff}}@media (hover:none),(pointer:coarse){.hint-desktop{display:none}.hint-touch{display:inline}}@media (width<=600px){.page-shell{padding:0 20px}.site-header{height:72px}.header-note{font-size:10px}.intro{padding-top:14px}.eyebrow{letter-spacing:.1em;font-size:8px}h1{font-size:19px}.solar-system{min-height:490px;margin:0 -4px}.orbit{transform:translate(-50%,-50%)}.orbit--roguefire{width:30%;height:28%}.orbit--bru{width:40%;height:36%}.orbit--arena{width:61%;height:62%}.orbit--mango{width:94%;height:96%}.orbit--notes{width:79%;height:80%}.orbit--liveplay{width:52%;height:49%}.orbit--beyond{width:98%;height:98%}.sun{width:54px;height:54px}.sun-label{font-size:8px;top:calc(48% + 43px)}.sun-label span{font-size:7px}.planet-node--bru{--planet-size:42px;transform:translate(-58px,61px)}.planet-node--arena{--planet-size:54px;transform:translate(82px,-92px)}.planet-node--mango{--planet-size:47px;transform:translate(132px,156px)}.planet-node--notes{--planet-size:44px;transform:translate(-112px,-132px)}.planet-node--liveplay{--planet-size:40px;transform:translate(-105px,90px)}.planet-node--roguefire{--planet-size:36px;transform:translate(40px,-60px)}.planet-trigger{width:110px;min-height:110px}.planet-label{gap:5px;margin-top:14px;font-size:11px}.planet__rings{border-width:5px}.project-panel{padding:18px}.project-panel h2{font-size:26px}.project-panel__description{margin:13px 0;font-size:11px}.project-panel__link{margin-top:13px}.explore-footer{margin:0 0 4px}.site-footer{min-height:60px;font-size:9px}.motion-control{font-size:9px}.fallback-projects{grid-template-columns:1fr}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}@keyframes twinkle{0%{filter:brightness(.65)}to{filter:brightness(1.4)}}@keyframes surface-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}