/* /Layout/MainLayout.razor.rz.scp.css */
main[b-cjmj1hhwau] { display: block; }
/* /Pages/Home.razor.rz.scp.css */
.zss[b-aui2xj7rph] {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1.25rem 5rem;
    min-height: 100vh;
}

/* ---------- drifting cursed things ---------- */
.floaters[b-aui2xj7rph] { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.floaters span[b-aui2xj7rph] {
    position: absolute;
    bottom: -12%;
    opacity: 0;
    filter: drop-shadow(0 0 8px rgba(176, 38, 255, 0.6));
    animation-name: rise-b-aui2xj7rph;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes rise-b-aui2xj7rph {
    0%   { transform: translateY(0) rotate(0deg); opacity: 0; }
    10%  { opacity: 0.5; }
    50%  { transform: translateY(-55vh) rotate(180deg); }
    90%  { opacity: 0.5; }
    100% { transform: translateY(-115vh) rotate(360deg); opacity: 0; }
}
.zss > *:not(.floaters)[b-aui2xj7rph] { position: relative; z-index: 1; }

/* ---------- top score ticker ---------- */
.marquee[b-aui2xj7rph] {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-top: 1px solid rgba(57, 255, 20, 0.3);
    border-bottom: 1px solid rgba(57, 255, 20, 0.3);
    background: rgba(57, 255, 20, 0.04);
    margin: 0 -1.25rem 0;
}
.mq-label[b-aui2xj7rph] {
    flex: 0 0 auto;
    display: flex; align-items: center;
    padding: 0 0.8rem;
    background: var(--neon);
    color: #fff;
    font-family: 'VT323', monospace;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.08em;
    white-space: nowrap;
}
.mq-viewport[b-aui2xj7rph] { flex: 1 1 auto; overflow: hidden; display: flex; align-items: center; }
.mq-score[b-aui2xj7rph] { color: var(--acid); }
.mq-score b[b-aui2xj7rph] { color: #fff; font-weight: 700; }
.marquee-track[b-aui2xj7rph] {
    display: flex;
    white-space: nowrap;
    width: max-content;
    font-family: 'VT323', monospace;
    font-size: 1.1rem;
    color: var(--acid);
    padding: 0.35rem 0;
    animation: scrollX-b-aui2xj7rph 26s linear infinite;
    text-shadow: 0 0 8px rgba(57, 255, 20, 0.6);
}
@keyframes scrollX-b-aui2xj7rph { to { transform: translateX(-50%); } }

/* ---------- hero ---------- */
.hero[b-aui2xj7rph] { text-align: center; padding: 4rem 0 3rem; }
.hero-eyes[b-aui2xj7rph] { display: flex; justify-content: center; gap: 2.2rem; font-size: 2.6rem; margin-bottom: 0.5rem; }
.hero-eyes span[b-aui2xj7rph] { animation: blink-b-aui2xj7rph 4s infinite; }
.hero-eyes span:last-child[b-aui2xj7rph] { animation-delay: 0.3s; }
@keyframes blink-b-aui2xj7rph {
    0%, 92%, 100% { transform: scaleY(1); }
    95% { transform: scaleY(0.1); }
}
.kicker[b-aui2xj7rph] {
    font-family: 'VT323', monospace;
    text-transform: uppercase;
    letter-spacing: 0.35em;
    color: var(--cyan);
    font-size: 0.95rem;
    margin: 0 0 0.5rem;
}

/* glitch title */
.glitch[b-aui2xj7rph] {
    font-family: 'Creepster', cursive;
    font-weight: 400;
    font-size: clamp(3rem, 13vw, 8rem);
    line-height: 0.9;
    margin: 0;
    color: var(--bone);
    position: relative;
    text-shadow: 0 0 18px rgba(176, 38, 255, 0.55);
    letter-spacing: 0.02em;
}
.glitch.studios[b-aui2xj7rph] { color: var(--neon); -webkit-text-fill-color: var(--neon); }
.glitch[b-aui2xj7rph]::before, .glitch[b-aui2xj7rph]::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.glitch[b-aui2xj7rph]::before { color: var(--blood); transform: translate(-2px, 0); clip-path: inset(0 0 55% 0); animation: glitchTop-b-aui2xj7rph 2.6s infinite steps(2); }
.glitch[b-aui2xj7rph]::after  { color: var(--cyan);  transform: translate(2px, 0);  clip-path: inset(55% 0 0 0); animation: glitchBot-b-aui2xj7rph 3.2s infinite steps(2); }
@keyframes glitchTop-b-aui2xj7rph {
    0%,93%,100% { transform: translate(0,0); }
    94% { transform: translate(-4px,-2px); }
    96% { transform: translate(3px,1px); }
    98% { transform: translate(-2px,0); }
}
@keyframes glitchBot-b-aui2xj7rph {
    0%,90%,100% { transform: translate(0,0); }
    92% { transform: translate(4px,2px); }
    95% { transform: translate(-3px,-1px); }
    97% { transform: translate(2px,0); }
}

.tagline[b-aui2xj7rph] { font-size: clamp(1.1rem, 3vw, 1.6rem); color: #d9d0ff; margin: 1.2rem 0 1.8rem; }
.tagline em[b-aui2xj7rph] { color: var(--acid); font-style: italic; }

.cta[b-aui2xj7rph] { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.btn[b-aui2xj7rph] {
    font-weight: 700;
    font-size: 1.05rem;
    padding: 0.8rem 1.6rem;
    border-radius: 12px;
    border: 2px solid transparent;
    cursor: crosshair;
    transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s;
}
.btn.primary[b-aui2xj7rph] { background: var(--neon); color: #fff; box-shadow: 0 0 22px rgba(176,38,255,0.7); }
.btn.ghost[b-aui2xj7rph] { background: transparent; border-color: var(--acid); color: var(--acid); }
.btn:hover[b-aui2xj7rph] { transform: translateY(-3px) rotate(-1deg); }
.btn.ghost:hover[b-aui2xj7rph] { background: rgba(57,255,20,0.12); box-shadow: 0 0 22px rgba(57,255,20,0.5); }
/* icon-only Instagram button */
.btn.insta[b-aui2xj7rph] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0.8rem; border-color: #ff7eb6; color: #ff7eb6;
    background: transparent;
}
.btn.insta svg[b-aui2xj7rph] { width: 1.35rem; height: 1.35rem; display: block; }
.btn.insta:hover[b-aui2xj7rph] { background: rgba(255,126,182,0.12); box-shadow: 0 0 22px rgba(255,126,182,0.55); }

.scroll-hint[b-aui2xj7rph] {
    margin-top: 2.4rem;
    font-family: 'VT323', monospace;
    letter-spacing: 0.2em;
    color: var(--neon);
    animation: nudge-b-aui2xj7rph 1.6s ease-in-out infinite;
}
@keyframes nudge-b-aui2xj7rph { 0%,100% { transform: translateY(0); opacity: 0.6; } 50% { transform: translateY(8px); opacity: 1; } }

/* ---------- sections ---------- */
.block[b-aui2xj7rph] { margin: 4.5rem 0; }
.sect[b-aui2xj7rph] {
    font-family: 'VT323', monospace;
    font-size: 1.6rem;
    color: var(--acid);
    letter-spacing: 0.1em;
    border-left: 4px solid var(--neon);
    padding-left: 0.7rem;
    margin-bottom: 1.4rem;
    text-shadow: 0 0 10px rgba(57,255,20,0.4);
}
.reveal[b-aui2xj7rph] { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.in[b-aui2xj7rph] { opacity: 1; transform: none; }

.about-grid[b-aui2xj7rph] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.4rem; }
.about-grid p[b-aui2xj7rph] { font-size: 1.05rem; line-height: 1.7; color: #d9d0ff; margin: 0; }
.about-grid strong[b-aui2xj7rph] { color: var(--cyan); }

.stat-strip[b-aui2xj7rph] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1rem; margin-top: 2rem; }
.stat[b-aui2xj7rph] {
    text-align: center;
    background: rgba(176, 38, 255, 0.08);
    border: 1px solid rgba(176, 38, 255, 0.35);
    border-radius: 14px;
    padding: 1rem 0.5rem;
}
.stat .n[b-aui2xj7rph] { display: block; font-family: 'VT323', monospace; font-size: 2.6rem; color: var(--acid); line-height: 1; text-shadow: 0 0 12px rgba(57,255,20,0.6); }
.stat .n.inf[b-aui2xj7rph] { color: var(--blood); animation: flick-b-aui2xj7rph 2.5s infinite; }
.stat .l[b-aui2xj7rph] { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; color: #b9add6; }
@keyframes flick-b-aui2xj7rph { 0%,96%,100% { opacity: 1; } 97% { opacity: 0.3; } 98% { opacity: 1; } 99% { opacity: 0.4; } }

/* ---------- games ---------- */
.games-grid[b-aui2xj7rph] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.2rem; }
.game[b-aui2xj7rph] {
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    overflow: hidden;
    border: 2px solid rgba(255,255,255,0.12);
    background: linear-gradient(180deg, #14092a, #0a0618);
    text-decoration: none;
    color: var(--bone);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s;
}
.game.live[b-aui2xj7rph] { border-color: var(--acid); box-shadow: 0 0 26px rgba(57,255,20,0.3); }
.game.live:hover[b-aui2xj7rph] { transform: translateY(-6px) rotate(-0.6deg); box-shadow: 0 0 40px rgba(57,255,20,0.6); }
.game.soon[b-aui2xj7rph] { opacity: 0.86; }
.game.soon:hover[b-aui2xj7rph] { transform: translateY(-4px); border-color: var(--neon); }
.game-art[b-aui2xj7rph] {
    position: relative;
    height: 150px;
    display: grid;
    place-items: center;
    font-size: 4.5rem;
    background: radial-gradient(circle at 50% 40%, rgba(176,38,255,0.25), transparent 70%);
}
.game.live .game-art[b-aui2xj7rph] { animation: floaty-b-aui2xj7rph 3s ease-in-out infinite; }
@keyframes floaty-b-aui2xj7rph { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.game-paw[b-aui2xj7rph] { position: absolute; bottom: 14px; right: 22px; font-size: 1.6rem; opacity: 0.7; }
.game-body[b-aui2xj7rph] { padding: 1rem 1.1rem 1.2rem; display: flex; flex-direction: column; gap: 0.4rem; }
.badge[b-aui2xj7rph] { align-self: flex-start; font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; padding: 0.2rem 0.55rem; border-radius: 999px; }
.badge.live[b-aui2xj7rph] { color: #04210c; background: var(--acid); }
.badge.soon[b-aui2xj7rph] { color: #f3f0ff; background: rgba(176,38,255,0.35); border: 1px solid var(--neon); }
.game-body h3[b-aui2xj7rph] { margin: 0.2rem 0; font-size: 1.35rem; }
.game-body p[b-aui2xj7rph] { margin: 0; color: #c9bff0; font-size: 0.92rem; line-height: 1.5; }
.play-link[b-aui2xj7rph] { margin-top: 0.5rem; font-weight: 800; color: var(--acid); }
.play-link.muted[b-aui2xj7rph] { color: #6f6690; }

/* ---------- pipeline ---------- */
.pipeline[b-aui2xj7rph] { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.8rem; }
.pipeline li[b-aui2xj7rph] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: rgba(255,255,255,0.04);
    border-left: 3px solid var(--cyan);
    border-radius: 12px;
    padding: 0.9rem 1.1rem;
}
.pipeline li:hover[b-aui2xj7rph] { background: rgba(33,240,255,0.08); transform: translateX(4px); transition: 0.12s; }
.p-emoji[b-aui2xj7rph] { font-size: 1.8rem; }
.pipeline strong[b-aui2xj7rph] { font-size: 1.05rem; }
.pipeline p[b-aui2xj7rph] { margin: 0.2rem 0 0; color: #c9bff0; font-size: 0.9rem; }

/* ---------- manifesto ---------- */
.manifesto .creeds[b-aui2xj7rph] { display: flex; flex-wrap: wrap; gap: 0.8rem; justify-content: center; }
.creed[b-aui2xj7rph] {
    font-family: 'Creepster', cursive;
    font-size: clamp(1.4rem, 4vw, 2.4rem);
    color: var(--bone);
    padding: 0.3rem 1rem;
    text-shadow: 0 0 14px rgba(176,38,255,0.6);
    transition: 0.15s;
}
.creed:hover[b-aui2xj7rph] { color: var(--acid); transform: rotate(-3deg) scale(1.08); }

/* ---------- footer ---------- */
.zss-foot[b-aui2xj7rph] {
    text-align: center;
    margin-top: 5rem;
    padding-top: 2rem;
    border-top: 1px dashed rgba(176,38,255,0.4);
    color: #9a93b0;
    font-size: 0.9rem;
}
.foot-logo[b-aui2xj7rph] { font-size: 3rem; margin: 0 0 0.4rem; }
.zss-foot strong[b-aui2xj7rph] { color: var(--bone); }
.foot-links[b-aui2xj7rph] { display: flex; gap: 0.6rem; justify-content: center; flex-wrap: wrap; margin: 0.6rem 0; }
.foot-links a[href*="gofund"][b-aui2xj7rph] { color: #ff9ec4; font-weight: 700; }
.foot-note[b-aui2xj7rph] { font-family: 'VT323', monospace; color: var(--blood); letter-spacing: 0.1em; }

/* ---------- Global ZSS leaderboard ---------- */
.lb-msg[b-aui2xj7rph] { text-align: center; color: #b9add6; font-family: 'VT323', monospace; font-size: 1.2rem; letter-spacing: 0.05em; }
.zlb[b-aui2xj7rph] { list-style: none; padding: 0; margin: 0 auto; max-width: 480px; display: grid; gap: 0.45rem; }
.zlb li[b-aui2xj7rph] {
    display: flex; align-items: center; gap: 0.8rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(176, 38, 255, 0.3);
    border-radius: 12px;
    padding: 0.55rem 1rem;
}
.zlb li.top[b-aui2xj7rph] { border-color: var(--acid); box-shadow: 0 0 18px rgba(57, 255, 20, 0.35); }
.zlb-rank[b-aui2xj7rph] { font-weight: 800; min-width: 2rem; font-size: 1.1rem; }
.zlb-name[b-aui2xj7rph] { flex: 1; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zlb-score[b-aui2xj7rph] { font-weight: 800; color: var(--acid); font-family: 'VT323', monospace; font-size: 1.3rem; text-shadow: 0 0 10px rgba(57,255,20,0.5); }
/* /Pages/NotFound.razor.rz.scp.css */
.nf[b-w176guqdev] { min-height: 80vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 0.6rem; padding: 1.25rem; }
.nf-glyph[b-w176guqdev] { font-size: 5rem; animation: nfb-b-w176guqdev 2s ease-in-out infinite; }
@keyframes nfb-b-w176guqdev { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-12px) rotate(6deg); } }
.nf h1[b-w176guqdev] { font-family: 'Creepster', cursive; font-size: 5rem; margin: 0; color: #b026ff; text-shadow: 0 0 20px rgba(176, 38, 255, 0.7); }
.nf p[b-w176guqdev] { color: #c9bff0; }
.nf-btn[b-w176guqdev] { margin-top: 1rem; padding: 0.7rem 1.4rem; border: 2px solid #39ff14; border-radius: 12px; color: #39ff14; font-weight: 700; }
.nf-btn:hover[b-w176guqdev] { background: rgba(57, 255, 20, 0.12); }