:root {
    --clovers-bg: #07140f;
    --clovers-bg-soft: #0d1e17;
    --clovers-surface: rgba(10, 25, 19, 0.92);
    --clovers-surface-2: rgba(14, 32, 24, 0.96);
    --clovers-border: rgba(142, 231, 173, 0.18);
    --clovers-border-strong: rgba(217, 183, 87, 0.32);
    --clovers-text: #edf8ef;
    --clovers-muted: #a7c6b0;
    --clovers-gold: #d9b757;
    --clovers-green: #53db8f;
    --clovers-green-deep: #173728;
    --clovers-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
}

html, body {
    background:
        radial-gradient(circle at top left, rgba(83, 219, 143, 0.10), transparent 28%),
        radial-gradient(circle at top right, rgba(217, 183, 87, 0.10), transparent 20%),
        linear-gradient(180deg, #05100c 0%, #091712 28%, #0a1712 100%);
    color: var(--clovers-text);
}

body.pushable>.pusher {
    background: transparent;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

a { color: #84f0b5; }
a:hover { color: #c8ffd9; }

#wrapper { margin-bottom: 2rem; position: relative; z-index: 2; }

.ui.secondary.menu {
    background: rgba(5, 15, 11, 0.86);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid var(--clovers-border);
    box-shadow: 0 8px 25px rgba(0,0,0,.28);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.ui.secondary.menu .ui.container { align-items: center; }
.ui.secondary.menu .toc.item { display: none; }
.ui.secondary.menu .toc.item i { margin: 0; }
#navbar .item i { margin-right: 6px; }
#navbar .item, #navbar .button, #navbar .label { position: relative; z-index: 1002; }
#navbar .right.menu { gap: .45rem; }
#navbar .ui.popup { z-index: 3000 !important; }
#navbar .popup, .ui.popup { pointer-events: auto; }

.clovers-nav-brand {
    display: inline-flex !important;
    align-items: center;
    gap: .8rem;
    margin-right: 1rem !important;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: .04em;
}

.clovers-nav-brand img,
.clovers-sidebar-brand img,
.clovers-footer-logo img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    filter: drop-shadow(0 0 12px rgba(83,219,143,.22));
}

.clovers-nav-brand span { color: #f4fbf6; }
.ui.secondary.menu .item:not(.toc):not(.clovers-nav-brand),
.ui.secondary.menu .ui.dropdown.item {
    color: var(--clovers-muted) !important;
    border-radius: 999px;
    transition: .2s ease;
}
.ui.secondary.menu .item:hover,
.ui.secondary.menu .ui.dropdown.item:hover,
.ui.secondary.menu .item.active {
    color: #fff !important;
    background: rgba(83, 219, 143, 0.12) !important;
}

.ui.secondary.menu .ui.small.default.button,
.ui.secondary.menu .ui.small.primary.icon.button,
.ui.secondary.menu .ui.small.default.icon.button,
.ui.secondary.menu .ui.medium.image.label {
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.06) !important;
    color: #f8fffa !important;
    box-shadow: none !important;
}
.ui.secondary.menu .ui.small.primary.icon.button,
.ui.secondary.menu .ui.primary.button {
    background: linear-gradient(135deg, #39cb7f, #217f50) !important;
    border-color: rgba(83,219,143,.25) !important;
}
.ui.secondary.menu .ui.medium.label img {
    font-size: 1.09rem;
    margin: -.6em .5em -.6em -.5em;
}
.ui.secondary.menu .ui.popup {
    min-width: 240px;
    background: #102219;
    border: 1px solid var(--clovers-border);
    border-radius: 16px;
    color: var(--clovers-text);
    box-shadow: var(--clovers-shadow);
}
.ui.secondary.menu .ui.popup .header,
.ui.secondary.menu .popup .list a.item,
.ui.secondary.inverted.menu .popup .list a.item {
    color: var(--clovers-text) !important;
}
.ui.secondary.menu .ui.popup .item:hover {
    background: rgba(83, 219, 143, 0.10) !important;
}

@media only screen and (max-width: 768px) {
    .ui.secondary.menu .menu,
    .ui.secondary.menu .item { display: none; }
    .ui.secondary.menu .toc.item { display: block; }
}

.ui.vertical.inverted.sidebar.menu.left {
    background: linear-gradient(180deg, #07130e 0%, #0e2018 100%);
}
.ui.vertical.inverted.sidebar.menu.left .item .header span.icon { float: right; }
.clovers-sidebar-brand {
    display: flex !important;
    align-items: center;
    gap: .9rem;
    padding: 1.4rem !important;
    background: rgba(255,255,255,.03);
    border-bottom: 1px solid var(--clovers-border);
}
.clovers-sidebar-brand small { color: var(--clovers-muted); display: block; margin-top: .15rem; }

.ui.masthead {
    background:
        linear-gradient(125deg, rgba(3,14,9,.90), rgba(9,33,20,.85)),
        radial-gradient(circle at right center, rgba(83,219,143,.18), transparent 28%),
        radial-gradient(circle at 20% 20%, rgba(217,183,87,.12), transparent 20%),
        url('../images/clovers-emblem.png') right 8% center / 300px auto no-repeat;
    margin: 18px 0 24px;
    padding: 3rem 0;
    border-radius: 24px;
    color: #fff;
    border: 1px solid var(--clovers-border);
    box-shadow: var(--clovers-shadow);
    position: relative;
    overflow: hidden;
}
.ui.masthead:before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.08), transparent 40%);
    pointer-events: none;
}
.ui.masthead .ui.grid,
.ui.masthead .ui.row,
.ui.masthead .column { position: relative; z-index: 2; }
.clovers-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    color: #eaf9ee;
    padding: .45rem .8rem;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
}
.clovers-hero-copy h1 {
    font-size: clamp(2rem, 5vw, 3.4rem);
    line-height: 1.08;
    margin: 1rem 0 .85rem;
    color: #ffffff;
}
.clovers-hero-text {
    font-size: 1.08rem;
    color: #cfe3d5;
    max-width: 680px;
    line-height: 1.7;
}
.clovers-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 1.4rem;
}
.ui.masthead .ui.button,
.clovers-hero-actions .ui.button {
    border-radius: 14px;
    padding: .95rem 1.2rem;
    font-weight: 700;
}
.ui.masthead .ui.basic.button {
    color: #f6fff8 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.04) !important;
}
.ui.masthead .connect-server {
    background: transparent;
    width: 100%;
    padding: 0;
    margin-left: auto;
    border-radius: 0;
    text-align: left;
    box-shadow: none;
}
.clovers-server-card {
    padding: 1.35rem;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.clovers-server-card .ui.header,
.ui.masthead .connect-server .ui.header { color: #fff; margin: .5rem 0; }
.clovers-copy-ip span { cursor: pointer; color: #9ef7c2; }

.ui.segment,
.ui.card,
.ui.fluid.card,
.ui.message,
.ui.table {
    background: var(--clovers-surface);
    color: var(--clovers-text);
    border-radius: 18px;
    border: 1px solid var(--clovers-border);
    box-shadow: var(--clovers-shadow);
}
.ui.segment .ui.list .list>.item .header,
.ui.segment .ui.list>.item .header { display: inline-block; }
.ui.secondary.segment.segment.segment.segment.segment:not(.inverted) { border-top: none; }
.ui.segment h1,
.ui.segment h2,
.ui.segment h3,
.ui.segment h4,
.ui.segment h5,
.ui.header,
.ui.table,
.ui.message,
.ui.card { color: var(--clovers-text); }
.ui.message .content,
.ui.table tr td,
.ui.table tr th,
.ui.card>.content, .ui.cards>.card>.content { color: var(--clovers-text) !important; }
.ui.table thead th { background: rgba(255,255,255,.04); }
.ui.table tbody tr td,
.ui.table thead th { border-color: rgba(255,255,255,.06) !important; }
.ui.positive.message, .ui.info.message, .ui.warning.message, .ui.negative.message {
    background: rgba(8, 23, 16, 0.95) !important;
}

.ui.button,
.ui.primary.button,
.ui.secondary.button,
.ui.green.button,
.ui.orange.button,
.ui.red.button,
.ui.basic.button {
    border-radius: 12px !important;
}
.ui.primary.button,
.ui.green.button {
    background: linear-gradient(135deg, #39cb7f, #1f8e54) !important;
    color: #fff !important;
}
.ui.basic.button {
    background: rgba(255,255,255,.04) !important;
    color: var(--clovers-text) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
}
.ui.button:hover { transform: translateY(-1px); }

#news-post .badge,
#news-post .ui.label {
    position: absolute; margin: 0; padding: .75em 1em; width: auto; top: 0; right: 0;
    text-transform: uppercase; border-radius: 0 .21428571rem 0 .28571429rem;
}

#forum-node #last-post { width: 250px; }
#forum-node #last-post .avatar { margin: 2px 10px 0 0; }
#sticky-threads tbody tr td:last-child:not(:first-child),
#normal-threads tbody tr td:last-child:not(:first-child) { text-align: right; }
#sticky-threads tbody tr td:last-child .ui.image.header .image,
#normal-threads tbody tr td:last-child .ui.image.header .image { float: right; margin-left: 1rem; margin-top: .24rem; }
#sticky-threads .badge,
#sticky-threads .ui.label,
#normal-threads .badge,
#normal-threads .ui.label {
    position: relative; top: -1.2px; padding: .3rem .5rem; font-size: .7rem; margin: 0 .2rem .1rem 0;
}

#topic-post #post-sidebar .ui.small.image,
#topic-reply #reply-sidebar .ui.small.image { width: 120px; }
#topic-post #post-sidebar h3,
#topic-reply #reply-sidebar h3 { margin: 1rem 0; }
@media (max-width: 768px) {
    #topic-post #post-sidebar .ui.list,
    #topic-reply #reply-sidebar .ui.list { display: none; }
    .ui.masthead { padding: 2rem 0; background-size: 180px auto; }
    .clovers-hero-actions { justify-content: center; }
    .ui.masthead .ui.grid .ui.row .column>* { margin-left: auto; margin-right: auto; text-align: center; }
}
#topic-post #post-meta [class*="res right floated"] { margin-top: -5px; }
@media (max-width: 576px) {
    #topic-post #post-meta { text-align: center; }
    #topic-post #post-meta [class*="res right floated"] { margin-top: 0; }
}
@media only screen and (min-width: 768px) {
    #topic-post #post-sidebar,
    #topic-reply #reply-sidebar {
        border-right: solid 1px rgba(255, 255, 255, .08);
        margin-top: -1.5rem; margin-bottom: -1.5rem; padding-top: 2rem; padding-bottom: 2rem;
    }
    #topic-post #post-sidebar:before,
    #topic-reply #reply-sidebar:before {
        content: ""; height: 0; border: 8px solid transparent; border-right: 8px solid rgba(255,255,255,.10);
        position: absolute; top: 75px; right: 0;
    }
    #topic-post #post-sidebar:after,
    #topic-reply #reply-sidebar:after {
        content: ""; height: 0; border: 8px solid transparent; border-right: 8px solid rgba(10,25,19,.94);
        position: absolute; top: 75px; right: -1px;
    }
}

.clovers-footer {
    margin-top: auto;
    background: linear-gradient(180deg, rgba(8,20,15,.9), rgba(3,10,7,.98));
    border-top: 1px solid var(--clovers-border);
    padding: 2.5rem 0 1.4rem;
    position: relative;
}
.clovers-footer:before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top center, rgba(83,219,143,.12), transparent 30%);
    pointer-events: none;
}
.clovers-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 2rem;
    position: relative;
    z-index: 2;
}
.clovers-footer-brand p,
.clovers-footer-links a,
.clovers-footer-bottom,
.clovers-footer-copy,
.clovers-footer-logo small { color: var(--clovers-muted); }
.clovers-footer-logo {
    display: inline-flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1rem;
    color: #fff !important;
}
.clovers-footer-logo span { display: inline-flex; flex-direction: column; }
.clovers-footer-links { display: flex; flex-direction: column; gap: .75rem; }
.clovers-footer-links a { transition: .2s ease; }
.clovers-footer-links a:hover { color: #fff; transform: translateX(4px); }
.clovers-footer-column h4 { margin-bottom: 1rem; color: #fff; }
.clovers-footer-bottom {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(255,255,255,.07);
}
.clovers-theme-toggle { display: flex; align-items: center; gap: .9rem; margin-top: 1rem; }
.darkmode-toggle { display: none; }
.darkmode-toggle-label {
    width: 64px; height: 34px; border-radius: 999px; position: relative; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: space-between;
    padding: 0 .55rem; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.08);
}
.darkmode-ball {
    position: absolute; top: 4px; left: 4px; width: 24px; height: 24px; border-radius: 50%;
    background: linear-gradient(135deg, #fff, #c6f5d6); transition: .25s ease;
}
.darkmode-toggle:checked + .darkmode-toggle-label .darkmode-ball,
#darkmode-toggle:checked + .darkmode-toggle-label .darkmode-ball { left: 34px; }

/* Store polish */
.store-hero, .store-featured-products, .store-category-card, .store-card { border-radius: 18px; }
body [class*="store"] .ui.card,
body [class*="store"] .ui.segment { background: rgba(11,26,20,.94); }
.store-product-price, .price { color: var(--clovers-gold); font-weight: 700; }

@media (max-width: 1100px) {
    .clovers-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
    .clovers-footer-grid { grid-template-columns: 1fr; }
    .clovers-footer-bottom { flex-direction: column; }
}


/* ==========================================================
   CLOVERS PHASE 2 — PROFESSIONAL HOME + STORE
   ========================================================== */
.clovers-home-hero-v3 {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
    gap: 2.4rem;
    align-items: center;
    min-height: 520px;
    padding: clamp(2rem, 5vw, 4.25rem);
    margin: 0 0 1.35rem;
    border-radius: 28px;
    background:
        linear-gradient(120deg, rgba(4, 17, 11, .98) 0%, rgba(8, 31, 20, .95) 52%, rgba(12, 26, 21, .94) 100%),
        url('../images/clovers-emblem.png') center right / 480px no-repeat;
    border: 1px solid rgba(106, 230, 153, .20);
    box-shadow: 0 30px 75px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
}
.clovers-home-hero-v3:before,
.clovers-home-hero-v3:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.clovers-home-hero-v3:before {
    width: 480px; height: 480px; right: -150px; top: -170px;
    background: radial-gradient(circle, rgba(83,219,143,.20), transparent 67%);
}
.clovers-home-hero-v3:after {
    width: 360px; height: 360px; left: 34%; bottom: -260px;
    background: radial-gradient(circle, rgba(217,183,87,.14), transparent 70%);
}
.clovers-home-copy,
.clovers-home-visual { position: relative; z-index: 2; }
.clovers-kicker {
    display: inline-flex; align-items: center; gap: .55rem;
    font-size: .78rem; font-weight: 800; letter-spacing: .17em;
    color: #a6f5c4;
}
.clovers-home-copy h2 {
    color: #fff;
    font-size: clamp(2.6rem, 6vw, 5.1rem);
    line-height: .98;
    margin: 1rem 0 1.25rem;
    letter-spacing: -.045em;
    max-width: 860px;
}
.clovers-home-copy h2 span {
    color: transparent;
    background: linear-gradient(90deg, #75eda7 0%, #d9b757 72%);
    -webkit-background-clip: text;
    background-clip: text;
}
.clovers-home-copy > p {
    color: #b7d0bf;
    max-width: 740px;
    font-size: 1.08rem;
    line-height: 1.75;
    margin-bottom: 1.45rem;
}
.clovers-hero-meta {
    display: flex; flex-wrap: wrap; gap: .75rem 1.1rem;
    margin-top: 1.3rem; color: #9fc0a9; font-size: .9rem;
}
.clovers-hero-meta span { display: inline-flex; align-items: center; gap: .45rem; }
.clovers-hero-meta i { color: #67dd97; }
.clovers-gold-button {
    background: linear-gradient(135deg, #e0bd5f, #927026) !important;
    color: #0a130d !important;
    border: 1px solid rgba(255,224,132,.4) !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 30px rgba(196,151,43,.18) !important;
}
.clovers-ghost-button {
    background: rgba(255,255,255,.045) !important;
    color: #edf9f0 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
}
.clovers-home-visual { min-height: 390px; }
.clovers-home-emblem-wrap {
    position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%);
    width: min(300px, 72%); aspect-ratio: 1;
    display: grid; place-items: center;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(83,219,143,.14), rgba(5,16,11,.15) 52%, transparent 72%);
}
.clovers-home-emblem-wrap img {
    width: 72%; height: 72%; object-fit: contain;
    filter: drop-shadow(0 18px 34px rgba(0,0,0,.5)) drop-shadow(0 0 32px rgba(83,219,143,.17));
    animation: cloversFloat 5.5s ease-in-out infinite;
}
@keyframes cloversFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
.clovers-magic-orbit {
    position: absolute; border-radius: 50%; inset: 50% auto auto 50%; transform: translate(-50%,-50%);
    border: 1px solid rgba(97,232,148,.18); pointer-events: none;
}
.orbit-a { width: 260px; height: 260px; }
.orbit-b { width: 340px; height: 340px; border-color: rgba(217,183,87,.18); transform: translate(-50%,-50%) rotate(22deg); }
.orbit-c { width: 410px; height: 410px; border-style: dashed; opacity: .55; }
.clovers-rune { position:absolute; color:#d9b757; text-shadow:0 0 16px rgba(217,183,87,.5); }
.rune-1{top:9%;left:19%}.rune-2{right:9%;top:42%;font-size:1.5rem}.rune-3{bottom:10%;left:28%}
.clovers-visual-card {
    position: absolute; display:flex; align-items:center; gap:.75rem;
    padding:.85rem 1rem; border-radius:16px;
    background:rgba(5,17,11,.84); border:1px solid rgba(255,255,255,.10);
    box-shadow:0 16px 35px rgba(0,0,0,.35); backdrop-filter:blur(10px);
}
.clovers-visual-card > i { width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(83,219,143,.14);color:#7af0a9; }
.clovers-visual-card small {display:block;color:#8cae96;font-size:.68rem;letter-spacing:.12em}.clovers-visual-card strong{display:block;color:#fff;margin-top:.15rem}
.card-studio{top:11%;right:0}.card-community{bottom:9%;left:0}

.clovers-home-status-grid {
    display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:1rem; margin:0 0 3.8rem;
}
.clovers-status-card {
    display:flex; align-items:center; gap:1rem; min-height:112px; padding:1.15rem 1.25rem;
    border-radius:20px; background:rgba(10,25,19,.90); border:1px solid var(--clovers-border);
    color:var(--clovers-text) !important; box-shadow:0 14px 38px rgba(0,0,0,.20); transition:.22s ease;
}
a.clovers-status-card:hover { transform:translateY(-3px); border-color:rgba(83,219,143,.32); background:rgba(13,31,23,.98); }
.clovers-status-card.primary { background:linear-gradient(135deg,rgba(26,69,45,.68),rgba(9,25,18,.92)); }
.clovers-status-card > div:nth-child(2){flex:1}.clovers-status-card small{display:block;font-size:.68rem;letter-spacing:.12em;color:#83aa90;margin-bottom:.3rem}.clovers-status-card strong{display:block;color:#fff;font-size:1.03rem}.clovers-status-card span:not(.clovers-online-dot):not(.clovers-offline-dot){display:block;color:#9cb7a4;font-size:.84rem;margin-top:.22rem}
.clovers-status-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(83,219,143,.13);color:#72e8a2;font-size:1.1rem;flex:none}.clovers-status-icon.gold{background:rgba(217,183,87,.12);color:#e4c56f}
.clovers-online-dot,.clovers-offline-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem}.clovers-online-dot{background:#53db8f;box-shadow:0 0 12px #53db8f}.clovers-offline-dot{background:#dc635f;box-shadow:0 0 12px rgba(220,99,95,.55)}

.clovers-home-section { margin:0 0 4.25rem; }
.clovers-section-heading.enhanced { display:flex; justify-content:space-between; align-items:flex-end; gap:1.4rem; margin-bottom:1.5rem; }
.clovers-section-heading.enhanced > div > span { display:block;color:#70e49e;font-size:.72rem;font-weight:800;letter-spacing:.16em;margin-bottom:.38rem }
.clovers-section-heading.enhanced h3 { color:#fff;font-size:clamp(1.7rem,3vw,2.45rem);margin:0 0 .42rem;letter-spacing:-.025em }
.clovers-section-heading.enhanced p { color:#91ae9a;margin:0;max-width:720px;line-height:1.65 }
.clovers-section-chip { display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border-radius:999px;background:rgba(83,219,143,.08);border:1px solid var(--clovers-border);color:#b7e7c6;font-size:.8rem;white-space:nowrap }
.clovers-section-link { color:#bfeecf !important;font-weight:700;white-space:nowrap }

.clovers-mode-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem }
.clovers-mode-card { position:relative;overflow:hidden;min-height:335px;border-radius:22px;background:linear-gradient(180deg,rgba(14,34,25,.96),rgba(7,20,14,.98));border:1px solid var(--clovers-border);box-shadow:0 16px 42px rgba(0,0,0,.23);transition:.25s ease }
.clovers-mode-card:hover { transform:translateY(-5px); border-color:rgba(105,230,153,.34);box-shadow:0 24px 55px rgba(0,0,0,.34) }
.clovers-mode-art { height:135px;display:grid;place-items:center;position:relative;overflow:hidden;font-size:3.2rem;color:#8ff1b4;background:radial-gradient(circle at center,rgba(83,219,143,.25),transparent 62%) }
.clovers-mode-art:after {content:'';position:absolute;inset:auto 0 0;height:70%;background:linear-gradient(transparent,rgba(7,20,14,.95))}
.clovers-mode-art i{position:relative;z-index:2;filter:drop-shadow(0 8px 18px rgba(0,0,0,.38))}
.clovers-mode-card.oneblock .clovers-mode-art{background:radial-gradient(circle,rgba(70,176,255,.20),transparent 62%);color:#78c9ff}.clovers-mode-card.survival .clovers-mode-art{background:radial-gradient(circle,rgba(83,219,143,.24),transparent 62%)}.clovers-mode-card.custom .clovers-mode-art{background:radial-gradient(circle,rgba(170,112,255,.23),transparent 62%);color:#bd8dff}.clovers-mode-card.farms .clovers-mode-art{background:radial-gradient(circle,rgba(217,183,87,.22),transparent 62%);color:#e3c263}
.clovers-mode-content{padding:1.1rem 1.2rem 1.25rem}.clovers-mode-tag{font-size:.65rem;letter-spacing:.13em;color:#74df9e;font-weight:800}.clovers-mode-content h4{font-size:1.35rem;color:#fff;margin:.35rem 0 .55rem}.clovers-mode-content p{color:#9eb5a5;line-height:1.58;min-height:75px}.clovers-mode-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.clovers-mode-meta span{font-size:.72rem;padding:.35rem .5rem;border-radius:8px;background:rgba(255,255,255,.04);color:#9db9a6}

.clovers-studio-showcase {
    position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;
    margin:0 0 4rem;padding:clamp(2rem,5vw,4rem);border-radius:28px;
    background:linear-gradient(120deg,rgba(11,21,31,.98),rgba(16,18,39,.94) 55%,rgba(11,30,25,.96));
    border:1px solid rgba(150,111,255,.23);box-shadow:0 28px 68px rgba(0,0,0,.30);
}
.clovers-studio-showcase:before{content:'';position:absolute;width:430px;height:430px;border-radius:50%;right:-120px;top:-140px;background:radial-gradient(circle,rgba(129,82,255,.19),transparent 69%);pointer-events:none}
.clovers-studio-copy,.clovers-studio-art{position:relative;z-index:2}.clovers-studio-copy h3,.clovers-store-home h3{font-size:clamp(2rem,4vw,3.25rem);color:#fff;margin:.7rem 0 1rem;letter-spacing:-.035em}.clovers-studio-copy > p,.clovers-store-home-copy > p{color:#aeb6c9;line-height:1.75;max-width:720px}
.clovers-studio-features{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1.4rem 0 1.6rem}.clovers-studio-features span{display:flex;align-items:center;gap:.55rem;color:#cdd7d0}.clovers-studio-features i{color:#a980ff}
.clovers-studio-art{min-height:310px;display:grid;place-items:center}.clovers-book{width:245px;height:245px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(132,82,255,.22),rgba(7,18,15,.1) 60%,transparent 70%)}.clovers-book > i{font-size:7rem;color:#b990ff;filter:drop-shadow(0 0 30px rgba(151,99,255,.35))}.clovers-book span{position:absolute;bottom:14%;font-size:.72rem;letter-spacing:.12em;color:#d5c5ff;background:rgba(6,12,10,.7);padding:.4rem .65rem;border-radius:999px;border:1px solid rgba(164,120,255,.25)}.clovers-book-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(139,91,255,.16);filter:blur(34px)}

.clovers-store-home { display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center;margin:0 0 4rem;padding:clamp(2rem,4vw,3.2rem);border-radius:26px;background:linear-gradient(135deg,rgba(32,27,12,.78),rgba(11,24,17,.96));border:1px solid rgba(217,183,87,.26);box-shadow:0 24px 62px rgba(0,0,0,.26) }
.clovers-store-home-copy > p{color:#bfb9a2}.clovers-store-benefits{display:grid;gap:.75rem}.clovers-store-benefits > div{display:flex;align-items:center;gap:.9rem;padding:1rem 1.05rem;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.clovers-store-benefits > div > i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(217,183,87,.13);color:#e6c76e}.clovers-store-benefits strong{display:block;color:#fff}.clovers-store-benefits small{display:block;color:#a8a38e;margin-top:.18rem}

.clovers-community-section { margin-bottom:3rem }.clovers-news-card{overflow:hidden!important}.clovers-news-card .content{padding:1.35rem!important}.clovers-news-card .header a{color:#f4fff7!important;font-size:1.2rem}.clovers-news-card .meta{color:#789586!important}.clovers-news-card .description{color:#bfd0c3!important;line-height:1.7}.clovers-widget-column .ui.segment,.clovers-widget-column .ui.card{box-shadow:0 14px 38px rgba(0,0,0,.2)}
.clovers-empty-news{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem;border-radius:22px;background:rgba(10,25,19,.85);border:1px dashed rgba(83,219,143,.23);color:#94b09c}.clovers-empty-news i{font-size:2rem;color:#61dc92;margin-bottom:.8rem}.clovers-empty-news strong{color:#fff;margin-bottom:.3rem}

.clovers-final-cta { display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:0 0 2rem;padding:2rem 2.2rem;border-radius:22px;background:linear-gradient(115deg,rgba(25,73,46,.58),rgba(10,24,18,.96));border:1px solid rgba(83,219,143,.20) }.clovers-final-cta > div:first-child > span{font-size:.7rem;letter-spacing:.14em;font-weight:800;color:#73e2a0}.clovers-final-cta h3{color:#fff;font-size:1.8rem;margin:.35rem 0}.clovers-final-cta p{color:#9db7a5;margin:0}.clovers-final-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}

/* Store 1.9.1 full visual pass */
.clovers-store-hero { position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 2.2rem;margin:0 0 1rem;border-radius:24px;background:linear-gradient(120deg,rgba(34,28,11,.88),rgba(12,29,20,.96));border:1px solid rgba(217,183,87,.25);box-shadow:0 20px 52px rgba(0,0,0,.25) }.clovers-store-hero.compact{padding:1.55rem 1.8rem}.clovers-store-hero h1{color:#fff;margin:.5rem 0 .35rem;font-size:clamp(1.8rem,4vw,2.65rem)}.clovers-store-hero p{color:#b9b39d;margin:0}.clovers-store-hero-icon{width:92px;height:92px;display:grid;place-items:center;border-radius:24px;background:rgba(217,183,87,.12);color:#e5c568;font-size:2.4rem;border:1px solid rgba(217,183,87,.18);flex:none}
.clovers-store-toolbar { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.25rem;padding:.75rem;border-radius:18px;background:rgba(9,23,17,.92);border:1px solid var(--clovers-border);box-shadow:0 12px 32px rgba(0,0,0,.20) }.clovers-store-categories,.clovers-store-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.clovers-store-pill{display:inline-flex!important;align-items:center;gap:.4rem;padding:.62rem .85rem!important;border-radius:11px!important;color:#a9c0b1!important;background:rgba(255,255,255,.035)!important;border:1px solid transparent!important;cursor:pointer}.clovers-store-pill:hover,.clovers-store-pill.active{color:#fff!important;background:rgba(83,219,143,.10)!important;border-color:rgba(83,219,143,.18)!important}.clovers-store-toolbar .ui.dropdown .menu{background:#102219!important;border:1px solid var(--clovers-border)!important}.clovers-store-toolbar .ui.dropdown .menu .item{color:#dbeade!important}.clovers-store-toolbar .ui.dropdown .menu .item:hover{background:rgba(83,219,143,.1)!important}.clovers-store-player{color:#c2d4c6;font-size:.85rem}.clovers-inline-form{display:inline-flex}.clovers-cart-button{background:linear-gradient(135deg,#d6b557,#8b6925)!important;color:#0a120d!important;font-weight:800!important;border-radius:12px!important}
.clovers-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;margin:1.2rem 0 2rem}.clovers-product-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:rgba(10,25,19,.95);border:1px solid var(--clovers-border);box-shadow:0 18px 44px rgba(0,0,0,.24);transition:.25s ease}.clovers-product-card:hover{transform:translateY(-5px);border-color:rgba(217,183,87,.32);box-shadow:0 28px 56px rgba(0,0,0,.34)}.clovers-product-media{height:210px;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(217,183,87,.12),rgba(7,18,13,.96))}.clovers-product-media img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.clovers-product-card:hover .clovers-product-media img{transform:scale(1.04)}.clovers-product-media.no-image{display:grid;place-items:center}.clovers-product-media .clovers-product-placeholder{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.4));opacity:.92}.clovers-sale-badge{position:absolute;z-index:2;top:.85rem;left:.85rem;padding:.42rem .6rem;border-radius:9px;background:#d7b657;color:#10140d;font-size:.72rem;font-weight:800}.clovers-product-body{padding:1.1rem 1.15rem;flex:1}.clovers-product-type{font-size:.62rem;letter-spacing:.13em;color:#77dc9b;font-weight:800}.clovers-product-body h3{color:#fff;font-size:1.25rem;margin:.35rem 0 .75rem}.clovers-product-price{display:flex;align-items:center;gap:.55rem}.clovers-product-price del{color:#75897b}.clovers-product-price strong{color:#e2c262;font-size:1.18rem}.clovers-product-buy{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem 1.15rem;border:0;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);color:#e9f6ec;font-weight:700;cursor:pointer;transition:.2s ease}.clovers-product-buy:hover{background:rgba(217,183,87,.10);color:#f0d47c}.clovers-product-modal.ui.modal{background:#0e2118!important;border:1px solid var(--clovers-border)!important;border-radius:20px!important;overflow:hidden}.clovers-product-modal>.header,.clovers-product-modal>.content,.clovers-product-modal>.actions{background:#0e2118!important;color:#edf8ef!important;border-color:rgba(255,255,255,.07)!important}.clovers-modal-product{display:grid;grid-template-columns:180px 1fr;gap:1.2rem}.clovers-modal-product img{width:180px;height:180px;object-fit:cover;border-radius:16px}.clovers-product-description{color:#bdcec1!important}.clovers-store-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:3rem;border-radius:22px;background:rgba(10,25,19,.9);border:1px dashed rgba(217,183,87,.25);color:#9fb2a3}.clovers-store-empty i{font-size:2rem;color:#d8b75d}.clovers-store-empty strong{color:#fff}.clovers-store-widgets{display:grid;gap:1rem}.clovers-store-account-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:16px;background:rgba(10,25,19,.9);border:1px solid var(--clovers-border)}.clovers-store-account-card>i{color:#dfbf61}.clovers-store-account-card small{display:block;color:#8aa092}.clovers-store-account-card strong{color:#fff}
.clovers-checkout-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:1rem;align-items:start}.clovers-checkout-side{display:grid;gap:1rem}.clovers-checkout-card{padding:1.25rem;border-radius:20px;background:rgba(10,25,19,.95);border:1px solid var(--clovers-border);box-shadow:0 16px 42px rgba(0,0,0,.22)}.clovers-checkout-heading{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.clovers-checkout-heading>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(83,219,143,.12);color:#6ae19a}.clovers-checkout-heading small{display:block;color:#789485;font-size:.66rem;letter-spacing:.12em}.clovers-checkout-heading h3{color:#fff;margin:.12rem 0 0}.clovers-cart-list{display:grid;gap:.6rem}.clovers-cart-item{display:grid;grid-template-columns:1fr auto auto auto;gap:.75rem;align-items:center;padding:.85rem;border-radius:13px;background:rgba(255,255,255,.035)}.clovers-cart-main strong{display:block;color:#fff}.clovers-cart-main small{display:block;color:#8da395;margin-top:.2rem}.clovers-cart-qty{color:#91a99a}.clovers-cart-price strong{color:#e1c162}.clovers-cart-price del{color:#6f8175;margin-right:.35rem}.clovers-cart-remove{color:#dc6d68!important}.clovers-totals{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07);display:grid;gap:.5rem}.clovers-totals>div{display:flex;justify-content:space-between;color:#9cb0a2}.clovers-totals .grand{font-size:1.08rem;color:#fff}.clovers-totals .grand strong{color:#e2c365}.clovers-payment-list{display:grid;gap:.55rem;margin-bottom:1rem}.clovers-payment-option{cursor:pointer}.clovers-payment-option input{display:none}.clovers-payment-option span{display:block;padding:.75rem .85rem;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:#c5d5c9}.clovers-payment-option input:checked+span{background:rgba(83,219,143,.1);border-color:rgba(83,219,143,.28);color:#fff}.clovers-terms-check{display:flex;gap:.55rem;align-items:flex-start;color:#9eb1a2;font-size:.84rem;margin:1rem 0}.clovers-player-login{max-width:760px;margin:0 auto 2rem}

@media (max-width: 1100px) {
    .clovers-home-hero-v3{grid-template-columns:1fr;min-height:auto}.clovers-home-visual{min-height:330px}.clovers-home-status-grid{grid-template-columns:1fr 1fr}.clovers-home-status-grid .primary{grid-column:1/-1}.clovers-mode-grid{grid-template-columns:1fr 1fr}.clovers-studio-showcase,.clovers-store-home{grid-template-columns:1fr}.clovers-studio-art{min-height:240px}.clovers-products-grid{grid-template-columns:1fr 1fr}.clovers-checkout-layout{grid-template-columns:1fr}
}
@media (max-width: 720px) {
    .clovers-home-hero-v3{padding:2rem 1.35rem;border-radius:22px}.clovers-home-copy h2{font-size:2.8rem}.clovers-home-visual{min-height:280px}.orbit-c{width:300px;height:300px}.orbit-b{width:250px;height:250px}.orbit-a{width:200px;height:200px}.card-studio{right:0}.card-community{left:0}.clovers-home-status-grid,.clovers-mode-grid,.clovers-products-grid{grid-template-columns:1fr}.clovers-home-status-grid .primary{grid-column:auto}.clovers-section-heading.enhanced{align-items:flex-start;flex-direction:column}.clovers-studio-showcase,.clovers-store-home{padding:1.6rem 1.3rem}.clovers-studio-features{grid-template-columns:1fr}.clovers-final-cta{align-items:flex-start;flex-direction:column}.clovers-final-actions{justify-content:flex-start}.clovers-store-toolbar{align-items:flex-start;flex-direction:column}.clovers-store-actions{width:100%}.clovers-cart-button{margin-left:auto!important}.clovers-modal-product{grid-template-columns:1fr}.clovers-modal-product img{width:100%;height:220px}.clovers-cart-item{grid-template-columns:1fr auto}.clovers-cart-price,.clovers-cart-remove{grid-column:auto}.clovers-store-hero{padding:1.45rem}.clovers-store-hero-icon{width:66px;height:66px;font-size:1.6rem}
}

#navbar + .ui.container { padding-top: 1.4rem; }


/* Clovers 1.2.2 — no legacy browser banner and consistent page canvas */
#ie-message { display: none !important; }
html, body, body.pushable, body.pushable > .pusher {
    background-color: #07140f !important;
}
body.pushable > .pusher {
    background-image:
        radial-gradient(circle at 8% 12%, rgba(83,219,143,.055), transparent 27%),
        radial-gradient(circle at 92% 18%, rgba(217,183,87,.05), transparent 24%),
        linear-gradient(180deg, #07140f 0%, #091812 48%, #07130e 100%) !important;
    background-attachment: fixed !important;
}