:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--desktop-breakpoint: 1024px}::selection{background-color:#f875fc;color:#000}@font-face{font-family:MonoRegular;src:local("MonoRegular"),url(./Mono-Regular-cd5c21df.ttf) format("truetype")}@font-face{font-family:Bickham;src:local("Bickham"),url(./bickham-6ae0959f.ttf) format("truetype")}body{margin:0;background-color:#90908e;overflow:hidden;display:flex;justify-content:center;align-items:center}p,li{font-family:MonoRegular;color:#fff;padding:0;font-size:13px;margin:0}h3,h4{margin:0}ul{list-style:none;padding:0;margin:90px 0 0;text-align:center}li{margin-bottom:16px}a{text-decoration:underline}a:hover{color:#000;background-color:#f8ff6e;text-decoration:underline}.portfolio-status{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;color:#fff;font-family:MonoRegular}.loading-screen{flex-direction:column}.loading-text{font-size:12px;color:#ffffffb8}.loading-dots:after{content:".";animation:loadingDots 1.2s steps(1,end) infinite}@keyframes loadingDots{0%,to{content:"."}33%{content:".."}66%{content:"..."}}.about-screen{width:100vw;height:100dvh;transform:translate(100%);position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:flex-end;color:#fff;z-index:2;padding:80px 24px 60px;box-sizing:border-box;gap:24px;overflow:hidden}.about-image{width:clamp(96px,32vw,120px);aspect-ratio:4 / 5;height:auto;object-fit:cover;flex-shrink:0}.about-content{max-width:500px;width:90%;min-height:0;text-align:right;display:flex;flex-direction:column;gap:16px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.about-content::-webkit-scrollbar{display:none}.about-links{list-style:none;padding:0 0 10px;margin:0;position:absolute;right:20px;bottom:10px;display:flex;gap:16px;align-items:center;justify-content:flex-end;text-align:right;flex-shrink:0}.about-links li{margin-bottom:0}.motion-denied-screen{z-index:3}.motion-denied-retry{position:absolute;bottom:10px;left:20px;z-index:4;border:none;background-color:transparent;color:#fff;cursor:pointer;font-family:MonoRegular;font-size:13px;padding:0 0 10px}.motion-denied-retry:hover{color:#000;background-color:#f8ff6e}.show-about{transform:translate(0);animation:slideInLeft .3s linear}.hide-about{transform:translate(100%);animation:slideOutRight .3s linear}.slide-out-left{transform:translate(-100%);animation:slideOutLeft .3s linear}.slide-in-from-left{transform:translate(0);animation:slideInFromLeft .3s linear}.game-screen{width:100vw;height:100dvh;position:absolute;top:0;left:0;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:transparent}.bottom-right{position:absolute;bottom:10px;right:20px;background-color:transparent;border:none;outline:none;cursor:pointer;padding:0 0 10px;color:#fff;font-size:13px}.bottom-left{position:absolute;bottom:10px;left:20px;background-color:transparent;border:none;outline:none;cursor:pointer;padding:0 0 10px;color:#fff;font-size:13px}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.show-menu{transform:translate(0);animation:slideInFromLeft .3s linear}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}.hide-menu{transform:translate(-100%);animation:slideOutLeft .3s linear}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.slide-out-right{transform:translate(100%);animation:slideOutRight .3s linear}@keyframes slideInLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-in-left{transform:translate(0);animation:slideInLeft .3s linear}.centered-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button{font-family:MonoRegular}.start-button{font-family:MonoRegular;color:#fff;background-color:transparent;border:none;outline:none;cursor:pointer;padding:0;font-size:13px;z-index:999}.start-button:focus{outline:none}a{color:#fff;font-family:MonoRegular;font-weight:400}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes remove{0%{visibility:visible}to{visibility:hidden}}.hide{opacity:0;visibility:hidden;animation:fadeOut .5s linear,remove .5s linear}.hidden{opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.show{opacity:1;animation:fadeIn .5s linear}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.hide-button{transform:translate(100%);opacity:0}.show-button{animation:slideIn .3s linear;transform:translate(0);cursor:pointer;opacity:1}.instructions{max-width:70%;text-align:center}.tracks{font-size:14px}.track-container{border:solid;border-width:2px;border-bottom-color:#424242;border-right-color:#424242;border-left-color:#fcfbfa;border-top-color:#fcfbfa;background:#c6c6c6;padding:4px;color:#212529;border-radius:0;width:40%;height:300px;z-index:999;display:flex;cursor:grab;position:absolute;top:50%;left:50%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.track-container::-webkit-scrollbar{display:none}@media (max-width: 600px){.track-container{width:70%}}.track-container-close{font-family:MonoRegular;color:#000;padding:0;font-size:13px;cursor:pointer;background-color:transparent;text-align:center;align-self:flex-end;width:20px;border-top:1px solid #f5f5f4;border-left:1px solid #f5f5f4;border-bottom:1px solid #70706d;border-right:1px solid #70706d;margin:0 0 0 4px;float:right}.tracks-section{border-top:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #000000;background-color:#d3d3d3;min-height:100%;max-height:100%;overflow-y:scroll;display:flex;flex-direction:column;gap:4px;padding:0 10px;scrollbar-width:none;-ms-overflow-style:none}.tracks-section::-webkit-scrollbar{display:none}.track-button{outline:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;background-color:transparent;padding:0;width:100%;margin:8px 0;color:#000}.track-button:hover{outline:2px dotted black;outline-offset:4px}.track-button-image{background-size:contain;background-repeat:no-repeat;background-color:transparent;width:30px;height:30px}.folder-button{width:90px;height:60px;background-size:cover;background-repeat:no-repeat;background-color:transparent;outline:none;border:none;cursor:pointer}.game-over-screen{width:100vw;height:100dvh;position:absolute;background-color:#222;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:999999;box-sizing:border-box;overflow:hidden;padding:32px 24px}.leaderboard{width:min(420px,calc(100vw - 48px));height:min(42vh,360px);max-height:calc(100dvh - 240px);min-height:0;margin-top:32px;display:flex;flex-direction:column;overflow:hidden}.leaderboard-title{font-family:MonoRegular;font-size:11px;color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.leaderboard-status{color:#fff9;font-size:11px;text-align:center}.leaderboard-list{flex:1;list-style:none;margin:0;min-height:0;padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.leaderboard-list::-webkit-scrollbar{display:none}.leaderboard-row{display:grid;grid-template-columns:42px 32px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:10px 8px;border-bottom:1px solid rgba(180,180,180,.2)}.leaderboard-row:first-child{border-top:1px solid rgba(180,180,180,.2)}.leaderboard-star{display:block;transform-origin:center;animation:leaderboardStarSpin 2.8s linear infinite}.leaderboard-rank,.leaderboard-name,.leaderboard-score{font-family:MonoRegular;font-size:12px;color:#fff}.leaderboard-rank{color:#ffffff7a;font-variant-numeric:tabular-nums}.leaderboard-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:#ffffffbf;font-variant-numeric:tabular-nums}@keyframes leaderboardStarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-again-button{outline:none;border:none;cursor:pointer;background-color:transparent;color:#fff;flex-shrink:0;margin-top:24px}.star-builder{position:absolute;left:0;right:0;top:43%;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;animation:contentFadeIn .5s ease-out both}@media (min-width: 1024px){.star-builder{top:45%}}.star-builder-row{display:flex;flex-direction:column;align-items:center;gap:8px}.star-builder-label{font-family:MonoRegular;font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.star-builder-options{display:flex;gap:8px}.star-builder-options button{width:36px;height:36px;border:1px solid rgba(255,255,255,.3);background-color:transparent;color:#fff;font-family:MonoRegular;font-size:12px;cursor:pointer;border-radius:4px;transition:border-color .2s,background-color .2s}.star-builder-options button:hover{border-color:#fff}.star-builder-options button.selected{border-color:#fff;background-color:#ffffff26}.star-builder-options[data-group=colour] button{border-radius:50%;width:28px;height:28px}.star-builder-options[data-group=colour] button.selected{outline:2px solid white;outline-offset:2px;background-color:unset}.star-builder-start{font-family:MonoRegular;font-size:13px;color:#fff;background-color:transparent;border:1px solid rgba(255,255,255,.4);padding:10px 32px;cursor:pointer;border-radius:4px;margin-top:8px;transition:border-color .2s,background-color .2s}.star-builder-start:hover{border-color:#fff;background-color:#ffffff1a}.star-builder-name{font-family:MonoRegular;font-size:14px;color:#fff;background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.4);padding:6px 8px;text-align:center;outline:none;width:160px;transition:border-color .2s}.star-builder-name::placeholder{color:#ffffff4d}.star-builder-name:focus{border-bottom-color:#fff}.app-layout{width:100vw;height:100dvh;position:relative;animation:contentFadeIn .6s ease-out both}.panel{display:contents}.panel-game{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100dvh;overflow:hidden}.panel-right,.panel-title{display:none}.desktop-title{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;gap:16px;padding:32px 0;box-sizing:border-box}.desktop-title-letters{display:flex;flex-direction:column;align-items:center;line-height:.58;width:clamp(100px,18vh,220px);max-width:100%;box-sizing:border-box}.desktop-title-letters span{font-family:Bickham;font-size:clamp(100px,18vh,220px);color:#fff;display:block;user-select:none;-webkit-user-select:none;text-align:center;width:100%;opacity:0;animation:contentFadeIn .6s ease-out forwards}.desktop-title-letters span:nth-child(1){animation-delay:.1s}.desktop-title-letters span:nth-child(2){animation-delay:.25s}.desktop-title-letters span:nth-child(3){animation-delay:.4s}.desktop-title-letters span:nth-child(4){animation-delay:.55s}.desktop-title-logo{width:clamp(100px,18vh,220px);height:auto;display:block;align-self:center;filter:brightness(0) invert(1);opacity:0;animation:logoFadeIn .6s ease-out .7s forwards}@keyframes logoFadeIn{0%{opacity:0;transform:translate(14px,12px)}to{opacity:1;transform:translate(14px)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.next-party-popup{display:none}.next-party-popup.is-visible{display:flex;flex-direction:column;align-items:flex-start;position:fixed;bottom:12px;left:12px;z-index:10;gap:14px;animation:contentFadeIn .5s ease-out both}.next-party-popup-header{display:flex;align-items:flex-start;gap:16px}.next-party-popup-poster-link{display:block;line-height:0}.next-party-popup-poster{display:block;width:clamp(160px,48vw,260px);height:auto;box-shadow:0 0 24px #00000038}.next-party-popup-close{flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:transparent;color:#fff;font-family:MonoRegular;font-size:16px;line-height:34px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.next-party-popup-close:hover{border-color:#fff;background-color:#ffffff1a;color:#fff}.next-party-popup-cta{font-family:MonoRegular;font-size:16px;color:#fff;text-align:left;align-self:flex-start}.next-party-popup-cta:hover{color:#000;background-color:#f8ff6e;text-decoration:underline}@media (min-width: 1024px){.app-layout{display:grid;grid-template-columns:1.5fr 2fr 1.5fr;grid-template-areas:"title game right";overflow:hidden}.panel{display:block;position:relative;height:100dvh;overflow:hidden}.panel-title{display:block;grid-area:title;border-right:1px solid rgba(255,255,255,.1)}.panel-game{grid-area:game;animation:contentFadeIn .6s ease-out .2s both}.panel-game>.about-screen{display:none}.panel-right .about-image,.panel-right .about-links{display:none}.panel-right{grid-area:right;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:clamp(16px,3vh,32px) clamp(16px,3vw,40px);gap:clamp(16px,3vh,32px);min-height:0;box-sizing:border-box}.panel-right .right-image{width:clamp(96px,14vw,200px);max-height:clamp(120px,28vh,240px);height:auto;object-fit:cover;align-self:flex-end;flex-shrink:0;opacity:0;animation:contentFadeIn .6s ease-out .3s forwards}.panel-right .about-screen{position:relative;width:100%;flex:1 1 auto;min-height:0;height:auto;transform:none!important;animation:none!important;display:flex;flex-direction:column;align-items:flex-end;padding:0;overflow:hidden}.panel-right .about-content{margin-top:0;max-width:100%;width:100%;flex:1 1 auto;min-height:0;padding:0;text-align:right;align-items:flex-end;overflow-y:auto}.panel-right .about-content p{font-size:15px;line-height:1.6;opacity:0;animation:contentFadeIn .5s ease-out forwards}.panel-right .about-content p:nth-child(1){animation-delay:.5s}.panel-right .about-content p:nth-child(2){animation-delay:.7s}.panel-right .about-content p:nth-child(3){animation-delay:.9s}.panel-right .right-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;text-align:right;align-self:flex-end;max-width:100%;flex-shrink:0;margin-top:0}.panel-right .right-links li{font-size:13px;margin-bottom:0;opacity:0;animation:contentFadeIn .5s ease-out forwards}.panel-right .right-links li:nth-child(1){animation-delay:1.1s}.panel-right .right-links li:nth-child(2){animation-delay:1.25s}.panel-right .right-links li:nth-child(3){animation-delay:1.4s}.panel-right .right-links li a{font-size:13px}.game-screen{position:absolute;top:0;left:0;width:100%;height:100%;transform:none!important;animation:none!important;z-index:1}.next-party-popup-poster{width:clamp(160px,22vw,280px)}.bottom-left,.bottom-right,#about-btn,#back-from-about-btn{display:none}.panel-game canvas{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.game-over-screen{width:100%!important;height:100%!important;position:absolute;top:0;left:0;z-index:10}ul{margin-top:0}}