@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/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(/assets/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(/assets/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}.mixboard{aspect-ratio:2347/555;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;position:relative}.mixboard__board{width:100%;height:100%;display:block}.mixboard__display,.mixboard__well,.mixboard__cap,.mixboard__power,.mixboard__seek,.mixboard__button{position:absolute}.mixboard__display{pointer-events:none}.mixboard__well{background:radial-gradient(circle at 50% 40%,#1a1a1a,#050505 70%);border-radius:50%}.mixboard__cap{pointer-events:none;transition:transform 80ms ease-out,filter 80ms ease-out}.mixboard__cap.is-pressed{filter:brightness(.7);transition-duration:40ms;transform:scale(.9)}.mixboard__power,.mixboard__seek,.mixboard__button{cursor:pointer;background:0 0;border:0;outline:none;padding:0}.mixboard__seek{touch-action:none}.mixboard:not(.is-on) .mixboard__seek{visibility:hidden}.mixboard__power:focus-visible,.mixboard__seek:focus-visible,.mixboard__button:focus-visible{outline-offset:1px;outline:2px solid #ffa03ce6}@media (prefers-reduced-motion:reduce){.mixboard__cap{transition:none}}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--player-width:min(calc(clamp(56px, 8vh, 96px) * 2347 / 555), calc(100vw - 48px - 9 * var(--menu-size,32px)));--bg:#000;--fg:#ece7dc;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans:"Space Grotesk Variable", "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-family:var(--mono);margin:0;overflow:hidden}.home{height:100%;position:relative;overflow:hidden}.scene-canvas{touch-action:none;inset:0;position:absolute!important}.menu-line{--ink:color-mix(in srgb, var(--fg), #000 calc(var(--about,0) * 100%));color:var(--ink);font-family:var(--sans);white-space:nowrap;z-index:1;padding:0 24px;line-height:1;position:absolute;left:0;right:0;overflow-x:clip}.menu-line__text{display:inline-block}.menu-line--rows .menu-line__text{justify-content:center;gap:.6em;display:flex}.menu-line--joined .menu-line__text{justify-content:space-between}.menu-title{font-size:inherit;text-transform:uppercase;white-space:pre;margin:0 0 .4em;font-weight:300;line-height:1;animation:.4s both menu-title-in}@keyframes menu-title-in{0%{opacity:0}}.white-page{opacity:var(--about,0);pointer-events:none;background:#fff;position:absolute;inset:0}.white-page--open{pointer-events:auto}.white-page{perspective:1400px;overflow:hidden}.white-page__face{transform-origin:50% 50% -80vw;transition:transform 1.2s cubic-bezier(.65,0,.35,1),opacity 1.2s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.white-page__face--left,.white-page__face--right{opacity:0;pointer-events:none}.white-page__face--left{transform:rotateY(-60deg)}.white-page__face--right{transform:rotateY(60deg)}@media (prefers-reduced-motion:reduce){.white-page__face{transition:none}}.about-page__text{top:var(--about-top,15%);bottom:var(--about-bottom,15%);width:var(--player-width);color:#000;font-family:var(--sans);opacity:var(--about-content,0);flex-direction:column;justify-content:space-evenly;font-size:clamp(15px,1.15vw,18px);font-weight:400;line-height:1.45;display:flex;position:absolute;left:50%;transform:translate(-50%)}.about-page__text p{text-align:justify;text-align-last:left;margin:0}.page-back{color:#000;font-family:var(--sans);cursor:pointer;background:0 0;border:0;align-self:center;padding:0;font-size:clamp(15px,1.15vw,18px);font-weight:400;line-height:1.45;display:block}.page-back:focus-visible{outline-offset:4px;outline:1px solid #000}.contact-page{top:var(--about-top,15%);height:calc(var(--back-top,70%) - var(--about-top,15%));justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}.contact-page__back{top:var(--back-top,70%);position:absolute;left:50%;transform:translate(-50%)}.contact-page,.contact-page__back{opacity:var(--about-content,0)}.contact-page__email{color:#000;font-family:var(--sans);font-size:clamp(15px,1.15vw,18px);font-weight:400;line-height:1.45;text-decoration:none}.contact-page__email:hover{text-underline-offset:.2em;text-decoration:underline}.contact-page__email:focus-visible{outline-offset:4px;outline:1px solid #000}.about-titles{pointer-events:none;opacity:var(--about-content,0);position:absolute;inset:0}.about-title{color:#000;font-family:var(--sans);text-transform:uppercase;white-space:pre;align-items:flex-start;font-size:clamp(15px,1.15vw,18px);line-height:1.1;display:flex;position:absolute}.about-title .about-title__block{background:#000;margin-left:.15em;animation:1s step-end infinite log-cursor}:root{--mobile-text:calc(min(calc((100dvh - 200px) / 11 * .48), calc((100vw - 48px) / 11)) * .6)}@media (aspect-ratio<=1){.tag-bar,.footer-bar{font-size:var(--mobile-text)!important}.tag-bar .menu-line__text{display:none}.footer-bar .tag{visibility:hidden}.item-details .item-details__body,.item-details .item-details__body p{font-size:var(--details-size,var(--mobile-text))}.item-details .item-details__item{display:none}.item-details.item-details--open{pointer-events:none}.item-details.item-details--open a,.item-details.item-details--open button{pointer-events:auto}.item-caption{z-index:1;pointer-events:none;text-align:center;position:absolute}.item-caption__measure{visibility:hidden;position:absolute;top:0;left:0;right:0}.item-caption__measure>*{animation:none;position:absolute;left:0;right:0}.item-caption .mix-actions{align-items:center}.item-caption .item-details__item,.item-caption .item-details__item p{font-family:var(--sans);font-size:var(--details-size,var(--mobile-text));margin:0;font-weight:400;line-height:1.45}.item-details--centered .item-details__chapter p{text-align:center!important;text-align-last:center!important}.item-details .item-details__chapter p{text-align:justify;text-align-last:left}.log-page{touch-action:pan-y}.page-back{display:none}.contact-page{height:auto;bottom:var(--about-bottom,15%)}}.mobile-menu-button{z-index:1;color:color-mix(in srgb, var(--fg), #000 calc(var(--about,0) * 100%));font-family:var(--sans);font-size:var(--mobile-text);text-transform:uppercase;opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:0;padding:.6em 1.2em;font-weight:300;line-height:1;transition:opacity .4s;display:none;position:absolute;bottom:calc(30px + clamp(56px,8vh,96px));left:50%;transform:translate(-50%)}.mobile-menu-button--shown{opacity:1;pointer-events:auto}.mobile-menu-button:focus-visible{outline-offset:2px;outline:1px solid}.menu-carousel{display:none}.menu-carousel__backdrop{z-index:2;pointer-events:none;position:absolute;inset:0}.menu-carousel--open .menu-carousel__backdrop{pointer-events:auto}.menu-carousel__disk{z-index:3;height:4em;font-family:var(--sans);font-size:var(--mobile-text);perspective:500px;touch-action:none;opacity:0;pointer-events:none;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:calc(30px + clamp(56px,8vh,96px) - 1.2em);left:0;right:0;transform:scaleX(.2)}.menu-carousel--open .menu-carousel__disk{opacity:1;pointer-events:auto;transform:none}.menu-carousel__item{color:color-mix(in srgb, var(--fg), #000 calc(var(--about,0) * 100%));font:inherit;text-transform:uppercase;white-space:nowrap;backface-visibility:hidden;cursor:pointer;background:0 0;border:0;padding:.8em .6em;font-weight:300;line-height:1;position:absolute;top:50%;left:50%}.menu-carousel__item:focus-visible{outline-offset:-.3em;outline:1px solid}@media (aspect-ratio<=1){.mobile-menu-button,.menu-carousel{display:block}}.mobile-menu{z-index:1;font-family:var(--sans);font-size:var(--mobile-text);opacity:0;pointer-events:none;flex-direction:column;padding:0 24px;line-height:1;transition:opacity .4s;display:none;position:absolute;inset:20px 0 calc(20px + clamp(56px,8vh,96px) + 2.5vh)}@media (aspect-ratio<=1){.mobile-menu{display:flex}}.mobile-menu--shown{opacity:1}.mobile-menu--shown .mobile-menu__item,.mobile-menu--shown .mobile-menu__title{pointer-events:auto}.mobile-menu__sphere{height:5em}.mobile-menu__title{margin-bottom:.6em}.mobile-menu__items{flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.mobile-menu__item{white-space:nowrap;padding:1.1em 1.2em;display:inline-block}.mobile-menu__label{color:#0000}.tag-bar,.footer-bar .tag{transition:opacity .4s}.home--mobile-home .tag-bar,.home--mobile-home .footer-bar .tag{opacity:0;pointer-events:none}.tag-bar{top:20px}.footer-bar{font-size:var(--menu-size,32px);bottom:20px}.footer-bar .menu-line__text{grid-template-columns:1fr auto 1fr;align-items:last baseline;display:grid}.footer-bar .tag:first-child{justify-self:start}.footer-bar .tag:last-child{justify-self:end}.tag{color:var(--ink,var(--fg));text-transform:uppercase;font-weight:300;text-decoration:none}.tag:focus-visible{outline:1px solid var(--ink,var(--fg));outline-offset:4px}.glitch{display:inline-block;position:relative}.glitch--spread{display:block}.glitch--spread .glitch__main{justify-content:space-between;display:flex}.glitch__overlay{white-space:pre;pointer-events:none;position:absolute;inset:0}.glitch__letter{text-align:center;white-space:pre;position:absolute;top:0}.glitch__layer{opacity:0;white-space:pre;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.home--white .glitch__layer{mix-blend-mode:multiply}.glitch__layer--red{color:#ff2a4f}.glitch__layer--cyan{color:#1ef2ff}.item-details{z-index:1;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;overflow-y:auto}.item-details--open{opacity:1;pointer-events:auto;transition-delay:.9s}.item-details__body,.item-details__body p{font-family:var(--sans);font-size:var(--details-size,clamp(15px, 1.15vw, 18px));font-weight:400;line-height:1.45}.item-details__body p{margin:0}.item-details__body{flex-direction:column;justify-content:space-between;gap:1.6em;min-height:100%;display:flex}.item-details__chapter,.item-details__item{animation:.5s both item-details-in}.item-details--measure{visibility:hidden;pointer-events:none;overflow:hidden}.item-details--measure .item-details__body{min-height:0}.item-details--measure .item-details__chapter,.item-details--measure .item-details__item{animation:none}.item-details__item p+p,.item-details__chapter p+p{margin-top:.6em}.log-page{z-index:1;pointer-events:none;font-family:var(--sans);text-transform:uppercase;font-size:clamp(13px,1.25vw,20px);line-height:1.1;position:absolute;overflow:hidden auto}.log-page--open{pointer-events:auto}.log-page__body{grid-template-columns:minmax(0,64fr) minmax(0,30fr);align-items:start;column-gap:6%;display:grid}.log-entries,.log-skills,.log-skills ul{margin:0;padding:0;list-style:none}.log-entry,.log-skills__group{animation:1ms backwards log-in}@keyframes log-in{0%{visibility:hidden}}.log-block{background:var(--fg);vertical-align:-.02em;flex:none;width:.55em;height:.8em;margin-top:.1em;display:inline-block}.log-skills .log-block{margin-top:0}.log-block--small{width:.45em;height:.7em}.log-entry--open .log-entry__head .log-block{animation:1s step-end infinite log-cursor}@keyframes log-cursor{50%{opacity:0}}.log-entry__head{color:var(--fg);font:inherit;text-align:left;text-transform:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:.6em;padding:0;display:flex}.log-entry__head:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.log-entry__text{flex-direction:column;gap:.15em;display:flex}.log-entry__meta{white-space:normal;opacity:.7}.log-entry__meta--long{max-width:46em;font-size:.78em;line-height:1.2}.log-entry__details{text-transform:none;grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.3,0,.2,1);display:grid}.log-entry--open .log-entry__details{grid-template-rows:1fr}.log-entry__print{visibility:hidden;min-height:0;overflow:hidden}.log-entry__text-block{padding:.6em 0 .3em 1.15em}.log-entry--open .log-entry__print{visibility:visible;animation:.36s steps(6,end) both log-details-in}.log-entry--closing .log-entry__print{visibility:visible;animation:.36s steps(6,end) both log-details-out}.log-entry{transition:margin-top .36s cubic-bezier(.3,0,.2,1)}.log-page__body--single{grid-template-columns:minmax(0,1fr)}.log-tags{text-transform:lowercase;opacity:.75;flex-wrap:wrap;gap:.1em 1em;margin:.7em 0 0;padding:0;font-size:.8em;list-style:none;display:flex}.log-links{text-transform:uppercase;flex-wrap:wrap;gap:.3em 1.4em;margin:.7em 0 0;padding:0;font-size:.8em;list-style:none;display:flex}.log-links a{color:var(--fg);text-decoration:none}.log-links a:hover,.log-links a:focus-visible{text-underline-offset:.2em;text-decoration:underline}.log-entry__details p+p{margin-top:.6em}.log-entry__details p{max-width:60em;margin:0;font-size:.85em;line-height:1.45}@keyframes log-details-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes log-details-out{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}.log-skills{font-size:.72em;line-height:1}@media (aspect-ratio>=1){.log-page__body{min-height:100%}.log-skills{align-self:stretch;position:relative}.log-skills__group{width:max-content;position:absolute}}@media (aspect-ratio<=999/1000){.log-skills{flex-wrap:wrap;gap:1.4em 2.6em;display:flex}.log-skills__group{padding-left:0!important}}.log-skills__line{align-items:flex-start;gap:.5em;display:inline-flex}.log-skills__name{white-space:nowrap}.log-skills__row{white-space:nowrap;display:block}.log-skills__name{opacity:.7}@media (aspect-ratio<=999/1000){.log-page__body{grid-template-columns:minmax(0,1fr);row-gap:2em}.log-entry__head{white-space:normal}}@media (prefers-reduced-motion:reduce){.log-entry,.log-skills__group,.log-entry--open .log-entry__print,.log-entry--closing .log-entry__print,.log-entry--open .log-entry__head .log-block{animation:none}.log-entry__details,.log-entry{transition:none}}.tracklist{margin:.6em 0 0;padding:0;list-style:none}.tracklist li+li{margin-top:.15em}.tracklist__number{font-variant-numeric:tabular-nums;opacity:.55}.leaderboard{margin:1.1em 0 0;padding:0;list-style:none}.leaderboard__row{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;opacity:.7;background:0 0;border:0;align-items:baseline;gap:.6em;padding:.15em 0;transition:opacity .16s;display:flex}.leaderboard__row[aria-current=true],.leaderboard__row:hover{opacity:1}.leaderboard__row:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.leaderboard__rank,.leaderboard__score{font-variant-numeric:tabular-nums}.leaderboard__rank{opacity:.55}.leaderboard__name{flex:1}.leaderboard__caption{opacity:.6}.coming-soon{z-index:1;pointer-events:none;font-family:var(--sans);text-transform:uppercase;white-space:pre;justify-content:center;align-items:center;font-size:clamp(13px,1.25vw,20px);line-height:1.1;display:flex;position:absolute}.coming-soon__line{align-items:flex-start;display:flex}.coming-soon__block{margin-right:.6em}.coming-soon__block--blinking{animation:1s step-end infinite log-cursor}.coming-soon__untyped{visibility:hidden}@media (prefers-reduced-motion:reduce){.coming-soon__block--blinking{animation:none}}.mix-actions{flex-direction:column;align-items:flex-start;gap:.35em;margin-top:1.1em;display:flex}.mix-action{color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;transition:opacity .16s}.mix-action:hover{opacity:.6}.mix-action:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.footer-player{vertical-align:middle;width:var(--player-width);font-size:var(--menu-size,32px);white-space:normal;margin:0 .15em;line-height:1;display:inline-block}@keyframes item-details-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.item-details,.item-details--open{transition:none}.item-details__chapter,.item-details__item{animation:none}}.lightbox{z-index:50;visibility:hidden;pointer-events:none;touch-action:none;transition:visibility 0s .4s;position:fixed;inset:0}.lightbox--open{visibility:visible;pointer-events:auto;transition:none}.lightbox__backdrop{opacity:0;background:#000c;transition:opacity .35s;position:absolute;inset:0}.lightbox__area{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox__panel{background:0 0;border:1px solid #0000;flex:none;transition:background-color .35s,border-color .35s;overflow:hidden}.lightbox--open .lightbox__backdrop{opacity:1}.lightbox--open .lightbox__panel{background:#0b0b0b;border-color:#ece7dc29}.lightbox__image{transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;display:block}@media (prefers-reduced-motion:reduce){.lightbox,.lightbox__backdrop,.lightbox__panel{transition:none}}.name-intro{z-index:100;cursor:none;touch-action:none;background:#000;outline:none;position:fixed;inset:0}.name-intro--entering{pointer-events:none;background:0 0}.name-intro__canvas{width:100%;height:100%;display:block}.name-intro__go{background:var(--fg);color:#000;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;padding:.2em .35em .15em;font-size:14px;font-weight:500;line-height:1;transition:opacity .2s;position:fixed;top:0;left:0}
