.githubPatchButton{z-index:420;color:#ff6671;letter-spacing:.05em;text-align:left;width:clamp(340px,25vw,455px);height:46px;cursor:var(--cursor-pointer);background:linear-gradient(90deg,#031b1fad,#0d070bc7);border:1px solid #53e1ee94;grid-template-columns:28px 74px 1px 1fr auto;align-items:center;gap:12px;padding:0 14px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;display:grid;position:fixed;top:78px;right:clamp(40px,4.2vw,84px);box-shadow:inset 0 0 18px #4be5f008,0 8px 24px #00000038}.githubPatchButton:before{content:"";background:#5cebf3;width:36px;height:1px;position:absolute;top:-1px;left:14px}.githubPatchButton:after{content:"";background:#5cebf3b8;width:76px;height:1px;position:absolute;bottom:-1px;right:14px}.githubPatchButton:hover,.githubPatchButton:focus-visible{color:#63edf5;background:linear-gradient(90deg,#073137d1,#1e080ed1);border-color:#63edf5;outline:none}.githubPatchButton__key{color:#61ecf4;border:1px solid #61ecf4;place-items:center;width:25px;height:25px;font-size:15px;font-weight:700;display:grid}.githubPatchButton__version{color:#ff6671;white-space:nowrap}.githubPatchButton__separator{background:#5be5ef40;width:1px;height:28px}.githubPatchButton__label{color:#ff6671;white-space:nowrap;justify-self:end;font-size:16px}.githubPatchButton__decoration{color:#5be5ef6b}@media (max-width:900px){.githubPatchButton{grid-template-columns:26px 66px 1fr;width:300px;top:70px;right:18px}.githubPatchButton__separator,.githubPatchButton__decoration{display:none}}@media (max-width:720px){.githubPatchButton{top:auto;right:max(.75rem, env(safe-area-inset-right));bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 54px);z-index:650;grid-template-columns:26px 58px 1fr;gap:.55rem;width:min(230px,100vw - 1.5rem);height:44px;padding:0 .7rem}.githubPatchButton__separator,.githubPatchButton__decoration{display:none}.githubPatchButton__label{justify-self:end;font-size:.85rem}.githubPatchButton__version{font-size:.78rem}}
.mainMenuRajdhani,.mainMenuRajdhani button,.mainMenuRajdhani a{font-family:Rajdhani,sans-serif}.cpNav{z-index:300;background:linear-gradient(90deg,#28060ee6 0%,#1e050ccc 72%,#14040a26 100%);border-left:1px solid #ff415547;border-right:1px solid #ff415533;flex-direction:column;width:clamp(310px,27vw,520px);padding:clamp(72px,8vh,120px) clamp(24px,2vw,42px) clamp(36px,5vh,72px);font-family:Rajdhani,sans-serif;display:flex;position:relative;box-shadow:0 0 45px #55001426,inset 0 0 60px #ff233c0a}.cpNav:before{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.45;background:repeating-linear-gradient(#ff465a0b 0 1px,#0000 1px 4px);position:absolute;inset:0}.cpNavHome{position:absolute;top:0;bottom:0;left:clamp(28px,6vw,110px)}.cpNavDrawer{z-index:600;visibility:hidden;background:linear-gradient(90deg,#28060efa 0%,#1e050cf7 72%,#14040aeb 100%);width:min(440px,90vw);transition:transform .26s cubic-bezier(.2,.75,.25,1),visibility .26s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:20px 0 60px #0000008c}.cpNavDrawerOpen{visibility:visible;transform:translate(0)}.cpNavHeader{z-index:1;margin-bottom:clamp(36px,5vh,66px);position:relative}.cpNavLogo{color:#f1e600;letter-spacing:-.08em;white-space:nowrap;text-shadow:2px 2px #ff1e4180,0 0 12px #f0e6001a;font-family:Cyberpunk,Rajdhani,sans-serif;font-size:clamp(38px,4.2vw,76px);font-weight:400;line-height:.86}.cpNavSubtitle{color:#5febf5cc;letter-spacing:.24em;margin-top:12px;font-size:11px;font-weight:600}.cpNavList{z-index:1;flex-direction:column;gap:5px;display:flex;position:relative}.cpNavItem{color:#ff5f69d1;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;text-decoration:none;transition:color .13s,border-color .13s,background .13s,transform .13s;display:flex;position:relative}.cpNavItem:before{content:"";clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}.cpNavItem:hover,.cpNavItem:focus-visible,.cpNavItemActive{color:#82faff;text-shadow:0 0 8px #5af5ff73;background:linear-gradient(90deg,#00a0af14,#00a0af06);border-color:#55ebf5cc;outline:none;transform:translate(4px)}.cpNavItemActive:after{content:"";opacity:.7;background:repeating-linear-gradient(90deg,#64fafff2 0 2px,#0000 2px 4px);width:28px;height:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.cpNavLabel{letter-spacing:.02em;font-size:clamp(19px,1.8vw,31px);font-weight:500}.cpNavMeta{color:#69ebf073;letter-spacing:.15em;margin-right:44px;font-size:10px}.cpNavFooter{z-index:1;border-top:1px solid #ff3c5059;flex-direction:column;gap:6px;margin-top:auto;padding-top:26px;display:flex;position:relative}.cpNavVersion{color:#ff505fb3;font-size:17px}.cpNavUser{color:#79f6ff;font-size:25px;font-weight:600}.cpNavAccount{color:#ff6473c7;border:1px solid #ff465a6b;align-items:center;gap:10px;width:fit-content;min-width:230px;margin-top:8px;padding:7px 12px;display:flex}.cpNavAccountIcon{color:#071014;background:#74f7ff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.menuTrigger{z-index:500;color:#72f7ff;width:112px;height:42px;cursor:var(--cursor-pointer);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:#060b11d1;border:1px solid #5beff7ad;justify-content:space-between;align-items:center;padding:0 13px;font-family:Rajdhani,sans-serif;display:flex;position:fixed;top:24px;left:24px;box-shadow:0 0 12px #46ebf51f,inset 0 0 10px #46ebf50d}.menuTrigger:hover,.menuTrigger:focus-visible{background:#0f343abf;outline:none;box-shadow:0 0 14px #46ebf559}.menuTriggerCode{letter-spacing:.14em;font-size:14px;font-weight:600}.menuTriggerLines{gap:4px;width:19px;display:grid}.menuTriggerLines span{background:currentColor;height:1px;display:block}.menuTriggerLines span:nth-child(2){width:70%;margin-left:auto}.menuBackdrop{z-index:590;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000085;transition:opacity .22s,visibility .22s;position:fixed;inset:0}.menuBackdropVisible{opacity:1;visibility:visible;pointer-events:auto}.menuClose{z-index:2;color:#71f7ff;width:42px;height:42px;cursor:var(--cursor-pointer);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background:#00191e59;border:1px solid #5df0f8a6;place-items:center;font-family:Rajdhani,sans-serif;font-size:32px;line-height:1;display:grid;position:absolute;top:22px;right:22px}.menuClose:hover,.menuClose:focus-visible{color:#071013;background:#71f7ff;outline:none}.cpNavHomeShell{z-index:300;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cpNavHomeShell>*{pointer-events:auto}.cpNavHome{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#26040df0,#1f040ccc 75%,#1f040c26);border-left-color:#ff415573;border-right-color:#ff415547;width:clamp(24rem,22.5vw,32rem);padding:clamp(6rem,19vh,11rem) clamp(1.5rem,2vw,2.75rem) clamp(2.75rem,6vh,5rem);top:0;bottom:0;left:clamp(2rem,6.7vw,8rem);box-shadow:18px 0 70px #00000038}.cpNavHome .cpNavHeader{margin-bottom:clamp(2rem,4.5vh,3.75rem);transform:translate(clamp(-1.5rem,-1.2vw,-.5rem))}.cpNavHome .cpNavLogo{max-width:100%;font-size:clamp(2.8rem,3.6vw,5rem);line-height:.8}.cpNavHome .cpNavSubtitle{margin-top:clamp(1rem,2vh,1.5rem);font-size:clamp(.65rem,.8vw,.9rem)}.cpNavHome .cpNavList{gap:0}.cpNavHome .cpNavItem{border-color:#0000;width:min(100%,22rem);min-height:clamp(2.5rem,4.8vh,3.25rem);padding:0 clamp(.75rem,1vw,1.25rem);transform:none}.cpNavHome .cpNavItem:hover,.cpNavHome .cpNavItem:focus-visible,.cpNavHome .cpNavItemActive{color:#f4e700;text-shadow:0 0 8px #f4e70066;background:linear-gradient(90deg,#9b870033,#5044000a);border-color:#f4e700db;transform:none}.cpNavHome .cpNavItemActive:after{background:repeating-linear-gradient(90deg,#f4e700f2 0 2px,#0000 2px 4px);width:clamp(1.5rem,2.2vw,2.25rem);height:1.2rem;right:clamp(.8rem,1.4vw,1.6rem)}.cpNavHome .cpNavLabel{letter-spacing:.04em;font-size:clamp(1.15rem,1.55vw,1.95rem)}.cpNavHome .cpNavMeta{margin-right:clamp(2.75rem,4vw,4.25rem);font-size:clamp(.58rem,.66vw,.75rem)}.cpNavHome .cpNavFooter{margin-left:clamp(-1.5rem,-1vw,-.75rem);padding-top:clamp(1.5rem,3vh,2.75rem)}.cpNavHome .cpNavVersion{font-size:clamp(1rem,1.2vw,1.35rem)}.cpNavHome .cpNavUser{font-size:clamp(1.35rem,1.9vw,2rem)}.homeMenuPreview{visibility:hidden;opacity:0;clip-path:polygon(0 0,calc(100% - 1.25rem) 0,100% 1.25rem,100% 100%,0 100%);background:#12050bc7;border:1px solid #ff4252cc;width:min(22vw,26rem);min-width:18rem;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:40%;left:calc(clamp(2rem,6.7vw,8rem) + clamp(24rem,22.5vw,32rem) + clamp(1rem,1.5vw,2rem));transform:translateY(.75rem)scale(.98);box-shadow:0 0 30px #ff1e3214}.homeMenuPreview--visible{visibility:visible;opacity:1;transform:translateY(0)scale(1)}.homeMenuPreview__image{aspect-ratio:16/9;border-bottom:1px solid #ff4252cc;position:relative;overflow:hidden}.homeMenuPreview__image:after{content:"";background:linear-gradient(#0000 45%,#0d040acc);position:absolute;inset:0}.homeMenuPreview__image img{object-fit:cover;filter:saturate(.8)contrast(1.05)}.homeMenuPreview__image--placeholder{color:#71f7ff80;letter-spacing:.1em;text-align:center;background-color:#080d14d9;background-image:linear-gradient(#ff2d4814 1px,#0000 1px),linear-gradient(90deg,#ff2d4814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:1.25rem 1.25rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;font-size:clamp(1.2rem,2vw,2rem);display:grid}.homeMenuPreview__content{gap:.45rem;padding:clamp(1rem,1.6vw,1.5rem);display:grid}.homeMenuPreview__content>span,.homeMenuPreview__content small,.homeMenuPreview__content div{color:#ff5e68c7;letter-spacing:.12em;font-size:.72rem}.homeMenuPreview__content strong{color:#71f7ff;letter-spacing:.06em;font-size:clamp(1.35rem,2vw,2rem);font-weight:500}.homeMenuPreview__content small{color:#f1f1e6b8}.homeMenuPreview__content div{border-top:1px solid #ff42526b;justify-content:space-between;gap:1rem;padding-top:.75rem;display:flex}.homeMenuHud{color:#ff5a65cc;letter-spacing:.12em;gap:clamp(1rem,2vw,2.5rem);font-size:clamp(.65rem,.8vw,.85rem);display:flex;position:absolute;right:clamp(1rem,4vw,5rem)}.homeMenuHud--top{top:clamp(1.5rem,4vh,3rem)}.homeMenuHud--top strong{color:#71f7ff;font-weight:500}.homeMenuHud--bottom{bottom:clamp(1.25rem,4vh,3rem)}.homeMenuHud b{color:#071014;background:#71f7ff;padding:.2rem .45rem;font-weight:700}@media (max-width:760px){.cpNavDrawer{width:min(78vw,430px)}.cpNavItem{letter-spacing:.02em;text-shadow:0 0 10px #ff5a6459;min-height:78px;padding:0 1.4rem;font-size:clamp(1.55rem,6vw,2.3rem);font-weight:500}.cpNavItem>span,.cpNavItem strong{font-weight:inherit;font-size:inherit!important}.cpNavItem small{font-size:.78rem!important}.cpNavHome{left:max(.5rem, env(safe-area-inset-left));right:max(.5rem, env(safe-area-inset-right));width:75vw;padding:max(5rem, calc(env(safe-area-inset-top) + 3.5rem)) clamp(.75rem, 4vw, 1.25rem) max(.75rem, env(safe-area-inset-bottom))}.cpNavHome .cpNavHeader{margin-bottom:clamp(1.25rem,3vh,2rem);transform:none}.cpNavHome .cpNavLogo{font-size:clamp(1.9rem,8vw,2.5rem);line-height:.9}.cpNavHome .cpNavSubtitle{margin-top:.75rem;font-size:clamp(.58rem,2.6vw,.72rem)}.cpNavHome .cpNavItem{width:100%;min-height:52px;padding-inline:clamp(.75rem,4vw,1.1rem);font-size:clamp(1.25rem,6vw,1.55rem)}.cpNavHome .cpNavMeta{margin-right:clamp(2.25rem,12vw,3.25rem)}.cpNavHome .cpNavFooter{margin-bottom:clamp(6.5rem,13vh,7.5rem);margin-left:0;padding-top:1.25rem}.cpNavHome .cpNavVersion{font-size:clamp(.72rem,3.6vw,.95rem)}.cpNavHome .cpNavUser{font-size:clamp(1.05rem,5vw,1.35rem)}.cpNavHome .cpNavAccount{width:min(100%,15rem);min-width:0}.homeMenuHud,.cpMenuPreviewShell{display:none}}@media (prefers-reduced-motion:reduce){.cpNavDrawer,.menuBackdrop,.cpNavItem{transition:none}}
.time-hud{color:#65edf7;letter-spacing:.02em;white-space:nowrap;text-shadow:0 0 3px #65edf759;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;line-height:1}.hud-layer{pointer-events:none;z-index:9999;position:fixed;inset:0}.hud-clock{top:max(18px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));text-align:right;pointer-events:none;width:auto;position:absolute}@media (max-width:768px){.hud-clock{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));width:auto}}
.spotifyHudButton{z-index:25;color:#ff6974;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);min-width:clamp(270px,26vw,410px);height:47px;cursor:var(--cursor-pointer);font:inherit;letter-spacing:.035em;text-transform:uppercase;background:#0310159e;border:1px solid #4fe2efb3;grid-template-columns:34px auto 28px 34px;align-items:center;gap:.7rem;padding:0 .85rem;display:grid;position:fixed;bottom:clamp(2rem,5.3vh,4.8rem);right:clamp(2rem,4.6vw,5.2rem);box-shadow:inset 0 0 22px #0f99ab14,0 0 16px #00000059}.spotifyHudButton:before,.spotifyHudButton:after{content:"";pointer-events:none;position:absolute}.spotifyHudButton:before{background:#ff5b68b8;height:1px;top:-4px;left:32%;right:16%}.spotifyHudButton:after{background:#ff5b68b8;width:44%;height:1px;bottom:-4px;left:0}.spotifyHudButton:hover,.spotifyHudButton:focus-visible{color:#f7dc26;background:#092e35d1;border-color:#63eff9;outline:none}.spotifyHudButton__key{color:#62eaf5;border:2px solid;place-items:center;width:30px;height:30px;font-size:1rem;font-weight:700;display:grid}.spotifyHudButton__label{justify-self:start;font-size:clamp(.88rem,1.25vw,1.18rem);font-weight:600}.spotifyHudButton__glyph{color:#54e7f2;font-size:1.2rem}.spotifyHudButton__matrix{color:#54e7f28c;text-align:right;font-size:.42rem;line-height:.76}@media (max-width:720px){.spotifyHudButton{min-width:230px;height:42px;bottom:1.2rem;right:1rem;right:max(.75rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:650;grid-template-columns:30px 1fr 24px;gap:.55rem;width:min(230px,100vw - 1.5rem);min-width:0;height:44px;padding:0 .7rem}.spotifyHudButton__matrix{display:none}.spotifyHudButton__label{font-size:.85rem}}