@property --g12-loader-s{syntax: "<length>"; inherits: false; initial-value: 0px;}.g12-loader{--g12-loader-cover: .4s;--g12-loader-reveal: 517ms;position:fixed;inset:0;z-index:10000;display:grid;place-items:center}.g12-loader[data-state=done]{visibility:hidden;pointer-events:none}.g12-loader-screen{position:absolute;inset:0;background:var(--g12-loader-bg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%,var(--g12-loader-s) auto;mask-size:100% 100%,var(--g12-loader-s) auto;-webkit-mask-position:0 0,calc(50% + var(--g12-loader-s) * .02) calc(50% + var(--g12-loader-s) * 0);mask-position:0 0,calc(50% + var(--g12-loader-s) * .02) calc(50% + var(--g12-loader-s) * 0)}.g12-loader[data-state=reveal] .g12-loader-screen{-webkit-mask-image:linear-gradient(#000 0 0),url(/images/webp/ghost12-logo.webp);mask-image:linear-gradient(#000 0 0),url(/images/webp/ghost12-logo.webp);-webkit-mask-composite:xor;mask-composite:exclude;animation:g12-loader-reveal var(--g12-loader-reveal) both}.g12-loader[data-state=cover] .g12-loader-screen{-webkit-mask-image:url(/images/webp/ghost12-logo.webp);mask-image:url(/images/webp/ghost12-logo.webp);-webkit-mask-size:var(--g12-loader-s) auto;mask-size:var(--g12-loader-s) auto;-webkit-mask-position:calc(50% + var(--g12-loader-s) * .02) calc(50% + var(--g12-loader-s) * 0);mask-position:calc(50% + var(--g12-loader-s) * .02) calc(50% + var(--g12-loader-s) * 0);animation:g12-loader-cover var(--g12-loader-cover) cubic-bezier(.7,0,.84,0) both}.g12-loader-logo{position:relative;width:clamp(100px,14vmin,176px);aspect-ratio:800/736}.g12-loader[data-state=reveal] .g12-loader-logo{animation:g12-loader-logo-out .15s ease-in both}.g12-loader-glyph{position:absolute;inset:0;background:var(--g12-accent);-webkit-mask:center/100% 100% no-repeat;mask:center/100% 100% no-repeat;clip-path:inset(100% 0 0 0)}.g12-loader-glyph:nth-child(1){-webkit-mask-image:url(/images/loader/glyph-g.png);mask-image:url(/images/loader/glyph-g.png);animation-delay:0ms}.g12-loader-glyph:nth-child(2){-webkit-mask-image:url(/images/loader/glyph-h.png);mask-image:url(/images/loader/glyph-h.png);animation-delay:.12s}.g12-loader-glyph:nth-child(3){-webkit-mask-image:url(/images/loader/glyph-o.png);mask-image:url(/images/loader/glyph-o.png);animation-delay:.24s}.g12-loader-glyph:nth-child(4){-webkit-mask-image:url(/images/loader/glyph-s.png);mask-image:url(/images/loader/glyph-s.png);animation-delay:.36s}.g12-loader-glyph:nth-child(5){-webkit-mask-image:url(/images/loader/glyph-t.png);mask-image:url(/images/loader/glyph-t.png);animation-delay:.48s}.g12-loader-glyph:nth-child(6){-webkit-mask-image:url(/images/loader/glyph-12.png);mask-image:url(/images/loader/glyph-12.png);animation-delay:.6s}.g12-loader[data-state=hold] .g12-loader-glyph,.g12-loader[data-state=reveal] .g12-loader-glyph{animation-name:g12-loader-build;animation-duration:3.2s;animation-iteration-count:infinite;animation-fill-mode:both}.g12-loader-label{position:absolute;inset:auto 0 calc(var(--g12-gap) + env(safe-area-inset-bottom)) 0;margin:0;color:var(--g12-accent);font-size:.75rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.g12-loader[data-state=reveal] .g12-loader-label{opacity:0;transition:opacity .3s .1s}@keyframes g12-loader-build{0%{clip-path:inset(100% 0 0 0);animation-timing-function:cubic-bezier(.65,.05,0,1)}11%,62%{clip-path:inset(0 0 0 0);animation-timing-function:cubic-bezier(.65,.05,0,1)}73%,to{clip-path:inset(0 0 100% 0)}}@keyframes g12-loader-logo-out{to{transform:scale(0)}}@keyframes g12-loader-cover{0%{--g12-loader-s: 0px}to{--g12-loader-s: 2000vmax}}@keyframes g12-loader-reveal{0%,29%{--g12-loader-s: 0px;animation-timing-function:cubic-bezier(.7,0,.84,0)}87%,to{--g12-loader-s: 2000vmax}}@keyframes g12-loader-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.g12-loader[data-state] .g12-loader-glyph{clip-path:none;animation:none}.g12-loader[data-state=cover] .g12-loader-screen{-webkit-mask:none;mask:none;animation:g12-loader-fade var(--g12-loader-cover) both}.g12-loader[data-state=reveal]{opacity:0;transition:opacity var(--g12-loader-reveal)}.g12-loader[data-state=reveal] .g12-loader-screen,.g12-loader[data-state=reveal] .g12-loader-logo{animation:none}}:root{--g12-text: #f5f5f5;--g12-text-muted: #b3b3b3;--g12-surface: rgba(18, 18, 18, .55);--g12-surface-strong: rgba(18, 18, 18, .82);--g12-surface-raised: rgba(255, 255, 255, .06);--g12-border: rgba(245, 245, 245, .12);--g12-accent: #ff6219;--g12-accent-soft: rgba(255, 98, 25, .16);--g12-artist: var(--g12-accent);--g12-player-bar: #121212;--g12-danger: #ff8a80;--g12-radius: 14px;--g12-radius-sm: 8px;--g12-gap: 1rem;--g12-shadow: 0 12px 32px rgba(0, 0, 0, .45);--g12-shadow-float: 0 4px 16px rgba(0, 0, 0, .35);--g12-scrim: rgba(0, 0, 0, .55);--g12-overlay-blur: 10px;--g12-loader-bg: #0f1012;--g12-font: "Designer", system-ui, sans-serif;--g12-font-secondary: "Montserrat", system-ui, sans-serif;--g12-nick-1: #5b7bff;--g12-nick-2: #28ca30;--g12-nick-3: #e4fd00;--g12-nick-4: #c25bfd;--g12-nick-5: #ff0033;--g12-nick-6: #fca401;--g12-nick-7: #00fafa;--g12-nick-8: #ff04a7;--g12-nick-9: #4ade80;--g12-nick-10: #e0a370;--g12-nick-11: #ff7a7a;--g12-nick-12: #ffd84d;--g12-nick-13: #a0e7ff;--g12-nick-14: #00b3ff;--g12-nick-15: #e0b3ff;--g12-nick-16: #ffb3e6;--g12-nick-17: #c6ff7a;--g12-nick-18: #ff3d7f;--g12-nick-19: #2ec4b6;--g12-nick-20: #b388ff;--g12-nick-21: #ea80fc;--g12-nick-22: #8c9eff;--g12-nick-23: #fff59d;--g12-nick-24: #69f0ae;--g12-nick-25: #d4e157;--g12-nick-26: #4dd0e1;--g12-nick-27: #f06292;--g12-nick-28: #aed581;--g12-nick-29: #ce93d8;--g12-nick-30: #ffcc80;--g12-nick-halo: 0 0 2px rgba(0, 0, 0, .9), 0 1px 3px rgba(0, 0, 0, .7)}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Designer;src:url(/fonts/designer.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}[data-nick-color="0"]{color:var(--g12-nick-1);text-shadow:var(--g12-nick-halo)}[data-nick-color="1"]{color:var(--g12-nick-2);text-shadow:var(--g12-nick-halo)}[data-nick-color="2"]{color:var(--g12-nick-3);text-shadow:var(--g12-nick-halo)}[data-nick-color="3"]{color:var(--g12-nick-4);text-shadow:var(--g12-nick-halo)}[data-nick-color="4"]{color:var(--g12-nick-5);text-shadow:var(--g12-nick-halo)}[data-nick-color="5"]{color:var(--g12-nick-6);text-shadow:var(--g12-nick-halo)}[data-nick-color="6"]{color:var(--g12-nick-7);text-shadow:var(--g12-nick-halo)}[data-nick-color="7"]{color:var(--g12-nick-8);text-shadow:var(--g12-nick-halo)}[data-nick-color="8"]{color:var(--g12-nick-9);text-shadow:var(--g12-nick-halo)}[data-nick-color="9"]{color:var(--g12-nick-10);text-shadow:var(--g12-nick-halo)}[data-nick-color="10"]{color:var(--g12-nick-11);text-shadow:var(--g12-nick-halo)}[data-nick-color="11"]{color:var(--g12-nick-12);text-shadow:var(--g12-nick-halo)}[data-nick-color="12"]{color:var(--g12-nick-13);text-shadow:var(--g12-nick-halo)}[data-nick-color="13"]{color:var(--g12-nick-14);text-shadow:var(--g12-nick-halo)}[data-nick-color="14"]{color:var(--g12-nick-15);text-shadow:var(--g12-nick-halo)}[data-nick-color="15"]{color:var(--g12-nick-16);text-shadow:var(--g12-nick-halo)}[data-nick-color="16"]{color:var(--g12-nick-17);text-shadow:var(--g12-nick-halo)}[data-nick-color="17"]{color:var(--g12-nick-18);text-shadow:var(--g12-nick-halo)}[data-nick-color="18"]{color:var(--g12-nick-19);text-shadow:var(--g12-nick-halo)}[data-nick-color="19"]{color:var(--g12-nick-20);text-shadow:var(--g12-nick-halo)}[data-nick-color="20"]{color:var(--g12-nick-21);text-shadow:var(--g12-nick-halo)}[data-nick-color="21"]{color:var(--g12-nick-22);text-shadow:var(--g12-nick-halo)}[data-nick-color="22"]{color:var(--g12-nick-23);text-shadow:var(--g12-nick-halo)}[data-nick-color="23"]{color:var(--g12-nick-24);text-shadow:var(--g12-nick-halo)}[data-nick-color="24"]{color:var(--g12-nick-25);text-shadow:var(--g12-nick-halo)}[data-nick-color="25"]{color:var(--g12-nick-26);text-shadow:var(--g12-nick-halo)}[data-nick-color="26"]{color:var(--g12-nick-27);text-shadow:var(--g12-nick-halo)}[data-nick-color="27"]{color:var(--g12-nick-28);text-shadow:var(--g12-nick-halo)}[data-nick-color="28"]{color:var(--g12-nick-29);text-shadow:var(--g12-nick-halo)}[data-nick-color="29"]{color:var(--g12-nick-30);text-shadow:var(--g12-nick-halo)}html,body{height:100%;overflow:hidden;margin:0;font-family:var(--g12-font);font-synthesis:none}*{box-sizing:border-box}