/*
 * WBrownie for NamelessMC 2.3
 * Dark Minecraft-inspired UI built on top of the supported DefaultRevamp markup.
 */

:root {
    --wdev-bg: #15110e;
    --wdev-bg-deep: #0b0907;
    --wdev-panel: #211b16;
    --wdev-panel-2: #2c2520;
    --wdev-raised: #4a413b;
    --wdev-raised-hover: #60554e;
    --wdev-line: #756b63;
    --wdev-line-soft: #413932;
    --wdev-text: #f0ebe5;
    --wdev-muted: #b7aca3;
    --wdev-gold: #edb52f;
    --wdev-gold-dark: #8f6810;
    --wdev-green: #70c268;
    --wdev-green-dark: #34523a;
    --wdev-red: #c46763;
    --wdev-blue: #607f96;
    --wdev-black: #070605;
    --wdev-shadow: 7px 8px rgba(0, 0, 0, .28);
    --wdev-ui: "Lucida Console", Monaco, Consolas, monospace;
    --wdev-body: Inter, Lato, "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--wdev-bg); scroll-behavior: smooth; }
body.wdev-theme,
body.wdev-theme.pushable > .pusher {
    min-height: 100vh;
    background:
        radial-gradient(ellipse at 12% 10%, rgba(117, 77, 43, .15), transparent 34%),
        radial-gradient(ellipse at 90% 64%, rgba(68, 86, 57, .1), transparent 38%),
        var(--wdev-bg);
    color: var(--wdev-text);
    font: 15px/1.62 var(--wdev-body);
}
body.wdev-theme.pushable > .pusher { display: flex; flex-direction: column; }
body.wdev-theme a { color: #e9c75d; }
body.wdev-theme a:hover { color: #ffdc74; }
body.wdev-theme ::selection { background: #8d6422; color: #fff; }
/* Pixel-built scrollbar shared by the page, menus and scrollable widgets. */
html,
body.wdev-theme,
body.wdev-theme * {
    scrollbar-width: thin;
    scrollbar-color: #75685e #0d0a08;
}
html::-webkit-scrollbar,
body.wdev-theme::-webkit-scrollbar,
body.wdev-theme *::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}
html::-webkit-scrollbar-track,
body.wdev-theme::-webkit-scrollbar-track,
body.wdev-theme *::-webkit-scrollbar-track {
    border-left: 2px solid #070605;
    background: #0d0a08;
    box-shadow: inset 2px 0 #18130f;
}
html::-webkit-scrollbar-thumb,
body.wdev-theme::-webkit-scrollbar-thumb,
body.wdev-theme *::-webkit-scrollbar-thumb {
    min-height: 48px;
    border: 3px solid #0d0a08;
    border-radius: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.08), transparent 38%, rgba(0,0,0,.2)),
        #75685e;
    box-shadow:
        inset 2px 2px rgba(255,255,255,.1),
        inset -2px -2px rgba(0,0,0,.3);
}
html::-webkit-scrollbar-thumb:hover,
body.wdev-theme::-webkit-scrollbar-thumb:hover,
body.wdev-theme *::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(90deg, rgba(255,255,255,.13), transparent 42%, rgba(0,0,0,.18)),
        #9a7836;
}
html::-webkit-scrollbar-thumb:active,
body.wdev-theme::-webkit-scrollbar-thumb:active,
body.wdev-theme *::-webkit-scrollbar-thumb:active {
    background: #b28a35;
    box-shadow:
        inset 2px 2px rgba(0,0,0,.28),
        inset -2px -2px rgba(255,255,255,.08);
}
html::-webkit-scrollbar-corner,
body.wdev-theme::-webkit-scrollbar-corner,
body.wdev-theme *::-webkit-scrollbar-corner {
    background: #0d0a08;
}
html::-webkit-scrollbar-button,
body.wdev-theme::-webkit-scrollbar-button,
body.wdev-theme *::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

#wrapper { flex: 1 0 auto; margin-bottom: 54px; }
#wrapper > .ui.container { width: min(calc(100% - 36px), 1160px) !important; }

/* Navigation */
#navbar.ui.secondary.menu {
    position: sticky;
    z-index: 100;
    top: 0;
    min-height: 86px;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 4px solid var(--wdev-black);
    border-radius: 0;
    background: rgba(20, 16, 13, .97);
    box-shadow: inset 0 -1px var(--wdev-line-soft), 0 7px 24px rgba(0, 0, 0, .22);
    backdrop-filter: blur(12px);
}
#navbar > .ui.container { width: min(calc(100% - 36px), 1160px) !important; display: flex; align-items: center; }
#navbar .item {
    min-height: 42px;
    margin: 0 4px;
    padding: 10px 13px;
    border: 3px solid transparent;
    border-radius: 0;
    color: #d8cfc8;
    font: 12px/1 var(--wdev-ui);
    text-shadow: 2px 2px var(--wdev-black);
}
#navbar .item:hover { border-color: #26201b; background: #39312b; color: #fff; }
#navbar .item.active { border-color: var(--wdev-black); outline: 1px solid #8f7844; background: #4a4032; color: #fff; }
#navbar .item i { margin-right: 7px; }
#navbar .wdev-brand.item {
    display: flex !important;
    min-width: 205px;
    margin: 0 24px 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-shadow: none;
}
#navbar .wdev-brand.item:hover { border: 0; background: transparent; }
.wdev-brand-cube { position: relative; width: 44px; height: 44px; flex: 0 0 44px; border: 3px solid var(--wdev-black); outline: 1px solid #8f7959; background: #6e5538; box-shadow: inset -8px -8px rgba(0,0,0,.22), inset 5px 5px rgba(255,255,255,.08), 4px 4px rgba(0,0,0,.3); }
.wdev-brand-cube:before { content: ""; position: absolute; inset: 5px 5px 21px; background: #6d9558; box-shadow: 8px 5px #87a96b, -2px 12px #527541, 15px 12px #6c8f50; }
.wdev-brand-cube i { position: absolute; left: 7px; bottom: 5px; width: 8px; height: 8px; background: #3b291c; box-shadow: 11px -2px #493022, 22px 2px #35241a; }
.wdev-brand-copy { display: grid; gap: 5px; min-width: 0; margin-left: 12px; }
.wdev-brand-copy strong { overflow: hidden; color: #fff; font: 17px/1 var(--wdev-ui); text-overflow: ellipsis; text-transform: uppercase; }
.wdev-brand-copy small { color: var(--wdev-gold); font: 8px/1 var(--wdev-ui); letter-spacing: .12em; }
#navbar .right.menu { margin-left: auto; }
#navbar .right.menu .ui.button,
#navbar .right.menu .ui.label {
    min-height: 40px;
    border: 3px solid var(--wdev-black);
    outline: 1px solid #756b64;
    border-radius: 0;
    background: var(--wdev-raised);
    color: var(--wdev-text);
    box-shadow: inset 2px 2px rgba(255,255,255,.08), inset -2px -2px rgba(0,0,0,.28);
    font: 11px var(--wdev-ui);
    text-shadow: 2px 2px var(--wdev-black);
}
#navbar .right.menu .ui.primary.button { outline-color: #a38643; background: #665331; }
#navbar .right.menu .ui.button:hover { transform: translateY(-1px); background: var(--wdev-raised-hover); }
#navbar .toc.item { display: none; margin-left: auto; }

/* Dropdowns and sidebar */
body.wdev-theme .ui.popup,
body.wdev-theme .ui.dropdown .menu,
body.wdev-theme .ui.menu .dropdown.item .menu {
    border: 3px solid var(--wdev-black);
    border-radius: 0;
    background: var(--wdev-panel-2);
    color: var(--wdev-text);
    box-shadow: var(--wdev-shadow);
}
body.wdev-theme .ui.dropdown .menu > .item,
body.wdev-theme .ui.popup .item { color: #d9cfc8 !important; }
body.wdev-theme .ui.dropdown .menu > .item:hover,
body.wdev-theme .ui.popup a.item:hover { background: #493f37 !important; color: #fff !important; }
#toc.ui.sidebar.menu { border-right: 4px solid var(--wdev-black); background: #17120f; }
#toc.ui.sidebar.menu .item { border-bottom: 1px solid #3e3731; color: #ddd4cc; }

.wdev-eyebrow, .wdev-footer-kicker { display: block; margin-bottom: 12px; color: var(--wdev-gold); font: 9px var(--wdev-ui); letter-spacing: .16em; }

/* Shared Nameless components */
body.wdev-theme .ui.segment,
body.wdev-theme .ui.card,
body.wdev-theme .ui.cards > .card,
body.wdev-theme .ui.vertical.menu,
body.wdev-theme .ui.modal {
    border: 3px solid var(--wdev-black);
    border-radius: 0;
    background: var(--wdev-panel);
    color: var(--wdev-text);
    box-shadow: 0 0 0 1px var(--wdev-line), 5px 6px rgba(0,0,0,.2);
}
body.wdev-theme .ui.card > .content,
body.wdev-theme .ui.cards > .card > .content,
body.wdev-theme .ui.segment { border-color: var(--wdev-line-soft); }
body.wdev-theme .ui.card > .extra,
body.wdev-theme .ui.cards > .card > .extra { border-top: 3px solid var(--wdev-black) !important; background: #17120f; color: var(--wdev-muted); }
body.wdev-theme .ui.header,
body.wdev-theme .ui.card > .content > .header,
body.wdev-theme .ui.cards > .card > .content > .header,
body.wdev-theme .ui.list > .item .header { color: var(--wdev-text); }
body.wdev-theme h1.ui.header,
body.wdev-theme h2.ui.header,
body.wdev-theme h3.ui.header,
body.wdev-theme h4.ui.header { font-family: var(--wdev-ui); }
body.wdev-theme .ui.card .meta,
body.wdev-theme .ui.cards > .card .meta,
body.wdev-theme .ui.card > .content > .description,
body.wdev-theme .ui.list > .item .description,
body.wdev-theme .ui.header .sub.header { color: var(--wdev-muted); }
body.wdev-theme .ui.secondary.segment:not(.inverted),
body.wdev-theme .ui.top.attached.header { border-color: var(--wdev-black); background: var(--wdev-raised); color: var(--wdev-text); }
body.wdev-theme .ui.button,
body.wdev-theme button.ui.button {
    border: 3px solid var(--wdev-black);
    outline: 1px solid #776c64;
    border-radius: 0;
    background: var(--wdev-raised);
    color: var(--wdev-text);
    box-shadow: inset 2px 2px rgba(255,255,255,.08), inset -2px -2px rgba(0,0,0,.27);
    font-family: var(--wdev-ui);
    text-shadow: 2px 2px var(--wdev-black);
}
body.wdev-theme .ui.button:hover { background: var(--wdev-raised-hover); color: #fff; transform: translateY(-1px); }
body.wdev-theme .ui.primary.button { outline-color: #a48642; background: #675432; }
body.wdev-theme .ui.green.button { outline-color: #749178; background: #3f6247; }
body.wdev-theme .ui.red.button { outline-color: #a47777; background: #6b4141; }
body.wdev-theme .ui.label,
body.wdev-theme .badge { border: 2px solid var(--wdev-black); border-radius: 0; background: #4b433d; color: #fff; }
body.wdev-theme .ui.green.label, body.wdev-theme .badge-success { background: #3f6848; }
body.wdev-theme .ui.red.label, body.wdev-theme .badge-danger { background: #7a4343; }
body.wdev-theme .ui.message { border: 3px solid var(--wdev-black); border-radius: 0; box-shadow: 0 0 0 1px #70665e; }
body.wdev-theme .ui.info.message { background: #344c5a; color: #e1f2fa; }
body.wdev-theme .ui.success.message { background: #38563f; color: #e0f4df; }
body.wdev-theme .ui.warning.message { background: #66522d; color: #fff0c0; }
body.wdev-theme .ui.error.message,
body.wdev-theme .ui.negative.message { background: #603b3b; color: #ffe0de; }

/* Forms */
body.wdev-theme .ui.form .field > label { color: #e4dcd5; font-family: var(--wdev-ui); font-size: 11px; }
body.wdev-theme .ui.form input:not([type=submit]),
body.wdev-theme .ui.form textarea,
body.wdev-theme .ui.form select,
body.wdev-theme .ui.selection.dropdown {
    min-height: 43px;
    border: 3px solid var(--wdev-black) !important;
    border-radius: 0 !important;
    background: #18130f !important;
    color: var(--wdev-text) !important;
    box-shadow: inset 2px 2px rgba(0,0,0,.32), 0 0 0 1px #5b514a;
}
body.wdev-theme .ui.form input:focus,
body.wdev-theme .ui.form textarea:focus,
body.wdev-theme .ui.selection.active.dropdown { outline: 2px solid var(--wdev-gold) !important; }
body.wdev-theme .ui.checkbox label { color: #ddd4cd; }

/* Tables, tabs, breadcrumbs and pagination */
body.wdev-theme .ui.table { border: 3px solid var(--wdev-black); border-radius: 0; background: var(--wdev-panel); color: var(--wdev-text); box-shadow: 0 0 0 1px var(--wdev-line); }
body.wdev-theme .ui.table thead th { border-color: var(--wdev-black); background: var(--wdev-raised); color: #fff; font: 10px var(--wdev-ui); }
body.wdev-theme .ui.table tr td { border-color: #3c342e; }
body.wdev-theme .ui.selectable.table tbody tr:hover { background: #312a25; color: #fff; }
body.wdev-theme .ui.tabular.menu { border-bottom: 3px solid var(--wdev-black); }
body.wdev-theme .ui.tabular.menu .item { border: 0; border-radius: 0; color: var(--wdev-muted); }
body.wdev-theme .ui.tabular.menu .active.item { border: 3px solid var(--wdev-black); border-bottom-color: var(--wdev-panel); background: var(--wdev-panel); color: #fff; }
body.wdev-theme .ui.breadcrumb,
body.wdev-theme .ui.breadcrumb .divider { color: var(--wdev-muted); }
body.wdev-theme .ui.pagination.menu { border: 3px solid var(--wdev-black); border-radius: 0; background: var(--wdev-panel-2); }
body.wdev-theme .ui.pagination.menu .item { color: #ddd4cc; }
body.wdev-theme .ui.pagination.menu .active.item { background: #5a4930; color: #fff; }

/* Forum and profiles */
#forum-node #last-post { width: 250px; }
#forum-node #last-post .avatar { margin: 2px 10px 0 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; }
#topic-post #post-sidebar,
#topic-reply #reply-sidebar { border-right: 3px solid var(--wdev-black); background: #1a1511; }
#topic-post #post-content { display: flex; min-height: 140px; flex-direction: column; }
.ui.comments { max-width: none; }
.forum_post { color: #ddd4cd; word-wrap: break-word; }
.forum_post img { max-width: 100%; height: auto; }
.blockquote, blockquote { margin: 1.5em 10px; padding: .8em 14px; border-left: 4px solid var(--wdev-gold); background: #19140f; }
#profile-header { background-color: var(--wdev-panel); background-position: center; background-size: cover; }
#profile-header:before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(12,9,7,.85),transparent); }
#profile-header > * { position: relative; }

/* Homepage */
.wdev-home { padding: 26px 0 40px; }
.wdev-flash { margin-bottom: 24px !important; }
.wdev-hero { display: grid; grid-template-columns: minmax(0,.92fr) minmax(470px,1.08fr); gap: 54px; align-items: center; min-height: 590px; padding: 44px 0 58px; }
.wdev-kicker { display: flex; align-items: center; gap: 9px; color: var(--wdev-gold); font: 9px var(--wdev-ui); letter-spacing: .13em; }
.wdev-kicker > span { width: 8px; height: 8px; background: var(--wdev-gold); box-shadow: 0 0 0 3px rgba(237,181,47,.11); }
.wdev-hero h1 { margin: 22px 0 24px; color: #fff; font: clamp(43px,5.7vw,72px)/.94 var(--wdev-ui); letter-spacing: -.075em; text-shadow: 5px 5px var(--wdev-black); text-transform: uppercase; }
.wdev-hero h1 em { color: #dcb758; font-style: normal; }
.wdev-hero-copy > p { max-width: 600px; margin-bottom: 29px; color: #c6bbb3; font-size: 16px; line-height: 1.75; }
.wdev-hero-actions { display: flex; gap: 13px; flex-wrap: wrap; }
.wdev-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 10px 17px; border: 4px solid var(--wdev-black); outline: 1px solid #786e66; border-radius: 0; background: var(--wdev-raised); color: #fff !important; box-shadow: inset 2px 2px rgba(255,255,255,.1), inset -3px -3px rgba(0,0,0,.29), 4px 5px rgba(0,0,0,.22); font-family: var(--wdev-ui); text-align: left; text-shadow: 2px 2px var(--wdev-black); transition: transform .16s ease, background-color .16s ease; }
.wdev-button:hover { transform: translateY(-2px); background: var(--wdev-raised-hover); color: #fff !important; }
.wdev-button:active { transform: translateY(1px); box-shadow: inset 3px 3px rgba(0,0,0,.3); }
.wdev-button-primary { outline-color: #b7974d; background: #655333; }
.wdev-button-primary:hover { background: #7a653d; }
.wdev-button-secondary { outline-color: #7891a0; background: #3c4e59; }
.wdev-button-secondary:hover { background: #4c6270; }
.wdev-button i { width: 20px; font-size: 18px; text-align: center; }
.wdev-button span { display: grid; gap: 5px; }
.wdev-button small { color: #d6ccc4; font: 7px var(--wdev-ui); letter-spacing: .08em; }
.wdev-button strong { font: 11px var(--wdev-ui); }
.wdev-hero-meta { display: flex; gap: 25px; margin-top: 32px; padding-top: 21px; border-top: 2px solid #3a332d; }
.wdev-hero-meta > div { display: grid; grid-template-columns: 15px 1fr; column-gap: 8px; align-items: center; }
.wdev-hero-meta i, .wdev-live-dot { grid-row: 1 / 3; color: #8599a4; font-size: 12px; }
.wdev-live-dot { width: 8px; height: 8px; background: var(--wdev-green); box-shadow: 0 0 0 3px rgba(112,194,104,.1); }
.wdev-hero-meta small { color: #847a72; font: 7px var(--wdev-ui); }
.wdev-hero-meta strong { margin-top: 4px; color: #d8cfc7; font: 8px var(--wdev-ui); }

.wdev-world-window { border: 5px solid var(--wdev-black); outline: 2px solid var(--wdev-line); background: #090706; box-shadow: 12px 13px rgba(0,0,0,.27); transform: perspective(1100px) rotateY(-2deg) rotateX(1deg); }
.wdev-window-bar { min-height: 50px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 15px; border-bottom: 4px solid var(--wdev-black); background: var(--wdev-raised); color: #eee7e0; font: 9px var(--wdev-ui); }
.wdev-window-bar > span { display: flex; gap: 6px; }
.wdev-window-bar > span i { width: 9px; height: 9px; background: #8f5b55; box-shadow: 15px 0 #bd9a4c, 30px 0 #658762; }
.wdev-window-bar > small { justify-self: end; padding: 5px 7px; border: 2px solid var(--wdev-black); background: #34583d; color: #d9f7dc; font: 7px var(--wdev-ui); }
.wdev-world-scene { position: relative; aspect-ratio: 16/10; overflow: hidden; background: linear-gradient(#243c46 0 54%, #19232a 54% 100%); isolation: isolate; }
.wdev-world-scene:before { content: ""; position: absolute; z-index: 8; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(0,0,0,.23),transparent 35%), linear-gradient(transparent 55%,rgba(5,4,3,.5)); }
.wdev-world-scene:after { content: ""; position: absolute; z-index: 9; inset: 0; opacity: .25; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 20px 20px; }
.wdev-sun { position: absolute; top: 14%; right: 14%; width: 52px; height: 52px; background: #e9c568; box-shadow: 0 0 35px rgba(233,197,104,.27); }
.wdev-cloud { position: absolute; z-index: 1; width: 62px; height: 15px; background: #9ba6a4; box-shadow: 18px -11px #9ba6a4, 43px -2px #9ba6a4; opacity: .62; }
.wdev-cloud-one { top: 18%; left: 16%; }
.wdev-cloud-two { top: 33%; right: 20%; transform: scale(.65); opacity: .4; }
.wdev-mountain { position: absolute; bottom: 30%; width: 0; height: 0; border-right: 180px solid transparent; border-bottom: 180px solid #263631; border-left: 180px solid transparent; filter: drop-shadow(8px 8px rgba(0,0,0,.15)); }
.wdev-mountain-back { left: -9%; border-bottom-color: #2f413b; transform: scale(.8); opacity: .85; }
.wdev-mountain-front { right: -18%; border-bottom-color: #22302b; transform: scale(1.08); }
.wdev-island { position: absolute; z-index: 5; right: 14%; bottom: 15%; width: 270px; height: 155px; }
.wdev-island span { position: absolute; display: block; }
.wdev-island .grass { width: 72px; height: 38px; border-top: 10px solid #6f934d; background: #664a30; box-shadow: inset -9px -8px rgba(0,0,0,.15); }
.wdev-island .g1 { left: 0; top: 45px; }.wdev-island .g2 { left: 72px; top: 45px; }.wdev-island .g3 { left: 144px; top: 45px; }
.wdev-island .dirt { width: 72px; height: 38px; background: #59402b; box-shadow: inset -9px -8px rgba(0,0,0,.16); }
.wdev-island .d1 { left: 38px; top: 83px; }.wdev-island .d2 { left: 110px; top: 83px; }
.wdev-island .stone { width: 72px; height: 34px; background: #5b5b55; box-shadow: inset -10px -8px #484843; }
.wdev-island .s1 { left: 76px; top: 121px; }
.tree-trunk { left: 120px; top: 3px; width: 19px; height: 53px; background: #4d321e; box-shadow: inset -6px 0 rgba(0,0,0,.2); }
.wdev-island .tree-leaves { width: 48px; height: 44px; background: #42613d; box-shadow: inset -8px -8px rgba(0,0,0,.2); }
.wdev-island .t1 { left: 83px; top: -27px; }.wdev-island .t2 { left: 131px; top: -27px; }.wdev-island .t3 { left: 108px; top: -66px; }
.wdev-scene-copy { position: absolute; z-index: 10; left: 22px; bottom: 22px; display: grid; gap: 8px; max-width: 245px; }
.wdev-scene-copy small { color: var(--wdev-gold); font: 8px var(--wdev-ui); }
.wdev-scene-copy strong { color: #fff; font: 18px/1.25 var(--wdev-ui); text-shadow: 3px 3px var(--wdev-black); }
.wdev-window-controls { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 0 14px; border-top: 4px solid var(--wdev-black); background: #1d1814; color: #9e948c; font: 7px var(--wdev-ui); }
.wdev-window-controls i { margin-right: 5px; color: var(--wdev-green); }

.wdev-feature-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 4px solid var(--wdev-black); outline: 1px solid var(--wdev-line); background: var(--wdev-panel); box-shadow: var(--wdev-shadow); }
.wdev-feature-grid article { position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 14px; min-height: 200px; padding: 26px 20px 21px; border-right: 3px solid var(--wdev-black); background: linear-gradient(145deg,rgba(255,255,255,.025),transparent 58%); }
.wdev-feature-grid article:last-child { border-right: 0; }
.wdev-feature-grid article > i { display: grid; place-items: center; width: 44px; height: 44px; border: 3px solid var(--wdev-black); outline: 1px solid #6f7e75; background: #3a5043; color: #dbe9dc; font-size: 17px; box-shadow: 3px 3px rgba(0,0,0,.2); }
.wdev-feature-grid article:nth-child(even) > i { outline-color: #71838e; background: #3d505b; }
.wdev-feature-number { position: absolute; top: 9px; right: 12px; color: #4e4640; font: 22px var(--wdev-ui); }
.wdev-feature-grid small { color: var(--wdev-gold); font: 7px var(--wdev-ui); }
.wdev-feature-grid h2 { margin: 8px 0 10px; color: #fff; font: 14px var(--wdev-ui); }
.wdev-feature-grid p { margin: 0; color: var(--wdev-muted); font-size: 12px; line-height: 1.6; }

.wdev-community-section { padding: 78px 0 18px; }
.wdev-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 27px; }
.wdev-section-heading h2 { margin: 13px 0 0; color: #fff; font: clamp(27px,4vw,42px)/1 var(--wdev-ui); letter-spacing: -.05em; text-shadow: 3px 3px var(--wdev-black); text-transform: uppercase; }
.wdev-text-link { padding-bottom: 5px; border-bottom: 2px solid var(--wdev-gold); color: #e5d9ce !important; font: 9px var(--wdev-ui); }
.wdev-text-link i { margin-left: 8px; }
.wdev-content-grid { display: grid; grid-template-columns: minmax(0,1fr) 315px; gap: 26px; align-items: start; }
.wdev-news-list { display: grid; gap: 18px; }
.wdev-news-card { display: grid; grid-template-columns: 62px 1fr; border: 4px solid var(--wdev-black); outline: 1px solid var(--wdev-line); background: var(--wdev-panel); box-shadow: 5px 6px rgba(0,0,0,.18); }
.wdev-news-index { display: grid; place-items: start center; padding-top: 23px; border-right: 3px solid var(--wdev-black); background: #18130f; color: #6e645d; font: 18px var(--wdev-ui); }
.wdev-news-content { min-width: 0; padding: 21px 22px 0; }
.wdev-news-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; color: var(--wdev-gold); font: 8px var(--wdev-ui); text-transform: uppercase; }
.wdev-news-meta .ui.label, .wdev-news-meta .badge { padding: 4px 6px; font-size: 7px; }
.wdev-news-meta span { color: #8f857e; }
.wdev-news-content h3 { margin: 12px 0 10px; font: 17px/1.35 var(--wdev-ui); }
.wdev-news-content h3 a { color: #fff; }
.wdev-news-excerpt { position: relative; overflow: hidden; max-height: 100px; margin-bottom: 18px; color: #bdb2aa; font-size: 13px; }
.wdev-news-excerpt:after { content: ""; position: absolute; inset: auto 0 0; height: 34px; background: linear-gradient(transparent,var(--wdev-panel)); }
.wdev-news-content footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 -22px; padding: 12px 18px; border-top: 3px solid var(--wdev-black); background: #17120f; font: 8px var(--wdev-ui); }
.wdev-news-content footer a { display: flex; align-items: center; gap: 8px; color: #d8cfc8; }
.wdev-news-content footer img { width: 26px; height: 26px; object-fit: cover; image-rendering: pixelated; }
.wdev-widget-stack { display: grid; gap: 18px; }
.wdev-widget-stack .ui.card { width: 100%; margin: 0; }
.wdev-widget-stack .ui.card .content { padding: 18px; }
.wdev-widget-stack .ui.card h4.ui.header { margin-bottom: 17px; padding-bottom: 13px; border-bottom: 2px solid #403831; color: var(--wdev-gold); font: 10px var(--wdev-ui); text-transform: uppercase; }
.wdev-widget-stack [id*=widget] .item .content { width: calc(100% - 40px) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wdev-empty-state { min-height: 180px; display: grid; place-items: center; align-content: center; gap: 12px; border: 4px solid var(--wdev-black); outline: 1px solid var(--wdev-line); background: var(--wdev-panel); color: var(--wdev-muted); }
.wdev-empty-state i { color: var(--wdev-gold); font-size: 28px; }

.wdev-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 74px; padding: 34px 37px; border: 4px solid var(--wdev-black); outline: 2px solid #846f42; background: linear-gradient(110deg,#4b402e,#29231d 65%,#203029); box-shadow: 9px 10px rgba(0,0,0,.24); }
.wdev-cta small { color: var(--wdev-gold); font: 8px var(--wdev-ui); }
.wdev-cta h2 { margin: 10px 0 8px; color: #fff; font: 26px var(--wdev-ui); text-shadow: 3px 3px var(--wdev-black); text-transform: uppercase; }
.wdev-cta p { margin: 0; color: #c1b6ae; }
.wdev-cta > div:last-child { display: flex; gap: 12px; flex-wrap: wrap; }
.wdev-cta .wdev-button { min-height: 48px; font-size: 10px; }

/* Footer and cookie banner */
#footer.ui.footer.segment { margin: auto 0 0; padding: 46px 0; border: 0; border-top: 4px solid var(--wdev-black); border-radius: 0; background: #0d0b09; box-shadow: inset 0 1px #3b342f; }
#footer .ui.header { color: #fff; font-family: var(--wdev-ui); }
#footer .ui.link.list .item { color: #918880; }
#footer .ui.link.list a.item:hover { background: transparent; color: #fff; }
.darkmode-toggle { position: absolute; opacity: 0; }
.darkmode-toggle-label { position: relative; display: flex; width: 50px; height: 27px; align-items: center; justify-content: space-between; padding: 5px; border: 3px solid var(--wdev-black); border-radius: 0; background: #2c2621; cursor: pointer; }
.darkmode-ball { position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 0; background: var(--wdev-gold); transition: transform .2s linear; }
.darkmode-toggle:checked + .darkmode-toggle-label .darkmode-ball { transform: translateX(26px); }
.cc-window.cc-floating { padding: 18px 20px; border: 4px solid var(--wdev-black) !important; border-radius: 0 !important; background: var(--wdev-panel-2) !important; color: var(--wdev-text) !important; box-shadow: 0 0 0 1px var(--wdev-line), var(--wdev-shadow) !important; font-family: var(--wdev-body); }
.cc-window .cc-btn { border: 3px solid var(--wdev-black); border-radius: 0; font-family: var(--wdev-ui); }
.cc-window .cc-allow { background: #665331 !important; color: #fff !important; }

/* Accessibility and responsive behavior */
body.wdev-theme a:focus-visible,
body.wdev-theme button:focus-visible,
body.wdev-theme input:focus-visible,
body.wdev-theme textarea:focus-visible,
body.wdev-theme select:focus-visible { outline: 3px solid var(--wdev-gold) !important; outline-offset: 3px; }
.screenreader-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; clip: rect(0,0,0,0); border: 0; }
.joypixels, .twemoji { width: 1em; height: 1em; vertical-align: middle; }
#ie-message { display: none; }

@media (max-width: 1050px) {
    #navbar .wdev-brand.item { min-width: 165px; margin-right: 8px; }
    .wdev-brand-copy small { display: none; }
    #navbar .item { padding-inline: 9px; }
    .wdev-hero { grid-template-columns: 1fr 1fr; gap: 32px; }
    .wdev-feature-grid { grid-template-columns: 1fr 1fr; }
    .wdev-feature-grid article:nth-child(2) { border-right: 0; }
    .wdev-feature-grid article:nth-child(-n+2) { border-bottom: 3px solid var(--wdev-black); }
}

@media (max-width: 820px) {
    #navbar.ui.secondary.menu { min-height: 72px; }
    #navbar .menu,
    #navbar > .ui.container > .item:not(.wdev-brand):not(.toc) { display: none !important; }
    #navbar .wdev-brand.item { display: flex !important; }
    #navbar .toc.item { display: flex !important; }
    .wdev-hero { grid-template-columns: 1fr; padding-top: 24px; }
    .wdev-world-window { width: min(100%,640px); transform: none; }
    .wdev-content-grid { grid-template-columns: 1fr; }
    .wdev-widget-stack { grid-template-columns: 1fr 1fr; }
    .wdev-cta { align-items: flex-start; flex-direction: column; }
    #topic-post #post-sidebar, #topic-reply #reply-sidebar { border-right: 0; border-bottom: 3px solid var(--wdev-black); }
}

@media (max-width: 600px) {
    #wrapper > .ui.container, #navbar > .ui.container { width: min(calc(100% - 22px),1160px) !important; }
    .wdev-brand-cube { width: 38px; height: 38px; flex-basis: 38px; }
    .wdev-brand-copy strong { font-size: 14px; }
    .wdev-home { padding-top: 8px; }
    .wdev-hero { min-height: 0; padding-bottom: 38px; }
    .wdev-hero h1 { font-size: 40px; }
    .wdev-hero-actions, .wdev-hero-actions .wdev-button { width: 100%; }
    .wdev-hero-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .wdev-world-scene { aspect-ratio: 4/3; }
    .wdev-island { right: -4%; transform: scale(.82); }
    .wdev-feature-grid { grid-template-columns: 1fr; }
    .wdev-feature-grid article { min-height: 160px; border-right: 0; border-bottom: 3px solid var(--wdev-black); }
    .wdev-feature-grid article:nth-child(2) { border-bottom: 3px solid var(--wdev-black); }
    .wdev-feature-grid article:last-child { border-bottom: 0; }
    .wdev-community-section { padding-top: 54px; }
    .wdev-section-heading { align-items: flex-start; flex-direction: column; }
    .wdev-news-card { grid-template-columns: 44px 1fr; }
    .wdev-news-content { padding-inline: 15px; }
    .wdev-news-content footer { align-items: flex-start; flex-direction: column; margin-inline: -15px; }
    .wdev-widget-stack { grid-template-columns: 1fr; }
    .wdev-cta { margin-top: 50px; padding: 27px 22px; }
    .wdev-cta > div:last-child, .wdev-cta .wdev-button { width: 100%; }
    .cc-window.cc-floating { width: calc(100% - 20px) !important; max-width: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *:before, *:after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    .wdev-world-window { transform: none; }
}

/* WBrownie identity and WDEV controls */
@font-face {
    font-family: "Minecraft";
    src: url("../assets/fonts/Minecraft.otf") format("opentype");
    font-display: block;
}
@font-face {
    font-family: "MinecraftTEN";
    src: url("../assets/fonts/MinecraftTEN.ttf") format("truetype");
    font-display: block;
}
@font-face {
    font-family: "WBMaterialSymbols";
    src: url("../assets/fonts/MaterialSymbolsOutlined.woff2") format("woff2");
    font-display: block;
}

:root {
    --wdev-ui: "Minecraft", monospace;
    --wdev-body: Inter, "Segoe UI", Arial, sans-serif;
    --wdev-display: "MinecraftTEN", "Minecraft", sans-serif;
}

body.wbrownie-theme,
body.wbrownie-theme.pushable > .pusher {
    font-family: var(--wdev-body);
}
body.wbrownie-theme h1,
body.wbrownie-theme h2,
body.wbrownie-theme .ui.huge.header,
body.wbrownie-theme .ui.large.header {
    font-family: var(--wdev-display);
    font-weight: 400;
    letter-spacing: .025em;
}
body.wbrownie-theme h3,
body.wbrownie-theme h4,
body.wbrownie-theme h5,
body.wbrownie-theme .ui.header {
    font-family: var(--wdev-body);
}
.wb-material {
    font-family: "WBMaterialSymbols";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga";
}

/* Compact account strip above the primary navigation */
.wb-accountbar {
    position: sticky;
    z-index: 102;
    top: 0;
    min-height: 42px;
    border-top: 2px solid #342b22;
    border-bottom: 3px solid var(--wdev-black);
    background:
        linear-gradient(90deg, rgba(237,181,47,.035), transparent 32%),
        #0b0908;
    box-shadow: inset 0 -1px #443930, 0 4px 14px rgba(0,0,0,.18);
}
.wb-accountbar > .ui.container {
    width: min(calc(100% - 36px), 1160px) !important;
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wb-account-actions {
    width: 100%;
    display: flex;
    min-height: 31px;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    margin: 0;
    padding: 3px 0;
    border: 0;
    background: transparent;
}
.wb-account-control {
    min-width: 34px;
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 9px;
    border: 0;
    color: #eee7df !important;
    font: 10px/1 var(--wdev-ui);
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}
.wb-account-control:hover {
    background: rgba(255,255,255,.055);
    color: #fff !important;
    transform: translateY(-1px);
}
.wb-account-control .wb-material {
    display: block;
    color: #eee7df;
    font-size: 21px;
    text-shadow: 2px 2px #000;
}

/* Minecraft item-lore tooltip used by the compact header controls. */
body.wbrownie-theme .ui.popup.wb-minecraft-lore {
    min-width: 0 !important;
    max-width: 260px !important;
    margin-top: 7px !important;
    padding: 10px 13px 11px !important;
    border: 3px solid #050505 !important;
    border-radius: 0 !important;
    background: rgba(18, 15, 23, .97) !important;
    color: #f4f1f7 !important;
    box-shadow:
        inset 0 0 0 2px #514b5d,
        inset 0 0 0 3px rgba(255,255,255,.035),
        4px 4px 0 rgba(0,0,0,.52) !important;
    font: 12px/1.25 var(--wdev-ui) !important;
    letter-spacing: .015em;
    text-align: left !important;
    text-shadow: 2px 2px 0 #000;
}
body.wbrownie-theme .ui.popup.wb-minecraft-lore::before,
body.wbrownie-theme .ui.popup.wb-minecraft-lore::after {
    display: none !important;
    content: none !important;
}
body.wbrownie-theme .wb-accountbar [data-tooltip][data-variation~="wb-minecraft-lore"]::after {
    width: max-content !important;
    max-width: 260px !important;
    padding: 10px 13px 11px !important;
    border: 3px solid #050505 !important;
    border-radius: 0 !important;
    background: rgba(18,15,23,.97) !important;
    color: #f4f1f7 !important;
    box-shadow:
        inset 0 0 0 2px #514b5d,
        inset 0 0 0 3px rgba(255,255,255,.035),
        4px 4px 0 rgba(0,0,0,.52) !important;
    font: 12px/1.25 var(--wdev-ui) !important;
    letter-spacing: .015em !important;
    text-align: left !important;
    text-shadow: 2px 2px 0 #000 !important;
    white-space: nowrap;
}
body.wbrownie-theme .wb-accountbar [data-tooltip][data-variation~="wb-minecraft-lore"]::before {
    display: none !important;
    content: none !important;
}
.wb-account-profile img,
.wb-account-profile .ui.avatar.image {
    width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
    border: 2px solid var(--wdev-black);
    border-radius: 0 !important;
    image-rendering: pixelated;
}
.wb-staff-link {
    order: -10;
    width: 36px;
    min-width: 36px;
    height: 29px;
    min-height: 29px;
    margin-right: auto;
    padding-inline: 5px;
    background: transparent;
}
.wb-staff-link .wb-material {
    color: #d67b78;
    text-shadow: 2px 2px #250b0a;
}
.wb-staff-link:hover {
    background: rgba(184, 72, 67, .1);
}
.wb-staff-link:hover .wb-material {
    color: #eba09d;
}
.wb-account-profile {
    min-width: 102px;
    justify-content: flex-start;
    background: transparent;
}
.wb-account-profile strong {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
}

/* Account dropdown: compact, readable and consistent with the WBrownie UI. */
body.wbrownie-theme .ui.popup.wb-account-popup {
    width: 218px !important;
    min-width: 218px !important;
    margin-top: 8px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 3px solid #070605 !important;
    border-radius: 0 !important;
    outline: 1px solid #65594f;
    background: #18130f !important;
    box-shadow: 7px 8px rgba(0,0,0,.34) !important;
    transform-origin: top right;
}
body.wbrownie-theme .ui.popup.wb-account-popup::before,
body.wbrownie-theme .ui.popup.wb-account-popup::after {
    display: none !important;
    content: none !important;
}
body.wbrownie-theme .wb-account-popup > h4.ui.header {
    min-height: 53px;
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 15px 16px 13px !important;
    border: 0 !important;
    border-bottom: 1px solid #4a4037 !important;
    background: #2f2822;
    color: #fff !important;
    font: 14px/1.2 Arial,Helvetica,sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}
body.wbrownie-theme .wb-account-popup .ui.link.list {
    margin: 0 !important;
    padding: 7px !important;
}
body.wbrownie-theme .wb-account-popup .ui.link.list > .item.wb-account-popup-item {
    position: relative;
    min-height: 41px;
    display: grid !important;
    grid-template-columns: 24px minmax(0,1fr);
    align-items: center;
    gap: 9px;
    margin: 0 !important;
    padding: 10px 11px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #d8cfc8 !important;
    font: 13px/1.25 Arial,Helvetica,sans-serif !important;
    text-shadow: none !important;
    transition: background-color .16s ease,color .16s ease,transform .16s ease;
}
body.wbrownie-theme .wb-account-popup .wb-account-popup-item > i.icon,
body.wbrownie-theme .wb-account-popup .wb-account-popup-item > .wb-material {
    width: 24px !important;
    height: 20px !important;
    display: grid !important;
    place-items: center;
    margin: 0 !important;
    color: #91867d !important;
    font-size: 18px !important;
    opacity: 1 !important;
    transition: color .16s ease,transform .16s ease;
}
body.wbrownie-theme .wb-account-popup .ui.link.list > .item.wb-account-popup-item:hover,
body.wbrownie-theme .wb-account-popup .ui.link.list > .item.wb-account-popup-item:focus-visible {
    background: #3b3128 !important;
    color: #fff !important;
    transform: translateX(2px);
}
body.wbrownie-theme .wb-account-popup .wb-account-popup-item:hover > i.icon,
body.wbrownie-theme .wb-account-popup .wb-account-popup-item:hover > .wb-material,
body.wbrownie-theme .wb-account-popup .wb-account-popup-item:focus-visible > i.icon,
body.wbrownie-theme .wb-account-popup .wb-account-popup-item:focus-visible > .wb-material {
    color: #e7bd55 !important;
    transform: translateX(1px);
}
body.wbrownie-theme .wb-account-popup .wb-account-popup-item:focus-visible {
    outline: 2px solid #b18c36 !important;
    outline-offset: -2px;
}
body.wbrownie-theme .wb-account-popup .ui.divider {
    height: 1px;
    margin: 7px 9px !important;
    border: 0 !important;
    background: #4a4037 !important;
}
body.wbrownie-theme .wb-account-popup .wb-account-popup-appeals {
    color: #ead9ad !important;
}
.wb-account-pms,
.wb-account-alerts,
.wb-guest-control {
    width: 36px;
    min-width: 36px;
    height: 29px;
    min-height: 29px;
    flex: 0 0 36px;
    padding-inline: 5px;
}
.wb-account-pms .wb-material,
.wb-account-alerts .wb-material,
.wb-guest-control .wb-material {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    margin: 0;
    font-size: 19px;
}

/* Logo-only primary header */
#navbar.ui.secondary.menu.wb-main-header {
    top: 42px;
    min-height: 92px;
    overflow: visible;
}
#navbar.wb-main-header > .ui.container {
    gap: 12px;
}
#navbar.wb-main-header .item {
    margin: 0;
}
#navbar .wb-brand.item {
    width: 94px;
    height: 70px;
    min-height: 70px;
    display: grid !important;
    place-items: center;
    flex: 0 0 94px;
    margin: 0 30px 0 0;
    padding: 4px 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-shadow: none;
}
#navbar .wb-brand.item:hover {
    border: 0;
    background: transparent;
}
#navbar .wb-brand img {
    width: auto;
    height: 60px;
    max-width: 82px;
    max-height: 60px;
    display: block;
    object-fit: contain;
}
.wb-nav-icon-slot {
    width: 18px;
    height: 18px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 18px;
}
.wb-nav-icon-slot > .icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    line-height: 18px !important;
}

/* Exact WDEV Minecraft GUI control construction. */
body.wbrownie-theme .ui.button,
body.wbrownie-theme button.ui.button,
body.wbrownie-theme input.ui.button,
body.wbrownie-theme .wb-button,
body.wbrownie-theme #navbar > .ui.container > a.item:not(.wb-brand):not(.toc) {
    --mc-button-bg: #3d464d;
    --mc-button-hover: #515e67;
    --mc-button-frame: #606e78;
    --mc-button-text: #b7cedf;
    --mc-button-active: #514525;
    position: relative;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 9px 15px;
    border: 3px solid var(--wdev-black) !important;
    outline: 1px solid var(--mc-button-frame) !important;
    border-radius: 0 !important;
    background: var(--mc-button-bg) !important;
    color: var(--mc-button-text) !important;
    box-shadow:
        inset 2px 2px rgba(255,255,255,.08),
        inset -2px -2px rgba(0,0,0,.28) !important;
    font: 14px/1 var(--wdev-ui) !important;
    font-weight: 400 !important;
    text-shadow: 2px 2px #0d0f11 !important;
    transition: background-color .16s ease, transform .16s ease, outline-color .16s ease !important;
}
body.wbrownie-theme #navbar > .ui.container > a.item:not(.wb-brand):not(.toc):nth-of-type(2) { min-width: 116px; }
body.wbrownie-theme #navbar > .ui.container > a.item:not(.wb-brand):not(.toc):nth-of-type(3) { min-width: 95px; }
body.wbrownie-theme #navbar > .ui.container > a.item:not(.wb-brand):not(.toc):nth-of-type(4) { min-width: 119px; }
body.wbrownie-theme .ui.button:hover,
body.wbrownie-theme button.ui.button:hover,
body.wbrownie-theme input.ui.button:hover,
body.wbrownie-theme .wb-button:hover,
body.wbrownie-theme #navbar > .ui.container > a.item:not(.wb-brand):not(.toc):hover {
    background: var(--mc-button-hover) !important;
    color: var(--mc-button-text) !important;
    box-shadow:
        inset 2px 2px rgba(255,255,255,.08),
        inset -2px -2px rgba(0,0,0,.28) !important;
    transform: translateY(-1px);
}
body.wbrownie-theme .ui.button:active,
body.wbrownie-theme button.ui.button:active,
body.wbrownie-theme input.ui.button:active,
body.wbrownie-theme .wb-button:active,
body.wbrownie-theme #navbar > .ui.container > a.item:not(.wb-brand):not(.toc):active {
    transform: translateY(1px);
    background: var(--mc-button-hover) !important;
    box-shadow:
        inset 2px 2px rgba(0,0,0,.26),
        inset -1px -1px rgba(255,255,255,.05) !important;
}
body.wbrownie-theme #navbar > .ui.container > a.item:not(.wb-brand):not(.toc):nth-of-type(2) {
    --mc-button-bg: var(--wb-header-button-1-bg, #43515a);
    --mc-button-hover: var(--wb-header-button-1-hover, #566974);
    --mc-button-frame: var(--wb-header-button-1-frame, #7892a2);
    --mc-button-text: var(--wb-header-button-1-text, #dce9f1);
    --mc-button-active: var(--wb-header-button-1-active, #514525);
}
body.wbrownie-theme #navbar > .ui.container > a.item:not(.wb-brand):not(.toc):nth-of-type(3) {
    --mc-button-bg: var(--wb-header-button-2-bg, #3e5747);
    --mc-button-hover: var(--wb-header-button-2-hover, #506f5b);
    --mc-button-frame: var(--wb-header-button-2-frame, #718c77);
    --mc-button-text: var(--wb-header-button-2-text, #d8eadc);
    --mc-button-active: var(--wb-header-button-2-active, #514525);
}
body.wbrownie-theme #navbar > .ui.container > a.item:not(.wb-brand):not(.toc):nth-of-type(4) {
    --mc-button-bg: var(--wb-header-button-3-bg, #5a4e45);
    --mc-button-hover: var(--wb-header-button-3-hover, #706158);
    --mc-button-frame: var(--wb-header-button-3-frame, #8d7e73);
    --mc-button-text: var(--wb-header-button-3-text, #eaded5);
    --mc-button-active: var(--wb-header-button-3-active, #514525);
}
body.wbrownie-theme .ui.primary.button,
body.wbrownie-theme input.ui.primary.button,
body.wbrownie-theme #navbar.ui.menu.wb-main-header > .ui.container button.wb-server-copy.wb-button {
    --mc-button-bg: var(--wb-header-server-bg, #554838);
    --mc-button-hover: var(--wb-header-server-hover, #6b5a46);
    --mc-button-frame: var(--wb-header-server-frame, #a78d69);
    --mc-button-text: var(--wb-header-server-text, #f2e5da);
    --mc-button-active: var(--wb-header-server-active, #514525);
}
body.wbrownie-theme .ui.red.button {
    --mc-button-bg: #692f2f;
    --mc-button-hover: #873f3f;
    --mc-button-frame: #a15b57;
    --mc-button-text: #ffe1df;
}
body.wbrownie-theme .ui.green.button {
    --mc-button-bg: #3e5747;
    --mc-button-hover: #506f5b;
    --mc-button-frame: #718c77;
    --mc-button-text: #d8eadc;
}
body.wbrownie-theme #navbar > .ui.container > a.item.active:not(.wb-brand) {
    background: var(--mc-button-active) !important;
    color: #fff3c9 !important;
    outline-color: var(--wdev-gold) !important;
    box-shadow:
        inset 2px 2px rgba(255,255,255,.08),
        inset -2px -2px rgba(0,0,0,.28) !important;
}
body.wbrownie-theme .ui.button:focus-visible,
body.wbrownie-theme .wb-button:focus-visible,
body.wbrownie-theme .wb-account-control:focus-visible {
    outline: 3px solid var(--wdev-gold) !important;
    outline-offset: 3px;
}

/* Homepage currently consists only of the configurable hero image. */
.wb-home {
    --wb-home-header-offset: 134px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background: var(--wdev-bg);
}
.wb-home-hero {
    position: sticky;
    z-index: 0;
    top: var(--wb-home-header-offset);
    overflow: hidden;
    width: 100%;
    height: calc(100vh - var(--wb-home-header-offset));
    height: calc(100svh - var(--wb-home-header-offset));
    min-height: 0;
    background-color: #100d0a;
    background-image: var(--wb-hero-image);
    background-repeat: no-repeat;
    background-position: var(--wb-hero-position, center center);
    background-size: cover;
}
.wb-home-hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: var(--wb-hero-position, center center);
    background: #100d0a;
}
.wb-home-hero.is-empty {
    background-image:
        linear-gradient(135deg, rgba(255,255,255,.018) 25%, transparent 25%),
        linear-gradient(315deg, rgba(255,255,255,.018) 25%, transparent 25%);
    background-size: 32px 32px;
}
.wb-home-info {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    padding: 0;
    background: var(--wdev-bg);
    box-shadow: 0 -24px 60px rgba(0, 0, 0, .32);
}
.wb-home-info-section {
    position: relative;
    width: min(1480px, calc(100% - 96px));
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    align-items: center;
    gap: clamp(44px, 6vw, 96px);
    min-height: 390px;
    margin: 0 auto;
    padding: clamp(52px, 6vw, 88px) 0;
    border-bottom: 1px solid rgba(169, 148, 126, .18);
    background: var(--wb-home-section-bg, #15110e);
    box-shadow: 0 0 0 100vmax var(--wb-home-section-bg, #15110e);
    clip-path: inset(0 -100vmax);
}
.wb-home-info-section:last-child { border-bottom: 0; }
.wb-home-info-section.is-section-5 {
    isolation: isolate;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    grid-template-columns: minmax(360px, .72fr) minmax(600px, 1.28fr);
    gap: clamp(40px, 4vw, 76px);
    padding-inline: clamp(48px, 5vw, 104px);
    min-height: calc(100vh - var(--wb-home-header-offset, 134px));
    min-height: calc(100svh - var(--wb-home-header-offset, 134px));
    border-bottom: 0;
}
.wb-home-info-section.is-section-5::before,
.wb-home-info-section.is-section-5::after {
    position: absolute;
    z-index: -1;
    content: "";
    pointer-events: none;
}
.wb-home-info-section.is-section-5::before {
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    background:
        linear-gradient(115deg, rgba(25,29,87,.18), transparent 38%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.027) 0 1px, transparent 1px 34px);
    opacity: .8;
    transform: translateX(-50%);
}
.wb-home-info-section.is-section-5::after {
    width: min(68vw, 980px);
    height: min(68vw, 980px);
    top: 50%;
    right: -22%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.16) 0%, rgba(116,126,255,.1) 27%, transparent 68%);
    transform: translateY(-50%);
}
.wb-home-info-section.is-section-5 .wb-home-info-copy { position: relative; z-index: 1; }
.wb-home-info-section.is-section-5 .wb-home-info-copy h2 { color: #fff; text-shadow: 0 5px 22px rgba(20,23,67,.24); }
.wb-home-info-section.is-section-5 .wb-home-info-copy p { color: rgba(255,255,255,.78); }
.wb-home-info-section.is-section-5 .wb-home-info-media {
    position: relative;
    z-index: 2;
    overflow: visible;
    width: min(100%, 980px);
    min-height: 0;
    aspect-ratio: auto;
    justify-self: end;
    transform: perspective(1100px) rotateY(-3deg) rotateZ(1deg);
    transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .55s ease;
    filter: drop-shadow(0 28px 42px rgba(20,22,69,.26));
}
.wb-home-info-section.is-section-5:hover .wb-home-info-media {
    transform: perspective(1100px) rotateY(0) rotateZ(0) translateY(-4px);
    filter: drop-shadow(0 34px 52px rgba(20,22,69,.32));
}
.wb-home-info-section.is-section-5 .wb-home-info-media > img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    max-height: min(64vh, 650px);
    object-fit: contain;
    transform-origin: center;
}
.wb-discord-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: min(82vw, 1240px);
    opacity: .045;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.wb-discord-watermark img {
    width: 100%;
    height: auto;
    display: block;
}
.wb-discord-features {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 27px;
}
.wb-discord-features > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(26,29,84,.17);
    color: rgba(255,255,255,.84);
    font: 600 12px/1.2 Inter,Arial,sans-serif;
    backdrop-filter: blur(5px);
}
.wb-discord-features i { color: rgba(255,255,255,.68); font-size: 11px; }
.wb-home-info-section.is-section-5 .wb-home-info-button.is-discord {
    position: relative;
    overflow: hidden;
    width: min(100%, 292px);
    min-width: 0;
    min-height: 58px;
    display: grid;
    grid-template-columns: 54px minmax(0,1fr) 44px;
    gap: 0;
    padding: 0 !important;
    margin-top: 30px;
    border-color: #15172d !important;
    outline-color: #99a3ff !important;
    background: linear-gradient(180deg,#6673f5 0%,#5662d8 58%,#444eaf 100%) !important;
    box-shadow: inset 0 3px 0 rgba(255,255,255,.19), inset 0 -5px 0 rgba(19,23,78,.3), 0 5px 0 rgba(18,20,50,.48) !important;
    text-align: left;
}
.wb-home-info-section.is-section-5 .wb-home-info-button.is-discord:hover {
    background: linear-gradient(180deg,#7783ff 0%,#6470e8 58%,#4c57bd 100%) !important;
    box-shadow: inset 0 3px 0 rgba(255,255,255,.24), inset 0 -5px 0 rgba(19,23,78,.27), 0 0 25px rgba(72,82,202,.36), 0 5px 0 rgba(18,20,50,.48) !important;
}
.wb-discord-cta-icon,
.wb-discord-cta-arrow {
    height: 100%;
    display: grid;
    place-items: center;
}
.wb-discord-cta-icon {
    border-right: 1px solid rgba(224,228,255,.14);
    background: rgba(21,24,68,.2);
    font-size: 22px;
}
.wb-discord-cta-label {
    min-width: 0;
    overflow: hidden;
    padding: 0 14px;
    color: #fff;
    font: 400 14px/1 var(--wdev-ui);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wb-discord-cta-arrow {
    margin: 0;
    border: 0;
    background: transparent;
    color: #dce1ff;
    transition: transform .2s ease;
}
.wb-home-info-button.is-discord:hover .wb-discord-cta-arrow {
    background: transparent;
    transform: translateX(2px);
}
.wb-home-info-section.is-image-left .wb-home-info-copy { order: 2; }
.wb-home-info-section.is-image-left .wb-home-info-media { order: 1; }
.wb-home-info-section.has-no-image {
    display: block;
    min-height: 0;
}
.wb-home-info-section.has-no-image .wb-home-info-copy { max-width: 900px; }
.wb-home-info-copy h2 {
    max-width: 720px;
    margin: 0 0 22px;
    color: #f2ede8;
    font-family: MinecraftTen, Minecraft, sans-serif;
    font-size: clamp(36px, 4.3vw, 66px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: .01em;
    text-transform: uppercase;
    text-wrap: balance;
}
.wb-home-info-copy p {
    max-width: 720px;
    margin: 0;
    color: #bdb3aa;
    font-family: Inter, Arial, sans-serif;
    font-size: clamp(17px, 1.25vw, 20px);
    line-height: 1.75;
    white-space: pre-line;
}
.wb-home-info-button {
    --mc-button-bg: var(--wb-header-button-1-bg, #43515a);
    --mc-button-hover: var(--wb-header-button-1-hover, #566974);
    --mc-button-frame: var(--wb-header-button-1-frame, #7892a2);
    --mc-button-text: var(--wb-header-button-1-text, #dce9f1);
    --mc-button-active: var(--wb-header-button-1-active, #514525);
    min-width: 128px;
    margin-top: 28px;
    text-decoration: none;
}
.wb-home-info-button.is-discord {
    --mc-button-bg: #55437e;
    --mc-button-hover: #6b55a0;
    --mc-button-frame: #9a82cf;
    --mc-button-text: #f3ecff;
    --mc-button-active: #41305f;
}
.wb-home-info-button i { margin: 0 !important; font-size: 16px; }

/* Tebex storefront — premium WBrownie commerce layout. */
.wb-store {
    --store-surface: #1b1714;
    --store-surface-raised: #211c18;
    --store-line: rgba(197, 181, 165, .14);
    --store-muted: #a99f97;
    --store-text: #eee9e4;
    --store-accent: #b7a07a;
    width: min(1540px, calc(100% - 80px));
    margin: 0 auto;
    padding: clamp(48px, 6vw, 86px) 0 110px;
}
.wb-store-hero {
    position: relative;
    min-height: 260px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: clamp(36px, 5vw, 70px);
    background:
        radial-gradient(circle at 82% 22%, rgba(170, 139, 94, .17), transparent 29%),
        linear-gradient(118deg, #29211b 0%, #1e1916 57%, #151210 100%);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .3);
}
.wb-store-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(255,255,255,.07);
    box-shadow: inset 0 0 0 4px rgba(10,8,7,.22);
}
.wb-store-heading { position: relative; z-index: 1; max-width: 820px; }
.wb-store-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #b7a27f;
    font: 700 11px/1.2 Inter, Arial, sans-serif;
    letter-spacing: .16em;
}
.wb-store-heading h1 {
    margin: 0 0 15px;
    color: #f5f1ed;
    font: 400 clamp(46px, 6vw, 76px)/.94 MinecraftTen, Minecraft, sans-serif;
    text-transform: uppercase;
    text-shadow: 0 5px 20px rgba(0,0,0,.34);
}
.wb-store-heading p { max-width: 680px; margin: 0; color: #bcb3ab; font: 400 clamp(16px,1.3vw,18px)/1.65 Inter, Arial, sans-serif; }
.wb-store-hero-mark {
    position: absolute;
    top: 50%;
    right: clamp(42px, 8vw, 130px);
    width: clamp(150px, 15vw, 240px);
    height: clamp(150px, 15vw, 240px);
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    user-select: none;
}
.wb-store-hero-mark img { width: 100%; height: 100%; display: block; object-fit: contain; opacity: .14; filter: grayscale(1) sepia(.18) brightness(1.25); }
.wb-store-assurance {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-bottom: 38px;
    background: #14110f;
    border-bottom: 1px solid var(--store-line);
}
.wb-store-assurance > span {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 15px 18px;
    color: #8f8780;
    font: 400 12px/1.4 Inter, Arial, sans-serif;
}
.wb-store-assurance > span + span { border-left: 1px solid var(--store-line); }
.wb-store-assurance i { color: #8d8175; font-size: 12px; }
.wb-store-assurance b { color: #cfc7c0; font-weight: 600; }
.wb-store-assurance > span:nth-child(1) i,
.wb-store-assurance > span:nth-child(1) b { color: #75b886; }
.wb-store-assurance > span:nth-child(2) i,
.wb-store-assurance > span:nth-child(2) b { color: #d2b25f; }
.wb-store-assurance > span:nth-child(3) i,
.wb-store-assurance > span:nth-child(3) b { color: #bb817b; }
.wb-store-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 48px;
    padding: 0 0 17px;
    background: transparent;
    border-bottom: 1px solid var(--store-line);
}
.wb-store-nav > a,
.wb-store-nav-dropdown {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 9px 13px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #928a84 !important;
    font: 600 13px/1.2 Inter, Arial, sans-serif !important;
    box-shadow: none !important;
    transition: color .18s ease, background-color .18s ease !important;
}
.wb-store-nav > a::after,
.wb-store-nav-dropdown::after {
    content: "";
    position: absolute;
    right: 13px;
    bottom: 2px;
    left: 13px;
    height: 1px;
    background: #b49b73;
    transform: scaleX(0);
    transition: transform .2s ease;
}
.wb-store-nav > a:hover,
.wb-store-nav > a.active,
.wb-store-nav-dropdown:hover,
.wb-store-nav-dropdown.active { background: rgba(255,255,255,.035) !important; color: #eee9e4 !important; }
.wb-store-nav > a:hover::after,
.wb-store-nav > a.active::after,
.wb-store-nav-dropdown:hover::after,
.wb-store-nav-dropdown.active::after { transform: scaleX(1); }
.wb-store-nav-dropdown > .menu {
    margin-top: 7px !important;
    padding: 7px !important;
    border: 1px solid #4b423b !important;
    border-radius: 0 !important;
    background: #1b1714 !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.48) !important;
}
.wb-store-nav-dropdown > .menu > .item { padding: 11px 13px !important; color: #aaa19a !important; font: 500 13px/1.25 Inter, Arial, sans-serif !important; }
.wb-store-nav-dropdown > .menu > .item:hover,
.wb-store-nav-dropdown > .menu > .item.active { background: #302824 !important; color: #f5f1ed !important; }
.wb-store-content,
.wb-store-category-copy { color: #c3bab2; font: 400 16px/1.8 Inter, Arial, sans-serif; }
.wb-store-content { min-width: 0; min-height: 250px; }
.wb-store-content > :first-child,
.wb-store-category-copy > :first-child { margin-top: 0; }
.wb-store-content h2,
.wb-store-category-copy h2 { color: var(--store-text); font-family: Inter, Arial, sans-serif; font-weight: 700; }
.wb-store-category-copy { max-width: 980px; margin: -12px 0 45px; }
.wb-store-home-layout { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: clamp(42px,5vw,76px); align-items: start; }
.wb-store-home-layout.has-no-widgets { display: block; }
.wb-store-catalogue { width: 100%; }
.wb-store-products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(18px,1.8vw,28px); }
.wb-store-product {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: linear-gradient(180deg,#211c18 0%,#191512 100%);
    border: 1px solid rgba(207,192,177,.11);
    box-shadow: 0 15px 40px rgba(0,0,0,.23);
    transition: transform .28s cubic-bezier(.2,.7,.2,1), border-color .28s ease, box-shadow .28s ease;
}
.wb-store-product:hover { transform: translateY(-5px); border-color: rgba(190,165,126,.33); box-shadow: 0 24px 55px rgba(0,0,0,.38); }
.wb-store-product-main { width: 100%; flex: 1 1 auto; display: flex; flex-direction: column; padding: 0; border: 0; outline: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.wb-store-product-main:focus-visible { outline: 2px solid #aa946e; outline-offset: -3px; }
.wb-store-product-media { position: relative; overflow: hidden; aspect-ratio: 1/1; background: #100d0b; }
.wb-store-product-media::after { content: ""; position: absolute; inset: auto 0 0; height: 38%; background: linear-gradient(transparent,rgba(10,8,7,.55)); pointer-events: none; }
.wb-store-product-media.is-empty::before { content: "WARSHIP"; position: absolute; inset: 0; display: grid; place-items: center; color: rgba(218,207,195,.18); font: 400 25px/1 Minecraft, sans-serif; letter-spacing: .15em; background: radial-gradient(circle at 50% 32%,#31261f,#15110f 72%); }
.wb-store-product-media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .7s cubic-bezier(.2,.65,.25,1), filter .7s ease; }
.wb-store-product:hover .wb-store-product-media img { transform: scale(1.055); filter: brightness(1.06) saturate(1.03); }
.wb-store-sale { position: absolute; z-index: 2; top: 14px; right: 14px; padding: 7px 10px; background: #713c39; color: #f5d8d5; font: 700 10px/1 Inter,Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 6px 18px rgba(0,0,0,.28); }
.wb-store-product-copy { flex: 1 1 auto; display: flex; flex-direction: column; padding: 23px 23px 21px; }
.wb-store-product-type { margin-bottom: 8px; color: #8f857d; font: 700 9px/1.2 Inter,Arial,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
body.wbrownie-theme .wb-store .wb-store-product-copy h2 {
    min-height: 48px;
    margin: 0 0 23px;
    color: #f0ebe6;
    font-family: var(--wdev-body) !important;
    font-size: 19px;
    font-weight: 700 !important;
    line-height: 1.35;
    letter-spacing: 0;
    text-shadow: none;
}
.wb-store-price { display: flex; align-items: baseline; gap: 10px; margin-top: auto; }
.wb-store-price del { color: #986d6b; font: 500 13px/1 Inter,Arial,sans-serif; }
.wb-store-price strong { color: #d9c9ae; font: 700 20px/1 Inter,Arial,sans-serif; }
.wb-store-buy,
.wb-store-widget-link {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 19px;
    border: 0;
    border-top: 1px solid rgba(203,184,166,.14);
    background: rgba(255,255,255,.035);
    color: #e9e3dd !important;
    font: 600 13px/1 Inter,Arial,sans-serif;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, padding .2s ease;
}
.wb-store-buy i,
.wb-store-widget-link i { color: #a9916d; font-size: 11px; transition: transform .2s ease; }
.wb-store-buy:hover,
.wb-store-widget-link:hover { padding-right: 16px; background: #3a3028; color: #fff !important; }
.wb-store-buy:hover i,
.wb-store-widget-link:hover i { transform: translateX(3px); }
.wb-store-empty { min-height: 220px; display: flex; align-items: center; justify-content: center; gap: 12px; background: var(--store-surface); color: var(--store-muted); font: 400 15px/1.5 Inter,Arial,sans-serif; border: 1px solid var(--store-line); }
.wb-store-widgets { display: grid; gap: 22px; }
.wb-store-widgets-bottom { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 64px; padding-top: 42px; border-top: 1px solid var(--store-line); }
.wb-store-widget { min-width: 0; margin: 0; padding: 22px; background: var(--store-surface); border: 1px solid rgba(207,192,177,.1); }
.wb-store-widget-heading { margin-bottom: 18px; }
.wb-store-widget-heading > span { display: block; margin-bottom: 7px; color: #847b74; font: 700 9px/1.2 Inter,Arial,sans-serif; letter-spacing: .14em; }
.wb-store-widget-heading > h3 { margin: 0; color: #e7e1dc; font: 700 16px/1.3 Inter,Arial,sans-serif; }
.wb-store-widget-product { overflow: hidden; background: #120f0d; }
.wb-store-widget-product > .image { position: relative; aspect-ratio: 1/1; overflow: hidden; }
.wb-store-widget-product > .image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .6s ease; }
.wb-store-widget-product:hover > .image img { transform: scale(1.035); }
.wb-store-widget-sale { position: absolute; z-index: 2; top: 12px; right: 12px; padding: 6px 9px; background: #713c39; color: #f5d8d5; font: 700 9px/1 Inter,Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.wb-store-widget-product > .content { display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; align-items: baseline; padding: 17px; color: #b7ada5; font: 400 14px/1.45 Inter,Arial,sans-serif; }
.wb-store-widget-product > .content strong { min-width: 0; color: #eee8e3; font-weight: 700; }
.wb-store-widget-product > .content del { color: #946d6a; font-size: 12px; }
.wb-store-widget-product > .content b { color: #d6c5aa; font-size: 15px; }
.wb-store-purchase { display: flex; align-items: center; gap: 12px; padding: 13px 0; }
.wb-store-purchase + .wb-store-purchase { border-top: 1px solid rgba(160,140,123,.11); }
.wb-store-purchase > img { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 0; object-fit: cover; image-rendering: pixelated; box-shadow: 0 0 0 1px rgba(220,205,190,.18); }
.wb-store-purchase > .content { min-width: 0; color: #968d86; font: 400 13px/1.45 Inter,Arial,sans-serif; }
.wb-store-purchase > .content > a { display: block; margin-bottom: 2px; font-weight: 600; }
.wb-store-widget-empty { margin: 0; padding: 20px 0; color: #8f8780; font: 400 13px/1.5 Inter,Arial,sans-serif; }
body.wbrownie-theme .ui.dimmer { background-color: rgba(8,7,6,.86) !important; backdrop-filter: blur(4px); }
body.wbrownie-theme .ui.modal.wb-store-modal { overflow: hidden; border: 1px solid rgba(210,192,174,.25) !important; border-radius: 0 !important; background: #181411 !important; box-shadow: 0 30px 90px rgba(0,0,0,.72) !important; }
body.wbrownie-theme .wb-store-modal > .header { display: flex !important; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 25px !important; border-bottom: 1px solid rgba(210,192,174,.14) !important; background: #211b17 !important; color: #f1ece7 !important; font: 700 19px/1.3 Inter,Arial,sans-serif !important; }
body.wbrownie-theme .wb-store-modal > .header > span { color: #d6c4a8; font-size: 18px; }
body.wbrownie-theme .wb-store-modal > .content { display: grid !important; grid-template-columns: minmax(0,240px) minmax(0,1fr); gap: 30px; max-height: 62vh; overflow-y: auto; padding: 26px !important; background: #181411 !important; color: #c7beb6 !important; font-family: Inter,Arial,sans-serif !important; }
body.wbrownie-theme .wb-store-modal > .content > .image img { width: 100%; height: auto; display: block; }
body.wbrownie-theme .wb-store-modal > .actions { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 24px !important; border-top: 1px solid rgba(210,192,174,.14) !important; background: #211b17 !important; }
body.wbrownie-theme .wb-store-modal > .actions .button { border-radius: 0 !important; font-family: Inter,Arial,sans-serif !important; }
body.wbrownie-theme .wb-store-modal > .actions .positive.button { background: #5f5548 !important; color: #fff !important; }
@media (max-width: 1320px) {
    .wb-store-products { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 1120px) {
    .wb-store-products { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wb-store-home-layout { grid-template-columns: 1fr; }
    .wb-store-home-layout .wb-store-widgets { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 780px) {
    .wb-store { width: calc(100% - 28px); padding: 30px 0 70px; }
    .wb-store-hero { min-height: 230px; padding: 32px 26px; }
    .wb-store-hero-mark { right: 26px; opacity: .45; }
    .wb-store-heading { max-width: 90%; }
    .wb-store-assurance { grid-template-columns: 1fr; }
    .wb-store-assurance > span { justify-content: flex-start; padding: 11px 15px; }
    .wb-store-assurance > span + span { border-top: 1px solid var(--store-line); border-left: 0; }
    .wb-store-nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .wb-store-nav::-webkit-scrollbar { display: none; }
    .wb-store-nav > * { flex: 0 0 auto; }
    .wb-store-products,
    .wb-store-widgets-bottom,
    .wb-store-home-layout .wb-store-widgets { grid-template-columns: 1fr; }
    .wb-store-widgets-bottom { margin-top: 44px; }
    body.wbrownie-theme .wb-store-modal > .content { grid-template-columns: 1fr; max-height: 66vh; }
}
.wb-home-info-media {
    position: relative;
    overflow: hidden;
    min-height: 320px;
    aspect-ratio: 16 / 9;
    background: #17120f;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .3);
}
.wb-home-info-section.is-image-background-disabled .wb-home-info-media { background: transparent; }
.wb-home-info-section.is-image-frame-disabled .wb-home-info-media { box-shadow: none; }
.wb-home-info-section.is-image-frame-disabled .wb-home-info-media::after { display: none; }
.wb-home-info-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 3px rgba(18, 14, 11, .5);
}
.wb-home-info-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.2, .65, .25, 1), filter .65s ease;
}
.wb-home-info-section:hover .wb-home-info-media img {
    transform: scale(1.025);
    filter: brightness(1.035);
}
.wb-flash {
    width: min(calc(100% - 36px), 1160px);
    margin: 20px auto !important;
}
/* Header server control */
.wb-server-copy {
    min-width: 196px;
    margin-left: auto;
    padding: 7px 13px 9px !important;
    text-align: left;
}
.wb-server-copy-icon {
    flex: 0 0 auto;
    font-size: 20px;
}
.wb-server-copy-copy {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.wb-server-copy-copy small {
    overflow: hidden;
    max-width: 145px;
    color: #d6c8bc;
    font: 8px/1 var(--wdev-ui);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wb-server-copy-copy strong {
    color: #fff;
    font: 14px/1 var(--wdev-ui);
}
.wb-server-count {
    min-width: 31px;
    height: 25px;
    display: inline-grid;
    place-items: center;
    padding: 0 7px;
    border: 2px solid #2d1c04;
    background: rgba(35, 22, 4, .48);
    color: #fff2bd;
    box-shadow: inset 1px 1px rgba(255,255,255,.08), inset -1px -2px rgba(0,0,0,.3);
    font: 11px/1 var(--wdev-ui);
    text-shadow: 2px 2px #2a1903;
}

@media (max-width: 820px) {
    #navbar.ui.secondary.menu.wb-main-header { top: 42px; min-height: 72px; }
    #navbar > .ui.container > .item:not(.wb-brand):not(.toc) { display: none !important; }
    body.wbrownie-theme #navbar > .ui.container > .wb-brand.item { width: 82px; height: 66px; min-height: 66px; display: grid !important; flex-basis: 82px; margin-right: 0; }
    #navbar .toc.item { display: flex !important; margin-left: auto; }
    .wb-server-copy { min-width: 154px; margin-left: auto; }
    .wb-server-copy-copy small { max-width: 106px; font-size: 7px; }
    .wb-server-copy-copy strong { font-size: 11px; }
    .wb-home { --wb-home-header-offset: 114px; }
    .wb-home-hero {
        height: calc(100vh - var(--wb-home-header-offset));
        height: calc(100svh - var(--wb-home-header-offset));
    }
}

@media (max-width: 520px) {
    .wb-accountbar > .ui.container { width: 100% !important; padding-inline: 8px; }
    .wb-account-actions { margin-left: auto; }
    .wb-account-profile strong,
    .wb-staff-link strong { display: none; }
    .wb-account-control { padding-inline: 8px; }
    .wb-server-copy { min-width: 44px; width: 44px; padding: 8px !important; }
    .wb-server-copy-copy { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0,0,0,0); }
    .wb-home-hero { min-height: 0; }
    .wb-home-info { width: 100%; padding: 0; }
    .wb-home-info-section {
        width: calc(100% - 36px);
        grid-template-columns: 1fr;
        gap: 26px;
        min-height: 0;
        padding: 44px 0;
    }
    .wb-home-info-section.is-image-left .wb-home-info-copy,
    .wb-home-info-section.is-image-left .wb-home-info-media { order: initial; }
    .wb-home-info-media { min-height: 0; }
    .wb-home-info-section.is-section-5 {
        grid-template-columns: 1fr;
        min-height: calc(100svh - var(--wb-home-header-offset));
        padding: 58px 18px;
    }
    .wb-home-info-section.is-section-5 .wb-home-info-media {
        width: calc(100% - 12px);
        margin-inline: auto;
        transform: none;
    }
    .wb-home-info-section.is-section-5:hover .wb-home-info-media { transform: translateY(-3px); }
    .wb-discord-watermark { width: 115vw; opacity: .035; }
    .wb-discord-features { gap: 7px; margin-top: 22px; }
    .wb-discord-features > span { padding: 8px 9px; font-size: 10px; }
}

@media (min-width: 521px) and (max-width: 900px) {
    .wb-home-info { width: 100%; }
    .wb-home-info-section { width: calc(100% - 56px); grid-template-columns: 1fr; gap: 34px; }
    .wb-home-info-section.is-image-left .wb-home-info-copy,
    .wb-home-info-section.is-image-left .wb-home-info-media { order: initial; }
    .wb-home-info-section.is-section-5 { grid-template-columns: 1fr; min-height: calc(100svh - var(--wb-home-header-offset)); padding-inline: 32px; }
    .wb-home-info-section.is-section-5 .wb-home-info-media { width: min(720px,92%); margin-inline: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .wb-home-info-section.is-section-5 .wb-home-info-media { transition: none; }
}

/* Forms module: staff applications and user submissions. */
.wb-forms-page {
    width: min(1380px, calc(100% - 64px));
    margin: 0 auto;
    padding: clamp(54px, 6vw, 92px) 0 90px;
}
.wb-forms-grid.ui.grid { margin: 0 !important; }
.wb-forms-grid.ui.grid > .row { padding: 0 !important; }
body.wbrownie-theme .wb-form-shell.ui.segment {
    margin: 0 !important;
    padding: clamp(30px, 4vw, 56px) !important;
    border: 1px solid #4a4038 !important;
    border-radius: 0 !important;
    outline: 1px solid rgba(0,0,0,.72) !important;
    outline-offset: 4px;
    background: #181411 !important;
    box-shadow: 10px 10px 0 rgba(0,0,0,.22) !important;
}
.wb-form-heading,
.wb-form-page-heading {
    margin-bottom: 38px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(168, 148, 128, .2);
}
.wb-form-heading > span,
.wb-form-page-heading > span {
    display: block;
    margin-bottom: 10px;
    color: #b79a62;
    font: 700 12px/1.2 Inter, Arial, sans-serif;
    letter-spacing: .14em;
}
.wb-form-heading h1,
.wb-form-page-heading h1 {
    margin: 0;
    color: #f3efeb;
    font: 400 clamp(34px, 4.5vw, 58px)/1 MinecraftTen, Minecraft, sans-serif;
    letter-spacing: .015em;
    text-transform: uppercase;
}
.wb-form-page-heading { margin-inline: 1rem; }
.wb-form-intro {
    margin: -8px 0 34px;
    color: #bdb4ac;
    font: 400 16px/1.7 Inter, Arial, sans-serif;
}
body.wbrownie-theme .wb-form.ui.form .field { margin-bottom: 25px; }
body.wbrownie-theme .wb-form.ui.form .field > label {
    display: flex !important;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: #eee8e3 !important;
    font: 700 14px/1.4 Inter, Arial, sans-serif !important;
}
.wb-form-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border: 0;
    border-radius: 50%;
    outline: 0;
    background: #2b302f;
    color: #aab5b7;
    cursor: help;
    transition: background-color .16s ease, color .16s ease;
}
.wb-form-help:hover,
.wb-form-help:focus-visible {
    outline: 0;
    background: #38413f;
    color: #d3ddde;
}
.wb-form-help > i.icon {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
}
body.wbrownie-theme .wb-form.ui.form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.wbrownie-theme .wb-form.ui.form textarea,
body.wbrownie-theme .wb-form.ui.form .selection.dropdown {
    min-height: 48px;
    padding: 13px 15px !important;
    border: 1px solid #4b423b !important;
    border-radius: 2px !important;
    background: #100d0b !important;
    color: #e7e0d9 !important;
    font-family: Inter, Arial, sans-serif !important;
    box-shadow: none !important;
    transition: border-color .2s ease, background-color .2s ease !important;
}
body.wbrownie-theme .wb-form.ui.form textarea { min-height: 150px; resize: vertical; }
body.wbrownie-theme .wb-form.ui.form input:focus,
body.wbrownie-theme .wb-form.ui.form textarea:focus,
body.wbrownie-theme .wb-form.ui.form .selection.dropdown.active {
    border-color: #776c63 !important;
    outline: 0 !important;
    background: #14100e !important;
    box-shadow: 0 0 0 2px rgba(119, 108, 99, .12) !important;
}
body.wbrownie-theme .wb-form.ui.form input:focus-visible,
body.wbrownie-theme .wb-form.ui.form textarea:focus-visible,
body.wbrownie-theme .wb-form.ui.form select:focus-visible {
    outline: 0 !important;
    outline-offset: 0 !important;
}
body.wbrownie-theme .wb-form.ui.form .ui.primary.button,
body.wbrownie-theme .wb-form.ui.form input.ui.primary.button {
    min-height: 46px;
    margin-top: 10px;
    padding: 13px 24px !important;
    border: 1px solid #758b96 !important;
    border-radius: 0 !important;
    background: #43545d !important;
    color: #f1f5f7 !important;
    font: 400 16px/1 Minecraft, sans-serif !important;
    box-shadow: inset 0 0 0 2px #263138, 4px 4px 0 #090807 !important;
}
body.wbrownie-theme .wb-form.ui.form .ui.primary.button:hover,
body.wbrownie-theme .wb-form.ui.form input.ui.primary.button:hover {
    background: #526771 !important;
    transform: translateY(-1px);
}
.wb-submissions-shell table.ui.table {
    border: 0 !important;
    background: transparent !important;
}
.wb-submissions-shell table.ui.table thead th {
    border-bottom: 1px solid #4a4038 !important;
    background: transparent !important;
    color: #9f958d !important;
    font: 700 11px/1.2 Inter, Arial, sans-serif !important;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.wb-submissions-shell table.ui.table tbody td {
    border-top: 1px solid rgba(157, 137, 120, .14) !important;
    color: #d8d0c9 !important;
}
.wb-submission-list-user { display: inline-flex; align-items: center; gap: 8px; }
.wb-status-render :is(.badge,.label),
.wb-submissions-shell :is(.badge,.label) {
    display: inline-flex !important;
    align-items: center;
    min-height: 27px;
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 1px solid #65574f !important;
    border-radius: 2px !important;
    background: #332b26 !important;
    color: #d6cdc6 !important;
    font: 700 11px/1 Inter, Arial, sans-serif !important;
    letter-spacing: .035em;
    text-transform: uppercase;
    box-shadow: none !important;
}
.wb-status-render :is(.badge-success,.green.label),
.wb-submissions-shell :is(.badge-success,.green.label) { border-color: #4b715a !important; background: #22392a !important; color: #ace0ba !important; }
.wb-status-render :is(.badge-warning,.yellow.label),
.wb-submissions-shell :is(.badge-warning,.yellow.label) { border-color: #746849 !important; background: #38311f !important; color: #ded09b !important; }
.wb-status-render :is(.badge-danger,.red.label),
.wb-submissions-shell :is(.badge-danger,.red.label) { border-color: #765251 !important; background: #3b2827 !important; color: #dfb0ad !important; }
.wb-submission-view > .ui.grid,
.wb-submission-view > .ui.segment,
.wb-submission-view .ui.segment {
    border-radius: 0 !important;
}
.wb-submission-titlebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: -8px 0 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(164, 145, 128, .2);
}
.wb-submission-titlebar > div > span,
.wb-submission-summary > div > span,
.wb-submission-user > div > span {
    display: block;
    margin-bottom: 6px;
    color: #92877e;
    font: 700 10px/1.2 Inter, Arial, sans-serif;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.wb-submission-titlebar h2 {
    margin: 0;
    color: #f1ece7;
    font: 700 22px/1.2 Inter, Arial, sans-serif;
}
.wb-form-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 11px;
    border: 1px solid #62584f;
    border-radius: 2px;
    background: #302923;
    color: #d5ccc4;
    font: 700 11px/1 Inter, Arial, sans-serif;
    letter-spacing: .045em;
    text-transform: uppercase;
}
.wb-form-status.is-open { border-color: #526e5b; background: #26372b; color: #b9dbc1; }
.wb-form-status.is-review { border-color: #746849; background: #38311f; color: #ded09b; }
.wb-form-status.is-approved { border-color: #4b715a; background: #22392a; color: #ace0ba; }
.wb-form-status.is-closed { border-color: #765251; background: #3b2827; color: #dfb0ad; }
.wb-submission-summary {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(2, minmax(140px, .75fr));
    gap: 16px;
    margin-bottom: 20px;
    padding: 17px 18px;
    background: #211b17;
}
.wb-submission-summary > div:not(.wb-submission-user) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wb-submission-summary strong,
.wb-submission-user a { color: #ddd5ce; font: 600 14px/1.35 Inter, Arial, sans-serif; }
.wb-submission-user { display: flex; align-items: center; gap: 12px; }
.wb-submission-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px;
    display: block;
    border: 1px solid #62564c;
    border-radius: 2px !important;
    object-fit: cover;
    image-rendering: pixelated;
    background: #110e0c;
    box-shadow: 3px 3px 0 rgba(0,0,0,.3);
}
.wb-submission-avatar.is-small { width: 34px !important; height: 34px !important; flex-basis: 34px; }
.wb-submission-avatar.is-placeholder { display: grid; place-items: center; color: #9f958c; }
.wb-submission-avatar.is-placeholder i { margin: 0 !important; }
.wb-submission-answers { margin: 0 0 42px; }
.wb-submission-answer {
    display: grid;
    grid-template-columns: minmax(190px, 30%) minmax(0, 1fr);
    gap: clamp(22px, 4vw, 64px);
    padding: 21px 4px;
    border-bottom: 1px solid rgba(160, 141, 124, .13);
}
.wb-submission-answer:last-child { border-bottom: 0; }
.wb-submission-answer h3 {
    margin: 0;
    color: #e6dfd9;
    font: 700 14px/1.5 Inter, Arial, sans-serif;
}
.wb-submission-answer > div {
    min-width: 0;
    color: #bdb4ac;
    font: 400 15px/1.65 Inter, Arial, sans-serif;
    overflow-wrap: anywhere;
}
.wb-comments-heading {
    margin: 0 0 17px;
    color: #eee8e3;
    font: 700 17px/1.3 Inter, Arial, sans-serif;
}
.wb-submission-comments { display: grid; gap: 12px; }
.wb-submission-comment {
    padding: 17px 18px;
    background: #211b17;
    box-shadow: inset 3px 0 #554b43;
}
.wb-submission-comment > header { display: flex; align-items: center; gap: 11px; }
.wb-submission-comment > header > div { min-width: 0; }
.wb-submission-comment > header a,
.wb-submission-comment > header strong { display: block; font: 600 14px/1.3 Inter, Arial, sans-serif; }
.wb-submission-comment > header span { display: block; margin-top: 3px; color: #8f857d; font: 400 12px/1.3 Inter, Arial, sans-serif; }
.wb-submission-comment-body {
    margin: 15px 0 0 45px;
    color: #c9c0b9;
    font: 400 15px/1.65 Inter, Arial, sans-serif;
    overflow-wrap: anywhere;
}
.wb-submission-empty { padding: 22px; background: #211b17; color: #9e948c; }
@media (max-width: 767px) {
    .wb-forms-page { width: calc(100% - 28px); padding: 38px 0 56px; }
    body.wbrownie-theme .wb-form-shell.ui.segment { padding: 24px 18px !important; }
    .wb-form-page-heading { margin-inline: 0; }
    .wb-submission-titlebar { align-items: flex-start; }
    .wb-submission-summary { grid-template-columns: 1fr; }
    .wb-submission-answer { grid-template-columns: 1fr; gap: 7px; }
    .wb-submission-comment-body { margin-left: 0; }
}

/* Final interface polish: dropdowns, account menus and authentication. */
body.wbrownie-theme .ui.popup.wb-account-popup {
    width: 286px !important;
    padding: 0 !important;
    border: 1px solid #4c433c !important;
    border-radius: 3px !important;
    outline: 0 !important;
    background: #181411 !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.5) !important;
}
body.wbrownie-theme .ui.popup.wb-account-popup::before,
body.wbrownie-theme .ui.popup.wb-account-popup::after { display: none !important; }
body.wbrownie-theme .wb-account-popup > h4.ui.header {
    min-height: 55px;
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 17px !important;
    border: 0 !important;
    border-bottom: 1px solid #3b332d !important;
    background: #211c18 !important;
    color: #f2ece7 !important;
    font: 700 15px/1.2 var(--wdev-body) !important;
    text-transform: none !important;
}
body.wbrownie-theme .wb-account-popup .ui.link.list {
    margin: 0 !important;
    padding: 7px !important;
}
body.wbrownie-theme .wb-account-popup .ui.link.list > .item.wb-account-popup-item,
body.wbrownie-theme .wb-account-popup .ui.link.list > .item.wb-popup-footer {
    position: relative;
    min-height: 42px;
    display: flex !important;
    align-items: center;
    gap: 11px;
    margin: 0 !important;
    padding: 10px 11px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: transparent !important;
    color: #cfc6bf !important;
    font: 500 14px/1.25 var(--wdev-body) !important;
    opacity: 1 !important;
    transition: background-color .16s ease,color .16s ease,padding-left .16s ease !important;
}
body.wbrownie-theme .wb-account-popup .wb-account-popup-item > .wb-material,
body.wbrownie-theme .wb-account-popup .wb-popup-footer > .wb-material {
    width: 20px;
    color: #9e958e !important;
    font-size: 19px !important;
    text-align: center;
    transition: color .16s ease !important;
}
body.wbrownie-theme .wb-account-popup .ui.link.list > .item.wb-account-popup-item:hover,
body.wbrownie-theme .wb-account-popup .ui.link.list > .item.wb-account-popup-item:focus-visible,
body.wbrownie-theme .wb-account-popup .ui.link.list > .item.wb-popup-footer:hover,
body.wbrownie-theme .wb-account-popup .ui.link.list > .item.wb-popup-footer:focus-visible {
    padding-left: 14px !important;
    background: #2b241f !important;
    color: #fff !important;
}
body.wbrownie-theme .wb-account-popup .wb-account-popup-item:hover > .wb-material,
body.wbrownie-theme .wb-account-popup .wb-popup-footer:hover > .wb-material { color: #d0b36b !important; }
body.wbrownie-theme .wb-account-popup .wb-popup-danger:hover,
body.wbrownie-theme .wb-account-popup .wb-popup-danger:focus-visible {
    background: #35201f !important;
    color: #f0c0bd !important;
}
body.wbrownie-theme .wb-account-popup .wb-popup-danger:hover > .wb-material { color: #d98780 !important; }
body.wbrownie-theme .wb-account-popup .ui.divider {
    height: 1px !important;
    margin: 6px 8px !important;
    border: 0 !important;
    background: #3a322c !important;
}
body.wbrownie-theme .wb-popup-footer-wrap {
    border-top: 1px solid #3b332d;
    background: #1d1815;
}
body.wbrownie-theme .wb-popup-footer { justify-content: space-between; }
body.wbrownie-theme .wb-popup-footer > .wb-material { margin-left: auto; }
body.wbrownie-theme .wb-notification-item > div { min-width: 0; flex: 1; }
body.wbrownie-theme .wb-notification-item strong,
body.wbrownie-theme .wb-notification-item small { display: block; }
body.wbrownie-theme .wb-notification-item strong { overflow-wrap: anywhere; color: inherit; font-size: 13px; }
body.wbrownie-theme .wb-notification-item small { margin-top: 4px; color: #8f867f; font-size: 11px; }
body.wbrownie-theme .wb-popup-empty {
    display: grid;
    place-items: center;
    gap: 7px;
    min-height: 104px;
    padding: 18px;
    color: #958c85;
    font-size: 13px;
    text-align: center;
}
body.wbrownie-theme .wb-popup-empty .wb-material { color: #77706a; font-size: 25px; }

body.wbrownie-theme #navbar .ui.dropdown.item > .menu {
    min-width: 225px;
    padding: 7px !important;
    border: 1px solid #4c433c !important;
    border-radius: 3px !important;
    outline: 0 !important;
    background: #181411 !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.48) !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .header {
    margin: 0 0 5px !important;
    padding: 10px 11px 11px !important;
    border-bottom: 1px solid #3b332d;
    color: #8f867f !important;
    font: 700 11px/1.2 var(--wdev-body) !important;
    letter-spacing: .06em;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .item,
body.wbrownie-theme .ui.selection.dropdown > .menu > .item {
    min-height: 41px;
    display: flex !important;
    align-items: center;
    gap: 9px;
    padding: 10px 11px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: transparent !important;
    color: #cfc6bf !important;
    font-family: var(--wdev-body) !important;
    transition: background-color .16s ease,color .16s ease,padding-left .16s ease !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .item:hover,
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .item:focus,
body.wbrownie-theme .ui.selection.dropdown > .menu > .item:hover,
body.wbrownie-theme .ui.selection.dropdown > .menu > .selected.item {
    padding-left: 14px !important;
    background: #2b241f !important;
    color: #fff !important;
}

body.wbrownie-theme .wb-auth-page {
    width: min(calc(100% - 36px), 1040px);
    margin: 48px auto 76px;
    font-family: var(--wdev-body);
}
body.wbrownie-theme .wb-auth-heading { max-width: 680px; margin: 0 0 25px; }
body.wbrownie-theme .wb-auth-heading h1 {
    margin: 0;
    color: #f7f2ee;
    font: clamp(34px,5vw,52px)/1 var(--wdev-display);
    letter-spacing: .01em;
    text-transform: uppercase;
    text-shadow: 3px 3px #080706;
}
body.wbrownie-theme .wb-auth-heading > p {
    margin: 12px 0 0;
    color: #aaa098;
    font-size: 16px;
    line-height: 1.6;
}
body.wbrownie-theme .wb-auth-card {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr);
    overflow: hidden;
    border: 1px solid #564c44;
    border-radius: 3px;
    outline: 0;
    background: #181411;
    box-shadow: 0 20px 55px rgba(0,0,0,.3);
}
body.wbrownie-theme .wb-auth-panel { padding: 34px 36px 38px; }
body.wbrownie-theme .wb-auth-panel-title {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #3d352f;
}
body.wbrownie-theme .wb-auth-panel-title > .wb-material {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 2px;
    background: #2a241f;
    color: #c6bfb8;
    font-size: 21px;
}
body.wbrownie-theme .wb-auth-panel-title h2,
body.wbrownie-theme .wb-auth-side h2 {
    margin: 0;
    color: #f3eeea;
    font: 700 21px/1.25 var(--wdev-body);
    text-transform: none;
    text-shadow: none;
}
body.wbrownie-theme .wb-auth-panel-title p {
    margin: 5px 0 0;
    color: #948a82;
    font-size: 13px;
}
body.wbrownie-theme .wb-auth-form .field { margin-bottom: 18px; }
body.wbrownie-theme .wb-auth-form .field > label {
    margin-bottom: 8px;
    color: #d8d0c9 !important;
    font: 700 13px/1.3 var(--wdev-body) !important;
}
body.wbrownie-theme .wb-auth-input {
    min-height: 49px;
    border: 1px solid #50463f;
    border-radius: 2px;
    background: #100d0b;
    transition: border-color .16s ease,box-shadow .16s ease;
}
body.wbrownie-theme .wb-auth-input:focus-within {
    border-color: #a58a49;
    box-shadow: 0 0 0 3px rgba(197,158,65,.1);
}
body.wbrownie-theme .wb-auth-input > .wb-material { color: #888078; }
body.wbrownie-theme .wb-auth-form input,
body.wbrownie-theme .wb-auth-form textarea,
body.wbrownie-theme .wb-auth-form select {
    border-radius: 2px !important;
    font-family: var(--wdev-body) !important;
}
body.wbrownie-theme .wb-auth-side {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 38px 34px;
    border: 0;
    border-left: 1px solid #453b34;
    background: linear-gradient(145deg,#272019,#1c1713);
}
body.wbrownie-theme .wb-auth-side::before,
body.wbrownie-theme .wb-auth-side::after,
body.wbrownie-theme .wb-auth-side-icon { display: none !important; }
body.wbrownie-theme .wb-auth-side p {
    margin: 12px 0 25px;
    color: #aaa098;
    font-size: 14px;
    line-height: 1.65;
}
body.wbrownie-theme .wb-auth-side .wb-auth-secondary { margin-top: 0 !important; }
body.wbrownie-theme .wb-auth-message {
    border: 1px solid #80514e !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}
@media (max-width: 800px) {
    body.wbrownie-theme .wb-auth-card { grid-template-columns: 1fr; }
    body.wbrownie-theme .wb-auth-side { border-top: 1px solid #453b34; border-left: 0; }
}
@media (max-width: 560px) {
    body.wbrownie-theme .wb-auth-page { width: min(calc(100% - 22px),1040px); margin-top: 30px; }
    body.wbrownie-theme .wb-auth-panel,
    body.wbrownie-theme .wb-auth-side { padding: 25px 20px 28px; }
    body.wbrownie-theme .wb-auth-panel-title { align-items: flex-start; }
}

/* WBrownie component system: inner pages, widgets, search and feedback. */
body.wbrownie-theme #wrapper > .ui.container {
    padding-top: 34px;
}
body.wbrownie-theme#page-Home #wrapper > .ui.container,
body.wbrownie-theme#page-index #wrapper > .ui.container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.wbrownie-theme #wrapper > .ui.container > h1.ui.header,
body.wbrownie-theme #wrapper > .ui.container > h2.ui.header {
    position: relative;
    margin: 0 0 28px;
    padding: 0 0 16px;
    border-bottom: 3px solid var(--wdev-black);
    color: #fff;
    font-family: "MinecraftTEN", var(--wdev-ui);
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 400;
    letter-spacing: .015em;
    line-height: 1;
    text-shadow: 3px 3px var(--wdev-black);
}
body.wbrownie-theme #wrapper > .ui.container > h1.ui.header::after,
body.wbrownie-theme #wrapper > .ui.container > h2.ui.header::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 72px;
    height: 3px;
    background: var(--wdev-gold);
    content: "";
}

body.wbrownie-theme .ui.segment,
body.wbrownie-theme .ui.card,
body.wbrownie-theme .ui.cards > .card,
body.wbrownie-theme .ui.vertical.menu,
body.wbrownie-theme .ui.message {
    background-image: linear-gradient(145deg, rgba(255,255,255,.018), transparent 48%);
}
body.wbrownie-theme .ui.card,
body.wbrownie-theme .ui.cards > .card {
    overflow: visible;
}
body.wbrownie-theme .ui.card > .content,
body.wbrownie-theme .ui.cards > .card > .content {
    padding: 18px;
}
body.wbrownie-theme .ui.card h4.ui.header,
body.wbrownie-theme .ui.segment h3,
body.wbrownie-theme .ui.segment h4.ui.header {
    color: #fff;
}
body.wbrownie-theme .ui.card h4.ui.header {
    margin: 0 0 15px;
    padding-bottom: 12px;
    border-bottom: 2px solid #463c34;
    font: 10px/1.25 var(--wdev-ui);
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.wbrownie-theme .ui.vertical.menu {
    overflow: hidden;
}
body.wbrownie-theme .ui.vertical.menu .item {
    min-height: 48px;
    padding: 14px 16px !important;
    border-bottom: 1px solid #3d342d;
    background: transparent;
    color: #d9d0c8 !important;
    font-family: var(--wdev-body);
    transition: background-color .2s ease, color .2s ease, padding-left .2s ease;
}
body.wbrownie-theme .ui.vertical.menu .item:last-child {
    border-bottom: 0;
}
body.wbrownie-theme .ui.vertical.menu .item > .icon {
    color: #958a81;
    transition: color .2s ease, transform .2s ease;
}
body.wbrownie-theme .ui.vertical.menu .item:hover {
    padding-left: 20px !important;
    background: #312923;
    color: #fff !important;
}
body.wbrownie-theme .ui.vertical.menu .active.item {
    background: linear-gradient(90deg, rgba(237,181,47,.18), rgba(237,181,47,.035));
    color: #fff !important;
    box-shadow: inset 4px 0 var(--wdev-gold);
    font-weight: 700;
}
body.wbrownie-theme .ui.vertical.menu .active.item::after {
    display: none;
}
body.wbrownie-theme .ui.vertical.menu .item:hover > .icon,
body.wbrownie-theme .ui.vertical.menu .active.item > .icon {
    color: var(--wdev-gold);
    transform: translateX(-2px);
}

body.wbrownie-theme .ui.input,
body.wbrownie-theme .ui.input > input,
body.wbrownie-theme .ui.search,
body.wbrownie-theme .ui.search > .ui.input {
    width: 100%;
}
body.wbrownie-theme .ui.input > input,
body.wbrownie-theme input.prompt,
body.wbrownie-theme .ui.search input.prompt {
    min-height: 46px;
    padding: 11px 46px 11px 14px !important;
    border: 3px solid var(--wdev-black) !important;
    border-radius: 0 !important;
    outline: 1px solid #5b514a;
    background: #18130f !important;
    color: var(--wdev-text) !important;
    box-shadow: inset 2px 2px rgba(0,0,0,.32) !important;
    font-family: var(--wdev-body) !important;
    transition: outline-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}
body.wbrownie-theme .ui.input > input::placeholder,
body.wbrownie-theme input.prompt::placeholder {
    color: #81766e !important;
    opacity: 1;
}
body.wbrownie-theme .ui.input > input:focus,
body.wbrownie-theme input.prompt:focus {
    outline: 2px solid var(--wdev-gold) !important;
    background: #1d1712 !important;
    box-shadow: inset 2px 2px rgba(0,0,0,.3), 0 0 0 4px rgba(237,181,47,.08) !important;
}
body.wbrownie-theme .ui.icon.input > i.icon {
    color: #aaa097;
    opacity: 1;
}
body.wbrownie-theme .ui.action.input > .button {
    min-width: 50px;
    margin-left: 7px;
}
body.wbrownie-theme .ui.search > .results {
    z-index: 120;
    overflow: hidden;
    width: 100%;
    margin-top: 8px;
    border: 3px solid var(--wdev-black);
    border-radius: 0;
    outline: 1px solid var(--wdev-line);
    background: var(--wdev-panel-2);
    box-shadow: var(--wdev-shadow);
}
body.wbrownie-theme .ui.search > .results .result {
    min-height: 62px;
    padding: 11px 13px;
    border-bottom: 1px solid #453a32;
    background: transparent;
    transition: background-color .16s ease, padding-left .16s ease;
}
body.wbrownie-theme .ui.search > .results .result:hover,
body.wbrownie-theme .ui.search > .results .result.active {
    padding-left: 17px;
    background: #3a3028;
}
body.wbrownie-theme .ui.search > .results .result .title,
body.wbrownie-theme .ui.search > .results .message .header {
    color: #fff;
    font-family: var(--wdev-ui);
}
body.wbrownie-theme .ui.search > .results .result .description,
body.wbrownie-theme .ui.search > .results .message .description {
    color: var(--wdev-muted);
}
body.wbrownie-theme .ui.search > .results .result .image {
    overflow: hidden;
    border: 2px solid var(--wdev-black);
    border-radius: 0;
}
body.wbrownie-theme .ui.search > .results .message.empty {
    padding: 18px;
    background: #251e19;
}

body.wbrownie-theme .ui.message {
    position: relative;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 14px;
    border: 1px solid #5b514a;
    border-radius: 0;
    background-color: #2d2824;
    color: #eee5dd;
    box-shadow: 0 4px 12px rgba(0,0,0,.14);
}
body.wbrownie-theme .ui.message::before {
    position: static;
    width: 20px;
    display: grid;
    place-items: center;
    flex: 0 0 20px;
    background: transparent;
    color: #aaa19a;
    content: "info";
    font: 19px/1 "WBMaterialSymbols";
    font-feature-settings: "liga";
}
body.wbrownie-theme .ui.info.message,
body.wbrownie-theme .ui.blue.message { border-color: #46545c; background-color: #293136; color: #dce7ec; }
body.wbrownie-theme .ui.info.message::before,
body.wbrownie-theme .ui.blue.message::before { color: #91aebd; content: "info"; }
body.wbrownie-theme .ui.success.message,
body.wbrownie-theme .ui.positive.message,
body.wbrownie-theme .ui.green.message { border-color: #465a49; background-color: #29332b; color: #dfebe0; }
body.wbrownie-theme .ui.success.message::before,
body.wbrownie-theme .ui.positive.message::before,
body.wbrownie-theme .ui.green.message::before { color: #88b790; content: "check_circle"; }
body.wbrownie-theme .ui.warning.message,
body.wbrownie-theme .ui.orange.message,
body.wbrownie-theme .ui.yellow.message { border-color: #635a43; background-color: #353128; color: #eee6d3; }
body.wbrownie-theme .ui.warning.message::before,
body.wbrownie-theme .ui.orange.message::before,
body.wbrownie-theme .ui.yellow.message::before { color: #c5ad70; content: "warning"; }
body.wbrownie-theme .ui.error.message,
body.wbrownie-theme .ui.negative.message,
body.wbrownie-theme .ui.red.message { border-color: #704b4b; background-color: #3a2929; color: #f0dddd; }
body.wbrownie-theme .ui.error.message::before,
body.wbrownie-theme .ui.negative.message::before,
body.wbrownie-theme .ui.red.message::before { color: #d8948f; content: "error"; }
body.wbrownie-theme .ui.message .header {
    margin: 0;
    color: #fff !important;
    font: 700 13px/1.4 var(--wdev-body);
    white-space: nowrap;
}
body.wbrownie-theme .ui.message p,
body.wbrownie-theme .ui.message .content,
body.wbrownie-theme .ui.message .description,
body.wbrownie-theme .ui.message .list li {
    color: inherit;
}
body.wbrownie-theme .ui.message > .content {
    min-width: 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 9px;
    font: 14px/1.45 var(--wdev-body);
}
body.wbrownie-theme .ui.message p,
body.wbrownie-theme .ui.message .list {
    margin: 0 !important;
}
body.wbrownie-theme .ui.message .list {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 12px;
    padding: 0 !important;
}
body.wbrownie-theme .ui.message .list li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
body.wbrownie-theme .ui.message .list li::before {
    display: none !important;
    content: none !important;
}
body.wbrownie-theme .ui.icon.message > .icon:not(.close),
body.wbrownie-theme .ui.icon.message > .wb-material:first-child {
    display: none !important;
}
body.wbrownie-theme .ui.message > .close.icon {
    position: absolute;
    top: 50%;
    right: 12px;
    margin: 0;
    color: #fff;
    opacity: .68;
    transform: translateY(-50%);
    transition: opacity .16s ease, transform .16s ease;
}
body.wbrownie-theme .ui.message > .close.icon:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.08);
}
body.wbrownie-theme .ui.message pre {
    overflow: auto !important;
    max-width: 100%;
    margin: 12px 0 0;
    padding: 12px;
    border: 2px solid rgba(0,0,0,.5);
    background: rgba(0,0,0,.22);
    color: inherit;
    font: 12px/1.55 Consolas, monospace;
    white-space: pre-wrap;
    word-break: break-word;
}
body.wbrownie-theme .ui.form .field.error > label {
    color: #ef9a94;
}
body.wbrownie-theme .ui.form .field.error input,
body.wbrownie-theme .ui.form .field.error textarea,
body.wbrownie-theme .ui.form .fields.error .field input {
    border-color: #250707 !important;
    outline: 2px solid var(--wdev-red) !important;
    background: #261616 !important;
    color: #ffe3df !important;
}
body.wbrownie-theme .ui.form .field .prompt.label {
    margin-top: 9px;
    border: 2px solid var(--wdev-black);
    background: #6b3939;
    color: #fff;
    font-family: var(--wdev-body);
}

body.wbrownie-theme .ui.loader::before {
    border-color: rgba(255,255,255,.12);
}
body.wbrownie-theme .ui.loader::after {
    border-color: var(--wdev-gold) transparent transparent;
}
body.wbrownie-theme #forum-search-result {
    margin: 0 0 18px;
    transition: transform .2s ease, box-shadow .2s ease;
}
body.wbrownie-theme #forum-search-result:hover {
    box-shadow: 0 0 0 1px var(--wdev-line), 8px 9px rgba(0,0,0,.24);
    transform: translateY(-2px);
}
body.wbrownie-theme #new-members-grid .image {
    border: 2px solid var(--wdev-black);
    border-radius: 0 !important;
    background: #17120f;
    transition: border-color .18s ease, transform .18s ease;
}
body.wbrownie-theme #new-members-grid a:hover .image {
    border-color: var(--wdev-gold);
    transform: translateY(-2px);
}
body.wbrownie-theme .ui.card .ui.list {
    margin: 0;
}
body.wbrownie-theme .ui.card .ui.list > .item {
    min-height: 42px;
    padding: 9px 0;
    border-bottom: 1px solid #3b322b;
    color: #d8cec6;
}
body.wbrownie-theme .ui.card .ui.list > .item:last-child {
    border-bottom: 0;
}
body.wbrownie-theme .ui.card .ui.list > .item > .image,
body.wbrownie-theme .ui.card .ui.list > .item > img.image,
body.wbrownie-theme .ui.card .ui.image.label > img {
    border: 2px solid var(--wdev-black);
    border-radius: 0 !important;
    background: #17120f;
}
body.wbrownie-theme .ui.card .ui.list > .item .header {
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.wbrownie-theme .ui.card .ui.list > .item .description,
body.wbrownie-theme .ui.card > .extra.content {
    color: var(--wdev-muted);
}
body.wbrownie-theme .ui.card .ui.divider,
body.wbrownie-theme .ui.segment .ui.divider,
body.wbrownie-theme .ui.message .ui.divider {
    border-color: #463c34;
}
body.wbrownie-theme #widget-statistics .ui.list > .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
body.wbrownie-theme #widget-statistics .description {
    color: #fff;
    text-align: right;
}
body.wbrownie-theme .ui.card .ui.image.label {
    margin: 3px 4px 3px 0;
    border: 2px solid var(--wdev-black);
    background: #3b322b;
    color: #fff;
    transition: background-color .16s ease, transform .16s ease;
}
body.wbrownie-theme .ui.card a.ui.image.label:hover {
    background: #51453b;
    transform: translateY(-1px);
}
body.wbrownie-theme .ui.selection.dropdown > .text,
body.wbrownie-theme .ui.selection.dropdown > .dropdown.icon {
    color: var(--wdev-text);
}
body.wbrownie-theme .ui.selection.dropdown .menu {
    margin-top: 5px;
}

@keyframes wb-rise-in {
    from { opacity: 0; transform: translateY(9px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes wb-soft-pop {
    from { opacity: 0; transform: scale(.985); }
    to { opacity: 1; transform: scale(1); }
}
body.wbrownie-theme #wrapper > .ui.container > h1.ui.header,
body.wbrownie-theme #wrapper > .ui.container > h2.ui.header {
    animation: wb-rise-in .38s cubic-bezier(.2,.75,.25,1) both;
}
body.wbrownie-theme #wrapper > .ui.container > .ui.grid,
body.wbrownie-theme #wrapper > .ui.container > .ui.segment,
body.wbrownie-theme #wrapper > .ui.container > .ui.segments,
body.wbrownie-theme #wrapper > .ui.container > .ui.message {
    animation: wb-rise-in .46s .04s cubic-bezier(.2,.75,.25,1) both;
}
body.wbrownie-theme .ui.popup,
body.wbrownie-theme .ui.search > .results.visible {
    animation: wb-soft-pop .18s ease-out both;
    transform-origin: top center;
}

/* Real page lifecycle transitions; header stays anchored while content changes. */
@view-transition {
    navigation: none;
}
.wb-page-content {
    view-transition-name: wb-page-content;
    will-change: opacity, transform, filter;
    transition:
        opacity .28s ease,
        transform .38s cubic-bezier(.2,.72,.2,1),
        filter .28s ease;
}
html.wb-js.wb-page-loading .wb-page-content {
    opacity: 0;
    transform: translateY(12px);
    filter: brightness(.82);
}
html.wb-js.wb-page-ready .wb-page-content {
    opacity: 1;
    transform: translateY(0);
    filter: brightness(1);
}
html.wb-js.wb-page-leaving .wb-page-content {
    opacity: 0;
    transform: translateY(-8px);
    filter: brightness(.78);
    pointer-events: none;
}
html.wb-js.wb-page-loading #navbar.ui.menu::after,
html.wb-js.wb-page-leaving #navbar.ui.menu::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--wdev-gold), transparent);
    content: "";
    animation: wb-route-progress .72s ease-in-out infinite;
    transform-origin: left center;
}
@keyframes wb-route-progress {
    0% { opacity: 0; transform: translateX(-65%) scaleX(.35); }
    45% { opacity: 1; }
    100% { opacity: 0; transform: translateX(70%) scaleX(.55); }
}
::view-transition-old(wb-page-content) {
    animation: .18s ease-in both wb-view-old;
}
::view-transition-new(wb-page-content) {
    animation: .32s cubic-bezier(.2,.72,.2,1) both wb-view-new;
}
@keyframes wb-view-old {
    to { opacity: 0; transform: translateY(-7px); filter: brightness(.8); }
}
@keyframes wb-view-new {
    from { opacity: 0; transform: translateY(10px); filter: brightness(.82); }
    to { opacity: 1; transform: translateY(0); filter: brightness(1); }
}

@media (max-width: 767px) {
    body.wbrownie-theme #wrapper > .ui.container { padding-top: 24px; }
    body.wbrownie-theme #wrapper > .ui.container > h1.ui.header,
    body.wbrownie-theme #wrapper > .ui.container > h2.ui.header { margin-bottom: 22px; font-size: 27px; }
    body.wbrownie-theme .ui.card > .content,
    body.wbrownie-theme .ui.cards > .card > .content,
    body.wbrownie-theme .ui.segment { padding: 15px; }
    body.wbrownie-theme .ui.action.input { display: flex; }
    body.wbrownie-theme .ui.action.input > input { min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    body.wbrownie-theme *,
    body.wbrownie-theme *::before,
    body.wbrownie-theme *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
    html.wb-js .wb-page-content {
        transform: none !important;
        filter: none !important;
        transition: opacity .18s ease !important;
    }
    html.wb-js.wb-page-loading .wb-page-content,
    html.wb-js.wb-page-leaving .wb-page-content { opacity: 0 !important; }
    html.wb-js.wb-page-ready .wb-page-content { opacity: 1 !important; }
    html.wb-js.wb-page-loading #navbar.ui.menu::after,
    html.wb-js.wb-page-leaving #navbar.ui.menu::after { animation: none !important; }
    ::view-transition-old(wb-page-content),
    ::view-transition-new(wb-page-content) {
        transform: none !important;
        filter: none !important;
        animation-duration: .18s !important;
    }
}

/* Copy confirmation modal */
body.wbrownie-theme.wb-copy-open {
    overflow: hidden;
}
.wb-copy-overlay {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
    visibility: hidden;
    background: rgba(5, 4, 3, .76);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(5px);
    transition: opacity .2s ease, visibility .2s ease;
}
.wb-copy-overlay.is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
.wb-copy-dialog {
    position: relative;
    width: min(100%, 460px);
    padding: 34px 32px 30px;
    border: 4px solid var(--wdev-black);
    outline: 2px solid var(--wdev-line);
    background:
        linear-gradient(145deg, rgba(255,255,255,.025), transparent 52%),
        var(--wdev-panel);
    box-shadow: 10px 12px rgba(0,0,0,.32);
    text-align: center;
    transform: translateY(12px) scale(.98);
    transition: transform .28s cubic-bezier(.2,.75,.25,1);
}
.wb-copy-overlay.is-visible .wb-copy-dialog {
    transform: translateY(0) scale(1);
}
.wb-copy-x {
    position: absolute;
    top: 11px;
    right: 11px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 2px solid transparent;
    background: transparent;
    color: #978c84;
}
.wb-copy-x:hover {
    border-color: #4b4139;
    background: #302822;
    color: #fff;
}
.wb-copy-x .wb-material {
    font-size: 20px;
}
.wb-copy-status {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    margin: 0 auto 22px;
    border: 4px solid var(--wdev-black);
    outline: 2px solid #63805d;
    border-radius: 50%;
    background: #253327;
    color: #8bd47f;
    box-shadow: 0 0 0 8px rgba(112,194,104,.05), inset 2px 2px rgba(255,255,255,.05);
}
.wb-copy-status .wb-material {
    font-size: 47px;
}
.wb-copy-overlay.is-error .wb-copy-status {
    outline-color: #94605c;
    background: #3b2424;
    color: #df7f78;
    box-shadow: 0 0 0 8px rgba(196,103,99,.05), inset 2px 2px rgba(255,255,255,.04);
}
.wb-copy-dialog h2 {
    margin: 0 0 9px;
    color: #fff;
    font: 30px/1 var(--wdev-display);
    text-shadow: 3px 3px var(--wdev-black);
}
.wb-copy-dialog p {
    margin: 0 0 23px;
    color: var(--wdev-muted);
    font-size: 15px;
}
body.wbrownie-theme .wb-copy-close.ui.button {
    --mc-button-bg: #4f74ad;
    --mc-button-hover: #6289c5;
    --mc-button-frame: #86a6d2;
    --mc-button-text: #fff;
    min-width: 112px;
}

/* WBrownie error pages */
.wb-error-page {
    min-height: clamp(520px, 67vh, 720px);
    display: grid;
    place-items: center;
    padding: 72px 0;
}
.wb-error-card {
    width: min(100%, 780px);
    min-height: 410px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 58px 54px 48px;
    border: 3px solid #080706;
    background:
        radial-gradient(circle at 50% 4%, rgba(210,153,31,.105), transparent 39%),
        linear-gradient(145deg, rgba(255,255,255,.022), transparent 45%),
        #17120f;
    box-shadow:
        inset 0 0 0 1px #4b3d2d,
        inset 0 1px rgba(255,255,255,.05),
        8px 8px 0 rgba(0,0,0,.28);
    text-align: center;
}
.wb-error-code {
    position: absolute;
    top: 50%;
    left: 50%;
    color: rgba(211,172,89,.035);
    font: 260px/.8 var(--wdev-display);
    letter-spacing: -.06em;
    pointer-events: none;
    transform: translate(-50%, -50%);
    user-select: none;
}
.wb-error-code.is-user { font-size: 300px; }
.wb-error-icon {
    width: 66px;
    height: 66px;
    display: grid;
    place-items: center;
    position: relative;
    margin-bottom: 20px;
    border: 3px solid #090807;
    background: #2b2113;
    box-shadow: inset 0 0 0 2px #725621, 4px 4px 0 rgba(0,0,0,.38);
    color: var(--wdev-gold);
}
.wb-error-icon .wb-material { font-size: 31px; }
.wb-error-kicker {
    position: relative;
    margin-bottom: 13px;
    color: var(--wdev-gold);
    font: 10px/1 var(--wdev-ui);
    letter-spacing: .17em;
    text-transform: uppercase;
}
.wb-error-card h1 {
    position: relative;
    margin: 0 0 15px;
    color: #fff;
    font: 44px/1 var(--wdev-display);
    letter-spacing: .015em;
    text-shadow: 4px 4px #000;
}
.wb-error-card > p {
    max-width: 540px;
    position: relative;
    margin: 0;
    color: #bdb2a9;
    font: 16px/1.65 Arial, sans-serif;
}
.wb-error-card > p.wb-error-secondary { margin-top: 7px; color: #90857c; font-size: 14px; }
.wb-error-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: relative;
    margin-top: 28px;
}
body.wbrownie-theme .wb-error-actions .ui.button {
    min-width: 168px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}
body.wbrownie-theme .wb-error-actions .ui.button:first-child {
    --mc-button-bg: #4b4038;
    --mc-button-hover: #5c4e44;
    --mc-button-frame: #74665c;
    --mc-button-text: #e7ddd5;
}
body.wbrownie-theme .wb-error-actions .ui.button:last-child {
    --mc-button-bg: #604a1d;
    --mc-button-hover: #765c23;
    --mc-button-frame: #a47c25;
    --mc-button-text: #fff4ce;
}
.wb-error-actions .wb-material { font-size: 18px; }
.wb-error-help {
    max-width: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    position: relative;
    margin-top: 30px;
    padding-top: 18px;
    border-top: 1px solid #342b24;
    color: #7f756d;
    font: 13px/1.45 Arial, sans-serif;
}
.wb-error-help .wb-material { color: #8c7040; font-size: 18px; }
.wb-error-help a { color: #bca36f; }
.wb-error-help a:hover { color: var(--wdev-gold); }

@media (max-width: 600px) {
    .wb-error-page { min-height: 520px; padding: 42px 0; }
    .wb-error-card { min-height: 430px; padding: 46px 20px 38px; }
    .wb-error-code { font-size: 175px; }
    .wb-error-card h1 { font-size: 34px; }
    .wb-error-card > p { font-size: 15px; }
    .wb-error-actions { width: 100%; align-items: stretch; flex-direction: column; }
    body.wbrownie-theme .wb-error-actions .ui.button { width: 100%; min-width: 0; }
}

/* Warship footer */
body.wbrownie-theme #wrapper {
    margin-bottom: 0;
}
body.wbrownie-theme .wb-page-content {
    padding-bottom: 54px;
}
body.wbrownie-theme#page-Home .wb-page-content,
body.wbrownie-theme#page-index .wb-page-content {
    padding-bottom: 0;
}
.wb-site-footer {
    position: relative;
    overflow: hidden;
    margin-top: auto;
    border-top: 3px solid var(--wdev-black);
    background:
        radial-gradient(circle at 14% 30%, rgba(202, 148, 34, .055), transparent 27%),
        linear-gradient(115deg, rgba(255,255,255,.018), transparent 38%),
        #100d0b;
    color: var(--wdev-muted);
    box-shadow: inset 0 1px #4b3d27;
}
.wb-site-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1160px, calc(100% - 48px));
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(225, 169, 42, .55), transparent);
    transform: translateX(-50%);
}
.wb-site-footer-main,
.wb-site-footer-information,
.wb-site-footer-bottom {
    width: min(calc(100% - 48px), 1160px);
    margin-inline: auto;
}
.wb-site-footer-main {
    display: grid;
    grid-template-columns: 1.08fr .96fr .96fr;
    align-items: stretch;
    padding: 36px 0 30px;
}
.wb-site-footer-column {
    min-width: 0;
    padding: 4px 42px;
}
.wb-site-footer-column:first-child { padding-left: 0; }
.wb-site-footer-column:last-child { padding-right: 0; }
.wb-site-footer-column + .wb-site-footer-column {
    border-left: 1px solid #302820;
}
.wb-site-footer-watermark {
    min-height: 184px;
    position: relative;
    overflow: hidden;
    pointer-events: none;
}
.wb-site-footer-join,
.wb-site-footer-store {
    display: flex;
    flex-direction: column;
}
.wb-site-footer-join { border-left: 0 !important; }
.wb-site-footer-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 19px;
}
.wb-site-footer-title::after {
    content: '';
    width: 25px;
    height: 4px;
    margin-left: 2px;
    background: var(--wdev-gold);
    box-shadow: 0 0 10px rgba(226, 169, 38, .35);
}
.wb-site-footer-title .wb-material {
    color: #826a45;
    font-size: 20px;
}
.wb-site-footer-title h2 {
    margin: 0;
    color: #f7f1eb;
    font: 18px/1 var(--wdev-ui);
    text-shadow: 2px 2px #000;
}
.wb-site-footer-brand {
    width: 440px;
    height: 210px;
    display: block;
    position: absolute;
    top: -12px;
    left: -72px;
    overflow: hidden;
    opacity: .115;
    user-select: none;
}
.wb-site-footer-brand img {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    filter: grayscale(1) sepia(.12) brightness(.82) contrast(1.08);
    transform: translateY(-50%);
}
.wb-site-footer-join > p,
.wb-site-footer-store > p {
    margin: 2px 0 15px;
    color: #c8beb5;
    font: 15px/1.5 Arial, sans-serif;
}
.wb-site-footer-store-note {
    display: block;
    min-height: 42px;
    margin: -7px 0 15px;
    color: #827970;
    font: 13px/1.55 Arial, sans-serif;
}
.wb-footer-server-details {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin: -2px 0 14px;
}
.wb-footer-server-details > span {
    min-width: 0;
    padding: 7px 8px 8px;
    border: 1px solid #332b24;
    background: rgba(255,255,255,.018);
}
.wb-footer-server-details small,
.wb-footer-server-details strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wb-footer-server-details small {
    margin-bottom: 4px;
    color: #756b62;
    font: 8px/1 var(--wdev-ui);
    letter-spacing: .08em;
    text-transform: uppercase;
}
.wb-footer-server-details strong {
    color: #cfc5bc;
    font: 10px/1 var(--wdev-ui);
}
.wb-footer-server-details strong.is-online { color: #8fbd82; }
.wb-footer-server-details strong.is-offline { color: #bd817a; }
.wb-footer-cta {
    width: 222px;
    min-height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    position: relative;
    overflow: hidden;
    padding: 9px 14px;
    border: 3px solid #080706;
    border-radius: 0;
    outline: 0;
    background: #5b461a;
    color: #fff8e7;
    box-shadow:
        inset 0 0 0 2px #a67b20,
        inset 0 2px rgba(255,255,255,.13),
        inset 0 -4px rgba(0,0,0,.34),
        4px 4px 0 rgba(0,0,0,.35);
    font: 13px/1 var(--wdev-ui);
    text-transform: uppercase;
    text-shadow: 2px 2px #1a1307;
    cursor: pointer;
    transition: filter .18s ease, transform .12s ease, box-shadow .18s ease;
}
.wb-footer-cta::before {
    content: '';
    position: absolute;
    top: -30%;
    left: -45%;
    width: 28%;
    height: 160%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.27), transparent);
    transform: skewX(-18deg);
    transition: left .42s ease;
}
.wb-footer-cta:hover {
    color: #fff;
    filter: brightness(1.13);
    transform: translateY(-2px);
    box-shadow:
        inset 0 0 0 2px #c0922b,
        inset 0 2px rgba(255,255,255,.17),
        inset 0 -4px rgba(0,0,0,.29),
        4px 6px 0 rgba(0,0,0,.32),
        0 0 18px rgba(216,157,30,.13);
}
.wb-footer-cta:hover::before { left: 125%; }
.wb-footer-cta:active { transform: translateY(1px); }
.wb-footer-cta .wb-material { font-size: 18px; }
.wb-footer-store-button {
    background: #654c19;
    color: #fff4cf;
    box-shadow:
        inset 0 0 0 2px #b18429,
        inset 0 2px rgba(255,255,255,.15),
        inset 0 -4px rgba(0,0,0,.31),
        4px 4px 0 rgba(0,0,0,.35),
        0 0 18px rgba(214,156,31,.09);
}
.wb-site-footer-join .wb-footer-cta,
.wb-site-footer-store .wb-footer-cta { margin-top: auto; }
.wb-site-footer-information {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 13px 0;
    border-top: 1px solid #2c251f;
    color: #8d837a;
}
.wb-site-footer-information p {
    margin: 0;
    font: 13px/1.45 Arial, sans-serif;
}
.wb-site-footer-information a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #c6bbb2;
    font: 13px/1 Arial, sans-serif;
    transition: color .18s ease;
}
.wb-site-footer-information a:hover { color: var(--wdev-gold); }
.wb-site-footer-information .wb-material { font-size: 17px; }
.wb-site-footer-social > span {
    color: #786a5f;
    font: 9px/1 var(--wdev-ui);
    letter-spacing: .16em;
    text-transform: uppercase;
}
.wb-site-footer-bottom {
    width: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-inline: max(24px, calc((100% - 1160px) / 2));
    border-top: 1px solid #302820;
    background: rgba(7,6,5,.42);
}
.wb-site-footer-bottom p {
    margin: 0;
    color: #bdb3aa;
    font: 12px/1 var(--wdev-ui);
    letter-spacing: .03em;
}
.wb-site-footer-bottom p span { color: var(--wdev-gold); }
.wb-site-footer-social {
    display: flex;
    align-items: center;
    gap: 15px;
}
.wb-site-footer-social-links {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 36px;
    padding: 7px 12px;
    border-left: 1px solid #3a312a;
    background: rgba(255,255,255,.018);
}
.wb-site-footer-social-links a {
    width: auto;
    height: auto;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: #a49d96 !important;
    box-shadow: none;
    transition: color .18s ease, opacity .18s ease;
}
.wb-site-footer-social-links a:hover {
    background: transparent;
    color: #d2ccc6 !important;
    transform: none;
    box-shadow: none;
}
.wb-site-footer-social-links i {
    margin: 0;
    color: inherit !important;
    font-size: 17px;
}

@media (max-width: 900px) {
    .wb-site-footer-main,
    .wb-site-footer-information,
    .wb-site-footer-bottom {
        width: min(calc(100% - 28px), 1160px);
    }
    .wb-site-footer-main {
        grid-template-columns: 1fr 1fr;
        padding: 30px 0 24px;
    }
    .wb-site-footer-column { padding: 4px 28px; }
    .wb-site-footer-column:first-child { padding-left: 0; }
    .wb-site-footer-store { grid-column: 1 / -1; margin-top: 28px; padding: 28px 0 0; border-top: 1px solid #302820; border-left: 0 !important; }
    .wb-site-footer-store-note { min-height: 0; }
    .wb-copy-dialog { padding: 30px 22px 25px; }
    .wb-copy-status { width: 72px; height: 72px; }
    .wb-copy-dialog h2 { font-size: 27px; }
}

@media (max-width: 480px) {
    .wb-site-footer-main { grid-template-columns: 1fr; }
    .wb-site-footer-column,
    .wb-site-footer-column:first-child,
    .wb-site-footer-column:last-child { padding: 24px 0; border-left: 0; }
    .wb-site-footer-column + .wb-site-footer-column { border-top: 1px solid #302820; }
    .wb-site-footer-join { margin-top: 8px; }
    .wb-site-footer-store { grid-column: auto; margin-top: 0; }
    .wb-site-footer-watermark { min-height: 160px; }
    .wb-site-footer-brand { width: 410px; height: 190px; top: -14px; left: -72px; }
    .wb-site-footer-information { align-items: flex-start; flex-direction: column; gap: 9px; padding: 18px 0; }
    .wb-site-footer-bottom { width: 100%; align-items: flex-start; flex-direction: column; gap: 14px; padding: 19px 14px; }
    .wb-site-footer-social { width: 100%; justify-content: space-between; }
    .wb-footer-server-details { max-width: 310px; }
}

/* Final WDEV Minecraft GUI override from the latest reference block. */
body.wbrownie-theme :is(
    .ui.button,
    button.ui.button,
    input.ui.button,
    .wb-button,
    #navbar > .ui.container > a.item:not(.wb-brand):not(.toc)
) {
    position: relative;
    min-height: 44px;
    padding: 9px 15px;
    border: 3px solid #090909 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: var(--mc-button-bg) !important;
    color: var(--mc-button-text) !important;
    box-shadow:
        inset 0 0 0 2px var(--mc-button-frame),
        inset 0 2px 0 rgba(255,255,255,.11),
        inset 0 -4px 0 rgba(0,0,0,.32) !important;
    font: 15px/1 var(--wdev-ui) !important;
    font-weight: 400 !important;
    text-shadow: 2px 2px #0d0f11 !important;
    transition: background-color .12s linear, color .12s linear, box-shadow .12s linear, transform .08s linear !important;
}
body.wbrownie-theme :is(
    .ui.button,
    button.ui.button,
    input.ui.button,
    .wb-button,
    #navbar > .ui.container > a.item:not(.wb-brand):not(.toc)
):hover:not(:disabled):not(.disabled) {
    background: var(--mc-button-hover) !important;
    color: var(--mc-button-text) !important;
    box-shadow:
        inset 0 0 0 2px var(--mc-button-frame),
        inset 0 2px 0 rgba(255,255,255,.17),
        inset 0 -4px 0 rgba(0,0,0,.27) !important;
    transform: none !important;
}
body.wbrownie-theme :is(
    .ui.button,
    button.ui.button,
    input.ui.button,
    .wb-button,
    #navbar > .ui.container > a.item:not(.wb-brand):not(.toc)
):active:not(:disabled):not(.disabled) {
    background: var(--mc-button-hover) !important;
    box-shadow:
        inset 0 0 0 2px var(--mc-button-frame),
        inset 0 3px 0 rgba(0,0,0,.28),
        inset 0 -2px 0 rgba(255,255,255,.06) !important;
    transform: translateY(1px) !important;
}
body.wbrownie-theme :is(
    .ui.button,
    button.ui.button,
    input.ui.button,
    .wb-button,
    #navbar > .ui.container > a.item:not(.wb-brand):not(.toc)
):focus-visible {
    outline: 2px solid var(--wdev-gold) !important;
    outline-offset: 2px;
}
body.wbrownie-theme #navbar > .ui.container > a.item.active:not(.wb-brand) {
    background: #514525 !important;
    color: #fff3c9 !important;
    box-shadow:
        inset 0 0 0 2px #c79a28,
        inset 0 2px 0 rgba(255,255,255,.13),
        inset 0 -4px 0 rgba(0,0,0,.32) !important;
}

/* Stable scrollbar geometry and clean route fade. */
html {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
}
body.wbrownie-theme,
body.wbrownie-theme.pushable,
body.wbrownie-theme.pushable > .pusher {
    height: auto !important;
    min-height: 100vh;
    overflow: visible !important;
    scrollbar-gutter: auto;
}
.wb-page-content {
    transform: none !important;
    filter: none !important;
    transition: opacity .22s ease !important;
}
html.wb-js.wb-page-loading .wb-page-content,
html.wb-js.wb-page-leaving .wb-page-content {
    opacity: 0 !important;
    transform: none !important;
    filter: none !important;
}
html.wb-js.wb-page-ready .wb-page-content {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}
@keyframes wb-rise-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Header dropdown and account entry controls. */
body.wbrownie-theme #navbar,
body.wbrownie-theme #navbar > .ui.container {
    position: relative;
    overflow: visible !important;
}
body.wbrownie-theme #navbar { z-index: 120; }
body.wbrownie-theme #navbar .ui.dropdown.item { z-index: 2; }
body.wbrownie-theme #navbar .ui.dropdown.item.active,
body.wbrownie-theme #navbar .ui.dropdown.item.visible {
    z-index: 130;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .dropdown.icon {
    width: 12px;
    margin: 0 0 0 2px !important;
    color: rgba(255,255,255,.62);
    font-size: 11px;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu {
    top: calc(100% + 9px) !important;
    left: -3px !important;
    min-width: 242px;
    margin: 0 !important;
    padding: 6px !important;
    overflow: visible;
    border: 3px solid #090807 !important;
    border-radius: 0 !important;
    outline: 1px solid #6e6054;
    background: #18130f !important;
    box-shadow: 8px 9px 0 rgba(0,0,0,.32) !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 27px;
    width: 13px;
    height: 13px;
    border-top: 3px solid #090807;
    border-left: 3px solid #090807;
    background: #18130f;
    transform: rotate(45deg);
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .header {
    margin: 0 !important;
    padding: 12px 13px 10px !important;
    border: 0 !important;
    color: #7f756c !important;
    font: 10px/1 var(--wdev-ui) !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .item {
    min-height: 42px;
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    padding: 11px 13px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #d1c8c0 !important;
    box-shadow: none !important;
    font: 14px/1.2 var(--wdev-body) !important;
    text-shadow: none !important;
    transition: background-color .14s ease, color .14s ease, padding-left .14s ease !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .item:hover,
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .selected.item {
    padding-left: 17px !important;
    background: #30271e !important;
    color: #fff !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .item :is(i.icon,.wb-material) {
    width: 20px;
    margin: 0 !important;
    color: #caa33d !important;
    text-align: center;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .divider {
    margin: 5px 9px !important;
    border: 0 !important;
    background: #40372f !important;
}
body.wbrownie-theme .wb-guest-control {
    border: 0 !important;
    background: transparent !important;
    color: #c8c0b9 !important;
    box-shadow: none !important;
    transition: color .16s ease, transform .16s ease !important;
}
body.wbrownie-theme .wb-guest-control:hover {
    color: #f0c75c !important;
    transform: translateY(-1px);
}

/* WBrownie account access pages. */
body.wbrownie-theme .wb-auth-page {
    width: min(calc(100% - 32px), 1080px);
    margin: 44px auto 72px;
}
.wb-auth-heading { margin: 0 0 24px; }
.wb-auth-kicker,
.wb-auth-panel-title small,
.wb-auth-side > small {
    color: var(--wdev-gold);
    font: 10px/1 var(--wdev-ui);
    letter-spacing: .09em;
}
.wb-auth-heading h1 {
    margin: 8px 0 7px;
    color: #fff;
    font: clamp(34px, 5vw, 54px)/.9 "MinecraftTEN", var(--wdev-ui);
    letter-spacing: .015em;
    text-shadow: 4px 4px #080706;
    text-transform: uppercase;
}
.wb-auth-heading p {
    max-width: 620px;
    margin: 0;
    color: #aaa097;
    font: 15px/1.65 var(--wdev-body);
}
body.wbrownie-theme .wb-auth-message.ui.message {
    margin: 0 0 22px !important;
}
.wb-auth-card {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(285px, .72fr);
    border: 3px solid #080706;
    outline: 1px solid #5f544c;
    background: #1a1511;
    box-shadow: 8px 9px rgba(0,0,0,.24);
}
.wb-auth-panel { min-width: 0; padding: 34px 38px 38px; }
.wb-auth-panel-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #40362f;
}
.wb-auth-panel-title > .wb-material {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    border: 2px solid #090807;
    outline: 1px solid #7b6229;
    background: #312714;
    color: #efc34e;
    font-size: 23px;
}
.wb-auth-panel-title h2 {
    margin: 5px 0 0;
    color: #fff;
    font: 23px/1 "MinecraftTEN", var(--wdev-ui);
    text-transform: uppercase;
}
body.wbrownie-theme .wb-auth-form.ui.form .field { margin-bottom: 20px; }
body.wbrownie-theme .wb-auth-form.ui.form .field > label {
    margin-bottom: 8px;
    color: #e7dfd8;
    font: 13px/1.2 var(--wdev-body);
    font-weight: 700;
}
.wb-auth-input { position: relative; }
.wb-auth-input > .wb-material {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 15px;
    color: #91877e;
    font-size: 20px;
    transform: translateY(-50%);
    pointer-events: none;
}
body.wbrownie-theme .wb-auth-input > input { padding-left: 47px !important; }
body.wbrownie-theme .wb-auth-form.ui.form :is(input,textarea,.ui.selection.dropdown) {
    min-height: 50px;
    border: 2px solid #090807 !important;
    border-radius: 0 !important;
    outline: 1px solid #4e443c;
    background: #100d0b !important;
    color: #eee7e1 !important;
    box-shadow: inset 2px 2px rgba(0,0,0,.22) !important;
    font: 14px/1.35 var(--wdev-body) !important;
    transition: outline-color .15s ease, background-color .15s ease !important;
}
body.wbrownie-theme .wb-auth-form.ui.form textarea { min-height: 112px; resize: vertical; }
body.wbrownie-theme .wb-auth-form.ui.form :is(input,textarea,.ui.selection.dropdown):focus {
    outline-color: #bd9330;
    background: #17120f !important;
}
body.wbrownie-theme .wb-auth-form.ui.form input::placeholder,
body.wbrownie-theme .wb-auth-form.ui.form textarea::placeholder { color: #716861; opacity: 1; }
.wb-auth-options,
.wb-auth-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 2px 0 22px;
}
.wb-auth-options a { color: #d7b453; font: 13px/1.3 var(--wdev-body); }
.wb-auth-options a:hover { color: #f3d273; }
body.wbrownie-theme .wb-auth-form .ui.checkbox label,
body.wbrownie-theme .wb-auth-terms .ui.checkbox label,
body.wbrownie-theme .wb-auth-form .ui.radio.checkbox label { color: #b9afa7 !important; }
body.wbrownie-theme .wb-auth-submit { width: 100%; min-height: 50px !important; }
.wb-auth-side {
    position: relative;
    overflow: hidden;
    padding: 39px 32px;
    border-left: 1px solid #4b3f35;
    background:
        linear-gradient(145deg, rgba(177,137,38,.11), transparent 56%),
        #130f0d;
}
.wb-auth-side::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -90px;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(205,159,43,.12);
    transform: rotate(45deg);
    pointer-events: none;
}
.wb-auth-side-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin: 0 0 27px;
    border: 2px solid #080706;
    outline: 1px solid #725b28;
    background: #2b2212;
    color: #efc34e;
}
.wb-auth-side-icon .wb-material { font-size: 27px; }
.wb-auth-side h2 {
    margin: 10px 0 12px;
    color: #fff;
    font: 25px/1.05 "MinecraftTEN", var(--wdev-ui);
    text-transform: uppercase;
}
.wb-auth-side p {
    margin: 0 0 22px;
    color: #a99e95;
    font: 14px/1.65 var(--wdev-body);
}
.wb-auth-side ul { margin: 0 0 28px; padding: 0; list-style: none; }
.wb-auth-side li {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 10px 0;
    color: #c7bdb4;
    font: 13px/1.35 var(--wdev-body);
}
.wb-auth-side li .wb-material { color: #72b781; font-size: 17px; }
body.wbrownie-theme .wb-auth-secondary { width: 100%; }
.wb-auth-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 25px 0 20px;
    color: #786e66;
    font: 10px/1 var(--wdev-ui);
}
.wb-auth-divider::before,
.wb-auth-divider::after { content: ""; height: 1px; flex: 1; background: #40362f; }
.wb-auth-oauth { display: grid; gap: 11px; }
.wb-auth-oauth-button img { width: 20px; max-height: 20px; object-fit: contain; }
.wb-auth-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
.wb-auth-field:has(textarea),
.wb-auth-field:has(.radio.checkbox),
.wb-auth-field:has(input[type="checkbox"]) { grid-column: 1 / -1; }
.wb-auth-terms { margin: 4px 0 22px; }
.wb-auth-terms-hidden { display: none; }
.wb-auth-flow-note {
    width: fit-content;
    margin-top: 12px;
    padding: 10px 13px;
    border-left: 3px solid var(--wdev-gold);
    background: #211a13;
    color: #cbbfb6;
}
@media (max-width: 820px) {
    .wb-auth-card { grid-template-columns: 1fr; }
    .wb-auth-side { border-top: 1px solid #4b3f35; border-left: 0; }
}
@media (max-width: 560px) {
    body.wbrownie-theme .wb-auth-page { width: min(calc(100% - 22px),1080px); margin-top: 28px; }
    .wb-auth-panel,
    .wb-auth-side { padding: 25px 20px 28px; }
    .wb-auth-fields { grid-template-columns: 1fr; }
    .wb-auth-field { grid-column: 1 !important; }
    .wb-auth-options { align-items: flex-start; flex-direction: column; }
}
::view-transition-old(wb-page-content) {
    animation: .2s ease-in both wb-clean-fade-out !important;
}
::view-transition-new(wb-page-content) {
    animation: .24s ease-out both wb-clean-fade-in !important;
}
@keyframes wb-clean-fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes wb-clean-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Gold 3D server button with a single hover light sweep. */
body.wbrownie-theme #navbar.ui.menu.wb-main-header > .ui.container button.wb-server-copy.wb-button {
    --mc-button-bg: #8a6519;
    --mc-button-hover: #a77b20;
    --mc-button-frame: #e0ae39;
    --mc-button-text: #fff7d8;
    overflow: hidden;
    min-width: 196px;
    background:
        linear-gradient(180deg, #9a7425 0%, #806018 58%, #674a10 100%) !important;
    box-shadow:
        inset 0 0 0 2px #d7a638,
        inset 0 3px 0 rgba(255,245,184,.2),
        inset 0 -5px 0 rgba(67,42,4,.42),
        0 3px 0 #120d04 !important;
    color: #fff7d8 !important;
}
body.wbrownie-theme #navbar.ui.menu.wb-main-header > .ui.container button.wb-server-copy.wb-button::before {
    position: absolute;
    top: -45%;
    bottom: -45%;
    left: -55%;
    z-index: 1;
    width: 38%;
    background: linear-gradient(90deg, transparent, rgba(255,248,198,.42), transparent);
    content: "";
    pointer-events: none;
    transform: skewX(-24deg);
}
body.wbrownie-theme #navbar.ui.menu.wb-main-header > .ui.container button.wb-server-copy.wb-button > * {
    position: relative;
    z-index: 2;
}
body.wbrownie-theme #navbar.ui.menu.wb-main-header > .ui.container button.wb-server-copy.wb-button:hover {
    background:
        linear-gradient(180deg, #b68a2c 0%, #956f1c 58%, #755512 100%) !important;
    box-shadow:
        inset 0 0 0 2px #edc158,
        inset 0 3px 0 rgba(255,250,209,.25),
        inset 0 -5px 0 rgba(67,42,4,.36),
        0 0 16px rgba(237,181,47,.28),
        0 3px 0 #120d04 !important;
}
body.wbrownie-theme #navbar.ui.menu.wb-main-header > .ui.container button.wb-server-copy.wb-button:hover::before {
    animation: wb-gold-sweep .72s ease-out both !important;
}
body.wbrownie-theme #navbar.ui.menu.wb-main-header > .ui.container button.wb-server-copy.wb-button:active {
    box-shadow:
        inset 0 0 0 2px #d7a638,
        inset 0 4px 0 rgba(67,42,4,.38),
        inset 0 -2px 0 rgba(255,245,184,.12) !important;
}
.wb-server-copy-copy small {
    color: #ffe9a6;
}
.wb-server-copy-copy strong {
    color: #fffdf0;
}
@keyframes wb-gold-sweep {
    from { left: -55%; }
    to { left: 125%; }
}

/* Animated copy confirmation sequence. */
.wb-copy-overlay.is-visible {
    animation: wb-copy-overlay-in .22s ease-out both !important;
}
.wb-copy-overlay.is-visible .wb-copy-dialog {
    animation: wb-copy-dialog-in .34s cubic-bezier(.2,.82,.25,1) both !important;
}
.wb-copy-overlay.is-visible .wb-copy-status {
    animation: wb-copy-status-in .42s .08s cubic-bezier(.2,.88,.25,1) both !important;
}
.wb-copy-overlay.is-visible .wb-copy-status .wb-material {
    animation: wb-copy-check-in .28s .24s ease-out both !important;
}
.wb-copy-overlay.is-visible .wb-copy-dialog h2,
.wb-copy-overlay.is-visible .wb-copy-dialog p,
.wb-copy-overlay.is-visible .wb-copy-close {
    animation: wb-copy-content-in .28s ease-out both !important;
}
.wb-copy-overlay.is-visible .wb-copy-dialog h2 { animation-delay: .18s !important; }
.wb-copy-overlay.is-visible .wb-copy-dialog p { animation-delay: .23s !important; }
.wb-copy-overlay.is-visible .wb-copy-close { animation-delay: .28s !important; }
@keyframes wb-copy-overlay-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes wb-copy-dialog-in {
    from { opacity: 0; transform: translateY(18px) scale(.965); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes wb-copy-status-in {
    from { opacity: 0; transform: scale(.65) rotate(-7deg); }
    to { opacity: 1; transform: scale(1) rotate(0); }
}
@keyframes wb-copy-check-in {
    from { opacity: 0; transform: scale(.45); }
    to { opacity: 1; transform: scale(1); }
}
@keyframes wb-copy-content-in {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 520px) {
    body.wbrownie-theme #navbar.ui.menu.wb-main-header > .ui.container button.wb-server-copy.wb-button {
        width: 128px;
        min-width: 128px;
        padding-inline: 9px !important;
    }
    .wb-server-copy-copy {
        position: static;
        overflow: visible;
        width: auto;
        height: auto;
        display: flex;
        clip: auto;
    }
    .wb-server-copy-copy small { display: none; }
    .wb-server-copy-copy { gap: 8px; }
    .wb-server-copy-copy strong { font-size: 10px; }
    .wb-server-count { min-width: 25px; height: 22px; padding-inline: 5px; font-size: 9px; }
}

/* Account portal and public profile */
body.wbrownie-theme .ui.container:has(.wb-user-nav) > h2.ui.header::before {
    display: block;
    margin-bottom: 9px;
    color: var(--wdev-gold);
    content: "WARSHIP ID / ACCOUNT";
    font: 9px/1 var(--wdev-ui);
    letter-spacing: .08em;
    text-shadow: none;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) {
    margin-top: 0;
    margin-bottom: 52px;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) > .row {
    align-items: flex-start;
}
.wb-user-nav.ui.vertical.menu {
    position: sticky;
    top: 148px;
    overflow: visible;
    border: 3px solid var(--wdev-black) !important;
    border-radius: 0 !important;
    outline: 1px solid #62574f;
    background: #17120f !important;
    box-shadow: 7px 8px rgba(0,0,0,.2) !important;
}
.wb-user-nav-heading {
    min-height: 79px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px;
    border-bottom: 3px solid var(--wdev-black);
    background: #4c443e;
    box-shadow: inset 0 -1px #71675f;
}
.wb-user-nav-heading > .wb-material {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    flex: 0 0 37px;
    border: 2px solid #211b17;
    background: #302924;
    color: #f3d170;
    font-size: 22px;
}
.wb-user-nav-heading small,
.wb-user-nav-heading strong {
    display: block;
}
.wb-user-nav-heading small {
    margin-bottom: 6px;
    color: #c2b8af;
    font: 8px/1 var(--wdev-ui);
    letter-spacing: .06em;
    text-transform: uppercase;
}
.wb-user-nav-heading strong {
    color: #fff;
    font: 12px/1.15 var(--wdev-ui);
    text-transform: uppercase;
}
body.wbrownie-theme .wb-user-nav.ui.vertical.menu > a.item {
    min-height: 53px;
    display: grid;
    grid-template-columns: 31px 1fr 20px;
    align-items: center;
    gap: 8px;
    padding: 11px 13px !important;
    border-bottom: 1px solid #3e352e;
    color: #cfc6be !important;
    font-size: 14px;
}
body.wbrownie-theme .wb-user-nav.ui.vertical.menu > a.item:hover {
    padding-left: 13px !important;
    background: #2b241f;
}
body.wbrownie-theme .wb-user-nav.ui.vertical.menu > a.item.active {
    background: linear-gradient(90deg, rgba(237,181,47,.16), rgba(237,181,47,.025));
    box-shadow: inset 4px 0 var(--wdev-gold);
}
.wb-user-nav-number {
    color: #847a72;
    font: 8px/1 var(--wdev-ui);
}
.wb-user-nav .active .wb-user-nav-number {
    color: var(--wdev-gold);
}
.wb-user-nav-arrow {
    justify-self: end;
    color: #71675f;
    font-size: 18px;
    transition: color .18s ease, transform .18s ease;
}
.wb-user-nav a:hover .wb-user-nav-arrow,
.wb-user-nav a.active .wb-user-nav-arrow {
    color: var(--wdev-gold);
    transform: translateX(2px);
}

body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment {
    margin: 0 0 20px;
    padding: 0 24px 25px;
    border: 3px solid var(--wdev-black);
    outline: 1px solid #5b5048;
    background: #1c1713;
    box-shadow: 7px 8px rgba(0,0,0,.2);
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment > h3.ui.header {
    min-height: 61px;
    display: flex;
    align-items: center;
    margin: 0 -24px 24px;
    padding: 17px 24px;
    border-bottom: 3px solid var(--wdev-black);
    background: #4b433d;
    color: #fff;
    box-shadow: inset 0 -1px #71675f;
    font: 12px/1.2 var(--wdev-ui);
    letter-spacing: .025em;
    text-transform: uppercase;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.relaxed.list > .item {
    min-height: 66px;
    display: grid;
    grid-template-columns: 34px 1fr;
    align-items: center;
    padding: 13px 8px;
    border-bottom: 1px solid #3e352e;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.relaxed.list > .item:last-child {
    border-bottom: 0;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.relaxed.list > .item > i.icon {
    margin: 0;
    color: var(--wdev-gold);
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.list .header {
    margin-bottom: 5px;
    color: #fff !important;
    font-weight: 700;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.list .description {
    color: #a99e95;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form .field {
    margin-bottom: 19px;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form .field > label {
    margin-bottom: 8px;
    color: #d8cfc7;
    font-size: 13px;
    font-weight: 700;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form input:not([type="submit"]):not([type="file"]),
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form textarea,
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.selection.dropdown {
    min-height: 47px;
    border: 2px solid #080706 !important;
    border-radius: 0 !important;
    outline: 1px solid #554b43;
    background: #110e0c !important;
    color: #e8e1db !important;
    box-shadow: inset 2px 2px rgba(0,0,0,.26) !important;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form textarea {
    min-height: 120px;
    padding: 13px;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form input:focus,
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form textarea:focus,
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.selection.dropdown.active {
    outline-color: var(--wdev-gold) !important;
    background: #17120f !important;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) table.ui.table {
    border: 2px solid #080706 !important;
    border-radius: 0 !important;
    outline: 1px solid #554b43;
    background: #15110e !important;
    color: #d9d0c8 !important;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) table.ui.table thead th {
    border-color: #5b5048 !important;
    background: #403832 !important;
    color: #fff !important;
    font: 9px/1.35 var(--wdev-ui);
    text-transform: uppercase;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) table.ui.table td {
    border-color: #3b322b !important;
    color: #d9d0c8 !important;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) table.ui.table tr:hover td {
    background: #251f1a !important;
}

/* Public profile identity card. */
body.wbrownie-theme #profile-header.wb-profile-header {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    margin: 0 0 30px;
    padding: 0 !important;
    border: 3px solid var(--wdev-black);
    border-radius: 0;
    outline: 1px solid #6d625a;
    background-color: #17120f;
    background-position: center;
    box-shadow: 8px 9px rgba(0,0,0,.22);
    isolation: isolate;
}
body.wbrownie-theme #profile-header.wb-profile-header::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10,8,7,.08) 20%, rgba(10,8,7,.72) 70%, #100d0b 100%),
        linear-gradient(90deg, rgba(10,8,7,.24), transparent 58%);
    content: "";
}
body.wbrownie-theme #profile-header .actions {
    position: absolute;
    z-index: 3;
    top: 18px;
    right: 18px;
    display: flex;
    gap: 8px;
}
body.wbrownie-theme #profile-header > center {
    position: absolute;
    z-index: 2;
    right: 26px;
    bottom: 24px;
    left: 26px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 18px;
    text-align: left;
}
body.wbrownie-theme #profile-header > center > img.image {
    width: 116px !important;
    height: 116px !important;
    flex: 0 0 116px;
    margin: 0 !important;
    border: 4px solid #090706;
    border-radius: 0 !important;
    outline: 1px solid #8b7f75;
    background: #17120f;
    box-shadow: 6px 7px rgba(0,0,0,.28);
    image-rendering: pixelated;
}
body.wbrownie-theme #profile-header h2.ui.header {
    margin: 0 10px 6px 0;
    color: #fff;
    font: clamp(29px,4vw,48px)/.9 "MinecraftTEN", var(--wdev-ui);
    letter-spacing: .01em;
    text-align: left;
    text-shadow: 4px 4px #090706;
    text-transform: uppercase;
}
body.wbrownie-theme #profile-header h2.ui.header .sub.header {
    margin-top: 9px;
    color: #c1b7ae;
    font: 13px/1.3 var(--wdev-body);
    text-shadow: 2px 2px #090706;
    text-transform: none;
}
body.wbrownie-theme #profile-header > center > .ui.label,
body.wbrownie-theme #profile-header > center > span {
    margin: 0 5px 7px 0;
}
body.wbrownie-theme #profile.wb-profile-layout {
    margin-top: 0;
    margin-bottom: 48px;
}

body.wbrownie-theme .wb-linked-identities {
  width: min(1160px, calc(100% - 32px));
  margin: 24px auto 0;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #1c1713;
  border: 1px solid rgba(167, 155, 143, .28);
  box-shadow: 5px 5px 0 rgba(0, 0, 0, .28);
}
body.wbrownie-theme .wb-linked-identities__intro { display: grid; gap: 3px; }
body.wbrownie-theme .wb-linked-identities__intro strong { font-family: Minecraft, sans-serif; font-size: 17px; color: #f1ede7; }
body.wbrownie-theme .wb-linked-identities__intro > span:last-child { color: #9f978f; font-size: 13px; }
body.wbrownie-theme .wb-linked-identities__eyebrow { color: #c5a348; font: 11px Minecraft, sans-serif; letter-spacing: .08em; }
body.wbrownie-theme .wb-linked-identities__accounts { display: flex; flex-wrap: wrap; gap: 10px; }
body.wbrownie-theme .wb-linked-identity { min-width: 210px; display: grid; grid-template-columns: 32px 1fr 24px; align-items: center; gap: 10px; padding: 11px 13px; background: #15110e; color: #b8b0a8; }
body.wbrownie-theme .wb-linked-identity > span:first-child { color: #aaa198; }
body.wbrownie-theme .wb-linked-identity > span:nth-child(2) { display: grid; gap: 2px; }
body.wbrownie-theme .wb-linked-identity small { color: #817970; font-size: 9px; letter-spacing: .09em; }
body.wbrownie-theme .wb-linked-identity strong { color: #eee9e2; font: 14px Arial, sans-serif; }
body.wbrownie-theme .wb-linked-identity > i { color: #73b987; font-style: normal; }
@media (max-width: 760px) {
  body.wbrownie-theme .wb-linked-identities { align-items: stretch; flex-direction: column; }
  body.wbrownie-theme .wb-linked-identities__accounts { display: grid; }
}
body.wbrownie-theme #profile .ui.tabular.menu {
    overflow-x: auto;
    margin: 0;
    border: 3px solid var(--wdev-black);
    border-bottom: 0;
    border-radius: 0;
    outline: 1px solid #5b5048;
    background: #15110e;
}
body.wbrownie-theme #profile .column:has(> #profile-feed) {
    display: flex !important;
    flex-direction: column;
}
body.wbrownie-theme #profile .column:has(> #profile-feed) > .ui.tabular.menu {
    display: none !important;
}
body.wbrownie-theme #profile .column:has(> #profile-feed) > .ui.tab.segment {
    display: block !important;
}
body.wbrownie-theme #profile .column:has(> #profile-feed) > #profile-about {
    order: 1;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0;
    margin: 0 0 20px;
    padding: 0 !important;
}
body.wbrownie-theme #profile .column:has(> #profile-feed) > #profile-feed {
    order: 2;
}
body.wbrownie-theme #profile .column:has(> #profile-feed) > .ui.tab.segment:not(#profile-about):not(#profile-feed) {
    order: 3;
    margin-top: 20px;
}
body.wbrownie-theme #profile-about > h3.ui.header {
    grid-column: 1 / -1;
    min-height: 59px;
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 17px 21px !important;
    border-bottom: 3px solid var(--wdev-black) !important;
    background: #4b433d;
    box-shadow: inset 0 -1px #71675f;
}
body.wbrownie-theme #profile-about > .ui.relaxed.list {
    display: contents;
}
body.wbrownie-theme #profile-about > .ui.relaxed.list > .item {
    min-width: 0;
    min-height: 105px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 17px !important;
    border: 0 !important;
    background: #1b1612;
}
body.wbrownie-theme #profile-about > .ui.relaxed.list > .item:nth-of-type(4n) {
    border-right: 0 !important;
}
body.wbrownie-theme #profile-about > .ui.relaxed.list > .item > i.icon {
    width: 30px;
    margin: 0 !important;
    color: var(--wdev-gold);
    font-size: 18px;
    text-align: center;
}
body.wbrownie-theme #profile-about > .ui.relaxed.list > .item .content {
    min-width: 0;
}
body.wbrownie-theme #profile-about > .ui.relaxed.list > .item .header {
    overflow: hidden;
    margin-bottom: 6px;
    color: #fff;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.wbrownie-theme #profile-about > .ui.relaxed.list > .item .description {
    overflow: hidden;
    color: #a99e95;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.wbrownie-theme #profile-about > .ui.message {
    grid-column: 1 / -1;
    margin: 18px !important;
}
body.wbrownie-theme #profile .ui.tabular.menu .item {
    min-height: 54px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 14px 20px;
    border: 0;
    border-right: 1px solid #40372f;
    border-radius: 0;
    background: transparent;
    color: #aaa097;
    font: 10px/1 var(--wdev-ui);
    text-transform: uppercase;
}
body.wbrownie-theme #profile .ui.tabular.menu .item:hover {
    background: #2a231e;
    color: #fff;
}
body.wbrownie-theme #profile .ui.tabular.menu .active.item {
    background: #4b433d;
    color: #fff;
    box-shadow: inset 0 -3px var(--wdev-gold);
}
body.wbrownie-theme #profile .ui.bottom.attached.tab.segment {
    margin: 0;
    padding: 25px;
    border: 3px solid var(--wdev-black);
    border-radius: 0;
    outline: 1px solid #5b5048;
    background: #1b1612;
    box-shadow: 7px 8px rgba(0,0,0,.2);
}
body.wbrownie-theme #profile .ui.tab.segment > h3.ui.header {
    margin: 0 0 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #493f37;
    color: #fff;
    font: 13px/1.2 var(--wdev-ui);
    text-transform: uppercase;
}
body.wbrownie-theme #profile .ui.comments {
    max-width: none;
}
body.wbrownie-theme #profile .ui.comments > .comment {
    margin: 0;
    padding: 19px 0;
    border-bottom: 1px solid #40372f;
}
body.wbrownie-theme #profile .ui.comments .avatar img {
    border: 2px solid #080706;
    border-radius: 0;
    outline: 1px solid #5c5149;
}
body.wbrownie-theme #profile .ui.comments .author {
    color: #fff;
    font-weight: 700;
}
body.wbrownie-theme #profile .ui.comments .metadata,
body.wbrownie-theme #profile .ui.comments .text {
    color: #aea39a;
}
body.wbrownie-theme #profile .ui.comments .actions a {
    color: #dcb758;
}
body.wbrownie-theme #profile-about .ui.relaxed.list > .item {
    min-height: 62px;
    padding: 13px 0;
    border-bottom: 1px solid #40372f;
}
body.wbrownie-theme #profile-about .ui.relaxed.list > .item > i.icon {
    color: var(--wdev-gold);
}

@media (max-width: 991px) {
    .wb-user-nav.ui.vertical.menu { position: static; }
    body.wbrownie-theme #profile-header.wb-profile-header { min-height: 290px; }
    body.wbrownie-theme #profile .column:has(> #profile-feed) > #profile-about {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.wbrownie-theme #profile-about > .ui.relaxed.list > .item:nth-of-type(4n) {
        border-right: 0 !important;
    }
    body.wbrownie-theme #profile-about > .ui.relaxed.list > .item:nth-of-type(2n) {
        border-right: 0 !important;
    }
}
@media (max-width: 767px) {
    body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment {
        padding: 0 17px 19px;
    }
    body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment > h3.ui.header {
        margin-inline: -17px;
        padding-inline: 17px;
    }
    body.wbrownie-theme #profile-header.wb-profile-header { min-height: 270px; }
    body.wbrownie-theme #profile-header > center {
        right: 18px;
        bottom: 18px;
        left: 18px;
        gap: 13px;
    }
    body.wbrownie-theme #profile-header > center > img.image {
        width: 82px !important;
        height: 82px !important;
        flex-basis: 82px;
    }
    body.wbrownie-theme #profile-header h2.ui.header { font-size: 29px; }
    body.wbrownie-theme #profile-header > center > .ui.label,
    body.wbrownie-theme #profile-header > center > span:not(.ui) { display: none !important; }
    body.wbrownie-theme #profile .ui.bottom.attached.tab.segment { padding: 18px; }
    body.wbrownie-theme #profile .column:has(> #profile-feed) > #profile-about {
        grid-template-columns: 1fr;
    }
body.wbrownie-theme #profile-about > .ui.relaxed.list > .item,
body.wbrownie-theme #profile-about > .ui.relaxed.list > .item:nth-of-type(2n),
body.wbrownie-theme #profile-about > .ui.relaxed.list > .item:nth-of-type(4n) {
        min-height: 82px;
        border-right: 0 !important;
    }
}

/* Compact public profile identity and Discord-backed account details. */
body.wbrownie-theme #profile-header .wb-profile-identity {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 5px;
}
body.wbrownie-theme #profile-header .wb-profile-identity h2.ui.header {
    margin: 0 !important;
}
body.wbrownie-theme #profile-header .wb-profile-groups {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
body.wbrownie-theme #profile-header .wb-profile-groups > * {
    margin: 0 !important;
}
body.wbrownie-theme #profile-header .wb-profile-groups .ui.label {
    min-height: 23px;
    padding: 6px 10px !important;
    line-height: 1 !important;
    box-shadow: 3px 3px rgba(0,0,0,.24);
}
body.wbrownie-theme #profile-about > .wb-profile-connections {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(190px, .65fr) minmax(0, 2fr);
    gap: 24px;
    padding: 22px;
    background: #171310;
    border-bottom: 1px solid rgba(133,121,111,.24);
}
body.wbrownie-theme .wb-profile-connections__heading {
    align-content: center;
    display: grid;
    gap: 4px;
}
body.wbrownie-theme .wb-profile-connections__heading > span {
    color: #9f958c;
    font: 10px/1 var(--wdev-ui);
    letter-spacing: .08em;
}
body.wbrownie-theme .wb-profile-connections__heading > strong {
    color: #f2eee8;
    font: 18px/1.15 Minecraft, var(--wdev-ui);
}
body.wbrownie-theme .wb-profile-connections__heading > p {
    margin: 3px 0 0;
    color: #887f77;
    font-size: 12px;
}
body.wbrownie-theme .wb-profile-connections__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 9px;
}
body.wbrownie-theme .wb-profile-connection {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 14px 15px;
    background: #211b17;
    box-shadow: inset 0 0 0 1px rgba(142,129,118,.16);
}
body.wbrownie-theme .wb-profile-connection__icon {
    color: #a69c93;
    font-size: 21px;
}
body.wbrownie-theme .wb-profile-connection__name {
    min-width: 0;
    display: grid;
    gap: 3px;
}
body.wbrownie-theme .wb-profile-connection__name small,
body.wbrownie-theme .wb-discord-details small {
    color: #817870;
    font: 9px/1 var(--wdev-ui);
    letter-spacing: .08em;
}
body.wbrownie-theme .wb-profile-connection__name strong {
    overflow: hidden;
    color: #f0ece6;
    font: 14px/1.2 Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.wbrownie-theme .wb-profile-connection__verified {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #86b392;
    font-size: 11px;
}
body.wbrownie-theme .wb-profile-connection__verified .wb-material { font-size: 15px; }
body.wbrownie-theme .wb-discord-details {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-top: 11px;
    border-top: 1px solid rgba(148,135,124,.16);
}
body.wbrownie-theme .wb-discord-details > span {
    min-width: 0;
    display: grid;
    gap: 4px;
}
body.wbrownie-theme .wb-discord-details strong {
    color: #cfc8c0;
    font: 12px/1.2 Arial, sans-serif;
}
body.wbrownie-theme .wb-discord-details em {
    color: #817870;
    font: normal 10px/1.2 Arial, sans-serif;
}
@media (max-width: 760px) {
    body.wbrownie-theme #profile-about > .wb-profile-connections { grid-template-columns: 1fr; }
    body.wbrownie-theme #profile-header .wb-profile-groups { gap: 4px; }
    body.wbrownie-theme #profile-header .wb-profile-groups .ui.label { padding: 5px 7px !important; }
}

/* Store and server controls stay together at the right edge of the navbar. */
body.wbrownie-theme #navbar .wb-header-store.wb-button {
    --mc-button-bg: #55437e;
    --mc-button-hover: #6b55a0;
    --mc-button-frame: #9a82cf;
    --mc-button-text: #f3ecff;
    position: relative;
    overflow: hidden;
    min-width: 116px;
    margin-left: auto;
    text-decoration: none;
    background: linear-gradient(180deg, #695296 0%, #554078 58%, #41305f 100%) !important;
    color: #f5efff !important;
    box-shadow:
        inset 0 0 0 2px #a28bd3,
        inset 0 3px 0 rgba(244,235,255,.18),
        inset 0 -5px 0 rgba(35,20,58,.4),
        0 3px 0 #100a18 !important;
}
body.wbrownie-theme #navbar .wb-header-store.wb-button::before {
    position: absolute;
    top: -45%;
    bottom: -45%;
    left: -55%;
    z-index: 1;
    width: 38%;
    background: linear-gradient(90deg, transparent, rgba(246,239,255,.35), transparent);
    content: "";
    pointer-events: none;
    transform: skewX(-24deg);
}
body.wbrownie-theme #navbar .wb-header-store.wb-button > * {
    position: relative;
    z-index: 2;
}
body.wbrownie-theme #navbar .wb-header-store.wb-button > .wb-material { font-size: 18px; }
body.wbrownie-theme #navbar .wb-header-store.wb-button > strong { font: 13px/1 var(--wdev-ui); }
body.wbrownie-theme #navbar .wb-header-store.wb-button:hover {
    background: linear-gradient(180deg, #8067b0 0%, #674e92 58%, #4c386d 100%) !important;
    box-shadow:
        inset 0 0 0 2px #baa6e4,
        inset 0 3px 0 rgba(250,246,255,.24),
        inset 0 -5px 0 rgba(35,20,58,.34),
        0 0 15px rgba(137,102,205,.28),
        0 3px 0 #100a18 !important;
}
body.wbrownie-theme #navbar .wb-header-store.wb-button:hover::before {
    animation: wb-store-sweep .72s ease-out both;
}
body.wbrownie-theme #navbar .wb-server-copy { margin-left: 0 !important; }
@keyframes wb-store-sweep {
    from { left: -55%; }
    to { left: 125%; }
}
@media (max-width: 820px) {
    body.wbrownie-theme #navbar .wb-header-store.wb-button { margin-left: auto; }
    body.wbrownie-theme #navbar .toc.item { margin-left: 0; }
}
@media (max-width: 520px) {
    body.wbrownie-theme #navbar .wb-header-store.wb-button {
        width: 44px;
        min-width: 44px;
        padding: 8px !important;
    }
    body.wbrownie-theme #navbar .wb-header-store.wb-button > strong {
        position: absolute;
        overflow: hidden;
        width: 1px;
        height: 1px;
        clip: rect(0,0,0,0);
    }
}

/* Keep this final: it intentionally supersedes legacy theme dropdown/auth rules. */
body.wbrownie-theme #navbar .ui.dropdown.item.wb-more-menu,
body.wbrownie-theme #navbar .ui.dropdown.item.wb-more-menu:hover,
body.wbrownie-theme #navbar .ui.dropdown.item.wb-more-menu.active,
body.wbrownie-theme #navbar .ui.dropdown.item.wb-more-menu.visible {
    min-height: 44px;
    padding-inline: 12px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #c7c0ba !important;
    box-shadow: none !important;
    text-shadow: 2px 2px #080706 !important;
    transform: none !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item.wb-more-menu:hover,
body.wbrownie-theme #navbar .ui.dropdown.item.wb-more-menu.visible {
    color: #fff !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu {
    min-width: 225px;
    padding: 7px !important;
    border: 1px solid #4c433c !important;
    border-radius: 3px !important;
    outline: 0 !important;
    background: #181411 !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.48) !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu::before { display: none !important; }
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .header {
    margin: 0 0 5px !important;
    padding: 10px 11px 11px !important;
    border-bottom: 1px solid #3b332d !important;
    color: #8f867f !important;
    font: 700 11px/1.2 var(--wdev-body) !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .item {
    min-height: 41px;
    padding: 10px 11px !important;
    border-radius: 2px !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .item:hover,
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .selected.item {
    padding-left: 14px !important;
    background: #2b241f !important;
}
body.wbrownie-theme #navbar .ui.dropdown.item > .menu > .item :is(i.icon,.wb-material) { color: #a39a92 !important; }

body.wbrownie-theme .wb-auth-card {
    border: 1px solid #564c44 !important;
    border-radius: 3px;
    outline: 0 !important;
    background: #181411;
    box-shadow: 0 20px 55px rgba(0,0,0,.3);
}
body.wbrownie-theme .wb-auth-panel-title > .wb-material {
    border: 0;
    border-radius: 2px;
    outline: 0;
    background: #2a241f;
    color: #c6bfb8;
}
body.wbrownie-theme .wb-auth-panel-title h2,
body.wbrownie-theme .wb-auth-side h2 {
    margin: 0;
    color: #f3eeea;
    font: 700 21px/1.25 var(--wdev-body);
    text-transform: none;
    text-shadow: none;
}
body.wbrownie-theme .wb-auth-form.ui.form :is(input,textarea,.ui.selection.dropdown) {
    border: 1px solid #50463f !important;
    border-radius: 2px !important;
    outline: 0 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.015) !important;
}
body.wbrownie-theme .wb-auth-form.ui.form :is(input,textarea,.ui.selection.dropdown):focus {
    border-color: #a58a49 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(197,158,65,.1) !important;
}
body.wbrownie-theme .wb-auth-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-left: 1px solid #453b34;
    background: linear-gradient(145deg,#272019,#1c1713);
}
body.wbrownie-theme .wb-auth-side::after { display: none !important; }
@media (max-width: 820px) {
    body.wbrownie-theme .wb-auth-side { border-top: 1px solid #453b34; border-left: 0; }
}

/* The main navigation dropdown is a quiet text control, not a framed MC button. */
body.wbrownie-theme #navbar > .ui.container > .ui.dropdown.item,
body.wbrownie-theme #navbar > .ui.container > .ui.dropdown.item:hover,
body.wbrownie-theme #navbar > .ui.container > .ui.dropdown.item.active,
body.wbrownie-theme #navbar > .ui.container > .ui.dropdown.item.visible {
    min-height: 44px !important;
    padding: 9px 10px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #c7c0ba !important;
    box-shadow: none !important;
    transform: none !important;
}
body.wbrownie-theme #navbar > .ui.container > .ui.dropdown.item:hover,
body.wbrownie-theme #navbar > .ui.container > .ui.dropdown.item.visible {
    color: #fff !important;
}
body.wbrownie-theme #navbar > .ui.container > .ui.dropdown.item::before,
body.wbrownie-theme #navbar > .ui.container > .ui.dropdown.item::after {
    display: none !important;
    content: none !important;
}

/* Account workspace v2: one strong frame, calm content and larger readable type. */
body.wbrownie-theme #navbar > .ui.container > .wb-more-menu.ui.dropdown.item {
    font-family: var(--wdev-ui) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: .01em !important;
    text-shadow: 2px 2px #080706 !important;
}

/* Connections portal: restrained identity cards matching the account workspace. */
body.wbrownie-theme .wb-connections-page {
    width: min(calc(100% - 36px), 1460px);
    margin: 0 auto;
    padding: 42px 0 72px;
    color: #d6cec7;
}
body.wbrownie-theme .wb-connections-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}
body.wbrownie-theme .wb-connections-head > div > span,
body.wbrownie-theme .wb-connections-panel-head span {
    color: #bca45e;
    font: 700 11px/1 var(--wdev-body);
    letter-spacing: .09em;
}
body.wbrownie-theme .wb-connections-head h1 {
    margin: 10px 0 8px;
    color: #f6f2ed;
    font: clamp(35px, 4vw, 52px)/.95 "MinecraftTEN", Minecraft, var(--wdev-ui);
    text-transform: uppercase;
}
body.wbrownie-theme .wb-connections-head p,
body.wbrownie-theme .wb-connections-panel-head p,
body.wbrownie-theme .wb-connection-copy p {
    margin: 0;
    color: #9e958d;
    font: 14px/1.55 var(--wdev-body);
}
body.wbrownie-theme .wb-connections-security {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #1b211c;
    color: #a9c6ad;
    font: 700 12px/1 var(--wdev-body);
}
body.wbrownie-theme .wb-connections-security .wb-material { color: #76ad7f; font-size: 18px; }
body.wbrownie-theme .wb-connections-layout { margin-top: 0 !important; }
body.wbrownie-theme .wb-connections-panel {
    overflow: hidden;
    border: 3px solid #080706;
    outline: 1px solid #5b5149;
    background: #171310;
    box-shadow: 8px 9px rgba(0,0,0,.18);
}
body.wbrownie-theme .wb-connections-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 82px;
    padding: 18px 22px;
    background: #4a433d;
}
body.wbrownie-theme .wb-connections-panel-head h2 {
    margin: 7px 0 0;
    color: #fff;
    font: 700 17px/1.2 var(--wdev-body);
    text-transform: uppercase;
}
body.wbrownie-theme .wb-connections-panel-head p { max-width: 390px; text-align: right; color: #c0b7af; }
body.wbrownie-theme .wb-connections-list { padding: 12px 20px 18px; }
body.wbrownie-theme .wb-connection-card {
    display: grid;
    grid-template-columns: 54px minmax(0,1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 116px;
    padding: 20px 2px;
    border-bottom: 1px solid rgba(141,129,119,.22);
}
body.wbrownie-theme .wb-connection-card:last-child { border-bottom: 0; }
body.wbrownie-theme .wb-connection-logo {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    background: #29231f;
    color: #b9b0a8;
    box-shadow: inset 0 0 0 1px #4a413a;
}
body.wbrownie-theme .wb-connection-logo .wb-material { font-size: 26px; }
body.wbrownie-theme .wb-connection-logo img { width: 42px; height: 42px; image-rendering: pixelated; }
body.wbrownie-theme .wb-connection-logo-minecraft { background: #263128; color: #9fc1a4; }
body.wbrownie-theme .wb-connection-logo-discord { background: #292a3b; color: #aeb4dc; }
body.wbrownie-theme .wb-connection-title { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
body.wbrownie-theme .wb-connection-title h3 {
    margin: 0;
    color: #f1ece7;
    font: 700 16px/1.2 var(--wdev-body);
}
body.wbrownie-theme .wb-connection-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #938a82;
    font: 700 10px/1 var(--wdev-body);
    text-transform: uppercase;
}
body.wbrownie-theme .wb-connection-state .wb-material { font-size: 15px; }
body.wbrownie-theme .wb-connection-state.is-verified { color: #87bd8d; }
body.wbrownie-theme .wb-connection-state.is-pending { color: #cfb36b; }
body.wbrownie-theme .wb-connection-username {
    display: block;
    margin: 9px 0 3px;
    color: #d5cec7;
    font: 700 14px/1.25 var(--wdev-body);
}
body.wbrownie-theme .wb-connection-copy code {
    padding: 2px 6px;
    background: #0e0c0a;
    color: #d8c989;
    font: 13px/1 var(--wdev-ui);
}
body.wbrownie-theme .wb-connection-actions { display: flex; align-items: center; gap: 9px; }
body.wbrownie-theme .wb-connection-actions form { margin: 0; }
body.wbrownie-theme .wb-connection-unlink,
body.wbrownie-theme .wb-connection-command {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px 12px;
    border: 0;
    background: transparent;
    color: #a69d95;
    font: 700 12px/1 var(--wdev-body);
}
body.wbrownie-theme button.wb-connection-unlink { cursor: pointer; }
body.wbrownie-theme button.wb-connection-unlink:hover { background: #2c1d1b; color: #d69a94; }
body.wbrownie-theme .wb-connection-command { background: #211c17; color: #d7c57f; }
body.wbrownie-theme .wb-connection-actions .wb-material { font-size: 17px; }
@media (max-width: 720px) {
    body.wbrownie-theme .wb-connections-page { width: min(calc(100% - 24px),1460px); padding-top: 28px; }
    body.wbrownie-theme .wb-connections-head,
    body.wbrownie-theme .wb-connections-panel-head { align-items: flex-start; flex-direction: column; }
    body.wbrownie-theme .wb-connections-panel-head p { text-align: left; }
    body.wbrownie-theme .wb-connection-card { grid-template-columns: 46px minmax(0,1fr); }
    body.wbrownie-theme .wb-connection-logo { width: 44px; height: 44px; }
    body.wbrownie-theme .wb-connection-actions { grid-column: 1 / -1; justify-content: flex-end; }
}

/* Signed Minecraft link confirmation. */
body.wbrownie-theme .wis-link-page {
    width: min(calc(100% - 32px), 940px);
    margin: 0 auto;
    padding: 48px 0 82px;
}
body.wbrownie-theme .wis-link-head { margin-bottom: 25px; }
body.wbrownie-theme .wis-link-head > span,
body.wbrownie-theme .wis-link-eyebrow {
    color: #bea552;
    font: 700 11px/1 var(--wdev-body);
    letter-spacing: .09em;
}
body.wbrownie-theme .wis-link-head h1 {
    margin: 11px 0 9px;
    color: #fff;
    font: clamp(34px,5vw,52px)/.95 "MinecraftTEN", Minecraft, var(--wdev-ui);
    text-transform: uppercase;
}
body.wbrownie-theme .wis-link-head p,
body.wbrownie-theme .wis-link-card__body > p,
body.wbrownie-theme .wis-link-errors {
    color: #a59b92;
    font: 15px/1.65 var(--wdev-body);
}
body.wbrownie-theme .wis-link-head p { margin: 0; }
body.wbrownie-theme .wis-link-card {
    display: grid;
    grid-template-columns: 86px minmax(0,1fr);
    overflow: hidden;
    border: 3px solid #080706;
    outline: 1px solid #5c5149;
    background: #18130f;
    box-shadow: 9px 10px rgba(0,0,0,.2);
}
body.wbrownie-theme .wis-link-card__rail {
    display: grid;
    place-items: center;
    background: #4a433d;
    color: #d1bd78;
}
body.wbrownie-theme .wis-link-card__rail .wb-material { font-size: 34px; }
body.wbrownie-theme .wis-link-card__rail img {
    width: 60px;
    height: 60px;
    border: 3px solid #110e0c;
    image-rendering: pixelated;
    box-shadow: 4px 4px rgba(0,0,0,.25);
}
body.wbrownie-theme .wis-link-card__body { padding: 30px 32px 32px; }
body.wbrownie-theme .wis-link-card__body h2 {
    margin: 9px 0 11px;
    color: #f5f0eb;
    font: 700 22px/1.2 var(--wdev-body);
}
body.wbrownie-theme .wis-link-card__body > p { margin: 0 0 22px; }
body.wbrownie-theme .wis-link-eyebrow.is-error { color: #cf8881; }
body.wbrownie-theme .wis-link-eyebrow.is-success { color: #87bd8d; }
body.wbrownie-theme .wis-link-errors { margin: 0 0 22px; padding-left: 19px; }
body.wbrownie-theme .wis-link-proof {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 23px 0;
    padding: 14px 16px;
    background: #1d251f;
}
body.wbrownie-theme .wis-link-proof > .wb-material { color: #7fb488; font-size: 24px; }
body.wbrownie-theme .wis-link-proof strong,
body.wbrownie-theme .wis-link-proof small { display: block; font-family: var(--wdev-body); }
body.wbrownie-theme .wis-link-proof strong { color: #dce9de; font-size: 13px; }
body.wbrownie-theme .wis-link-proof small { margin-top: 5px; color: #849087; font-size: 11px; }
body.wbrownie-theme .wis-link-code {
    width: 100%; margin: 0 0 18px; padding: 16px 18px; display: flex; align-items: center;
    justify-content: space-between; gap: 16px; border: 1px solid #65543f; background: #100d0b;
    color: #f3e8d0; cursor: pointer; box-shadow: inset 0 0 0 2px #211a14;
}
body.wbrownie-theme .wis-link-code code {
    color: inherit; background: transparent; padding: 0; font: 700 18px/1.2 var(--wdev-body);
    letter-spacing: .08em;
}
body.wbrownie-theme .wis-link-code .wb-material { color: #c7a968; font-size: 20px; }
body.wbrownie-theme .wis-link-code:hover { border-color: #9d8151; background: #15110e; }
@media (max-width: 560px) {
    body.wbrownie-theme .wis-link-page { padding-top: 30px; }
    body.wbrownie-theme .wis-link-card { grid-template-columns: 1fr; }
    body.wbrownie-theme .wis-link-card__rail { min-height: 64px; }
    body.wbrownie-theme .wis-link-card__body { padding: 24px 20px; }
}
body.wbrownie-theme .ui.container:has(.wb-user-nav) {
    width: min(calc(100% - 44px), 1280px) !important;
}
body.wbrownie-theme .ui.container:has(.wb-user-nav) > h2.ui.header {
    margin-bottom: 25px !important;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) {
    font-family: var(--wdev-body);
    font-size: 15px;
}
.wb-user-nav.ui.vertical.menu {
    border: 3px solid #080706 !important;
    outline: 1px solid #5d524a !important;
    background: #17130f !important;
    box-shadow: 6px 7px rgba(0,0,0,.18) !important;
}
.wb-user-nav-heading {
    min-height: 76px;
    border-bottom: 3px solid #080706;
    background: linear-gradient(105deg,#504841,#46403a);
}
body.wbrownie-theme .wb-user-nav.ui.vertical.menu > a.item {
    min-height: 56px;
    grid-template-columns: 28px minmax(0,1fr) 18px;
    border-bottom-color: #332d28;
    color: #c7bfb8 !important;
    font-size: 15px;
}
body.wbrownie-theme .wb-user-nav.ui.vertical.menu > a.item:hover {
    background: #241f1b;
    color: #fff !important;
}
body.wbrownie-theme .wb-user-nav.ui.vertical.menu > a.item.active {
    background: #302820;
    color: #fff !important;
    box-shadow: inset 3px 0 #d8b456;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment {
    margin-bottom: 24px;
    padding: 0 27px 28px;
    border: 3px solid #080706 !important;
    outline: 1px solid #5d524a !important;
    background: #181411 !important;
    box-shadow: 6px 7px rgba(0,0,0,.18) !important;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment > h3.ui.header {
    min-height: 66px;
    margin: 0 -27px 25px;
    padding: 17px 21px;
    border-bottom: 3px solid #080706;
    background: linear-gradient(105deg,#504841,#46403a);
    font-size: 14px;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment > h3.ui.header .res,
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment > h3.ui.header .right.floated {
    margin-left: auto;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment > h3.ui.header .button {
    margin: 0 !important;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form .field > label {
    font-family: var(--wdev-body) !important;
    font-size: 14px;
}
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form input,
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.form textarea,
body.wbrownie-theme .ui.grid:has(.wb-user-nav) .ui.selection.dropdown {
    font-family: var(--wdev-body) !important;
    font-size: 15px !important;
}

/* Alert and message popovers. */
body.wbrownie-theme .ui.popup.wb-account-popup-pms,
body.wbrownie-theme .ui.popup.wb-account-popup-alerts {
    width: 340px !important;
}
body.wbrownie-theme .wb-account-popup .wb-notification-item {
    min-height: 68px !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) 18px;
    align-items: center;
    gap: 11px;
    padding: 11px 10px !important;
}
body.wbrownie-theme .wb-notification-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 2px;
    background: #2d2722;
    color: #aaa19a;
}
body.wbrownie-theme .wb-notification-icon .wb-material { font-size: 19px; }
body.wbrownie-theme .wb-notification-copy { min-width: 0; }
body.wbrownie-theme .wb-notification-copy strong,
body.wbrownie-theme .wb-notification-copy small { display: block; }
body.wbrownie-theme .wb-notification-copy strong {
    overflow: hidden;
    color: #ece6e1;
    font: 700 13px/1.35 var(--wdev-body);
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.wbrownie-theme .wb-notification-copy small {
    margin-top: 4px;
    color: #918880;
    font: 12px/1.25 var(--wdev-body);
}
body.wbrownie-theme .wb-notification-arrow {
    color: #777069 !important;
    font-size: 17px !important;
}
body.wbrownie-theme .wb-notification-item:hover .wb-notification-icon {
    background: #393129;
    color: #d7cdbf;
}
body.wbrownie-theme .wb-notification-item:hover .wb-notification-arrow { color: #d8b75b !important; }

/* Alerts account page. */
.wb-account-alert-list,
.wb-conversation-list,
.wb-session-list,
.wb-preference-list { display: grid; gap: 0; }
.wb-account-alert,
.wb-conversation,
.wb-session,
.wb-preference-row {
    min-width: 0;
    border-bottom: 1px solid #3a322c;
}
.wb-account-alert:last-child,
.wb-conversation:last-child,
.wb-session:last-child,
.wb-preference-row:last-child { border-bottom: 0; }
.wb-account-alert {
    min-height: 76px;
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) 26px;
    align-items: center;
    gap: 14px;
    padding: 13px 11px;
    color: #c9c0b9;
    transition: background-color .16s ease,color .16s ease;
}
.wb-account-alert:hover { background: #231e1a; color: #fff; }
.wb-account-alert-icon,
.wb-conversation-mark,
.wb-session-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    background: #28221e;
    color: #aaa19a;
}
.wb-account-alert.is-unread .wb-account-alert-icon { color: #d9b858; }
.wb-account-alert-copy,
.wb-account-alert-title,
.wb-account-alert-copy small { display: block; min-width: 0; }
.wb-account-alert-title { color: inherit; font-size: 15px; line-height: 1.35; }
.wb-account-alert-copy small { margin-top: 5px; color: #8f867f; font-size: 12px; }
.wb-account-alert-arrow,
.wb-conversation-arrow { justify-self: end; color: #777069; font-size: 18px; }
.wb-account-empty {
    min-height: 150px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    color: #978e87;
    font-size: 14px;
    text-align: center;
}
.wb-account-empty .wb-material { color: #777069; font-size: 30px; }

/* Messaging is a readable conversation list instead of a generic data table. */
.wb-conversation {
    min-height: 86px;
    display: grid;
    grid-template-columns: 42px minmax(180px,1fr) minmax(170px,.7fr) 24px;
    align-items: center;
    gap: 15px;
    padding: 14px 11px;
    color: #d3cbc4;
    transition: background-color .16s ease;
}
.wb-conversation:hover { background: #231e1a; }
.wb-conversation-copy strong,
.wb-conversation-copy small,
.wb-conversation-latest strong,
.wb-conversation-latest small { display: block; }
.wb-conversation-copy strong { color: #f0eae5; font-size: 15px; }
.wb-conversation-copy small { margin-top: 6px; color: #978e87; font-size: 12px; }
.wb-conversation-latest { display: flex; align-items: center; gap: 10px; }
.wb-conversation-latest img {
    width: 34px;
    height: 34px;
    border: 2px solid #080706;
    border-radius: 0;
    image-rendering: pixelated;
}
.wb-conversation-latest strong { color: #d8d0c9; font-size: 13px; }
.wb-conversation-latest small { margin-top: 4px; color: #8f867f; font-size: 12px; }

/* Notification preferences and sessions use calm rows rather than nested tables/cards. */
.wb-preference-row {
    min-height: 72px;
    display: grid;
    grid-template-columns: minmax(180px,1fr) 130px 130px;
    align-items: center;
    gap: 18px;
    padding: 13px 8px;
}
.wb-preference-name { color: #eee8e3; font-size: 15px; font-weight: 700; }
.wb-preference-choice { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #9f968f; font-size: 13px; }
.wb-session {
    min-height: 92px;
    display: grid;
    grid-template-columns: 46px minmax(0,1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 16px 10px;
}
.wb-session.is-current { background: linear-gradient(90deg,rgba(88,126,94,.09),transparent 58%); }
.wb-session-copy strong,
.wb-session-copy small { display: block; }
.wb-session-copy strong { color: #eee8e3; font-size: 15px; }
.wb-session-copy strong > span { color: #756d67; }
.wb-session-copy small { margin-top: 5px; color: #9e958e; font-size: 12px; }
.wb-session-current { color: #91b39a; font-weight: 700; }
.wb-session-tag {
    display: inline-block;
    margin-top: 8px;
    padding: 4px 7px;
    background: #2b2723;
    color: #b9b0a9;
    font-size: 11px;
}

/* Appeal creation uses the same unmistakable WBrownie frame as the account portal. */
body.wbrownie-theme .wa-page .wa-new {
    border: 3px solid #080706 !important;
    outline: 1px solid #5d524a !important;
    background: #181411 !important;
    box-shadow: 6px 7px rgba(0,0,0,.18) !important;
}
body.wbrownie-theme .wa-page .wa-new .wa-section-head {
    border-bottom: 3px solid #080706 !important;
    background: linear-gradient(105deg,#504841,#46403a) !important;
}

@media (max-width: 767px) {
    body.wbrownie-theme .ui.container:has(.wb-user-nav) { width: calc(100% - 24px) !important; }
    body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment { padding-inline: 17px; }
    body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment > h3.ui.header { margin-inline: -17px; }
    .wb-conversation { grid-template-columns: 42px minmax(0,1fr) 22px; }
    .wb-conversation-latest { grid-column: 2 / 3; }
    .wb-conversation-arrow { grid-column: 3; grid-row: 1 / 3; }
    .wb-preference-row { grid-template-columns: minmax(0,1fr) 110px; }
    .wb-preference-name { grid-column: 1 / -1; }
    .wb-session { grid-template-columns: 42px minmax(0,1fr); }
    .wb-session-action { grid-column: 2; }
}

/* Individual alert header: quiet unread state, aligned controls and clean content. */
.wb-alert-detail-heading {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}
.wb-alert-detail-title {
    overflow: hidden;
    color: #f1ece7;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wb-alert-unread {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid #56675a;
    background: #29342c;
    color: #b8d0bd;
    font: 700 11px/1 var(--wdev-body);
    letter-spacing: .02em;
    text-transform: none;
    text-shadow: none;
}
.wb-alert-unread > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #79aa82;
    box-shadow: 0 0 0 3px rgba(121,170,130,.12);
}
.wb-alert-detail-actions {
    display: flex !important;
    align-items: center;
    gap: 8px;
}
.wb-alert-detail-actions form { display: contents !important; }
.wb-alert-detail-actions .ui.button { margin: 0 !important; }
.wb-alert-detail-content {
    min-height: 130px;
    padding: 4px 2px 3px;
    color: #d0c7c0;
    font-size: 15px;
    line-height: 1.65;
}
@media (max-width: 767px) {
    body.wbrownie-theme .ui.grid:has(.wb-user-nav) .column > .ui.segment > h3.ui.header:has(.wb-alert-detail-heading) {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }
    .wb-alert-detail-title { white-space: normal; }
    .wb-alert-detail-actions { width: 100%; flex-wrap: wrap; }
}

/* Global confirmation dialogs — keep every Nameless modal inside the WBrownie system. */
body.wbrownie-theme .ui.dimmer.modals {
    padding: 24px;
    background: rgba(7, 6, 5, .84) !important;
    backdrop-filter: blur(2px);
}
body.wbrownie-theme .ui.modal {
    overflow: hidden;
    border: 3px solid #080706 !important;
    outline: 1px solid #62574f !important;
    border-radius: 0 !important;
    background: #181411 !important;
    color: #d8d0c9 !important;
    box-shadow: 8px 10px rgba(0, 0, 0, .3) !important;
}
body.wbrownie-theme .ui.modal > .header {
    min-height: 60px;
    display: flex;
    align-items: center;
    padding: 18px 21px !important;
    border-bottom: 1px solid #4b423b !important;
    border-radius: 0 !important;
    background: #302a26 !important;
    color: #f2ede8 !important;
    font: 700 16px/1.3 var(--wdev-body) !important;
}
body.wbrownie-theme .ui.modal > .content,
body.wbrownie-theme .ui.modal > .scrolling.content {
    padding: 24px 21px !important;
    border-radius: 0 !important;
    background: #181411 !important;
    color: #c9c0b9 !important;
    font: 400 15px/1.65 var(--wdev-body) !important;
}
body.wbrownie-theme .ui.modal > .content p,
body.wbrownie-theme .ui.modal > .content .description {
    color: inherit !important;
}
body.wbrownie-theme .ui.modal > .actions {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 17px !important;
    border-top: 1px solid #403832 !important;
    border-radius: 0 !important;
    background: #14110e !important;
}
body.wbrownie-theme .ui.modal > .actions .ui.button {
    min-width: 112px;
    margin: 0 !important;
}
body.wbrownie-theme .ui.modal > .actions .negative.button {
    --mc-button-bg: #3c3936;
    --mc-button-hover: #4b4743;
    --mc-button-frame: #69625d;
    --mc-button-text: #ddd6d0;
}
body.wbrownie-theme .ui.modal > .actions .positive.button {
    --mc-button-bg: #3e5747;
    --mc-button-hover: #506f5b;
    --mc-button-frame: #718c77;
    --mc-button-text: #e2eee4;
}
body.wbrownie-theme .ui.modal > .close.icon {
    color: #aaa19a !important;
    text-shadow: none !important;
}
body.wbrownie-theme .ui.modal > .close.icon:hover { color: #fff !important; }

@media (max-width: 600px) {
    body.wbrownie-theme .ui.dimmer.modals { padding: 14px; }
    body.wbrownie-theme .ui.modal > .header { min-height: 54px; padding: 15px 16px !important; }
    body.wbrownie-theme .ui.modal > .content { padding: 19px 16px !important; }
    body.wbrownie-theme .ui.modal > .actions { padding: 12px !important; }
    body.wbrownie-theme .ui.modal > .actions .ui.button { min-width: 0; flex: 1 1 0; }
}