/* KRONMC — Cinematic Minecraft Premium layer */
:root {
    --bg-primary: #0b0907;
    --bg-secondary: #12100c;
    --bg-tertiary: #1a1711;
    --glass-light: rgba(255, 244, 222, 0.075);
    --glass-medium: rgba(24, 20, 14, 0.8);
    --glass-dark: rgba(9, 8, 6, 0.91);
    --border-soft: rgba(245, 219, 166, 0.13);
    --border-strong: rgba(238, 199, 119, 0.25);
    --border-active: rgba(223, 174, 75, 0.58);
    --accent-primary: #d9a441;
    --accent-primary-strong: #f3cf7a;
    --accent-secondary: #8d6028;
    --accent-green: #76b860;
    --accent-amber: #e9a84d;
    --accent-red: #c96357;
    --text-primary: #fff9ed;
    --text-secondary: #d1c3aa;
    --text-muted: #9a8d76;
    --stone-1: #29271f;
    --stone-2: #171610;
    --wood-1: #4d321d;
    --wood-2: #24170f;
    --gold: #d9a441;
    --gold-bright: #f5d78d;
    --forest: #426b3a;
    --ice: #75cbd8;
    --gradient-brand: linear-gradient(135deg, #f1cf7c, #b8792d 58%, #71451d);
    --gradient-glass: linear-gradient(145deg, rgba(255, 244, 218, 0.1), rgba(22, 18, 12, 0.8));
    --gradient-text: linear-gradient(110deg, #fffaf0 8%, #f4d58c 55%, #c28737 100%);
    --shadow-focus: 0 0 0 4px rgba(217, 164, 65, 0.22);
    --shadow-glass: 0 28px 80px rgba(0, 0, 0, 0.45), inset 0 1px rgba(255, 245, 222, 0.09);
    --font-display: "Russo One", Impact, "Arial Black", sans-serif;
    --font-ui: Inter, Manrope, "Segoe UI", system-ui, sans-serif;
    --radius-sm: 7px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
}

html {
    background: var(--bg-primary);
    scrollbar-color: rgba(217, 164, 65, 0.48) var(--bg-primary);
}

body {
    background:
        radial-gradient(circle at 20% 0, rgba(132, 84, 29, 0.16), transparent 34rem),
        linear-gradient(180deg, #0b0907, #100d09 48%, #080706);
    color: var(--text-primary);
    font-family: var(--font-ui);
}

body::after {
    position: fixed;
    z-index: 400;
    inset: 0;
    border: 1px solid rgba(245, 215, 141, 0.05);
    box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.48);
    content: "";
    pointer-events: none;
}

::selection {
    background: rgba(217, 164, 65, 0.36);
    color: #fffaf0;
}

::-webkit-scrollbar-thumb {
    border-color: var(--bg-primary);
    background: linear-gradient(#e1ae50, #75491f);
}

:focus-visible {
    outline-color: var(--gold-bright);
}

.site-backdrop {
    background:
        linear-gradient(180deg, rgba(10, 8, 5, 0.48), rgba(9, 7, 5, 0.95)),
        radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(219, 161, 62, 0.12), transparent 30rem),
        var(--bg-primary);
}

.site-backdrop::before {
    opacity: 0.12;
    background-image:
        linear-gradient(90deg, rgba(236, 202, 135, 0.08) 1px, transparent 1px),
        linear-gradient(rgba(236, 202, 135, 0.06) 1px, transparent 1px);
    background-size: 96px 96px;
    mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
    transform: none;
}

.site-backdrop::after {
    opacity: 0.06;
    background-image:
        radial-gradient(circle at 20% 20%, #f8d98e 0 1px, transparent 1.5px),
        radial-gradient(circle at 70% 60%, #f8d98e 0 0.8px, transparent 1.2px);
    background-size: 72px 68px, 43px 47px;
}

.ambient-orb {
    filter: blur(120px);
    opacity: 0.08;
}

.ambient-orb--cyan { background: #b87b2d; }
.ambient-orb--green { background: #476f3c; }
.voxel { opacity: 0.06; border-color: rgba(238, 201, 127, 0.22); }

.glass,
.glass-soft,
.glass-strong {
    border-color: rgba(234, 203, 143, 0.15);
    background:
        linear-gradient(145deg, rgba(255, 244, 218, 0.075), rgba(27, 22, 15, 0.82)),
        var(--bg-secondary);
    box-shadow: var(--shadow-glass);
    -webkit-backdrop-filter: blur(12px) saturate(112%);
    backdrop-filter: blur(12px) saturate(112%);
}

.glass-strong {
    background:
        linear-gradient(145deg, rgba(255, 244, 218, 0.095), rgba(18, 15, 10, 0.9)),
        var(--bg-secondary);
}

.display-title,
.section-title,
.auth-story h1,
.auth-card-head h2,
.cc-view-header h1,
.world-article h2,
.module-heading h2,
.plugin-card h2 {
    font-family: var(--font-display);
    font-weight: 700;
    text-wrap: balance;
}

.gradient-text {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.section-label,
.eyebrow,
.control-kicker,
.cc-live-label,
.core-live-label,
.route-kicker {
    color: var(--gold-bright);
    letter-spacing: 0.14em;
}

.status-dot,
.core-live-dot {
    background: #8fc875;
    box-shadow: 0 0 14px rgba(118, 184, 96, 0.58);
}

/* Navigation */
.site-header {
    top: 0.8rem;
}

.nav-shell,
.auth-topbar {
    min-height: 76px;
    border: 1px solid rgba(232, 193, 111, 0.23);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(39, 32, 22, 0.95), rgba(13, 11, 8, 0.94)),
        var(--bg-primary);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42), inset 0 1px rgba(255, 242, 209, 0.09);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.site-header.is-scrolled .nav-shell {
    border-color: rgba(233, 189, 96, 0.4);
    background: rgba(12, 10, 7, 0.97);
}

.brand {
    min-width: 158px;
}

.brand img {
    width: 154px;
    height: 54px;
    object-fit: contain;
    filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.6));
}

.brand-text {
    display: none;
}

.nav-link {
    color: #c8baa2;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.nav-link::after { background: var(--gradient-brand); }
.nav-link:hover,
.nav-link.is-active,
.nav-link[aria-current="page"] { color: #fff5dc; }

.nav-launch {
    border-color: rgba(217, 164, 65, 0.24);
    background: rgba(128, 80, 28, 0.12);
}

.btn {
    min-height: 48px;
    border-radius: 7px;
    font-weight: 850;
    letter-spacing: 0.02em;
}

.btn-primary {
    border-color: #efc66e;
    background: linear-gradient(145deg, #e7b750, #aa6f2a 62%, #73461d);
    box-shadow: 0 12px 28px rgba(83, 47, 15, 0.34), inset 0 1px rgba(255, 249, 219, 0.35);
    color: #160f07;
    text-shadow: 0 1px rgba(255, 238, 188, 0.28);
}

.btn-primary:hover {
    filter: brightness(1.1);
    box-shadow: 0 16px 34px rgba(111, 67, 21, 0.42), 0 0 24px rgba(217, 164, 65, 0.16);
}

.btn-secondary {
    border-color: rgba(231, 201, 139, 0.22);
    background: linear-gradient(145deg, rgba(255, 244, 219, 0.07), rgba(24, 20, 14, 0.82));
    color: #f5ead5;
}

.btn-secondary:hover {
    border-color: rgba(238, 194, 102, 0.52);
    background: rgba(111, 72, 29, 0.18);
}

.btn-discord {
    border-color: rgba(129, 139, 245, 0.38);
    background: linear-gradient(145deg, #6874e9, #4952b8);
}

.btn-tertiary { color: var(--gold-bright); }
.mobile-menu-inner { border-color: rgba(231, 190, 105, 0.24); background: #100d09; }
.mobile-toggle { border-radius: 6px; }

/* Home: enter the world first */
.home-page .site-main {
    display: flex;
    flex-direction: column;
}

.home-page .hero { order: 1; }
.home-page .project-signal { order: 2; }
.home-page #swiat { order: 3; }
.home-page #rozgrywka { order: 4; }
.home-page .systems-showcase { order: 5; }
.home-page #fair-play { order: 6; }
.home-page #premiera { order: 7; }
.home-page .roadmap-section { order: 8; }
.home-page #spolecznosc { order: 9; }
.home-page #administracja { order: 10; }

.home-page .hero {
    position: relative;
    width: 100%;
    max-width: none;
    min-height: 100svh;
    padding: clamp(9rem, 15vh, 12rem) max(1rem, calc((100vw - var(--container)) / 2)) 6.5rem;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(8, 7, 5, 0.94) 0%, rgba(8, 7, 5, 0.71) 42%, rgba(8, 7, 5, 0.28) 72%, rgba(8, 7, 5, 0.55)),
        linear-gradient(180deg, rgba(8, 7, 5, 0.13), #0b0907 97%),
        url("world-scenes/world-gate-sunset.webp") center / cover no-repeat;
}

.home-page .hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, #0b0907 100%);
    content: "";
    pointer-events: none;
}

.hero-grid {
    width: min(100%, var(--container));
    margin-inline: auto;
    grid-template-columns: minmax(0, 1.06fr) minmax(380px, 0.76fr);
    align-items: center;
}

.hero-copy {
    padding: clamp(1rem, 3vw, 2rem) 0;
    text-shadow: 0 3px 28px #000;
}

.hero .display-title {
    max-width: 11ch;
    margin-block: 1rem 1.4rem;
    font-size: clamp(3.8rem, 7.5vw, 7.8rem);
    letter-spacing: -0.055em;
    line-height: 0.85;
}

.hero .lead {
    max-width: 62ch;
    color: #e2d7c5;
    font-size: clamp(1rem, 1.35vw, 1.18rem);
}

.hero-chips .chip {
    border-color: rgba(235, 205, 142, 0.2);
    background: rgba(13, 11, 8, 0.76);
    color: #d8cbb5;
}

.hero-chips .chip-dot { background: var(--gold); box-shadow: 0 0 10px rgba(217, 164, 65, 0.55); }

.hero-launch-visual { filter: drop-shadow(0 28px 65px rgba(0, 0, 0, 0.52)); }
.hero-orbit,
.launch-scan { display: none; }

.launch-core {
    border: 1px solid rgba(236, 193, 103, 0.42);
    border-radius: 12px;
    background:
        linear-gradient(145deg, rgba(77, 54, 30, 0.33), rgba(11, 9, 7, 0.94)),
        #12100c;
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 235, 186, 0.14);
}

.launch-core::before,
.launch-core::after {
    border-color: rgba(229, 179, 77, 0.4);
}

.launch-core-top {
    color: #ccb98e;
    border-color: rgba(235, 199, 126, 0.14);
}

.launch-core-top strong,
.launch-kicker,
.launch-date span,
.launch-tminus span,
.launch-tminus small { color: var(--gold-bright); }

.launch-emblem {
    width: min(100%, 330px);
    margin-inline: auto;
}

.launch-progress-ring {
    width: 100%;
    aspect-ratio: 2 / 1;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
}

.launch-progress-ring::before,
.launch-progress-ring::after { display: none; }

.launch-progress-ring img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 12px 25px rgba(0, 0, 0, 0.64));
}

.launch-date,
.launch-clock strong,
.launch-tminus strong {
    color: #fff4dc;
    font-family: var(--font-display);
}

.launch-clock > div,
.launch-tminus {
    border-color: rgba(228, 187, 99, 0.2);
    background: rgba(65, 42, 20, 0.18);
}

.launch-core-footer { color: #9f8e6f; }

.project-signal {
    z-index: 4;
    margin-top: -3.4rem;
    border: 1px solid rgba(229, 185, 95, 0.27);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(61, 43, 25, 0.96), rgba(20, 15, 10, 0.98)),
        var(--wood-2);
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.45), inset 0 1px rgba(255, 225, 163, 0.14);
}

.signal-item span { color: var(--gold); }

.world-preview-shell {
    min-height: 610px;
    align-items: center;
    overflow: hidden;
    border-color: rgba(224, 182, 92, 0.28);
    background:
        linear-gradient(90deg, rgba(12, 10, 7, 0.98) 0 44%, rgba(12, 10, 7, 0.7) 64%, rgba(12, 10, 7, 0.32)),
        url("world-scenes/village-street-sunset.webp") center / cover no-repeat;
}

.world-preview-copy {
    position: relative;
    z-index: 2;
    padding: clamp(1rem, 2vw, 2rem);
    text-shadow: 0 3px 22px #000;
}

.world-path {
    padding: 1.2rem;
    border: 1px solid rgba(232, 198, 126, 0.2);
    border-radius: 10px;
    background: rgba(11, 9, 7, 0.8);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.34);
}

.path-node span { border-color: rgba(217, 164, 65, 0.45); background: #2e2114; color: var(--gold-bright); }

/* Team split: equal owners, separate board */
.kronmc-core-section {
    position: relative;
    background:
        linear-gradient(180deg, #0b0907, rgba(11, 9, 7, 0.72) 30%, rgba(11, 9, 7, 0.82) 74%, #0b0907),
        url("world-scenes/village-path-night.webp") center / cover fixed no-repeat;
}

.kronmc-core-grid,
.kronmc-core-ambient,
.core-stage-topbar,
.core-connection,
.core-hub { display: none !important; }

.kronmc-core-heading .section-copy { color: #ded1ba; }

.kronmc-core-stage {
    display: grid !important;
    min-height: 0 !important;
    padding: clamp(1rem, 3vw, 2rem) !important;
    grid-template-areas: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: auto;
    gap: 1rem;
    overflow: hidden;
    border-color: rgba(230, 186, 96, 0.3);
    border-radius: 14px;
    background: rgba(10, 8, 6, 0.86);
}

.team-division {
    display: flex;
    padding: 1rem 0.25rem 0.4rem;
    grid-column: 1 / -1;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(231, 191, 108, 0.17);
}

.team-division p { margin: 0; color: var(--gold-bright); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; }
.team-division h3 { margin: 0.15rem 0 0; font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 2.55rem); }
.team-division span { max-width: 48ch; color: var(--text-muted); font-size: 0.76rem; text-align: right; }

.owner-pod {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    transform: none !important;
    border: 1px solid rgba(232, 197, 125, 0.18) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(145deg, rgba(255, 242, 209, 0.06), rgba(13, 11, 8, 0.94)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.33) !important;
}

.owner-pod--one,
.owner-pod--two { grid-area: auto !important; grid-column: auto; }
.owner-pod--three { width: min(100%, 560px) !important; grid-area: auto !important; grid-column: 1 / -1; justify-self: center; }
.owner-pod--blue { --owner-accent: #62a9c2; --owner-accent-rgb: 98, 169, 194; --owner-rgb: 98, 169, 194; }
.owner-pod--pink { --owner-accent: #a45176; --owner-accent-rgb: 164, 81, 118; --owner-rgb: 164, 81, 118; }
.owner-pod--purple { --owner-accent: #7455a2; --owner-accent-rgb: 116, 85, 162; --owner-rgb: 116, 85, 162; }

.owner-pod-header {
    border-color: rgba(var(--owner-rgb), 0.2);
    background: rgba(var(--owner-rgb), 0.055);
    color: var(--owner-accent);
}

.owner-viewport {
    min-height: 410px;
    border-color: rgba(var(--owner-rgb), 0.16);
    background:
        radial-gradient(circle at 50% 74%, rgba(var(--owner-rgb), 0.16), transparent 35%),
        linear-gradient(180deg, rgba(23, 20, 15, 0.45), rgba(8, 7, 5, 0.86));
}

.owner-viewport::before {
    opacity: 0.07;
    background-image:
        linear-gradient(rgba(var(--owner-rgb), 0.26) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--owner-rgb), 0.26) 1px, transparent 1px);
    background-size: 48px 48px;
}

.owner-scanline,
.owner-coordinate { display: none; }
.owner-platform { opacity: 0.72; }
.owner-identity { border-color: rgba(var(--owner-rgb), 0.15); background: rgba(8, 7, 5, 0.72); }
.owner-role { color: var(--owner-accent); }
.owner-identity h3 { font-family: var(--font-display); letter-spacing: -0.03em; }
.core-stage-footer { position: static; grid-column: 1 / -1; color: #a99674; }

/* Gameplay as world scenes */
.pillar-grid { gap: 1rem; }

.pillar-card {
    position: relative;
    min-height: 510px;
    padding-top: 14.5rem;
    isolation: isolate;
    overflow: hidden;
    border-color: rgba(231, 195, 120, 0.2);
    border-radius: 10px;
    background: #17130e;
}

.pillar-card::before,
.pillar-card::after {
    position: absolute;
    z-index: -2;
    inset: 0;
    content: "";
}

.pillar-card::after {
    z-index: -1;
    background: linear-gradient(180deg, rgba(9, 8, 6, 0.02) 10%, rgba(9, 8, 6, 0.7) 46%, #100d09 68%);
}

.pillar-card:nth-child(1)::before { background: url("world-scenes/survival-fields-night.webp") center / cover; }
.pillar-card:nth-child(2)::before { background: url("world-scenes/crown-city-panorama.webp") center / cover; }
.pillar-card:nth-child(3)::before { background: url("world-scenes/village-path-day.webp") center / cover; }
.pillar-card:hover { border-color: rgba(238, 194, 99, 0.58); transform: translateY(-7px); }
.pillar-number { color: rgba(255, 225, 159, 0.34); }
.pillar-card .icon-box { border-color: rgba(236, 193, 102, 0.3); background: rgba(28, 21, 13, 0.82); color: var(--gold-bright); }
.tag { border-color: rgba(230, 191, 109, 0.18); background: rgba(93, 61, 26, 0.18); color: #d9c8a7; }

.pillar-card--mystery {
    --card-accent: #b79155;
    border-style: dashed;
    background: #0c0b09;
}

.pillar-card--mystery::before {
    opacity: 0.55;
    filter: grayscale(0.82) brightness(0.42) blur(3px);
    transform: scale(1.045);
}

.pillar-card--mystery::after {
    background:
        repeating-linear-gradient(135deg, transparent 0 18px, rgba(228, 191, 116, 0.025) 18px 19px),
        linear-gradient(180deg, rgba(7, 7, 6, 0.28), rgba(8, 8, 7, 0.88) 48%, #0b0a08 70%);
}

.mystery-status {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.75rem;
    padding: 0.38rem 0.62rem;
    align-items: center;
    gap: 0.48rem;
    border: 1px solid rgba(220, 184, 110, 0.25);
    border-radius: 4px;
    background: rgba(8, 7, 5, 0.72);
    color: #d8bb82;
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mystery-status i,
.mystery-chapter-status span {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    background: #c49d5b;
    box-shadow: 0 0 12px rgba(196, 157, 91, 0.45);
}

.systems-showcase {
    background:
        linear-gradient(180deg, #0b0907, rgba(11, 9, 7, 0.74), #0b0907),
        url("world-scenes/world-aerial-night.webp") center / cover fixed no-repeat;
}

.system-category,
.systems-footer,
.fair-panel,
.roadmap-card,
.launch-window {
    border-color: rgba(232, 195, 117, 0.17);
    background: linear-gradient(145deg, rgba(55, 42, 25, 0.72), rgba(13, 11, 8, 0.92));
}

.system-category span,
.system-category-icon,
.fair-kicker { color: var(--gold-bright); }
.system-category-icon { border-color: rgba(217, 164, 65, 0.23); background: rgba(113, 70, 26, 0.15); }

.fair-panel { background: linear-gradient(105deg, rgba(67, 48, 27, 0.82), rgba(12, 10, 7, 0.94)); }
.principle::before { background: var(--gold); box-shadow: 0 0 12px rgba(217, 164, 65, 0.5); }

.launch-manifest {
    min-height: 640px;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(10, 8, 6, 0.97) 0 44%, rgba(10, 8, 6, 0.66) 68%, rgba(10, 8, 6, 0.42)),
        url("world-scenes/world-aerial-dawn.webp") center / cover no-repeat;
}

.launch-monument {
    border-color: rgba(232, 190, 101, 0.34);
    background: rgba(15, 12, 8, 0.78);
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.38);
}

.launch-monument-label,
.launch-monument p,
.launch-manifest blockquote { color: var(--gold-bright); }
.roadmap-card > span { color: var(--gold); }

.community-cta {
    min-height: 390px;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(10, 8, 6, 0.94), rgba(10, 8, 6, 0.68) 62%, rgba(10, 8, 6, 0.42)),
        url("world-scenes/village-path-night.webp") center / cover no-repeat;
}

.community-signal { border-color: rgba(135, 145, 244, 0.28); background: rgba(40, 42, 76, 0.6); }

.site-footer { background: #080705; }
.footer-panel { border-color: rgba(227, 187, 99, 0.22); border-radius: 10px; background: linear-gradient(145deg, #211a10, #0b0907); }
.footer-links h2 { color: var(--gold-bright); }
.project-status { border-color: rgba(118, 184, 96, 0.22); background: rgba(67, 105, 54, 0.12); }

/* World page */
.world-page .site-backdrop {
    background:
        linear-gradient(180deg, rgba(8, 7, 5, 0.58), rgba(8, 7, 5, 0.96)),
        url("world-scenes/world-gate-sunset.webp") center / cover fixed no-repeat;
}

.world-hero {
    min-height: 100svh;
    padding-top: clamp(9rem, 15vh, 12rem);
    background:
        linear-gradient(90deg, rgba(9, 7, 5, 0.92), rgba(9, 7, 5, 0.46) 62%, rgba(9, 7, 5, 0.2)),
        linear-gradient(180deg, transparent 55%, #0b0907),
        url("world-scenes/world-gate-sunset.webp") center / cover no-repeat;
}

.world-page .world-hero h1,
.discord-main h1 {
    font-family: var(--font-display);
    letter-spacing: -0.045em;
}

.world-hero-copy {
    padding: clamp(1.2rem, 3vw, 2.2rem);
    border-left: 3px solid var(--gold);
    background: linear-gradient(90deg, rgba(10, 8, 6, 0.76), transparent);
    text-shadow: 0 3px 22px #000;
}

.world-core {
    border-color: rgba(233, 191, 101, 0.32);
    background: linear-gradient(145deg, rgba(67, 46, 24, 0.7), rgba(11, 9, 7, 0.92));
}

.world-core-rings { border-color: rgba(217, 164, 65, 0.22); }
.world-core-rings { display: none; }
.chapter-nav { border-color: rgba(229, 189, 104, 0.16); background: rgba(12, 10, 7, 0.93); }
.chapter-nav a.is-active { color: var(--gold-bright); }
.reading-progress { background: var(--gradient-brand); }
.world-story { gap: clamp(5rem, 11vw, 10rem); }

.world-chapter {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(231, 196, 124, 0.14);
    border-radius: 12px;
    background: rgba(13, 11, 8, 0.86);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32);
}

.world-chapter:nth-child(2) { background: linear-gradient(90deg, rgba(13, 11, 8, 0.96), rgba(13, 11, 8, 0.58)), url("world-scenes/village-path-day.webp") center / cover; }
.world-chapter:nth-child(3) { background: linear-gradient(90deg, rgba(13, 11, 8, 0.95), rgba(13, 11, 8, 0.52)), url("world-scenes/crown-city-panorama.webp") center / cover; }
.world-chapter:nth-child(4) { background: linear-gradient(90deg, rgba(13, 11, 8, 0.96), rgba(13, 11, 8, 0.56)), url("world-scenes/village-street-sunset.webp") center / cover; }
.world-chapter:nth-child(5) { background: linear-gradient(90deg, rgba(13, 11, 8, 0.96), rgba(13, 11, 8, 0.55)), url("world-scenes/survival-fields-night.webp") center / cover; }
.world-chapter:nth-child(6) { background: linear-gradient(90deg, rgba(13, 11, 8, 0.96), rgba(13, 11, 8, 0.5)), url("world-scenes/world-aerial-night.webp") center / cover; }
.world-chapter:nth-child(7) { background: linear-gradient(90deg, rgba(13, 11, 8, 0.96), rgba(13, 11, 8, 0.5)), url("world-scenes/village-path-night.webp") center / cover; }
.world-chapter:nth-child(8) { background: linear-gradient(90deg, rgba(13, 11, 8, 0.96), rgba(13, 11, 8, 0.48)), url("world-scenes/world-aerial-dawn.webp") center / cover; }

.world-chapter--mystery {
    border-style: dashed;
    border-color: rgba(218, 181, 107, 0.28);
    background:
        repeating-linear-gradient(135deg, transparent 0 24px, rgba(230, 198, 133, 0.024) 24px 25px),
        linear-gradient(90deg, rgba(10, 9, 7, 0.98), rgba(10, 9, 7, 0.78)),
        url("world-scenes/village-path-night.webp") center / cover;
}

.mystery-chapter-status {
    display: flex;
    width: fit-content;
    margin-top: 1.4rem;
    padding: 0.7rem 0.85rem;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid rgba(218, 181, 107, 0.2);
    border-radius: 6px;
    background: rgba(9, 8, 6, 0.8);
    color: #d9c39b !important;
    font-size: 0.78rem;
    font-weight: 750;
}

.world-article {
    padding: clamp(1.5rem, 4vw, 3.5rem);
    text-shadow: 0 2px 18px #000;
}

.chapter-number { color: rgba(239, 205, 136, 0.28); }
.world-definition,
.world-facts,
.chapter-cta { border-color: rgba(229, 190, 106, 0.2); background: rgba(13, 10, 7, 0.82); }
.world-definition-list dt,
.world-facts strong { color: var(--gold-bright); }

/* Plugins */
.plugins-page .site-backdrop {
    background:
        linear-gradient(180deg, rgba(8, 7, 5, 0.72), rgba(8, 7, 5, 0.97)),
        url("world-scenes/crown-city-panorama.webp") center / cover fixed no-repeat;
}

.plugin-hero {
    min-height: 78svh;
    padding-top: clamp(9rem, 14vh, 12rem);
    align-items: center;
    background:
        linear-gradient(90deg, rgba(9, 7, 5, 0.94), rgba(9, 7, 5, 0.55) 62%, rgba(9, 7, 5, 0.26)),
        linear-gradient(180deg, transparent 54%, #0b0907),
        url("world-scenes/crown-city-panorama.webp") center / cover no-repeat;
}

.plugin-hero .display-title { max-width: 13ch; font-size: clamp(3.5rem, 7vw, 7rem); line-height: 0.88; }
.plugin-hero-stats { border-color: rgba(234, 195, 112, 0.24); background: rgba(14, 11, 8, 0.76); }
.directory-shell { border-color: rgba(231, 194, 116, 0.2); border-radius: 12px; background: rgba(12, 10, 7, 0.91); }
.directory-toolbar,
.filter-group { border-color: rgba(230, 193, 116, 0.14); background: rgba(45, 34, 20, 0.32); }
.search-field,
.sort-field { border-color: rgba(231, 196, 125, 0.18); background: rgba(7, 6, 5, 0.76); }
.filter-button { border-color: rgba(230, 193, 116, 0.14); background: rgba(255, 244, 219, 0.035); }
.filter-button[aria-pressed="true"] { border-color: rgba(231, 179, 73, 0.56); background: rgba(118, 75, 29, 0.24); color: var(--gold-bright); }

.plugin-card {
    border-color: rgba(231, 195, 120, 0.17);
    border-radius: 9px;
    background:
        linear-gradient(145deg, rgba(64, 47, 26, 0.56), rgba(12, 10, 7, 0.94));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.plugin-card:hover,
.plugin-card.is-expanded { border-color: rgba(236, 187, 85, 0.55); box-shadow: 0 25px 58px rgba(0, 0, 0, 0.36); }
.plugin-icon { border-color: rgba(217, 164, 65, 0.24); background: rgba(104, 67, 27, 0.16); color: var(--gold-bright); }
.plugin-category,
.expand-label { color: var(--gold-bright); }
.plugin-details { border-color: rgba(230, 192, 111, 0.14); }
.plugin-standards,
.cta-panel { border-color: rgba(230, 192, 111, 0.2); background: linear-gradient(145deg, rgba(66, 47, 26, 0.74), rgba(12, 10, 7, 0.92)); }

/* Discord becomes a community gate */
.discord-page .site-backdrop {
    background:
        linear-gradient(90deg, rgba(8, 7, 5, 0.82), rgba(8, 7, 5, 0.52), rgba(8, 7, 5, 0.8)),
        linear-gradient(180deg, rgba(8, 7, 5, 0.18), rgba(8, 7, 5, 0.86)),
        url("world-scenes/village-path-night.webp") center / cover fixed no-repeat,
        var(--bg-primary);
}

.discord-console {
    border-color: rgba(231, 192, 106, 0.3);
    border-radius: 12px;
    background: rgba(10, 8, 6, 0.87);
    box-shadow: 0 36px 100px rgba(0, 0, 0, 0.5);
}

.console-topbar,
.console-footer { border-color: rgba(230, 191, 106, 0.14); background: rgba(35, 27, 17, 0.62); }
.console-route { color: var(--gold-bright); }
.discord-main { background: linear-gradient(180deg, rgba(40, 28, 17, 0.32), transparent); }
.discord-side { border-color: rgba(230, 191, 106, 0.14); background: rgba(8, 7, 5, 0.5); }
.redirect-brand-lockup,
.redirect-control,
.side-module,
.community-module,
.widget-overview,
.widget-metric,
.member-item { border-color: rgba(231, 195, 118, 0.17); background-color: rgba(24, 19, 13, 0.76); }
.redirect-logo {
    width: clamp(126px, 15vw, 176px);
    height: 76px;
    border-radius: 9px;
    background: linear-gradient(145deg, rgba(100, 70, 33, 0.22), rgba(10, 8, 6, 0.72));
}
.redirect-logo::after { border-radius: 12px; }
.redirect-logo img {
    width: 100%;
    height: 100%;
    padding: 0.35rem;
    border-radius: 0;
    object-fit: contain;
}
.discord-mark { width: 76px; height: 76px; border-radius: 9px; }
.world-core > img { width: min(84%, 360px); height: auto; object-fit: contain; filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.44)); }
.connector-line { background: linear-gradient(90deg, #d9a441, #6c4621); }
.countdown-dial { background: conic-gradient(var(--gold) var(--progress), rgba(255, 255, 255, 0.08) 0); }
.progress-bar { background: var(--gradient-brand); }
.connection-steps .is-active .step-index,
.connection-steps .is-complete .step-index { border-color: rgba(217, 164, 65, 0.5); background: rgba(110, 70, 27, 0.28); color: var(--gold-bright); }
.member-heading-live { background: #8fc875; }

/* Authentication — the guarded gate to the player world */
.auth-page .site-backdrop {
    background:
        linear-gradient(90deg, rgba(8, 7, 5, 0.93), rgba(8, 7, 5, 0.56), rgba(8, 7, 5, 0.88)),
        linear-gradient(180deg, rgba(8, 7, 5, 0.2), rgba(8, 7, 5, 0.93)),
        url("world-scenes/village-street-sunset.webp") center / cover fixed no-repeat;
}

.auth-stage { min-height: calc(100svh - 156px); }
.auth-story h1 { max-width: 11ch; color: #fff5df; font-size: clamp(3.5rem, 6vw, 6.4rem); line-height: 0.88; text-shadow: 0 4px 25px #000; }
.auth-story > p:not(.eyebrow) { color: #ddcfb8; text-shadow: 0 2px 15px #000; }
.auth-network article,
.auth-card { border-color: rgba(230, 192, 109, 0.2); background: linear-gradient(145deg, rgba(62, 44, 25, 0.76), rgba(10, 8, 6, 0.94)); }
.auth-network-icon,
.security-orb { border-color: rgba(217, 164, 65, 0.26); background: rgba(110, 70, 27, 0.18); color: var(--gold-bright); }
.auth-network-icon--green,
.security-orb--green { color: #8fc875; }
.field-control { border-color: rgba(231, 200, 134, 0.17); background: rgba(7, 6, 5, 0.72); }
.field-control:focus-within { border-color: rgba(225, 174, 71, 0.62); background: rgba(15, 11, 7, 0.92); box-shadow: var(--shadow-focus); }
.field-control > .icon,
.field-label-row a,
.auth-card-footer a { color: var(--gold-bright); }
.kron-captcha { border-color: rgba(230, 190, 104, 0.22); background: linear-gradient(145deg, rgba(104, 67, 27, 0.13), rgba(8, 7, 5, 0.58)); }
.captcha-head span { color: var(--gold-bright); }
.captcha-tile.is-selected { border-color: var(--gold); background: rgba(117, 74, 28, 0.22); box-shadow: 0 0 0 3px rgba(217, 164, 65, 0.11); }
.captcha-symbol { color: #e1b357; }
.captcha-tile--green .captcha-symbol { color: #88c672; }
.captcha-tile--amber .captcha-symbol { color: #e9a84d; }
.captcha-tile--blue .captcha-symbol { color: #75cbd8; }
.auth-card-footer { border-color: rgba(230, 193, 112, 0.14); background: rgba(9, 7, 5, 0.48); }

/* Player and administration surfaces */
.control-center-page .site-backdrop {
    background:
        linear-gradient(90deg, rgba(8, 7, 5, 0.94), rgba(8, 7, 5, 0.72), rgba(8, 7, 5, 0.9)),
        linear-gradient(180deg, rgba(8, 7, 5, 0.26), rgba(8, 7, 5, 0.95)),
        url("world-scenes/crown-city-panorama.webp") center / cover fixed no-repeat;
}

.cc-sidebar,
.cc-topbar,
.cc-card,
.cc-dialog {
    border-color: rgba(231, 195, 119, 0.17);
    background: linear-gradient(145deg, rgba(47, 36, 22, 0.88), rgba(9, 8, 6, 0.95));
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 240, 205, 0.07);
}

.cc-sidebar { border-right-color: rgba(231, 190, 103, 0.24); }
.cc-brand img { width: 165px; height: auto; object-fit: contain; }
.cc-brand > span { display: none; }
.cc-nav a { border-color: transparent; color: #b7a98f; }
.cc-nav a:hover { background: rgba(109, 70, 28, 0.16); color: #fff0d0; }
.cc-nav a.is-active { border-color: rgba(225, 177, 78, 0.32); background: linear-gradient(90deg, rgba(121, 77, 29, 0.3), rgba(121, 77, 29, 0.07)); color: var(--gold-bright); }
.cc-role,
.cc-source,
.cc-state { border-color: rgba(230, 194, 117, 0.15); background: rgba(75, 53, 28, 0.18); }
.cc-live-label,
.cc-metric strong,
.cc-card-head h2 { color: var(--gold-bright); }
.cc-metric-icon,
.cc-status-icon { border-color: rgba(217, 164, 65, 0.22); background: rgba(106, 68, 27, 0.18); color: var(--gold-bright); }
.cc-search { border-color: rgba(231, 196, 126, 0.18); background: rgba(8, 7, 5, 0.68); }
.cc-table th { color: #e8d6b5; background: rgba(80, 57, 31, 0.28); }
.cc-table td { border-color: rgba(231, 197, 127, 0.09); }
.cc-warning { border-color: rgba(232, 167, 67, 0.25); background: rgba(112, 68, 23, 0.14); color: #f1d196; }
.chat-messages { background: rgba(7, 6, 5, 0.64); }

/* Reduced transparency fallback */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .glass,
    .glass-soft,
    .glass-strong,
    .nav-shell,
    .auth-topbar { background: #16120c; }
}

@media (max-width: 1080px) {
    .brand { min-width: 126px; }
    .brand img { width: 124px; height: 48px; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-copy { max-width: 820px; }
    .hero .display-title { max-width: 12ch; }
    .hero-launch-visual { width: min(100%, 660px); margin-inline: auto; }
    .world-preview-shell { background-position: 62% center; }
    .kronmc-core-stage { grid-template-columns: 1fr; }
    .owner-pod--three,
    .team-division,
    .core-stage-footer { grid-column: auto; }
    .owner-pod--three { width: 100% !important; }
}

@media (max-width: 760px) {
    :root { --radius-xl: 18px; }
    body::after { display: none; }
    .site-header { top: 0.35rem; }
    .nav-shell,
    .auth-topbar { width: calc(100% - 0.7rem); min-height: 68px; border-radius: 8px; }
    .brand { min-width: 0; }
    .brand img { width: 116px; height: 45px; }
    .home-page .hero {
        min-height: auto;
        padding: 7.4rem 1rem 5rem;
        background:
            linear-gradient(180deg, rgba(8, 7, 5, 0.56), rgba(8, 7, 5, 0.86) 58%, #0b0907),
            url("world-scenes/world-gate-sunset.webp") 58% center / cover no-repeat;
    }
    .hero .display-title { font-size: clamp(3rem, 15vw, 5rem); }
    .hero .lead { color: #eee1cd; }
    .mobile-launch-summary {
        display: flex;
        min-height: 58px;
        margin-top: 1.25rem;
        padding: 0.7rem 0.85rem;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        border: 1px solid rgba(217, 164, 65, 0.3);
        border-radius: 8px;
        background: rgba(18, 13, 8, 0.86);
        color: var(--text-primary);
    }
    .hero-launch-visual { display: none; }
    .launch-core { padding: 1rem; }
    .launch-emblem { width: min(100%, 250px); }
    .project-signal { margin-top: -2rem; grid-template-columns: 1fr 1fr; }
    .world-preview-shell { min-height: 720px; background: linear-gradient(180deg, rgba(10, 8, 6, 0.94) 0 52%, rgba(10, 8, 6, 0.48)), url("world-scenes/village-street-sunset.webp") 63% center / cover; }
    .team-division { display: block; }
    .team-division span { display: block; margin-top: 0.45rem; text-align: left; }
    .owner-viewport { min-height: 350px; }
    .pillar-card { min-height: 470px; }
    .launch-manifest { min-height: 760px; background: linear-gradient(180deg, rgba(10, 8, 6, 0.97) 0 52%, rgba(10, 8, 6, 0.44)), url("world-scenes/world-aerial-dawn.webp") center / cover; }
    .community-cta { min-height: 500px; background: linear-gradient(180deg, rgba(10, 8, 6, 0.94), rgba(10, 8, 6, 0.48)), url("world-scenes/village-path-night.webp") center / cover; }
    .world-hero { min-height: 88svh; background-position: 58% center; }
    .plugin-hero { min-height: 82svh; background-position: 56% center; }
    .world-chapter { background-position: 62% center !important; }
    .auth-story h1 { font-size: clamp(3rem, 15vw, 5rem); }
    .cc-brand img { width: 138px; }
}

@media (max-width: 420px) {
    .project-signal { grid-template-columns: 1fr; }
    .hero .btn-row .btn,
    .redirect-actions .btn { width: 100%; }
    .member-name-row { align-items: flex-start; flex-direction: column; gap: 0.25rem; }
    .member-item { padding-right: 2.7rem; }
    .redirect-brand-lockup { gap: 0.55rem; }
    .redirect-logo { width: 112px; height: 58px; }
    .discord-mark { width: 58px; height: 58px; }
    .connector-line { width: 28px; }
}

@media (prefers-reduced-motion: reduce) {
    .kronmc-core-section,
    .systems-showcase,
    .world-page .site-backdrop,
    .plugins-page .site-backdrop,
    .discord-page .site-backdrop,
    .auth-page .site-backdrop,
    .control-center-page .site-backdrop { background-attachment: scroll; }
}

/* ========================================================================== */
/* DEMO.HTML PARITY — Minecraft server interface, 24.08.2026                  */
/* ========================================================================== */

@font-face {
    font-family: "Russo One";
    src: url("fonts/russo-one.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/inter-400.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/inter-600.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/inter-800.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    color-scheme: dark;
    --bg-primary: #111111;
    --bg-secondary: #171717;
    --bg-tertiary: #1a1a1a;
    --glass-light: rgba(255, 255, 255, 0.045);
    --glass-medium: rgba(26, 26, 26, 0.94);
    --glass-dark: rgba(9, 9, 9, 0.96);
    --border-soft: #333333;
    --border-strong: #444444;
    --border-active: rgba(255, 170, 0, 0.72);
    --accent-primary: #ffaa00;
    --accent-primary-strong: #ffc247;
    --accent-secondary: #d88b00;
    --accent-green: #55ff55;
    --accent-amber: #ffaa00;
    --accent-red: #ff5555;
    --text-primary: #ffffff;
    --text-secondary: #bdbdbd;
    --text-muted: #858585;
    --stone-1: #222222;
    --stone-2: #141414;
    --wood-1: #2b2419;
    --wood-2: #19150f;
    --gold: #ffaa00;
    --gold-bright: #ffc247;
    --forest: #55a85a;
    --ice: #72d9ed;
    --discord: #5865f2;
    --gradient-brand: linear-gradient(135deg, #ffc247, #ffaa00 58%, #dc8200);
    --gradient-glass: linear-gradient(145deg, rgba(255,255,255,.055), rgba(0,0,0,.18));
    --gradient-text: linear-gradient(110deg, #fff 4%, #ffe1a0 52%, #ffaa00 100%);
    --shadow-focus: 0 0 0 4px rgba(255, 170, 0, 0.2);
    --shadow-glass: 0 22px 52px rgba(0,0,0,.48), inset 1px 1px 0 rgba(255,255,255,.07);
    --font-display: "Russo One", Impact, "Arial Black", sans-serif;
    --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;
    --radius-sm: 4px;
    --radius-md: 7px;
    --radius-lg: 10px;
    --radius-xl: 14px;
    --radius-pill: 999px;
}

html {
    background: #111;
    scrollbar-color: #8c5d00 #111;
}

body {
    background: #111;
    color: #e0e0e0;
    font-family: var(--font-ui);
}

body::after {
    border: 0;
    background: radial-gradient(circle at 50% 30%, transparent 0 42%, rgba(0,0,0,.22) 100%);
    box-shadow: inset 0 0 140px rgba(0,0,0,.3);
}

::selection { background: #ffaa00; color: #111; }
::-webkit-scrollbar-thumb { border-color: #111; background: linear-gradient(#ffaa00, #8d5c00); }
:focus-visible { outline: 3px solid #ffaa00; outline-offset: 3px; }

.site-backdrop {
    background:
        linear-gradient(180deg, rgba(17,17,17,.2), rgba(17,17,17,.92)),
        radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(255,170,0,.075), transparent 26rem),
        #111;
}

.site-backdrop::before {
    opacity: .08;
    background-image:
        linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: none;
}

.site-backdrop::after {
    opacity: .075;
    background-image:
        linear-gradient(30deg, #fff 1px, transparent 1px),
        linear-gradient(120deg, #fff 1px, transparent 1px);
    background-size: 72px 72px;
}

.ambient-orb { opacity: .07; filter: blur(110px); }
.ambient-orb--cyan { background: #ffaa00; }
.ambient-orb--green { background: #55ff55; }
.voxel { opacity: .035; border-color: #ffaa00; border-radius: 0; }

.glass,
.glass-soft,
.glass-strong,
.mc-surface {
    border: 2px solid #333;
    border-top-color: #444;
    border-left-color: #444;
    border-radius: var(--radius-lg);
    background:
        linear-gradient(145deg, rgba(255,255,255,.025), rgba(0,0,0,.08)),
        #1a1a1a;
    box-shadow: var(--shadow-glass);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.glass-strong { background: linear-gradient(145deg, #202020, #151515 72%); }

.display-title,
.section-title,
.card-title,
.auth-story h1,
.auth-card h2,
.auth-card-head h2,
.cc-view-header h1,
.cc-card-head h2,
.world-article h2,
.module-heading h2,
.plugin-card h2,
.team-division h3,
.owner-identity h3,
.discord-main h1 {
    font-family: var(--font-display);
    font-weight: 400;
    letter-spacing: .012em;
    line-height: 1.04;
    text-transform: uppercase;
    text-wrap: balance;
    text-shadow: 2px 2px 0 #000;
}

.gradient-text {
    background: none;
    color: #ffaa00;
    -webkit-text-fill-color: currentColor;
    text-shadow: 2px 2px 0 #2a1c00;
}

.section-label,
.eyebrow,
.control-kicker,
.cc-live-label,
.core-live-label,
.route-kicker,
.plugin-category,
.expand-label {
    color: #ffaa00;
    font-family: var(--font-display);
    font-size: .7rem;
    font-weight: 400;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.status-dot,
.core-live-dot {
    background: #55ff55;
    box-shadow: 0 0 12px rgba(85,255,85,.58);
}

/* Navigation from the demo: dark full-width bar, compact Minecraft identity. */
.site-header {
    top: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    background: rgba(0,0,0,.82);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.nav-shell,
.auth-topbar {
    width: min(calc(100% - 2rem), var(--container));
    min-height: 80px;
    margin-inline: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.site-header.is-scrolled {
    border-bottom-color: rgba(255,170,0,.24);
    background: rgba(0,0,0,.95);
}

.site-header.is-scrolled .nav-shell { border: 0; background: transparent; }

.brand { min-width: 168px; gap: .65rem; overflow: visible; }
.brand img {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255,170,0,.46);
    border-radius: 6px;
    background: #0c0c0c;
    object-fit: cover;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,.65));
}
.brand-text {
    display: inline;
    color: #fff;
    font-family: var(--font-display);
    font-size: 1.28rem;
    letter-spacing: .08em;
    text-shadow: 2px 2px 0 #000;
}
.brand-text span { color: #ffaa00; }

.nav-link {
    color: #aaa;
    font-family: var(--font-display);
    font-size: .72rem;
    font-weight: 400;
    letter-spacing: .035em;
    text-transform: uppercase;
}
.nav-link::after { height: 2px; background: #ffaa00; }
.nav-link:hover,
.nav-link.is-active,
.nav-link[aria-current="page"] { color: #fff; text-shadow: 1px 1px 0 #000; }

.nav-launch {
    border: 1px solid rgba(255,170,0,.34);
    border-radius: 5px;
    background: rgba(255,170,0,.075);
}
.nav-launch strong { color: #ffaa00; }

.btn {
    min-height: 46px;
    border-radius: 5px;
    font-family: var(--font-display);
    font-size: .72rem;
    font-weight: 400;
    letter-spacing: .025em;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.45);
}
.btn-primary {
    border: 1px solid #ffc247;
    background: #ffaa00;
    box-shadow: 0 8px 24px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.4);
    color: #111;
    text-shadow: none;
}
.btn-primary:hover { background: #ffc247; filter: none; box-shadow: 0 10px 26px rgba(0,0,0,.45), 0 0 20px rgba(255,170,0,.18); }
.btn-secondary {
    border: 1px solid #4b4b4b;
    background: #2b2b2b;
    color: #fff;
}
.btn-secondary:hover { border-color: #666; background: #3a3a3a; }
.btn-discord { border: 1px solid #7781f2; background: #5865f2; }
.btn-discord:hover { background: #4752c4; }
.btn-tertiary { color: #ffaa00; }
.mobile-menu-inner { border-color: #333; border-radius: 0 0 8px 8px; background: #111; }
.mobile-toggle { border-color: #444; border-radius: 4px; background: #1a1a1a; }

/* Homepage */
.home-page .site-main { display: flex; flex-direction: column; }
.home-page .hero { order: 1; }
.home-page .project-signal { order: 2; }
.home-page #swiat { order: 3; }
.home-page #rozgrywka { order: 4; }
.home-page #administracja { order: 5; }
.home-page .systems-showcase { order: 6; }
.home-page #fair-play { order: 7; }
.home-page .shop-preview-section { order: 8; }
.home-page #premiera { order: 9; }
.home-page .roadmap-section { order: 10; }
.home-page #spolecznosc { order: 11; }

.home-page .hero {
    min-height: 100svh;
    padding: clamp(8.5rem, 14vh, 11rem) max(1rem, calc((100vw - var(--container)) / 2)) 7rem;
    background:
        linear-gradient(90deg, rgba(10,10,10,.88) 0%, rgba(10,10,10,.68) 48%, rgba(10,10,10,.28) 77%),
        linear-gradient(180deg, rgba(17,17,17,.06) 45%, #111 100%),
        url("world-scenes/world-gate-sunset.webp") center / cover no-repeat;
}

.nav-shop-link {
    display: inline-flex;
    gap: .42rem;
    align-items: center;
}
.nav-shop-link small,
.mobile-shop-status {
    color: #ffaa00;
    font-family: var(--font-mono, monospace);
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}
.nav-shop-link small {
    padding: .27rem .36rem;
    border: 1px solid rgba(255,170,0,.38);
    border-radius: 3px;
    background: rgba(255,170,0,.09);
}
.mobile-shop-status {
    display: block;
    margin-top: .35rem;
}

.shop-preview-section {
    position: relative;
    overflow: hidden;
}
.shop-preview-section::before {
    position: absolute;
    inset: 5% 0;
    background: radial-gradient(circle at 20% 50%, rgba(255,170,0,.09), transparent 34rem);
    content: "";
    pointer-events: none;
}
.shop-preview-panel {
    position: relative;
    display: grid;
    min-height: 510px;
    overflow: hidden;
    grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
    border: 1px solid #363636;
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(17,17,17,.2), #111 49%),
        url("world-scenes/village-street-sunset.webp") center / cover no-repeat;
    box-shadow: 0 28px 80px rgba(0,0,0,.38);
}
.shop-preview-panel::after {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,.035);
    background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 32px 32px;
    content: "";
    pointer-events: none;
}
.shop-preview-visual,
.shop-preview-copy { position: relative; z-index: 1; }
.shop-preview-visual {
    display: grid;
    min-width: 0;
    place-items: center;
}
.shop-preview-visual::after {
    position: absolute;
    width: 62%;
    aspect-ratio: 2.3;
    bottom: 8%;
    border-radius: 50%;
    background: rgba(255,170,0,.18);
    filter: blur(28px);
    content: "";
}
.shop-preview-visual img {
    position: relative;
    z-index: 2;
    width: min(94%, 500px);
    height: auto;
    filter: drop-shadow(0 26px 42px rgba(0,0,0,.7));
}
.shop-preview-orbit {
    position: absolute;
    width: min(78%, 430px);
    aspect-ratio: 1;
    border: 1px solid rgba(255,170,0,.42);
    border-radius: 50%;
    box-shadow: inset 0 0 55px rgba(255,170,0,.07), 0 0 40px rgba(255,170,0,.07);
}
.shop-preview-orbit::before,
.shop-preview-orbit::after {
    position: absolute;
    inset: 11%;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: inherit;
    content: "";
}
.shop-preview-orbit::after { inset: 24%; border-color: rgba(86,229,255,.2); }
.shop-preview-stamp {
    position: absolute;
    z-index: 3;
    top: 2rem;
    left: 2rem;
    padding: .55rem .72rem;
    border: 1px solid #ffaa00;
    border-radius: 3px;
    background: #111;
    color: #ffaa00;
    font-family: var(--font-mono, monospace);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .16em;
}
.shop-preview-copy {
    display: flex;
    padding: clamp(2.25rem, 5vw, 5rem);
    justify-content: center;
    flex-direction: column;
}
.shop-preview-copy .section-title { max-width: 13ch; margin: .65rem 0 1rem; }
.shop-preview-copy .section-title span { color: #ffaa00; }
.shop-preview-copy .section-copy { max-width: 68ch; }
.shop-preview-warning {
    display: flex;
    margin-top: 1.55rem;
    padding: 1rem 1.1rem;
    gap: .85rem;
    align-items: flex-start;
    border: 1px solid rgba(255,170,0,.42);
    border-left: 3px solid #ffaa00;
    border-radius: 4px;
    background: rgba(255,170,0,.065);
}
.shop-preview-warning .icon { width: 1.35rem; flex: 0 0 auto; color: #ffaa00; fill: none; stroke: currentColor; stroke-width: 1.8; }
.shop-preview-warning p { margin: 0; color: #d8d8d8; font-size: .9rem; line-height: 1.65; }
.shop-preview-warning strong,
.shop-preview-warning span { display: block; }
.shop-preview-warning strong { color: #fff; }
.shop-preview-warning span { margin-top: .24rem; color: #aaa; }
.shop-preview-actions {
    display: flex;
    margin-top: 1.55rem;
    gap: 1rem 1.3rem;
    align-items: center;
    flex-wrap: wrap;
}
.shop-preview-actions > span {
    display: inline-flex;
    gap: .55rem;
    align-items: center;
    color: #9a9a9a;
    font-family: var(--font-mono, monospace);
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.shop-preview-actions > span i {
    width: .55rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #ffaa00;
    box-shadow: 0 0 12px rgba(255,170,0,.5);
}

@media (max-width: 960px) {
    .shop-preview-panel { grid-template-columns: 1fr; background: linear-gradient(180deg, rgba(17,17,17,.2), #111 47%), url("world-scenes/village-street-sunset.webp") center / cover; }
    .shop-preview-visual { min-height: 390px; }
    .shop-preview-visual img { width: min(82%, 450px); }
    .shop-preview-copy { padding-top: 1rem; }
}

@media (max-width: 620px) {
    .shop-preview-panel { min-height: 0; }
    .shop-preview-visual { min-height: 285px; }
    .shop-preview-visual img { width: min(92%, 350px); }
    .shop-preview-stamp { top: 1.2rem; left: 1.2rem; }
    .shop-preview-copy { padding: 1.5rem; }
    .shop-preview-actions .btn { width: 100%; }
}
.home-page .hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 4px),
        radial-gradient(circle at 77% 35%, rgba(255,170,0,.13), transparent 27rem);
    content: "";
    pointer-events: none;
}
.home-page .hero::after { background: linear-gradient(180deg, transparent 54%, #111 100%); }
.hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .74fr); gap: clamp(2rem, 5vw, 5rem); }
.hero-copy { padding: 0; text-shadow: 2px 2px 0 #000, 0 8px 28px #000; }
.hero .eyebrow {
    width: fit-content;
    padding: .55rem .85rem;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: rgba(0,0,0,.62);
    color: #ddd;
}
.hero .display-title {
    max-width: 14ch;
    margin-block: 1.2rem 1rem;
    color: #fff;
    font-size: clamp(3.1rem, 5vw, 4.75rem);
    letter-spacing: .005em;
    line-height: .98;
    text-transform: uppercase;
}
.hero .lead { max-width: 66ch; color: #d3d3d3; font-size: clamp(1rem, 1.25vw, 1.14rem); }

.server-address {
    display: flex;
    width: min(100%, 610px);
    margin-top: 1.65rem;
    padding: 1rem 1.35rem 1.15rem;
    flex-direction: column;
    align-items: center;
    border: 2px solid #ffaa00;
    border-radius: 9px;
    background: rgba(0,0,0,.66);
    box-shadow: 0 0 18px rgba(255,170,0,.2), inset 0 0 24px rgba(0,0,0,.86);
    color: #fff;
    cursor: pointer;
    transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.server-address:hover { background: rgba(255,170,0,.13); box-shadow: 0 0 28px rgba(255,170,0,.38), inset 0 0 24px rgba(0,0,0,.8); transform: translateY(-2px); }
.server-address:active { transform: scale(.985); }
.server-address.is-copied { border-color: #55ff55; box-shadow: 0 0 24px rgba(85,255,85,.28); }
.server-address-kicker { color: #ffaa00; font-family: var(--font-display); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; }
.server-address-value { display: flex; margin-top: .25rem; align-items: center; gap: .8rem; font-family: var(--font-display); font-size: clamp(1.85rem, 4.5vw, 3.5rem); letter-spacing: .045em; line-height: 1.05; text-shadow: 2px 2px 0 #000; }
.server-address-value .icon { width: .62em; height: .62em; color: #aaa; }
.server-copy-status { min-height: 1.3em; margin: .45rem 0 0; color: #aaa; font-size: .73rem; }

.hero .btn-row { margin-top: 1.35rem; }
.hero-chips { gap: .55rem; }
.hero-chips .chip {
    min-height: 36px;
    border: 1px solid #3b3b3b;
    border-radius: 5px;
    background: rgba(26,26,26,.9);
    color: #b8b8b8;
}
.hero-chips .chip-dot { background: #55ff55; box-shadow: 0 0 9px rgba(85,255,85,.45); }

.hero-launch-visual { filter: drop-shadow(0 28px 65px rgba(0,0,0,.58)); }
.launch-core {
    border: 2px solid #3b3b3b;
    border-top-color: #555;
    border-left-color: #555;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(35,35,35,.96), rgba(12,12,12,.97));
    box-shadow: 0 32px 80px rgba(0,0,0,.56), inset 1px 1px 0 rgba(255,255,255,.06);
}
.launch-core::before,
.launch-core::after { border-color: rgba(255,170,0,.52); border-radius: 0; }
.launch-core-top { color: #aaa; border-color: #333; font-family: var(--font-display); }
.launch-core-top strong,
.launch-kicker,
.launch-date span,
.launch-tminus span,
.launch-tminus small { color: #ffaa00; }
.launch-emblem { width: min(100%, 280px); }
.launch-progress-ring { aspect-ratio: 1; }
.launch-progress-ring img { object-fit: contain; filter: drop-shadow(0 12px 22px #000); }
.launch-date,
.launch-clock strong,
.launch-tminus strong { color: #fff; font-family: var(--font-display); text-shadow: 2px 2px 0 #000; }
.launch-clock > div,
.launch-tminus { border: 1px solid #333; border-radius: 5px; background: #171717; }
.launch-core-footer { color: #777; }

.project-signal {
    margin-top: -3.2rem;
    border: 2px solid #333;
    border-top-color: #4a4a4a;
    border-left-color: #4a4a4a;
    border-radius: 8px;
    background: #1a1a1a;
    box-shadow: 0 20px 44px rgba(0,0,0,.5);
}
.signal-item span { color: #ffaa00; font-family: var(--font-display); }

.section { border-top: 1px solid rgba(255,255,255,.045); }
.section-heading { margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.section-title { color: #fff; font-size: clamp(2.2rem, 4.6vw, 4.8rem); }
.section-copy { color: #aaa; }

.world-preview-shell {
    min-height: 590px;
    border: 2px solid #333;
    border-top-color: #4a4a4a;
    border-left-color: #4a4a4a;
    border-radius: 9px;
    background:
        linear-gradient(90deg, #141414 0 44%, rgba(20,20,20,.8) 62%, rgba(20,20,20,.36)),
        url("world-scenes/village-street-sunset.webp") center / cover no-repeat;
}
.world-preview-copy { text-shadow: 2px 2px 0 #000, 0 5px 18px #000; }
.world-path { border: 2px solid #333; border-top-color: #444; border-left-color: #444; border-radius: 7px; background: rgba(18,18,18,.92); }
.path-node span { border: 1px solid #555; border-radius: 4px; background: #252525; color: #ffaa00; font-family: var(--font-display); }

/* Team: two equal owners, separate board. */
.kronmc-core-section {
    background:
        linear-gradient(180deg, #111, rgba(10,10,10,.86) 22%, rgba(10,10,10,.88) 82%, #111),
        url("world-scenes/village-path-night.webp") center / cover fixed no-repeat;
}
.kronmc-core-heading .section-copy { color: #aaa; }
.kronmc-core-stage {
    border: 2px solid #333;
    border-top-color: #4a4a4a;
    border-left-color: #4a4a4a;
    border-radius: 10px;
    background: rgba(10,10,10,.93);
}
.team-division { border-color: #333; }
.team-division p { color: #ffaa00; font-family: var(--font-display); font-weight: 400; }
.team-division h3 { font-family: var(--font-display); font-weight: 400; }
.team-division span { color: #8f8f8f; }
.owner-pod {
    border: 2px solid #333 !important;
    border-top-color: #474747 !important;
    border-left-color: #474747 !important;
    border-radius: 8px !important;
    background: #171717 !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48) !important;
}
.owner-pod:hover { border-color: var(--owner-accent) !important; transform: translateY(-4px) !important; }
.owner-pod--blue { --owner-accent: #4aa8ff; --owner-accent-rgb: 74,168,255; --owner-rgb: 74,168,255; }
.owner-pod--pink { --owner-accent: #a9517c; --owner-accent-rgb: 169,81,124; --owner-rgb: 169,81,124; }
.owner-pod--purple { --owner-accent: #9463d8; --owner-accent-rgb: 148,99,216; --owner-rgb: 148,99,216; }
.owner-pod-header { border-color: rgba(var(--owner-rgb),.24); background: rgba(var(--owner-rgb),.07); font-family: var(--font-display); }
.owner-viewport {
    min-height: 410px;
    background:
        radial-gradient(circle at 50% 76%, rgba(var(--owner-rgb),.18), transparent 32%),
        linear-gradient(180deg, #151515, #090909);
}
.owner-viewport::before { opacity: .12; background-size: 48px 48px; }
.owner-identity { border-color: #2c2c2c; background: #101010; }
.owner-identity h3 { color: #fff; font-family: var(--font-display); font-weight: 400; }
.core-stage-footer { color: #777; font-family: var(--font-display); }

.pillar-grid { gap: 1.25rem; }
.pillar-card {
    min-height: 490px;
    border: 2px solid #333;
    border-top-color: #474747;
    border-left-color: #474747;
    border-radius: 8px;
    background: #1a1a1a;
}
.pillar-card::after { background: linear-gradient(180deg, rgba(0,0,0,.02) 8%, rgba(0,0,0,.68) 46%, #141414 68%); }
.pillar-card:hover { border-color: #ffaa00; transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,.55); }
.pillar-number { color: rgba(255,170,0,.34); font-family: var(--font-display); }
.pillar-card .icon-box { border: 1px solid #4b4b4b; border-radius: 5px; background: #202020; color: #ffaa00; }
.tag { border: 1px solid #3c3c3c; border-radius: 4px; background: rgba(0,0,0,.42); color: #aaa; font-family: var(--font-display); font-size: .58rem; }
.pillar-card--mystery { border-style: dashed; }
.mystery-status { border-color: #555; border-radius: 4px; background: rgba(0,0,0,.74); color: #ffaa00; font-family: var(--font-display); }
.mystery-status i,
.mystery-chapter-status span { background: #ffaa00; box-shadow: 0 0 12px rgba(255,170,0,.45); }

.systems-showcase {
    background:
        linear-gradient(180deg, #111, rgba(10,10,10,.8), #111),
        url("world-scenes/world-aerial-night.webp") center / cover fixed no-repeat;
}
.system-category,
.systems-footer,
.fair-panel,
.roadmap-card,
.launch-window {
    border: 2px solid #333;
    border-top-color: #444;
    border-left-color: #444;
    border-radius: 7px;
    background: #1a1a1a;
}
.system-category:hover,
.roadmap-card:hover { border-color: #ffaa00; }
.system-category span,
.system-category-icon,
.fair-kicker { color: #ffaa00; }
.system-category-icon { border: 1px solid #444; border-radius: 5px; background: #222; }
.fair-panel { background: linear-gradient(105deg, #23201a, #141414 72%); }
.principle::before { background: #55ff55; box-shadow: 0 0 10px rgba(85,255,85,.48); }

.launch-manifest {
    border: 2px solid #333;
    border-top-color: #4a4a4a;
    border-left-color: #4a4a4a;
    border-radius: 9px;
    background:
        linear-gradient(90deg, #101010 0 44%, rgba(16,16,16,.74) 68%, rgba(16,16,16,.36)),
        url("world-scenes/world-aerial-dawn.webp") center / cover no-repeat;
}
.launch-monument { border: 2px solid #ffaa00; border-radius: 7px; background: rgba(0,0,0,.74); }
.launch-monument-label,
.launch-monument p,
.launch-manifest blockquote,
.roadmap-card > span { color: #ffaa00; }
.community-cta {
    border: 2px solid #333;
    border-top-color: #4a4a4a;
    border-left-color: #4a4a4a;
    border-radius: 9px;
    background:
        linear-gradient(90deg, #111 0 42%, rgba(17,17,17,.76) 68%, rgba(17,17,17,.42)),
        url("world-scenes/village-path-night.webp") center / cover no-repeat;
}
.community-signal { border-color: rgba(123,133,246,.5); border-radius: 8px; background: rgba(88,101,242,.24); }

.site-footer { border-top: 1px solid #222; background: #080808; }
.footer-panel { border: 2px solid #292929; border-top-color: #3d3d3d; border-left-color: #3d3d3d; border-radius: 8px; background: #111; }
.footer-links h2 { color: #ffaa00; font-family: var(--font-display); font-weight: 400; }
.project-status { border-color: rgba(85,255,85,.25); border-radius: 4px; background: rgba(85,255,85,.07); }

/* World */
.world-page .site-backdrop {
    background:
        linear-gradient(180deg, rgba(10,10,10,.54), rgba(17,17,17,.97)),
        url("world-scenes/world-gate-sunset.webp") center / cover fixed no-repeat;
}
.world-hero {
    background:
        linear-gradient(90deg, rgba(8,8,8,.91), rgba(8,8,8,.48) 66%, rgba(8,8,8,.2)),
        linear-gradient(180deg, transparent 54%, #111),
        url("world-scenes/world-gate-sunset.webp") center / cover no-repeat;
}
.world-hero-copy { border-left: 3px solid #ffaa00; background: linear-gradient(90deg, rgba(0,0,0,.77), transparent); text-shadow: 2px 2px 0 #000; }
.world-core { border: 2px solid #333; border-top-color: #4a4a4a; border-left-color: #4a4a4a; border-radius: 8px; background: #171717; }
.world-core > img { width: min(100%, 390px); aspect-ratio: 1; object-fit: contain; }
.chapter-nav { border: 1px solid #333; border-radius: 6px; background: rgba(10,10,10,.96); }
.chapter-nav a.is-active { color: #ffaa00; }
.reading-progress { background: #ffaa00; }
.world-story { gap: clamp(3rem, 8vw, 7rem); }
.world-chapter {
    border: 2px solid #333;
    border-top-color: #444;
    border-left-color: #444;
    border-radius: 8px;
    background: #171717;
}
.world-chapter:nth-child(2) { background: linear-gradient(90deg, #151515 0 52%, rgba(21,21,21,.58)), url("world-scenes/village-path-day.webp") center / cover; }
.world-chapter:nth-child(3) { background: linear-gradient(90deg, #151515 0 52%, rgba(21,21,21,.56)), url("world-scenes/crown-city-panorama.webp") center / cover; }
.world-chapter:nth-child(4) { background: linear-gradient(90deg, #151515 0 52%, rgba(21,21,21,.56)), url("world-scenes/village-street-sunset.webp") center / cover; }
.world-chapter:nth-child(5) { background: linear-gradient(90deg, #151515 0 52%, rgba(21,21,21,.56)), url("world-scenes/survival-fields-night.webp") center / cover; }
.world-chapter:nth-child(6) { background: linear-gradient(90deg, #151515 0 52%, rgba(21,21,21,.54)), url("world-scenes/world-aerial-night.webp") center / cover; }
.world-chapter:nth-child(7) { background: linear-gradient(90deg, #151515 0 52%, rgba(21,21,21,.54)), url("world-scenes/village-path-night.webp") center / cover; }
.world-chapter:nth-child(8) { background: linear-gradient(90deg, #151515 0 52%, rgba(21,21,21,.5)), url("world-scenes/world-aerial-dawn.webp") center / cover; }
.world-chapter--mystery { border-style: dashed; border-color: #555; }
.mystery-chapter-status { border-color: #444; border-radius: 4px; background: rgba(0,0,0,.78); color: #bbb !important; }
.world-article { text-shadow: 2px 2px 0 #000; }
.chapter-number { color: rgba(255,170,0,.32); font-family: var(--font-display); }
.world-definition,
.world-facts,
.chapter-cta { border: 1px solid #3d3d3d; border-radius: 6px; background: rgba(18,18,18,.9); }
.world-definition-list dt,
.world-facts strong { color: #ffaa00; }

/* Plugins */
.plugins-page .site-backdrop {
    background:
        linear-gradient(180deg, rgba(10,10,10,.67), rgba(17,17,17,.97)),
        url("world-scenes/crown-city-panorama.webp") center / cover fixed no-repeat;
}
.plugin-hero {
    background:
        linear-gradient(90deg, rgba(8,8,8,.92), rgba(8,8,8,.5) 66%, rgba(8,8,8,.22)),
        linear-gradient(180deg, transparent 52%, #111),
        url("world-scenes/crown-city-panorama.webp") center / cover no-repeat;
}
.plugin-hero .display-title { font-size: clamp(3rem, 6.3vw, 6.2rem); line-height: 1; }
.plugin-hero-stats { border: 2px solid #333; border-top-color: #444; border-left-color: #444; border-radius: 8px; background: rgba(18,18,18,.9); }
.directory-shell { border: 2px solid #333; border-top-color: #444; border-left-color: #444; border-radius: 8px; background: #121212; }
.directory-toolbar,
.filter-group { border-color: #333; border-radius: 5px; background: #1a1a1a; }
.search-field,
.sort-field { border-color: #3d3d3d; border-radius: 5px; background: #0d0d0d; }
.filter-button { border-color: #3a3a3a; border-radius: 4px; background: #222; font-family: var(--font-display); font-size: .62rem; }
.filter-button[aria-pressed="true"] { border-color: #ffaa00; background: rgba(255,170,0,.13); color: #ffaa00; }
.plugin-card {
    border: 2px solid #333;
    border-top-color: #454545;
    border-left-color: #454545;
    border-radius: 7px;
    background: #1a1a1a;
    box-shadow: 0 14px 30px rgba(0,0,0,.38);
}
.plugin-card:hover,
.plugin-card.is-expanded { border-color: #ffaa00; box-shadow: 0 18px 38px rgba(0,0,0,.52); }
.plugin-icon { border: 1px solid #444; border-radius: 5px; background: #232323; color: #ffaa00; }
.plugin-details { border-color: #333; }
.plugin-standards,
.cta-panel { border: 2px solid #333; border-top-color: #444; border-left-color: #444; border-radius: 8px; background: #1a1a1a; }

/* Discord */
.discord-page .site-backdrop {
    background:
        linear-gradient(90deg, rgba(10,10,10,.82), rgba(10,10,10,.52), rgba(10,10,10,.82)),
        linear-gradient(180deg, rgba(10,10,10,.18), rgba(17,17,17,.9)),
        url("world-scenes/village-path-night.webp") center / cover fixed no-repeat,
        #111;
}
.discord-console { border: 2px solid #333; border-top-color: #4a4a4a; border-left-color: #4a4a4a; border-radius: 9px; background: rgba(10,10,10,.94); }
.console-topbar,
.console-footer { border-color: #333; background: #171717; }
.console-route { color: #ffaa00; font-family: var(--font-display); }
.discord-main { background: linear-gradient(180deg, rgba(255,170,0,.045), transparent); }
.discord-side { border-color: #2f2f2f; background: rgba(8,8,8,.55); }
.redirect-brand-lockup,
.redirect-control,
.side-module,
.community-module,
.widget-overview,
.widget-metric,
.member-item { border-color: #363636; border-radius: 6px; background-color: #1a1a1a; }
.redirect-logo { width: 110px; height: 110px; border: 1px solid rgba(255,170,0,.44); border-radius: 7px; background: #0d0d0d; }
.redirect-logo::after { border-radius: 7px; }
.redirect-logo img { width: 100%; height: 100%; padding: 0; object-fit: contain; }
.discord-mark { width: 80px; height: 80px; border-radius: 7px; }
.connector-line { background: linear-gradient(90deg, #ffaa00, #5865f2); }
.countdown-dial { background: conic-gradient(#ffaa00 var(--progress), rgba(255,255,255,.08) 0); }
.progress-bar { background: #ffaa00; }
.connection-steps .is-active .step-index,
.connection-steps .is-complete .step-index { border-color: #ffaa00; background: rgba(255,170,0,.12); color: #ffaa00; }
.member-heading-live { background: #55ff55; }

/* Authentication */
.auth-page .site-backdrop {
    background:
        linear-gradient(90deg, rgba(8,8,8,.91), rgba(8,8,8,.58), rgba(8,8,8,.88)),
        linear-gradient(180deg, rgba(8,8,8,.16), rgba(17,17,17,.93)),
        url("world-scenes/village-street-sunset.webp") center / cover fixed no-repeat;
}
.auth-story h1 { color: #fff; font-size: clamp(3rem, 5.4vw, 5.6rem); line-height: 1; }
.auth-story > p:not(.eyebrow) { color: #ccc; text-shadow: 2px 2px 0 #000; }
.auth-network article,
.auth-card { border: 2px solid #333; border-top-color: #4a4a4a; border-left-color: #4a4a4a; border-radius: 8px; background: linear-gradient(145deg, rgba(32,32,32,.95), rgba(12,12,12,.97)); }
.auth-network-icon,
.security-orb { border-color: #444; border-radius: 5px; background: #222; color: #ffaa00; }
.auth-network-icon--green,
.security-orb--green { color: #55ff55; }
.field-control { border-color: #3e3e3e; border-radius: 5px; background: #0d0d0d; }
.field-control:focus-within { border-color: #ffaa00; background: #111; box-shadow: var(--shadow-focus); }
.field-control > .icon,
.field-label-row a,
.auth-card-footer a { color: #ffaa00; }
.kron-captcha { border: 1px solid #3d3d3d; border-radius: 6px; background: #141414; }
.captcha-head span { color: #ffaa00; font-family: var(--font-display); }
.captcha-tile { border-radius: 4px; }
.captcha-tile.is-selected { border-color: #ffaa00; background: rgba(255,170,0,.12); box-shadow: 0 0 0 3px rgba(255,170,0,.1); }
.captcha-symbol { color: #ffaa00; }
.captcha-tile--green .captcha-symbol { color: #55ff55; }
.captcha-tile--amber .captcha-symbol { color: #ffaa00; }
.captcha-tile--blue .captcha-symbol { color: #72d9ed; }
.auth-card-footer { border-color: #333; background: #101010; }

/* Player/admin panels */
.control-center-page .site-backdrop {
    background:
        linear-gradient(90deg, rgba(8,8,8,.94), rgba(8,8,8,.75), rgba(8,8,8,.91)),
        linear-gradient(180deg, rgba(8,8,8,.22), rgba(17,17,17,.96)),
        url("world-scenes/crown-city-panorama.webp") center / cover fixed no-repeat;
}
.cc-sidebar,
.cc-topbar,
.cc-card,
.cc-dialog {
    border-color: #333;
    border-radius: 7px;
    background: linear-gradient(145deg, rgba(31,31,31,.96), rgba(10,10,10,.97));
    box-shadow: 0 18px 42px rgba(0,0,0,.46), inset 1px 1px rgba(255,255,255,.045);
}
.cc-sidebar { border-right: 2px solid #333; border-radius: 0; }
.cc-brand img { width: 62px; height: 62px; border: 1px solid rgba(255,170,0,.4); border-radius: 6px; object-fit: cover; }
.cc-brand > span { display: grid; }
.cc-brand small { color: #ffaa00; font-family: var(--font-display); }
.cc-nav a { border-color: transparent; border-radius: 4px; color: #aaa; font-family: var(--font-display); font-size: .66rem; }
.cc-nav a:hover { background: #242424; color: #fff; }
.cc-nav a.is-active { border-color: rgba(255,170,0,.4); background: rgba(255,170,0,.1); color: #ffaa00; }
.cc-role,
.cc-source,
.cc-state { border-color: #3a3a3a; border-radius: 4px; background: #202020; }
.cc-live-label,
.cc-metric strong,
.cc-card-head h2 { color: #ffaa00; }
.cc-metric-icon,
.cc-status-icon { border-color: #444; border-radius: 4px; background: #222; color: #ffaa00; }
.cc-search { border-color: #3d3d3d; border-radius: 5px; background: #0d0d0d; }
.cc-table th { color: #d7d7d7; background: #222; font-family: var(--font-display); font-weight: 400; }
.cc-table td { border-color: #292929; }
.cc-warning { border-color: rgba(255,170,0,.35); border-radius: 5px; background: rgba(255,170,0,.075); color: #ffd98b; }
.chat-messages { background: #0c0c0c; }

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .glass,
    .glass-soft,
    .glass-strong,
    .nav-shell,
    .auth-topbar { background: #1a1a1a; }
}

@media (min-width: 961px) and (max-width: 1500px) {
    .nav-shell { gap: 1rem; }
    .brand { min-width: 150px; }
    .desktop-nav { gap: .35rem; }
    .desktop-nav .nav-link { padding-inline: .5rem; font-size: .68rem; }
    .nav-shop-link small { padding: .22rem .3rem; font-size: .46rem; }
    .nav-actions { gap: .4rem; }
    .nav-actions .btn { padding-inline: .72rem; }
}

@media (max-width: 1080px) {
    .brand { min-width: 136px; }
    .brand img { width: 42px; height: 42px; }
    .brand-text { font-size: 1rem; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-copy { max-width: 850px; }
    .hero .display-title { max-width: 14ch; }
    .hero-launch-visual { width: min(100%, 650px); margin-inline: auto; }
}

@media (max-width: 760px) {
    .site-header { top: 0; }
    .nav-shell,
    .auth-topbar { width: calc(100% - 1rem); min-height: 68px; }
    .brand img { width: 42px; height: 42px; }
    .brand-text { display: inline; font-size: .9rem; }
    .home-page .hero {
        padding: 7.2rem 1rem 5rem;
        background:
            linear-gradient(180deg, rgba(8,8,8,.56), rgba(8,8,8,.87) 60%, #111),
            url("world-scenes/world-gate-sunset.webp") 58% center / cover no-repeat;
    }
    .hero .display-title { font-size: clamp(2.65rem, 13.7vw, 4.6rem); }
    .server-address { padding-inline: .8rem; }
    .server-address-value { font-size: clamp(1.72rem, 10vw, 2.6rem); }
    .mobile-launch-summary { border: 1px solid #4b4b4b; border-radius: 5px; background: rgba(16,16,16,.92); }
    .project-signal { margin-top: -2rem; }
    .world-preview-shell { background: linear-gradient(180deg, #131313 0 54%, rgba(19,19,19,.52)), url("world-scenes/village-street-sunset.webp") 63% center / cover; }
    .launch-manifest { background: linear-gradient(180deg, #111 0 55%, rgba(17,17,17,.48)), url("world-scenes/world-aerial-dawn.webp") center / cover; }
    .community-cta { background: linear-gradient(180deg, #111 0 55%, rgba(17,17,17,.5)), url("world-scenes/village-path-night.webp") center / cover; }
    .world-chapter { background-position: 65% center !important; }
    .auth-story h1 { font-size: clamp(2.7rem, 13vw, 4.6rem); }
    .cc-brand img { width: 48px; height: 48px; }
}

@media (max-width: 420px) {
    .brand-text { display: none; }
    .server-address-value { letter-spacing: .015em; }
    .redirect-logo { width: 72px; height: 72px; }
    .discord-mark { width: 62px; height: 62px; }
}

@media (prefers-reduced-motion: reduce) {
    .server-address,
    .owner-pod,
    .pillar-card { transition: none; }
}

/* Team world — cinematic profile selector */
.team-world-stage {
    position: relative;
    isolation: isolate;
    padding: clamp(1rem, 2.4vw, 2rem) !important;
    gap: 1rem 1.2rem;
    border-color: #393939;
    background: #090909;
    transition: border-color 300ms ease, box-shadow 300ms ease;
}

.team-world-stage::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 48px 48px;
    content: "";
    pointer-events: none;
}

.team-world-stage > :not(.team-world-backdrop) {
    position: relative;
    z-index: 2;
}

.team-world-backdrop {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.team-world-scene,
.team-world-depth {
    position: absolute;
    inset: 0;
}

.team-world-scene {
    opacity: 0;
    background-position: center;
    background-size: cover;
    filter: saturate(.82) brightness(.48);
    transform: scale(1.025);
    transition: opacity 650ms ease, transform 1.1s ease;
}

.team-world-scene--overview {
    opacity: 1;
    background-image: url("world-scenes/village-path-night.webp");
}

.team-world-scene--nastykc {
    background-image:
        linear-gradient(120deg, rgba(20,93,157,.28), transparent 60%),
        url("world-scenes/survival-fields-night.webp");
}

.team-world-scene--landryna {
    background-image:
        linear-gradient(120deg, rgba(118,32,72,.3), transparent 60%),
        url("world-scenes/village-street-sunset.webp");
}

.team-world-scene--wizzex {
    background-image:
        linear-gradient(120deg, rgba(77,43,137,.32), transparent 60%),
        url("world-scenes/crown-city-panorama.webp");
}

.team-world-stage[data-active-team-profile="nastykc"] .team-world-scene--overview,
.team-world-stage[data-active-team-profile="landryna"] .team-world-scene--overview,
.team-world-stage[data-active-team-profile="wizzex"] .team-world-scene--overview { opacity: 0; }
.team-world-stage[data-active-team-profile="nastykc"] .team-world-scene--nastykc,
.team-world-stage[data-active-team-profile="landryna"] .team-world-scene--landryna,
.team-world-stage[data-active-team-profile="wizzex"] .team-world-scene--wizzex { opacity: 1; transform: scale(1); }

.team-world-depth {
    background:
        linear-gradient(180deg, rgba(5,5,5,.56), rgba(5,5,5,.76) 34%, rgba(5,5,5,.9)),
        radial-gradient(circle at 50% 30%, transparent, rgba(0,0,0,.62) 78%);
}

.team-world-intro {
    display: flex;
    min-height: 78px;
    padding: .85rem 1rem;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #363636;
    border-radius: 6px;
    background: rgba(9,9,9,.78);
    box-shadow: inset 1px 1px rgba(255,255,255,.045);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.team-world-mark {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.team-world-mark img {
    width: 58px;
    height: 58px;
    border: 1px solid rgba(255,170,0,.36);
    border-radius: 5px;
    background: #050505;
    object-fit: cover;
}

.team-world-mark div { display: grid; gap: .08rem; }
.team-world-mark small {
    color: #ffaa00;
    font-family: var(--font-display);
    font-size: .57rem;
    letter-spacing: .13em;
}
.team-world-mark strong {
    color: #fff;
    font-family: var(--font-display);
    font-size: clamp(1rem, 2vw, 1.35rem);
    font-weight: 400;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.team-world-intro > p {
    display: inline-flex;
    margin: 0;
    align-items: center;
    gap: .55rem;
    color: #aaa;
    font-family: var(--font-display);
    font-size: .6rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.team-world-intro > p span {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background: #55ff55;
    box-shadow: 0 0 12px rgba(85,255,85,.65);
}

.team-world-stage .team-division {
    margin-top: .35rem;
    padding: 1.2rem .35rem .75rem;
    border-bottom: 1px solid rgba(255,255,255,.13);
}

.team-world-stage .owner-pod {
    overflow: hidden;
    background: rgba(15,15,15,.9) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.team-world-stage .owner-pod--three {
    width: min(100%, 660px) !important;
    grid-area: auto / 1 / auto / -1 !important;
    justify-self: center;
}

.team-world-stage .owner-pod::before {
    inset: 0;
    border: 0;
    background: linear-gradient(130deg, rgba(var(--owner-rgb),.075), transparent 52%);
    opacity: 1;
}

.team-world-stage .owner-pod::after {
    inset: 0;
    border: 0;
    background: linear-gradient(90deg, transparent, rgba(var(--owner-rgb),.28), transparent) top / 42% 2px no-repeat;
    opacity: .8;
}

.team-world-stage[data-active-team-profile="nastykc"] .owner-pod--one,
.team-world-stage[data-active-team-profile="landryna"] .owner-pod--two,
.team-world-stage[data-active-team-profile="wizzex"] .owner-pod--three {
    border-color: var(--owner-accent) !important;
    box-shadow: 0 20px 48px rgba(0,0,0,.55), 0 0 30px rgba(var(--owner-rgb),.16) !important;
    transform: translateY(-5px) !important;
}

.team-world-stage .owner-pod--blue .owner-viewport {
    background:
        radial-gradient(circle at 50% 74%, rgba(74,168,255,.24), transparent 31%),
        linear-gradient(180deg, rgba(5,16,28,.44), rgba(4,7,11,.9)),
        url("world-scenes/survival-fields-night.webp") center / cover;
}

.team-world-stage .owner-pod--pink .owner-viewport {
    background:
        radial-gradient(circle at 50% 74%, rgba(169,81,124,.24), transparent 31%),
        linear-gradient(180deg, rgba(29,8,18,.42), rgba(8,5,7,.9)),
        url("world-scenes/village-street-sunset.webp") center / cover;
}

.team-world-stage .owner-pod--purple .owner-viewport {
    background:
        radial-gradient(circle at 50% 74%, rgba(148,99,216,.25), transparent 31%),
        linear-gradient(180deg, rgba(20,10,35,.46), rgba(6,5,9,.91)),
        url("world-scenes/crown-city-panorama.webp") center / cover;
}

.team-world-stage .owner-viewport::before { opacity: .13; }
.team-world-stage .owner-identity { min-height: 124px; align-items: center; }
.team-world-stage .owner-role { font-family: var(--font-display); letter-spacing: .1em; }

.owner-equality-badge {
    display: inline-flex;
    width: fit-content;
    margin-top: .6rem;
    padding: .32rem .5rem;
    align-items: center;
    gap: .42rem;
    border: 1px solid rgba(var(--owner-rgb),.3);
    border-radius: 3px;
    background: rgba(var(--owner-rgb),.08);
    color: var(--owner-accent);
    font-family: var(--font-display);
    font-size: .52rem;
    letter-spacing: .075em;
    text-transform: uppercase;
}
.owner-equality-badge i {
    width: .36rem;
    height: .36rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 8px currentColor;
}

.team-world-axis {
    display: grid;
    min-height: 74px;
    margin: .75rem 0 .2rem;
    padding: .6rem 1rem;
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(30px,1fr) auto auto minmax(30px,1fr) auto;
    align-items: center;
    gap: .75rem;
    border-block: 1px solid rgba(255,255,255,.11);
    color: #888;
    font-family: var(--font-display);
    font-size: .57rem;
    letter-spacing: .1em;
}
.team-world-axis > i { height: 1px; background: linear-gradient(90deg, transparent, #ffaa00, transparent); }
.team-world-axis-logo {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(255,170,0,.4);
    border-radius: 50%;
    background: #070707;
    box-shadow: 0 0 24px rgba(255,170,0,.14);
    overflow: hidden;
}
.team-world-axis-logo img { width: 100%; height: 100%; object-fit: contain; }
.team-world-axis strong { color: #ffaa00; font-weight: 400; white-space: nowrap; }

.team-world-footer {
    min-height: 54px;
    margin-top: .6rem;
    border-top: 1px solid rgba(255,255,255,.13);
    color: #aaa;
    font-family: var(--font-display);
    letter-spacing: .11em;
}
.team-world-footer i { background: linear-gradient(90deg, transparent, #ffaa00, transparent); }

@media (max-width: 760px) {
    .team-world-intro { align-items: flex-start; flex-direction: column; }
    .team-world-stage .team-division { padding-inline: 0; }
    .team-world-axis {
        grid-template-columns: 1fr auto 1fr;
        justify-items: center;
        text-align: center;
    }
    .team-world-axis > i { display: none; }
    .team-world-axis-logo { grid-column: 2; grid-row: 1; }
    .team-world-axis strong { grid-column: 2; grid-row: 2; }
    .team-world-axis > span:first-child { grid-column: 1; grid-row: 2; }
    .team-world-axis > span:last-child { grid-column: 3; grid-row: 2; }
    .team-world-stage .owner-identity { min-height: 0; }
}

@media (max-width: 420px) {
    .team-world-stage { padding: .7rem !important; }
    .team-world-mark img { width: 48px; height: 48px; }
    .team-world-axis { padding-inline: .2rem; gap: .35rem; font-size: .48rem; }
    .team-world-axis-logo { width: 44px; height: 44px; }
    .owner-equality-badge { font-size: .46rem; }
}

@media (prefers-reduced-motion: reduce) {
    .team-world-scene,
    .team-world-stage .owner-pod { transition: none; }
}