*{box-sizing:border-box}:root{--accent:#718cff;font-family:Inter,"Segoe UI",Arial,sans-serif}html,body{margin:0;min-height:100%;background:#080810;color:#fff;cursor:none}body{min-height:100svh;overflow:hidden}.bg{position:fixed;inset:-2%;background:linear-gradient(#09091225,#09091255),url("https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=2400&q=90") center/cover;filter:saturate(.72);transform:scale(1.02)}.bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,transparent 10%,#0008 100%)}.scanlines{position:fixed;z-index:2;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 4px);opacity:.27}.glitch-line{display:none!important}@keyframes glitch{0%,8%{transform:translateX(0);opacity:0}12%{opacity:.8}55%{transform:translateX(380%);opacity:.35}60%,100%{opacity:0}}main{position:relative;z-index:3;min-height:100svh;display:grid;place-items:center;padding:20px}.card{width:min(555px,100%);padding:30px 30px 20px;text-align:center;border:1px solid #ffffff30;border-radius:20px;background:#bdbdc52b;box-shadow:0 25px 100px #0006;backdrop-filter:blur(10px) saturate(1.25);-webkit-backdrop-filter:blur(10px) saturate(1.25);animation:appear .7s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.avatar{display:block;width:100px;height:100px;object-fit:cover;border-radius:50%;margin:0 auto 13px;border:1px solid #ffffff70;box-shadow:0 0 25px #0004;background:#222}h1{font-size:36px;letter-spacing:-.06em;margin:0 0 5px}
/* Icy, animated name glow like the reference */
.icy-logo{position:relative;display:table;margin:0 auto 5px;color:#fff;text-shadow:0 0 5px #fff,0 0 14px #fff9,0 0 30px #cfe6ffb8;animation:logo-breathe 3.8s ease-in-out infinite;isolation:isolate}
.icy-logo::before{content:"";position:absolute;inset:-12px -18px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#ffffff55 0%,#d8eaff20 34%,transparent 72%);filter:blur(8px);animation:logo-aura 4.2s ease-in-out infinite alternate}
.icy-logo::after{content:"";position:absolute;top:-12%;bottom:-12%;left:-35%;width:25%;pointer-events:none;background:linear-gradient(100deg,transparent,#ffffffdd,transparent);filter:blur(2px);transform:skewX(-18deg);animation:logo-shimmer 4.5s ease-in-out infinite}
@keyframes logo-breathe{0%,100%{text-shadow:0 0 4px #fff,0 0 12px #fff8,0 0 25px #cfe6ff88;filter:brightness(.96)}50%{text-shadow:0 0 8px #fff,0 0 19px #fff,0 0 38px #cfe6ffdd;filter:brightness(1.12)}}
@keyframes logo-aura{from{opacity:.45;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}
@keyframes logo-shimmer{0%,60%,100%{left:-35%;opacity:0}68%{opacity:.9}82%{left:115%;opacity:0}}.card>p{font-size:14px;font-weight:600;margin:0 0 17px}.location{font-size:11px;margin-bottom:19px;color:#f4f4f4}.presence{width:min(340px,100%);min-height:96px;margin:0 auto 18px;padding:11px 13px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #ffffff3d;border-radius:25px;background:linear-gradient(115deg,#ffffff20,#ffffff0b 65%,#c9b8ff12);box-shadow:inset 0 1px 0 #ffffff14,0 8px 28px #0002;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2)}.presence-avatar-wrap{position:relative;flex:none;width:63px;height:63px}.presence-avatar-wrap>img{display:block;width:63px;height:63px;border-radius:50%;object-fit:cover;background:#333;border:1px solid #ffffff24}.presence-text{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.presence-heading{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.presence b{font-size:15px;line-height:1.15;letter-spacing:-.025em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.profile-pill{display:inline-flex;align-items:center;gap:4px;max-width:105px;padding:3px 7px;border:1px solid #ffffff30;border-radius:9px;background:linear-gradient(110deg,#ffffff29,#ffffff12);font-size:10px;line-height:1.2;color:#fff;box-shadow:inset 0 1px 0 #ffffff15}.profile-pill span:last-child{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-badge{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:5px;background:linear-gradient(145deg,#b6a4ff,#7960d8);color:#34215e;font-size:13px;font-weight:900;box-shadow:0 1px 7px #9d85ff50}.presence-text #activity{font-size:12px;line-height:1.25;font-weight:700;color:#fff;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;word-break:normal}.presence-text>small{font-size:11px;line-height:1.25;color:#ffffffc9;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;word-break:normal}.presence-avatar-wrap #state{position:absolute;left:-1px;bottom:-1px;width:17px;height:17px;border-radius:50%;background:#737780;border:2px solid #45444f;display:grid;place-items:center;color:white;font-size:11px;font-style:normal}.presence-avatar-wrap #state.online{background:#43d58a}.presence-avatar-wrap #state.idle{background:#f1b84b}.presence-avatar-wrap #state.dnd{background:#f25468}.presence-avatar-wrap #state.dnd::after{content:"−";font-size:17px;font-weight:900;line-height:10px;transform:translateY(-1px)}.presence-avatar-wrap #state.online::after{content:"";width:5px;height:5px;border-radius:50%;background:#fff}.presence-avatar-wrap #state.idle::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.presence-avatar-wrap #state.offline{background:#747783}.presence-avatar-wrap #state.offline::after{content:"";width:6px;height:6px;border-radius:50%;background:#393b43}.socials{display:flex;justify-content:center;align-items:center;gap:19px;flex-wrap:wrap;margin:17px 0 20px}.socials a{display:grid;place-items:center;width:30px;height:32px;color:#fff;filter:drop-shadow(0 2px 5px #0005);transition:transform .2s,color .2s;opacity:.98;flex:none}.socials a:hover{color:var(--accent);transform:translateY(-4px) scale(1.08)}.socials svg{display:block;width:28px;height:28px;fill:currentColor}.socials img{display:block;width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}.socials img.guns-logo{width:28px;max-width:28px;height:28px;object-fit:contain;justify-self:center;align-self:center}.music{width:min(295px,100%);margin:auto;display:flex;align-items:center;gap:10px;padding:9px 11px;text-align:left;border:1px solid #ffffff2b;border-radius:17px;background:#17171e42;backdrop-filter:blur(12px)}.music button{width:33px;height:33px;border:0;border-radius:50%;background:#fff;color:#333;cursor:pointer;flex:none}.track{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.track b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track small{font-size:10px;color:#eee}.eq{display:flex;align-items:center;gap:2px;height:20px}.eq i{display:block;width:2px;height:5px;background:#fff;border-radius:2px}.music.playing .eq i{animation:eq .5s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:-.2s}.eq i:nth-child(3){animation-delay:-.4s}.eq i:nth-child(4){animation-delay:-.1s}.eq i:nth-child(5){animation-delay:-.3s}@keyframes eq{to{height:17px}}footer{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-top:17px;padding-top:12px;border-top:1px solid #ffffff2b;font-size:9px;letter-spacing:.08em;color:#ffffffaa}.signature{position:fixed;bottom:16px;left:0;right:0;font-size:8px;letter-spacing:.2em;color:#ffffff66}@media(max-width:480px){.card{padding:25px 18px 18px}.avatar{width:88px;height:88px}h1{font-size:32px}.socials{gap:15px}.presence{padding:10px 11px;gap:10px;min-height:88px}.presence-avatar-wrap,.presence-avatar-wrap>img{width:56px;height:56px}.presence b{font-size:14px}.profile-pill{font-size:9px;padding:3px 6px}.profile-badge{width:15px;height:15px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Snow stays above every card and visual layer, but never blocks clicks. */
.snow-layer{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:none}
.snowflake{position:absolute;top:-12px;color:#fff;opacity:var(--opacity,.75);font-size:var(--size,10px);line-height:1;text-shadow:0 0 7px #fff9;will-change:transform;animation:snow-fall var(--duration,12s) linear var(--delay,0s) infinite;}
@keyframes snow-fall{0%{transform:translate3d(0,-5vh,0) rotate(0deg)}50%{transform:translate3d(var(--drift,24px),50vh,0) rotate(180deg)}100%{transform:translate3d(var(--drift,24px),110vh,0) rotate(360deg)}}
.cursor-dot{position:fixed;z-index:1100;left:0;top:0;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 18px #d8eaffaa;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease,width .15s ease,height .15s ease;mix-blend-mode:difference}
.cursor-dot.visible{opacity:1}.cursor-dot.hover{width:12px;height:12px}
@media (hover:none),(pointer:coarse){html,body{cursor:auto}.cursor-dot{display:none}}

/* Configurable visual effects */
html,body{cursor:auto}
body.custom-cursor-enabled,body.custom-cursor-enabled *{cursor:none!important}
.icy-logo::after{content:"";position:absolute;inset:-18px -26px;z-index:1;pointer-events:none;background:radial-gradient(circle at 12% 20%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 83% 15%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 94% 70%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 5% 75%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 72% 92%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 30% 5%,#fff 0 1px,transparent 1.8px);opacity:.5;animation:sparkle-twinkle 2.8s ease-in-out infinite alternate}
@keyframes sparkle-twinkle{0%{opacity:.2;filter:brightness(.8)}45%{opacity:.9;filter:brightness(1.5)}100%{opacity:.4;filter:brightness(1)}}
.icy-logo.name-glow-only::after{display:none}.icy-logo.name-off{animation:none;text-shadow:none;filter:none}.icy-logo.name-off::before,.icy-logo.name-off::after{display:none}.icy-logo.name-sparkle::after{animation-duration:calc(3.5s - var(--sparkle-factor, 0s))}

.name-sparkles{position:absolute;inset:-18px -22px;pointer-events:none;overflow:visible;z-index:2}.name-sparkles i{position:absolute;font-style:normal;font-size:var(--star-size,8px);line-height:1;color:#fff;text-shadow:0 0 5px #fff,0 0 12px #fff;opacity:0;animation:individual-twinkle var(--star-duration,2s) ease-in-out var(--star-delay,0s) infinite}.name-off .name-sparkles{display:none}@keyframes individual-twinkle{0%,100%{opacity:0;transform:scale(.5) rotate(0)}35%,65%{opacity:.95;transform:scale(1.15) rotate(25deg)}}

.profile-pill[hidden]{display:none!important}

/* GoatCounter total visitors badge */
.visitor-count{position:absolute;left:50%;top:calc(50% + 6px);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:42%;margin:0;padding:5px 9px;border:1px solid #ffffff25;border-radius:999px;background:#ffffff0b;color:#ffffffb8;font-size:10px;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 #ffffff0a}.visitor-count b{color:#fff;font-size:11px;font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums}.visitor-dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ffffffaa;flex:none}

/* Footer layout: brand left, visitor count truly centered, clock right */
.card footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:10px;justify-content:initial;}
.card footer>span:first-child{justify-self:start;}
.card footer>#clock{justify-self:end;text-align:right;}
.card footer>.visitor-count{position:static;left:auto;top:auto;transform:none;justify-self:center;max-width:none;width:max-content;margin:0;}
@media(max-width:380px){.card footer{column-gap:5px}.card footer>.visitor-count{gap:4px;padding:4px 6px;font-size:8px}.card footer>.visitor-count b{font-size:10px}}

/* Compact SoundCloud player — closed by default to preserve the site's layout */
.soundcloud-player{display:block;width:min(235px,100%);margin:8px auto 0;padding:8px 10px;text-align:left;border:1px solid #ffffff1c;border-radius:10px;background:rgba(18,18,27,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box}
.sc-row{display:flex;align-items:center;gap:8px;min-width:0}
.sc-track{min-width:0;flex:1}
.sc-track b{display:block;font-size:11px;line-height:1.25;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.sc-open{display:inline-grid;place-items:center;width:19px;height:19px;flex:none;color:#ffffffa8;text-decoration:none;font-size:13px;border-radius:4px;transition:color .2s,background .2s}
.sc-open:hover{color:#fff;background:#ffffff12}
.sc-controls{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:5px}
.sc-controls button{display:grid;place-items:center;min-width:20px;width:20px;height:20px;padding:0;border:0;background:transparent;color:#ffffffb8;font:15px/1 Arial,sans-serif;cursor:pointer;border-radius:4px;transition:color .15s,transform .15s}
.sc-controls button:hover{color:#fff;transform:scale(1.08)}
.sc-controls #sc-toggle{font-size:12px;width:24px}
.sc-controls button:disabled{opacity:.35;cursor:default}
.sc-frame-wrap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sc-frame-wrap iframe{width:1px;height:1px;border:0}
@media(max-width:420px){.soundcloud-player{width:min(235px,100%);margin-top:7px}}

/* Tiny timeline and repeat control */
.sc-progress-row{display:flex;align-items:center;gap:6px;margin-top:7px;min-width:0}
.sc-time{font-size:8px;line-height:1;color:#ffffff9c;font-variant-numeric:tabular-nums;flex:none;min-width:22px}
.sc-time:last-child{text-align:right}
.sc-seek{appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:12px;margin:0;background:transparent;cursor:pointer;accent-color:#fff}
.sc-seek::-webkit-slider-runnable-track{height:2px;border-radius:4px;background:#ffffff35}
.sc-seek::-moz-range-track{height:2px;border-radius:4px;background:#ffffff35}
.sc-seek::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:7px;margin-top:-2.5px;border-radius:50%;background:#fff;box-shadow:0 0 5px #ffffff50}
.sc-seek::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#fff}
.sc-controls{gap:15px;margin-top:4px}
.sc-controls #sc-repeat{font-size:13px;width:20px;color:#ffffff80}
.sc-controls #sc-repeat.active{color:#fff;text-shadow:0 0 8px #ffffff70}
.sc-controls button:disabled{opacity:.35;cursor:default}

/* Balanced player controls: volume sits at the far left. */
.sc-controls{justify-content:space-between;gap:9px;margin-top:5px}
.sc-volume{display:flex;align-items:center;gap:5px;min-width:64px;flex:1;color:#ffffff9c;font-size:12px;cursor:pointer}
.sc-volume input{appearance:none;-webkit-appearance:none;width:100%;max-width:62px;min-width:28px;height:12px;margin:0;background:transparent;cursor:pointer;accent-color:#fff}
.sc-volume input::-webkit-slider-runnable-track{height:2px;border-radius:4px;background:#ffffff35}
.sc-volume input::-moz-range-track{height:2px;border-radius:4px;background:#ffffff35}
.sc-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:7px;margin-top:-2.5px;border-radius:50%;background:#fff}
.sc-volume input::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#fff}
.sc-controls #sc-prev,.sc-controls #sc-next{flex:none}
.sc-controls #sc-toggle{flex:none}
.sc-controls #sc-repeat{flex:none}
.sc-volume input:disabled{opacity:.35;cursor:default}