:root {
    --mq-hue-primary: 92;
    --mq-hue-accent: 38;
    --mq-hue-warn: 32;
    --mq-hue-danger: 0;
    --mq-hue-success: 95;

    --mq-color-bg: #1b2418;
    --mq-color-bg-alt: #222d20;
    --mq-color-surface: #2c392a;
    --mq-color-surface-alt: #324231;
    --mq-color-surface-glass: rgba(44,57,42,0.60);

    --mq-color-border: #435339;
    --mq-color-border-accent: #d1dd61;

    --mq-color-accent: #ffa000;
    --mq-color-accent-soft: #cdc957;
    --mq-color-accent-fade: rgba(255,160,0,0.30);
    --mq-color-secondary: #73abb2;
    --mq-color-secondary-alt: #446569;
    --mq-color-amber: #ffa000;
    --mq-color-amber-deep: #df7f0a;
    --mq-color-amber-hot: #ec5600;

    --mq-color-text: #f1f4cd;
    --mq-color-text-dim: #c2caa2;
    --mq-color-text-faint: #909943;

    --mq-color-danger: #d34b44;
    --mq-color-warn: #ffb347;
    --mq-color-ok: #6ac27c;

    --mq-font-display: 'grobold', system-ui, sans-serif;
    --mq-font-body: 'grobold', system-ui, sans-serif;
    --mq-font-mono: 'SFMono-Regular', Menlo, Consolas, monospace;

    --mq-radius-xs: 4px;
    --mq-radius-sm: 8px;
    --mq-radius: 14px;
    --mq-radius-lg: 22px;
    --mq-space-1: 4px;
    --mq-space-2: 8px;
    --mq-space-3: 12px;
    --mq-space-4: 16px;
    --mq-space-5: 24px;
    --mq-space-6: 32px;

    --mq-shadow-sm: 0 2px 6px -2px rgba(0,0,0,.55);
    --mq-shadow: 0 6px 22px -8px rgba(0,0,0,.65), 0 0 0 1px rgba(90,110,60,0.25);
    --mq-shadow-glow: 0 0 0 1px var(--mq-color-border-accent), 0 0 24px -6px color-mix(in srgb,var(--mq-color-border-accent) 60%, transparent);

    --mq-gradient-bg: radial-gradient(circle at 18% 22%, #2c392a 0%, #1f291d 60%, #151d13 100%);
    --mq-gradient-surface: linear-gradient(150deg,#33452f,#283624 55%,#202b1d);
    --mq-gradient-accent: linear-gradient(145deg,#cdc957 0%,#ffa000 32%,#df7f0a 66%,#ec5600 100%);
    --mq-gradient-accent-secondary: linear-gradient(145deg,#73abb2,#446569);
    --mq-gradient-warn: linear-gradient(145deg,#ffb347,#ff922b);
    --mq-gradient-danger: linear-gradient(145deg,#d34b44,#871f1a);
    --mq-gradient-amber: linear-gradient(145deg,#cdc957 0%,#ffa000 32%,#df7f0a 66%,#ec5600 100%);
    --mq-gradient-success: linear-gradient(145deg,#c2d659,#83962c);

    --mq-ease-spring: cubic-bezier(.34,1.56,.3,1);
    --mq-transition-fast: .18s var(--mq-ease-spring);
    --mq-transition: .28s cubic-bezier(.4,.14,.3,1);

    --mq-max-content: 1180px;
}

@media (prefers-color-scheme: light) {
    :root[data-theme="light"] {
        --mq-color-bg: #f5fbfd;
        --mq-color-bg-alt: #e6f4f8;
        --mq-color-text: #0e2b35;
        --mq-color-text-dim: #38606d;
    }
}

* { box-sizing: border-box; }
html, body { scroll-behavior: smooth; }
body.modern-shell {
    background: var(--mq-gradient-bg) fixed;
    color: var(--mq-color-text);
    font-family: var(--mq-font-body);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    position:relative;
}
body.modern-shell:after { content:""; position:fixed; inset:0; pointer-events:none; background:var(--mq-noise-overlay); mix-blend-mode:overlay; opacity:.25; z-index:0; }
@media (prefers-reduced-motion: reduce){ body.modern-shell:after { display:none; } }

.brand-name { background:var(--mq-gradient-accent); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:700; letter-spacing:1px; display:inline-block; line-height:1; padding:.25rem 0; }
.text-gradient-amber { background:var(--mq-gradient-amber); -webkit-background-clip:text; background-clip:text; color:transparent; }
.brand-logo { height:40px; width:auto; display:inline-block; filter: drop-shadow(0 4px 10px rgba(0,0,0,.55)); transition:transform var(--mq-transition-fast), filter var(--mq-transition-fast); border-radius:14px; border:1px solid var(--mq-color-border-accent); box-shadow:0 0 0 1px var(--mq-color-border-accent),0 4px 16px -6px rgba(0,0,0,.65); padding:4px; background:linear-gradient(145deg,#3a4d37,#2b3a29); }
.brand-logo:hover { transform:translateY(-2px) scale(1.03); filter: drop-shadow(0 6px 14px rgba(0,0,0,.65)); }
html[data-theme="light"] .brand-logo { border-color:#c9d788; box-shadow:0 0 0 1px #c9d788,0 4px 14px -6px rgba(0,0,0,.18); background:linear-gradient(145deg,#f1f4cd,#d1dd61); }
.server-name-accent {
    color:var(--mq-color-accent);
    font-weight:800;
    letter-spacing:.5px;
    display:inline-block;
    line-height:1.05;
    padding:.05em .18em .12em;
    text-shadow:
        0 1px 0 rgba(0,0,0,.55),
        0 2px 5px rgba(0,0,0,.5),
        0 0 6px rgba(246,184,77,.45),
        0 0 14px rgba(246,184,77,.35);
    transition:color .35s var(--mq-ease-spring), text-shadow .45s var(--mq-ease-spring), filter .45s var(--mq-ease-spring);
    filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));
}
.server-name-accent:hover { color:var(--mq-color-amber-hot); text-shadow:
        0 1px 0 rgba(0,0,0,.6),
        0 2px 6px rgba(0,0,0,.55),
        0 0 8px rgba(255,211,122,.65),
        0 0 20px rgba(255,211,122,.55); }
html[data-theme="light"] .server-name-accent {
    color:var(--mq-color-amber-deep);
    text-shadow:
        0 1px 0 rgba(255,255,255,.65),
        0 1px 3px rgba(0,0,0,.18);
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));
}
html[data-theme="light"] .server-name-accent:hover { color:var(--mq-color-amber-hot); text-shadow:
        0 1px 0 rgba(255,255,255,.7),
        0 1px 4px rgba(0,0,0,.20),
        0 0 6px rgba(255,195,110,.45); }
html[data-theme="light"] .tribe-tag { color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.4); }
html[data-theme="light"] .tribe-tag[data-tribe="amber"] { --tribe-bg:color-mix(in srgb,var(--mq-color-amber-deep) 75%, #000); --tribe-border:var(--mq-color-accent); }
html[data-theme="light"] .tribe-tag[data-tribe="lime"] { --tribe-bg:#62752f; --tribe-border:#c2d659; }
html[data-theme="light"] .tribe-tag[data-tribe="mist"] { --tribe-bg:#4e757a; --tribe-border:#73abb2; }

.nav-modern.navbar { z-index:50; }

a { text-decoration:none; position:relative; color:var(--mq-color-accent-soft); transition:color .35s var(--mq-ease-spring); }
a:hover, a:focus { text-decoration:none; color:var(--mq-color-text); }
a:not(.btn-modern):not(.nav-link):not(.dropdown-item):not(.toast-close):not(.theme-toggle):after { content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:linear-gradient(90deg,rgba(209,221,97,0),rgba(209,221,97,.9),rgba(232,163,46,0)); transform:scaleX(0); transform-origin:left center; transition:transform .5s var(--mq-ease-spring), opacity .5s var(--mq-ease-spring); opacity:0; border-radius:2px; }
a:not(.btn-modern):not(.nav-link):not(.dropdown-item):hover:after,
a:not(.btn-modern):not(.nav-link):not(.dropdown-item):focus:after { transform:scaleX(1); opacity:1; }
a:not(.btn-modern):not(.nav-link):not(.dropdown-item):focus-visible { outline:0; box-shadow:0 0 0 2px rgba(232,163,46,.6),0 0 0 1px rgba(0,0,0,.6); border-radius:6px; padding-inline:2px; margin-inline:-2px; }
html[data-theme="light"] a { color:#566b40; }
html[data-theme="light"] a:hover, html[data-theme="light"] a:focus { color:#27341e; }
html[data-theme="light"] a:not(.btn-modern):not(.nav-link):not(.dropdown-item):after { background:linear-gradient(90deg,rgba(232,163,46,0),rgba(232,163,46,.9),rgba(209,221,97,.35)); }
@media (prefers-reduced-motion:reduce){ a:not(.btn-modern):not(.nav-link):not(.dropdown-item):after { transition:none; } }

.t-display { font-size: clamp(2.2rem, 4.5vw, 3.4rem); font-weight:600; letter-spacing:.5px; display:inline-block; line-height:1.05; color:var(--mq-color-accent); text-shadow:0 2px 6px rgba(0,0,0,.55),0 0 10px color-mix(in srgb,var(--mq-color-accent) 55%, transparent); }
html[data-theme="light"] .t-display { color:var(--mq-color-amber-deep); text-shadow:0 1px 0 rgba(255,255,255,.65),0 2px 4px rgba(0,0,0,.18); }
.t-lead { font-size: clamp(1.05rem,1.4vw,1.25rem); color: var(--mq-color-text-dim); font-weight:500; }
.t-sub { font-size:.8rem; text-transform:uppercase; letter-spacing:.85px; opacity:.8; }
.t-section { font-size:clamp(1.25rem,2.1vw,1.65rem); font-weight:650; letter-spacing:.5px; margin:0 0 1rem; line-height:1.15; display:inline-block; color:var(--mq-color-accent); text-shadow:0 2px 6px rgba(0,0,0,.55),0 0 10px color-mix(in srgb,var(--mq-color-accent) 55%, transparent); }
html[data-theme="light"] .t-section { color:var(--mq-color-amber-deep); text-shadow:0 1px 0 rgba(255,255,255,.65),0 2px 4px rgba(0,0,0,.20); }
.h-tight { margin:0; }
.h-gap-sm { margin-bottom:.3rem; }
.h-gap { margin-bottom:.5rem; }
.heading-block { display:flex; flex-direction:column; gap:.55rem; }
.heading-center { text-align:center; align-items:center; }
.heading-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
@media (min-width: 600px){ .heading-inline { display:flex; align-items:start; justify-content:space-between; gap:1rem; } }
.lead-wide { max-width: clamp(38ch, 70%, 68ch); }

.nav-modern.navbar { background: linear-gradient(145deg,rgba(52,70,48,.85),rgba(34,46,33,.85)); backdrop-filter: blur(10px) saturate(140%); -webkit-backdrop-filter: blur(10px) saturate(140%); box-shadow: var(--mq-shadow-sm), inset 0 0 0 1px rgba(255,255,255,0.04); border:1px solid rgba(209,221,97,0.25); border-radius: var(--mq-radius-lg); margin-top:12px; }
.nav-modern .navbar-brand { font-weight:700; letter-spacing:.8px; display:flex; align-items:center; gap:10px; font-size:1.15rem; color:var(--mq-color-text)!important; }
.nav-modern .navbar-nav .nav-link { position:relative; font-weight:600; font-size:.85rem; letter-spacing:.5px; color:var(--mq-color-text-dim)!important; padding:.55rem .95rem .65rem; border-radius:10px; transition: background var(--mq-transition-fast), color var(--mq-transition-fast), transform var(--mq-transition-fast), box-shadow var(--mq-transition-fast); overflow:visible; }
.nav-modern .navbar-nav .nav-link .nav-label { position:relative; display:inline-block; line-height:1; }
.nav-modern .navbar-nav .nav-link.dropdown-toggle .nav-label { margin-right:.35em; }
.nav-modern .navbar-nav .nav-link .nav-label:after { content:""; position:absolute; left:0; right:0; bottom:-4px; height:2px; border-radius:2px; background:linear-gradient(90deg,rgba(209,221,97,0),rgba(209,221,97,.85),rgba(232,163,46,0)); transform:scaleX(0); transform-origin:left center; transition:transform .45s var(--mq-ease-spring), opacity .45s var(--mq-ease-spring); opacity:0; }
.nav-modern .navbar-nav .nav-link:hover .nav-label:after,
.nav-modern .navbar-nav .nav-link:focus .nav-label:after { transform:scaleX(1); opacity:1; }
.nav-modern .navbar-nav .nav-link:focus-visible { outline:0; box-shadow:0 0 0 2px rgba(232,163,46,.5),0 0 0 1px rgba(0,0,0,.6); color:var(--mq-color-text)!important; }
.nav-modern .navbar-nav .nav-link.active .nav-label:after { transform:scaleX(1); opacity:1; background:linear-gradient(90deg,rgba(232,163,46,.15),rgba(232,163,46,.85),rgba(209,221,97,.35)); }
.nav-modern .navbar-nav .nav-link:hover,
.nav-modern .navbar-nav .nav-link:focus { color:var(--mq-color-text)!important; background:rgba(209,221,97,0.12); }
.nav-modern .navbar-nav .nav-link.active { color:#fff!important; background:linear-gradient(145deg,#4a5f3f,#3d4f34); box-shadow:0 0 0 1px var(--mq-color-border-accent),0 6px 14px -6px rgba(0,0,0,.65); }
.nav-modern .main-nav { flex-wrap:nowrap; display:flex; gap:6px; }
.nav-modern .main-nav .nav-item { white-space:nowrap; }
.nav-modern .main-nav .nav-item + .nav-item { margin-left:6px; }
.nav-modern .collapse .navbar-nav .nav-item + .nav-item { margin-top:2px; }
.nav-modern .nav-actions { margin-left:auto; }
.nav-modern .dropdown-menu { background: linear-gradient(165deg,#173628,#122a1f); border:1px solid rgba(255,255,255,0.06); box-shadow: var(--mq-shadow); border-radius: 14px; padding:.4rem; }
.nav-modern .dropdown-item { font-size:.8rem; font-weight:600; letter-spacing:.4px; border-radius:10px; color:var(--mq-color-text-dim); position:relative; transition:background .28s, color .28s, padding-left .28s, box-shadow .28s; padding:.55rem .85rem; }
.nav-modern .dropdown-item:hover,
.nav-modern .dropdown-item:focus { background:linear-gradient(145deg,#2f4532,#26372a 55%,#1d2b20); color:var(--mq-color-text); padding-left:1.05rem; box-shadow:0 0 0 1px rgba(255,255,255,0.05),0 2px 6px -2px rgba(0,0,0,.55); }
.nav-modern .dropdown-item.active,
.nav-modern .dropdown-item.active:hover,
.nav-modern .dropdown-item.active:focus { background:linear-gradient(145deg,#4a5f3f,#3d4f34 55%,#32412b); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.4); box-shadow:0 0 0 1px var(--mq-color-border-accent),0 6px 14px -6px rgba(0,0,0,.65); }

html[data-theme="light"] .nav-modern .dropdown-menu { background:linear-gradient(165deg,#ffffff,#f2f6dd 55%,#e9f2d1); border:1px solid #d1dd61; box-shadow:0 6px 18px -8px rgba(0,0,0,.18),0 0 0 1px #d1dd61; }
html[data-theme="light"] .nav-modern .dropdown-item { color:#52623b; }
html[data-theme="light"] .nav-modern .dropdown-item:hover,
html[data-theme="light"] .nav-modern .dropdown-item:focus { background:rgba(209,221,97,0.28); color:#27341e; box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 2px 6px -2px rgba(0,0,0,.18); }
html[data-theme="light"] .nav-modern .dropdown-item.active,
html[data-theme="light"] .nav-modern .dropdown-item.active:hover,
html[data-theme="light"] .nav-modern .dropdown-item.active:focus { background:linear-gradient(145deg,var(--mq-color-accent), color-mix(in srgb,var(--mq-color-accent) 65%, var(--mq-color-amber-deep)) 55%, var(--mq-color-amber-deep)); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.35); box-shadow:0 0 0 1px #d1dd61,0 4px 12px -4px rgba(0,0,0,.25); }

.mq-container { width:100%; max-width: var(--mq-max-content); margin:0 auto; padding: 0 var(--mq-space-4); }

.intro-splash { position:relative; padding: clamp(3rem,6vw,4.5rem) 0 clamp(2.2rem,4.5vw,3.4rem); overflow:hidden; }
body > header + .intro-splash { margin-top:0; padding-top: clamp(4.2rem,8vw,6.5rem); }
@media (max-width: 991px){ body > header + .intro-splash { padding-top: clamp(4rem,10vw,5.25rem); }}
.intro-bg { position:absolute; inset:0; background:radial-gradient(circle at 20% 25%, rgba(209,221,97,.22), transparent 65%), radial-gradient(circle at 78% 70%, rgba(232,163,46,.18), transparent 70%); mix-blend-mode:screen; opacity:.8; pointer-events:none; }
.intro-shell { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap: clamp(1.8rem,3.2vw,3.4rem); position:relative; z-index:2; }
.intro-main { flex:1 1 560px; display:flex; flex-direction:column; gap: var(--mq-space-4); min-width:300px; }
.intro-title { font-size: clamp(2.1rem,4vw,3.2rem); line-height:1.05; margin:0; font-weight:600; letter-spacing:.5px; text-shadow:0 2px 6px rgba(0,0,0,.55); }
.intro-lead { font-size: clamp(.95rem,1.2vw,1.05rem); max-width: 780px; color: var(--mq-color-text-dim); margin:0; line-height:1.5; font-weight:500; }
.intro-actions { display:flex; gap:18px; flex-wrap:wrap; margin-top:4px; }
.intro-meta { display:flex; flex-direction:column; gap:12px; min-width:160px; }
.meta-pill { background:linear-gradient(145deg,#4d643f,#3c5032); color:#fff; font-size:.65rem; letter-spacing:.55px; padding:10px 14px 8px; font-weight:600; border-radius:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; box-shadow:0 0 0 1px var(--mq-color-border-accent),0 4px 14px -6px rgba(0,0,0,.6); min-width:130px; position:relative; overflow:hidden; }
.meta-pill:before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(255,255,255,0.15),rgba(255,255,255,0)); opacity:.4; pointer-events:none; }
.meta-pill strong { font-size:1.15rem; font-weight:700; letter-spacing:.5px; line-height:1; }
.meta-pill .meta-label { font-size:.55rem; font-weight:600; text-transform:uppercase; letter-spacing:.9px; opacity:.8; line-height:1; }
.meta-pill .meta-value { font-size:1.15rem; font-weight:700; letter-spacing:.5px; line-height:1; }
html[data-theme="light"] .meta-pill { background:linear-gradient(145deg,#ffffff,#f2f6dd); color:#27341e; box-shadow:0 0 0 1px #d1dd61,0 4px 14px -6px rgba(0,0,0,.18); }
html[data-theme="light"] .meta-pill:before { background:linear-gradient(120deg,rgba(209,221,97,.35),rgba(232,163,46,0) 65%); opacity:.5; }
.intro-splash .intro-main, .intro-splash .intro-meta { position:relative; }
.intro-animate [data-animate] { opacity:0; transform:translateY(18px) scale(.97); animation:introFadeUp .85s var(--mq-ease-spring) forwards; }
.intro-animate [data-animate="0"] { animation-delay:.05s; }
.intro-animate [data-animate="1"] { animation-delay:.18s; }
.intro-animate [data-animate="2"] { animation-delay:.32s; }
.intro-animate [data-animate="meta-0"] { animation-delay:.50s; }
.intro-animate [data-animate="meta-1"] { animation-delay:.65s; }
@keyframes introFadeUp { 0% { opacity:0; transform:translateY(24px) scale(.94);} 55% { opacity:1;} 100% { opacity:1; transform:translateY(0) scale(1);} }
.intro-splash .meta-pill { animation:metaFloat 6s ease-in-out infinite; }
.intro-splash .meta-pill:nth-child(2) { animation-delay:2.2s; }
@keyframes metaFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@media (prefers-reduced-motion: reduce) {
    .intro-animate [data-animate] { animation:none; opacity:1; transform:none; }
    .intro-splash .server-name-accent:after { animation:none; opacity:.25; }
    .intro-splash .meta-pill { animation:none; }
}

.ui-card { position:relative; background:linear-gradient(155deg,#33452f,#283624 55%,#202b1d); border:1px solid #506441; border-radius:24px; box-shadow: var(--mq-shadow); padding: var(--mq-space-5) var(--mq-space-5) var(--mq-space-4); overflow:hidden; }
.ui-card:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 15% 18%,rgba(209,221,97,.20),transparent 65%), radial-gradient(circle at 80% 80%,rgba(232,163,46,.16),transparent 75%); mix-blend-mode:screen; pointer-events:none; opacity:.9; }
.ui-card-header { font-weight:600; letter-spacing:.6px; font-size:1rem; margin-bottom:var(--mq-space-2); display:flex; align-items:center; gap:8px; color:var(--mq-color-text); }
.ui-card-grid { display:grid; gap: var(--mq-space-3); }
.card-gradient-border { position:relative; border-radius: inherit; }
.card-gradient-border:after { content:""; position:absolute; inset:0; padding:1px; border-radius:inherit; background:linear-gradient(140deg,rgba(47,168,216,.7),rgba(47,168,216,0) 60%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }

html[data-theme="light"] .ui-card { 
    background:linear-gradient(155deg,#ffffff,#f2f6dd 55%,#e9f1c9); 
    border:1px solid #d1dd61; 
    box-shadow:0 4px 18px -8px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.65);
}
html[data-theme="light"] .ui-card:before { 
    background:radial-gradient(circle at 15% 18%,rgba(209,221,97,.35),transparent 65%), radial-gradient(circle at 80% 80%,rgba(232,163,46,.28),transparent 75%);
    opacity:.9; mix-blend-mode:normal;
}
html[data-theme="light"] .card-gradient-border:after { 
    background:linear-gradient(140deg,rgba(209,221,97,.85),rgba(232,163,46,0) 60%);
}

.feature-card { background:#364a33; border:1px solid #5a724b; border-radius:16px; padding:18px 18px 16px; position:relative; overflow:hidden; transition:transform var(--mq-transition-fast), box-shadow var(--mq-transition-fast); }
.feature-card:hover { transform:translateY(-4px); box-shadow:0 8px 22px -8px rgba(0,0,0,.7),0 0 0 1px var(--mq-color-border-accent); }
.feature-card h5 { font-size:1rem; font-weight:600; letter-spacing:.5px; margin:0 0 6px; color:var(--mq-color-accent-soft); }
.feature-card p { font-size:.8rem; line-height:1.25; color:var(--mq-color-text-dim); margin:0; }

.form-modern { display:flex; flex-direction:column; gap: var(--mq-space-3); text-align:left; }
.form-row-duo { display:grid; grid-template-columns:1fr 1fr; gap:var(--mq-space-3); }
@media (max-width:660px){ .form-row-duo { grid-template-columns:1fr; } }
.form-modern .field { display:flex; flex-direction:column; gap:6px; position:relative; }
.form-modern label { font-size:.7rem; font-weight:700; letter-spacing:.85px; text-transform:uppercase; color:var(--mq-color-text-dim); }
.input-shell { position:relative; }
.input-shell input,
.input-shell select { width:100%; background:#323f2f; border:1px solid #556a46; color:var(--mq-color-text); padding:12px 14px 10px; border-radius:12px; font-size:.85rem; letter-spacing:.3px; font-weight:500; transition:border-color var(--mq-transition-fast), background var(--mq-transition-fast), box-shadow var(--mq-transition-fast); }
.input-shell input:focus,
.input-shell select:focus { outline:none; background:#3a4b36; border-color:var(--mq-color-border-accent); box-shadow:0 0 0 1px var(--mq-color-border-accent),0 0 0 4px rgba(209,221,97,.25); }
.field .hint { font-size:.65rem; letter-spacing:.6px; opacity:.75; color:var(--mq-color-text-faint); }
.field .text-danger { font-size:.65rem; margin-top:2px; }

.btn-modern { --btn-bg: var(--mq-gradient-success); --btn-bg-hover: linear-gradient(145deg,#d1e372,#8fa83b); --btn-bg-active:#8fa83b; position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:.8rem; font-weight:600; letter-spacing:.6px; color:#2c392a; padding:10px 20px; border-radius:14px; border:1px solid #97a63b; background:var(--btn-bg); cursor:pointer; text-decoration:none; transition:background var(--mq-transition-fast), transform var(--mq-transition-fast), box-shadow var(--mq-transition-fast); box-shadow:0 0 0 1px #97a63b,0 4px 14px -6px rgba(0,0,0,.65); text-shadow:0 1px 0 #f1f4cd; }
.btn-modern:before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(255,255,255,.22),rgba(255,255,255,0)); border-radius:inherit; opacity:.4; pointer-events:none; }
.btn-modern:link,
.btn-modern:visited { color:#fff; text-decoration:none; }
.btn-modern:hover { background:var(--btn-bg-hover); transform:translateY(-2px); color:#1b2418; text-decoration:none; box-shadow:0 0 0 1px var(--mq-color-border-accent),0 6px 18px -6px rgba(0,0,0,.7); }
.btn-modern:focus-visible { outline:0; box-shadow:0 0 0 2px rgba(209,221,97,.55),0 0 0 1px var(--mq-color-border-accent),0 0 14px -2px rgba(209,221,97,.7); }
.btn-modern:active { 
    background:linear-gradient(145deg, color-mix(in srgb,var(--btn-bg-active) 90%, #000), color-mix(in srgb,var(--btn-bg-active) 70%, #000));
    transform:translateY(0); 
    color:#1b2418; 
    box-shadow:0 0 0 1px var(--mq-color-border-accent),0 2px 8px -4px rgba(0,0,0,.55), inset 0 2px 6px -2px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.08);
}
.btn-accent { --btn-bg: var(--mq-gradient-accent); --btn-bg-hover: linear-gradient(145deg,#ffa000,#df7f0a); --btn-bg-active:#ec5600; border-color: var(--mq-color-amber-deep); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.35); }
.btn-amber { --btn-bg: var(--mq-gradient-accent-secondary); --btn-bg-hover: linear-gradient(145deg,#7fb9c1,#4e757a); --btn-bg-active:#446569; border-color: #5d8990; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.4); }
.btn-modern.btn-accent:hover, .btn-modern.btn-accent:active, .btn-modern.btn-accent:focus-visible { color:#fff; }
.btn-modern.btn-amber:hover, .btn-modern.btn-amber:active, .btn-modern.btn-amber:focus-visible { color:#fff; }

.command-grid { display:grid; gap:20px; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.command-card-modern { background:#354a31; border:1px solid #566c48; border-radius:18px; padding:18px 18px 14px; position:relative; overflow:hidden; display:flex; flex-direction:column; gap:10px; box-shadow: var(--mq-shadow-sm); transition:transform var(--mq-transition-fast), box-shadow var(--mq-transition-fast); }
.command-card-modern:hover { transform:translateY(-4px); box-shadow:0 10px 28px -12px rgba(0,0,0,.7),0 0 0 1px var(--mq-color-border-accent); }
.command-card-modern h3 { margin:0; font-size:1rem; font-weight:700; color:var(--mq-color-accent-soft); letter-spacing:.6px; }
.command-card-modern.reveal-active h3 { transition:color .35s var(--mq-ease-spring, ease); }
html[data-theme="light"] .command-card-modern h3 { color:var(--mq-color-accent); }
html[data-theme="light"] .command-card-modern.reveal-active h3 { color:var(--mq-color-amber-deep); }
.command-card-modern p { font-size:.75rem; line-height:1.3; color:var(--mq-color-text-dim); margin:0; }
.command-meta { margin-top:auto; font-size:.6rem; letter-spacing:.75px; text-transform:uppercase; font-weight:700; padding:6px 10px; border-radius:10px; background:linear-gradient(145deg,#4f6641,#3b4f34); color:var(--mq-color-text); display:inline-flex; gap:6px; align-items:center; justify-content:center; align-self:center; }
.command-meta.danger { background:linear-gradient(145deg,#5c1c1c,#3e1010); box-shadow:0 0 0 1px rgba(255,107,107,.4); }

.options-list-modern { background:linear-gradient(155deg,#364b33,#283a27); border:1px solid #5a724b; box-shadow:0 4px 18px -6px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,0.04); border-radius:14px; padding:10px 12px; display:flex; flex-direction:column; gap:8px; margin-top:6px; }
.option-item { position:relative; padding:6px 8px 6px 10px; border:1px solid rgba(255,255,255,0.05); background:linear-gradient(140deg,rgba(255,255,255,0.04),rgba(255,255,255,0)); border-radius:10px; font-size:.65rem; line-height:1.25; color:var(--mq-color-text-dim); }
.option-item .option-line { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-weight:600; letter-spacing:.35px; }
.option-item .option-name { color:var(--mq-color-accent-soft); font-weight:700; }
.option-item .option-sep { opacity:.5; }
.option-item .option-desc { font-weight:500; }
.option-item .parameter-nest { margin-top:6px; }
.options-toggle { position:relative; }
.options-toggle .options-toggle-icon { width:14px; height:14px; line-height:14px; display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:.7rem; background:linear-gradient(145deg,#4f6641,#3b4f34); color:#fff; border-radius:6px; padding:0 0 1px; box-shadow:0 0 0 1px var(--mq-color-border-accent); }
.options-toggle.open .options-toggle-icon { background:linear-gradient(145deg,#5c1c1c,#3e1010); box-shadow:0 0 0 1px rgba(255,107,107,.5); }
.options-toggle.open .options-toggle-icon { content:'−'; }
.parameter-nest { margin-top:6px; padding:10px 12px 8px; background:#3d5137; border:1px solid #5d744c; border-radius:12px; }
.parameter-nest h5 { font-size:.75rem; margin:0 0 4px; color:var(--mq-color-text); letter-spacing:.5px; }
.toggle-options-btn { font-size:.65rem; font-weight:700; letter-spacing:.75px; text-transform:uppercase; color:var(--mq-color-accent-soft); background:none; border:0; margin-top:4px; cursor:pointer; padding:4px 8px; border-radius:8px; transition:background var(--mq-transition-fast); }
.toggle-options-btn:hover { background:var(--mq-color-accent-fade); }

.panel-glass { background:linear-gradient(155deg,rgba(60,78,54,.88),rgba(40,54,38,.88)); border:1px solid rgba(209,221,97,0.18); border-radius:24px; position:relative; padding: clamp(1.5rem,3vw,2.2rem) clamp(1.25rem,2.6vw,2.4rem); box-shadow:0 10px 34px -12px rgba(0,0,0,.65),0 0 0 1px rgba(105,125,70,0.35), inset 0 0 0 1px rgba(255,255,255,0.04); overflow:hidden; --vine-bleed: clamp(1.25rem,2.6vw,2.4rem); }
.panel-glass:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 22% 20%,rgba(209,221,97,.28),transparent 68%), radial-gradient(circle at 82% 78%,rgba(232,163,46,.22),transparent 78%); mix-blend-mode:screen; pointer-events:none; }
.panel-spacious { padding: clamp(2rem,3.4vw,2.75rem) clamp(1.75rem,3.4vw,2.9rem); }

.colliders-page .panel-glass { margin-bottom:2.5rem; }
.colliders-page .collider-side { border-radius:18px; }
.colliders-page .canvas-wrapper { margin-top:6px; }
.colliders-page .status-group { margin-top:18px; }
@media (max-width: 991.98px) {
    .colliders-page .panel-glass { padding:1.5rem 1.25rem 2rem; }
}

.modal-content.panel-glass { background:linear-gradient(155deg,rgba(76,54,14,.95),rgba(54,35,8,.95)); border:1px solid rgba(232,163,46,0.55); box-shadow:0 18px 46px -18px rgba(0,0,0,.8),0 0 0 1px rgba(136,98,28,0.55); }
.modal-content.panel-glass.secondary-modal { background:linear-gradient(155deg,rgba(87,130,137,.94),rgba(56,92,98,.94)); border:1px solid rgba(115,171,178,0.55); box-shadow:0 18px 46px -18px rgba(0,0,0,.75),0 0 0 1px rgba(68,101,105,.55); }
.modal-content.confirm-modal { background:linear-gradient(145deg,#32452f,#26372a 55%,#1d2b20); border:1px solid var(--mq-color-border-accent); box-shadow:0 22px 48px -18px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.05); border-radius:22px; overflow:hidden; position:relative; }
.modal-content.confirm-modal:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 18% 12%,rgba(209,221,97,.18),transparent 60%), radial-gradient(circle at 82% 78%,rgba(232,163,46,.15),transparent 65%); mix-blend-mode:color-dodge; opacity:.6; pointer-events:none; }
.modal-content.confirm-modal .modal-header { padding:1.4rem 1.75rem .25rem; border:0; }
.modal-content.confirm-modal .modal-title { font-size:1.05rem; letter-spacing:.6px; font-weight:650; background:var(--mq-gradient-amber); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 2px 6px rgba(0,0,0,.55); }
.modal-content.confirm-modal .modal-body { padding:1rem 1.75rem 1.25rem; font-size:.78rem; line-height:1.5; color:var(--mq-color-text-dim); }
.modal-content.confirm-modal .modal-body p { margin:0; }
.modal-content.confirm-modal .modal-footer { padding:0 1.75rem 1.6rem; border:0; display:flex; gap:.75rem; justify-content:flex-end; }
html[data-theme="light"] .modal-content.confirm-modal { background:linear-gradient(145deg,#ffffff,#f2f6dd 55%,#e9f2d1); box-shadow:0 22px 48px -18px rgba(0,0,0,.25),0 0 0 1px #d1dd61; border:1px solid #d1dd61; }

.footer-modern { background:linear-gradient(145deg,#33442f,#273720 60%,#1e2a19); border-top:1px solid #5a724b; box-shadow:0 -4px 18px -6px rgba(0,0,0,.65); padding:40px 0 30px; position:relative; }
.footer-modern .footer-links { display:flex; flex-wrap:wrap; gap:10px 18px; justify-content:center; font-size:.7rem; font-weight:600; letter-spacing:.55px; }
.footer-modern a { color:var(--mq-color-text-dim); text-decoration:none; position:relative; padding:5px 10px; border-radius:10px; overflow:visible; display:inline-flex; align-items:center; line-height:1.05; }
.footer-modern a:after { content:""; position:absolute; left:8px; right:8px; bottom:2px; height:2px; border-radius:2px; background:linear-gradient(90deg,rgba(209,221,97,.1),rgba(232,163,46,.85),rgba(209,221,97,.1)); transform:scaleX(0); transform-origin:left center; transition:transform .45s var(--mq-ease-spring), opacity .45s var(--mq-ease-spring); opacity:0; }
.footer-modern a:hover:after { transform:scaleX(1); opacity:1; }
.footer-modern a:focus-visible { outline:0; box-shadow:0 0 0 2px rgba(232,163,46,.65),0 0 0 1px rgba(0,0,0,.6); color:var(--mq-color-text); }
.footer-modern a:focus-visible:after { transform:scaleX(1); opacity:1; }
.footer-modern a:hover { color:var(--mq-color-text); background:linear-gradient(135deg,rgba(209,221,97,.18),rgba(232,163,46,.15)); box-shadow:0 0 0 1px rgba(209,221,97,.25), 0 2px 6px -2px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06); }

.bg-jungle-texture { background-image: var(--mq-pattern-leaf), var(--mq-gradient-bg); background-blend-mode: overlay, normal; background-attachment: fixed, fixed; }
.jungle-frame { position:relative; border:2px solid var(--mq-color-border-accent); border-radius:28px; padding:1.75rem 1.5rem; background:linear-gradient(160deg, rgba(60,78,54,.65), rgba(34,46,33,.85)); box-shadow:0 0 0 3px rgba(0,0,0,.25), 0 0 0 1px rgba(209,221,97,.35), 0 18px 38px -14px rgba(0,0,0,.7); }
.jungle-frame:before, .jungle-frame:after { content:""; position:absolute; width:120px; height:120px; background:radial-gradient(circle at 30% 30%, rgba(232,163,46,.35), transparent 70%); filter:blur(12px); opacity:.5; pointer-events:none; }
.jungle-frame:before { top:-30px; left:-30px; }
.jungle-frame:after { bottom:-30px; right:-30px; background:radial-gradient(circle at 70% 70%, rgba(209,221,97,.35), transparent 70%); }
.vine-divider { --vine-color: var(--mq-color-border-accent); position:relative; height:18px; margin:1.75rem 0; width:100%; max-width:520px; }
.vine-divider:before, .vine-divider:after { content:""; position:absolute; top:50%; width:48%; height:2px; background:linear-gradient(90deg, transparent, var(--vine-color)); }
.vine-divider:after { right:0; transform:translateY(-50%); background:linear-gradient(90deg, var(--vine-color), transparent); }
.vine-divider:before { left:0; transform:translateY(-50%); }
.vine-divider.vine-full { max-width:none; }
.vine-divider.vine-full:before, .vine-divider.vine-full:after {
    width:50%;
    height:3px;
    top:50%;
    transform:translateY(-50%);
    background:linear-gradient(90deg, transparent 0%, var(--vine-color) 14%, var(--vine-color) 86%, transparent 100%);
}
.vine-divider.vine-full:before { left:0; }
.vine-divider.vine-full:after { right:0; }
.panel-glass .vine-divider.vine-full { width:calc(100% + var(--vine-bleed)*2); margin-left:calc(var(--vine-bleed)*-1); }
.vine-divider .leaf { position:absolute; left:50%; top:50%; width:34px; height:34px; transform:translate(-50%,-50%) rotate(8deg); background:radial-gradient(circle at 30% 30%, #c2d659 0 55%, #83962c 56% 100%); border-radius:8px 60% 8px 60%; box-shadow:0 0 0 2px rgba(0,0,0,.25), 0 0 0 1px rgba(209,221,97,.55) inset; }
[data-accent] { position:relative; }
[data-accent]:before { content:""; position:absolute; inset:-2px; border-radius:inherit; pointer-events:none; opacity:.65; transition:opacity .4s var(--mq-ease-spring); }
[data-accent="amber"]:before { box-shadow:0 0 0 2px rgba(255,160,0,.55), 0 0 18px -4px rgba(255,160,0,.65); }
[data-accent="secondary"]:before { box-shadow:0 0 0 2px rgba(115,171,178,.55), 0 0 18px -4px rgba(115,171,178,.6); }
[data-accent="lime"]:before { box-shadow:0 0 0 2px rgba(209,221,97,.55), 0 0 18px -4px rgba(209,221,97,.6); }
[data-accent]:hover:before { opacity:1; }
.btn-outline-jungle { --btn-color: var(--mq-color-border-accent); position:relative; background:
    linear-gradient(160deg,rgba(54,74,51,.55),rgba(40,54,36,.35) 55%,rgba(32,43,29,.25));
    border:1px solid var(--mq-color-border-accent);
    color:var(--mq-color-text); text-shadow:0 1px 0 rgba(0,0,0,.45);
    padding:10px 22px; border-radius:14px; font-size:.8rem; font-weight:600; letter-spacing:.6px;
    display:inline-flex; align-items:center; gap:8px; cursor:pointer; isolation:isolate;
    box-shadow:0 0 0 1px rgba(255,255,255,0.05), 0 4px 16px -8px rgba(0,0,0,.65), inset 0 0 0 1px rgba(255,255,255,0.04);
    transition:background .35s var(--mq-ease-spring, ease), box-shadow .35s var(--mq-ease-spring, ease), transform .4s cubic-bezier(.34,1.56,.3,1);
}
.btn-outline-jungle:before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(145deg,rgba(209,221,97,.28),rgba(255,160,0,.18) 60%,rgba(181,247,61,.25)); mix-blend-mode:overlay; opacity:.45; transition:opacity .35s; pointer-events:none; }
.btn-outline-jungle:hover { background:linear-gradient(160deg,rgba(84,104,61,.65),rgba(54,74,51,.45) 55%,rgba(40,54,36,.35)); box-shadow:0 0 0 1px var(--mq-color-border-accent),0 6px 22px -10px rgba(0,0,0,.7), inset 0 0 0 1px rgba(255,255,255,0.05); transform:translateY(-2px); color:#f5f9e8; text-shadow:0 1px 0 rgba(0,0,0,.65); }
.btn-outline-jungle:hover:before { opacity:.7; }
.btn-outline-jungle:active { background:linear-gradient(160deg,rgba(70,92,55,.6),rgba(54,74,51,.5) 55%,rgba(40,54,36,.4)); transform:translateY(0); box-shadow:0 0 0 1px var(--mq-color-border-accent),0 3px 10px -6px rgba(0,0,0,.6), inset 0 2px 5px -2px rgba(0,0,0,.55); }
.btn-outline-jungle:focus-visible { outline:none; box-shadow:0 0 0 1px var(--mq-color-border-accent),0 0 0 4px rgba(209,221,97,.35),0 6px 18px -6px rgba(0,0,0,.65); }

.btn-form { padding:14px 26px; font-size:.85rem; letter-spacing:.6px; }
@media (max-width:640px){ .btn-form { width:100%; display:inline-flex; justify-content:center; } }
.action-row { display:flex; flex-wrap:wrap; gap:.9rem; align-items:center; justify-content:center; }
.action-row .btn-modern { flex:0 1 auto; }
@media (max-width:640px){
    .action-row { flex-direction:column; align-items:stretch; justify-content:flex-start; }
    .action-row .btn-modern { width:100%; }
}
.action-row-left { justify-content:flex-start !important; text-align:left; }
.action-row-left .btn-modern { margin-left:0; }
@media (min-width:641px){ .action-row-left { flex-direction:row !important; align-items:center !important; } }
@media (max-width:640px){ .action-row-left { align-items:stretch !important; } }

html[data-theme="light"] .btn-outline-jungle { 
    background:linear-gradient(160deg,#ffffff,#f1f4cd 55%,#e9f2d1);
    color:#27341e; text-shadow:0 1px 0 rgba(255,255,255,.6);
    border:1px solid #d1dd61; box-shadow:0 0 0 1px #d1dd61,0 4px 14px -6px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.6);
}
html[data-theme="light"] .btn-outline-jungle:before { background:linear-gradient(145deg,rgba(255,160,0,.25),rgba(209,221,97,.3)); mix-blend-mode:normal; opacity:.55; }
html[data-theme="light"] .btn-outline-jungle:hover { background:linear-gradient(160deg,#f1f4cd,#e9f2d1 55%,#dce9b9); color:#27341e; box-shadow:0 0 0 1px #d1dd61,0 6px 20px -8px rgba(0,0,0,.22); }
html[data-theme="light"] .btn-outline-jungle:active { background:linear-gradient(160deg,#f1d694,#e5b95b 55%,color-mix(in srgb,var(--mq-color-accent) 55%, #b36a00)); color:#2c1c06; box-shadow:0 0 0 1px #d1dd61,0 2px 8px -4px rgba(0,0,0,.18), inset 0 2px 5px -2px rgba(0,0,0,.25); }
html[data-theme="light"] .btn-outline-jungle:focus-visible { box-shadow:0 0 0 1px #d1dd61,0 0 0 4px rgba(255,160,0,.35); }
@keyframes slowSwing { 0%{ transform:rotate(-4deg); } 50%{ transform:rotate(4deg); } 100%{ transform:rotate(-4deg); } }
.swing-slow { display:inline-block; animation:slowSwing 6.5s ease-in-out infinite; transform-origin: top center; }
.tribe-tag { --tribe-bg:#364a33; --tribe-border:#5a724b; display:inline-flex; align-items:center; gap:6px; padding:4px 10px 3px; font-size:.6rem; text-transform:uppercase; letter-spacing:.8px; font-weight:700; border-radius:999px; background:linear-gradient(145deg,var(--tribe-bg),color-mix(in srgb,var(--tribe-bg) 85%, #000)); border:1px solid var(--tribe-border); color:var(--mq-color-text); position:relative; box-shadow:0 2px 6px -2px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.35); }
.tribe-tag[data-tribe="amber"] { --tribe-bg:#a55f00; --tribe-border:var(--mq-color-accent); }
.tribe-tag[data-tribe="lime"] { --tribe-bg:#4f5f2a; --tribe-border:#c2d659; }
.tribe-tag[data-tribe="mist"] { --tribe-bg:#446569; --tribe-border:#73abb2; }
.tribe-tag:before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(255,255,255,0)); opacity:.4; pointer-events:none; }

.fade-in { animation:fadeIn .6s ease forwards; }
.fx-pop { animation: popIn .55s var(--mq-ease-spring); }
@keyframes popIn { 0%{transform:scale(.85); opacity:0;} 60%{transform:scale(1.03);} 100%{transform:scale(1); opacity:1;} }
.grid-auto { display:grid; gap: var(--mq-space-4); grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
.mt-space { margin-top: var(--mq-space-5); }
.main-offset-top { padding-top: var(--mq-space-5); }
.flow { display:flex; flex-direction:column; gap: var(--mq-space-4); }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; border:0!important; }

[data-reveal], .reveal { opacity:0; transform:translateY(28px); transition:opacity .9s var(--mq-ease-spring), transform .9s var(--mq-ease-spring); }
.reveal-active { opacity:1; transform:translateY(0); }

.theme-toggle { --btn-bg:linear-gradient(145deg,var(--mq-color-surface-alt),var(--mq-color-surface)); --btn-bg-hover:linear-gradient(145deg,var(--mq-color-surface),var(--mq-color-surface-alt)); position:relative; border:1px solid var(--mq-color-border-accent); width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; background:var(--btn-bg); color:var(--mq-color-text); cursor:pointer; box-shadow:0 0 0 1px var(--mq-color-border-accent),0 4px 14px -6px rgba(0,0,0,.65); transition:background var(--mq-transition-fast), transform var(--mq-transition-fast), box-shadow var(--mq-transition-fast); font-size:0; }
.theme-toggle:hover { background:var(--btn-bg-hover); transform:translateY(-2px); box-shadow:0 0 0 1px var(--mq-color-border-accent),0 6px 18px -8px rgba(0,0,0,.7); }
.theme-toggle:active { transform:translateY(0); }
.theme-toggle svg { width:20px; height:20px; fill:currentColor; }
html[data-theme="light"] .theme-toggle { --btn-bg:linear-gradient(145deg,#ffffff,#f1f4cd); --btn-bg-hover:linear-gradient(145deg,#f1f4cd,#d1dd61); color:#0e2b35; border-color:#c9d788; box-shadow:0 0 0 1px #c9d788,0 4px 14px -6px rgba(0,0,0,.18); }
html[data-theme="light"] .theme-toggle:hover { box-shadow:0 0 0 1px #c9d788,0 6px 18px -8px rgba(0,0,0,.22); }
html[data-theme="light"] .theme-toggle svg { filter:none; }

.toast-host { position:fixed; z-index:9999; bottom:18px; right:18px; display:flex; flex-direction:column; gap:12px; max-width:360px; pointer-events:none; align-items:flex-end; }
.toast { position:relative; padding:14px 16px 14px 18px; border-radius:18px; background:linear-gradient(145deg,#3a4f33,#293a27); border:1px solid #5b724c; box-shadow:0 10px 26px -10px rgba(0,0,0,.6),0 0 0 1px #3d4f33; color:var(--mq-color-text); font-size:.75rem; line-height:1.3; font-weight:500; letter-spacing:.4px; display:flex; align-items:center; gap:10px; overflow:hidden; pointer-events:auto; animation:toastIn .55s var(--mq-ease-spring); }
.toast:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 15% 20%,rgba(209,221,97,.20),transparent 70%); opacity:.6; mix-blend-mode:screen; pointer-events:none; }
.toast-success { border-color:#6ac27c; box-shadow:0 0 0 1px #6ac27c,0 10px 26px -10px rgba(0,0,0,.6); }
.toast-warn { border-color:var(--mq-color-accent); }
.toast-error { border-color:#d34b44; box-shadow:0 0 0 1px #d34b44,0 10px 26px -10px rgba(0,0,0,.6); }
.toast-close { background:none; border:0; color:var(--mq-color-text-dim); cursor:pointer; font-size:1rem; line-height:1; padding:2px 4px; border-radius:8px; transition:background var(--mq-transition-fast), color var(--mq-transition-fast); }
.toast-close:hover { background:rgba(255,255,255,.08); color:var(--mq-color-text); }
@keyframes toastIn { 0%{ transform:translateY(10px) scale(.95); opacity:0; } 60%{ transform:translateY(-2px) scale(1.02);} 100%{ transform:translateY(0) scale(1); opacity:1; } }

.modal-content.panel-glass .modal-header { border:0; padding:1.5rem 1.75rem 0; }
.modal-content.panel-glass .modal-body { padding:1.25rem 1.75rem 1.25rem; font-size:.8rem; line-height:1.35; color:var(--mq-color-text-dim); }
.modal-content.panel-glass .modal-footer { border:0; padding:0 1.75rem 1.5rem; }
.modal-content.panel-glass h5 { font-size:1rem; letter-spacing:.6px; font-weight:600; }

.panel-p-sm { padding:1.5rem 1.25rem !important; }
.panel-p-md { padding:2.25rem 1.75rem !important; }
.panel-p-lg { padding:3rem 2rem !important; }
.mt-1 { margin-top:1rem !important; }
.mt-1_5 { margin-top:1.5rem !important; }
.mt-1_75 { margin-top:1.75rem !important; }
.gap-flex { display:flex; gap:16px; }
.btn-pad-md { padding:12px 26px !important; }
.btn-pad-lg { padding:14px 30px !important; }

.max-w-xs { max-width:320px !important; }
.max-w-sm { max-width:480px !important; }
.max-w-md { max-width:640px !important; }
.max-w-lg { max-width:820px !important; }
.max-w-xl { max-width:1040px !important; }

.release-notes-page h4 { font-size:.95rem; letter-spacing:.4px; font-weight:600; color:var(--mq-color-accent-soft); margin-top:1.2rem; }
.release-notes-page ul { list-style:disc; padding-left:1.2rem; }
.release-notes-page ul li { margin-bottom:.35rem; font-size:.78rem; line-height:1.25; color:var(--mq-color-text-dim); }
.version-select { background:#1c3727; border:1px solid var(--mq-color-border-accent); color:var(--mq-color-text); padding:10px 16px; border-radius:14px; font-size:.8rem; font-weight:600; letter-spacing:.4px; }
.version-select:focus { outline:none; border-color:var(--mq-color-accent); box-shadow:0 0 0 2px color-mix(in srgb, var(--mq-color-accent) 55%, transparent); }
.release-note-panel { display:none; }

.panel-variant-success { position:relative; }
.panel-variant-success:after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; box-shadow:0 0 0 1px rgba(65,200,140,.35),0 8px 24px -6px rgba(20,90,70,.55); }
.panel-variant-warn { position:relative; }
.panel-variant-warn:after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; box-shadow:0 0 0 1px rgba(255,170,60,.35),0 8px 24px -6px rgba(110,60,10,.55); }

html[data-theme="light"], :root[data-theme="light"] {
    --mq-color-bg:#f1f4cd;
    --mq-color-bg-alt:#e4eab4;
    --mq-color-surface:#ffffff;
    --mq-color-surface-alt:#f6f9e4;
    --mq-color-surface-glass:rgba(255,255,255,.75);
    --mq-color-text:#27341e;
    --mq-color-text-dim:#4f6136;
    --mq-color-text-faint:#7d8c4f;
    --mq-gradient-bg:radial-gradient(circle at 25% 18%, #ffffff 0%, #f3f6df 55%, #e4eab4 100%);
}
html[data-theme="light"] body.modern-shell { background:var(--mq-gradient-bg) fixed; }
html[data-theme="light"] .panel-glass { background:linear-gradient(155deg,rgba(255,255,255,.85),rgba(240,250,252,.85)); box-shadow:0 10px 34px -12px rgba(0,0,0,.15),0 0 0 1px #d2e6ec, inset 0 0 0 1px rgba(255,255,255,0.6); }
html[data-theme="light"] .nav-modern.navbar { background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(246,249,226,.85)); box-shadow:0 2px 8px -2px rgba(0,0,0,.12), inset 0 0 0 1px rgba(0,0,0,.04); border-color:#c9d788; }
html[data-theme="light"] .brand-name, html[data-theme="light"] .text-gradient-amber { color:transparent; }
html[data-theme="light"] .feature-card { background:#ffffff; border-color:#c9d788; }
html[data-theme="light"] .command-card-modern { background:#ffffff; border-color:#c9d788; }
html[data-theme="light"] .btn-modern { box-shadow:0 0 0 1px #c2d659,0 4px 14px -6px rgba(0,0,0,.18); }
html[data-theme="light"] .footer-modern { background:linear-gradient(145deg,#ffffff,#f5f9e8); border-top:1px solid #c9d788; }
html[data-theme="light"] .theme-toggle { border-color:#c9d788; box-shadow:0 0 0 1px #c9d788,0 4px 14px -6px rgba(0,0,0,.18); }
html[data-theme="light"] .toast { background:linear-gradient(145deg,#ffffff,#f5f9e8); border-color:#c9d788; box-shadow:0 6px 24px -10px rgba(0,0,0,.2),0 0 0 1px #c9d788; }
html[data-theme="light"] .hero::before { background:radial-gradient(circle at 18% 22%, rgba(47,168,216,.25),rgba(253,185,58,.18) 45%, transparent 75%), radial-gradient(circle at 82% 74%, rgba(47,168,216,.15), transparent 70%); opacity:.9; }
html[data-theme="light"] .t-display { text-shadow:0 2px 8px rgba(255,255,255,.65), 0 3px 14px -6px rgba(0,0,0,.25); }
html[data-theme="light"] .stat-pill { background:linear-gradient(145deg,#f1f4cd,#d1dd61); color:#27341e; box-shadow:0 0 0 1px #c9d788,0 4px 12px -6px rgba(0,0,0,.15); }
html[data-theme="light"] .input-shell input,
html[data-theme="light"] .input-shell select { background:#ffffff; border:1px solid #c9d788; color:var(--mq-color-text); box-shadow:0 1px 2px rgba(0,0,0,.04), inset 0 0 0 1px rgba(255,255,255,.55); }
html[data-theme="light"] .input-shell input:focus,
html[data-theme="light"] .input-shell select:focus { background:#ffffff; border-color:var(--mq-color-border-accent); box-shadow:0 0 0 1px var(--mq-color-border-accent),0 0 0 4px rgba(209,221,97,.35); }
html[data-theme="light"] .version-select { background:#ffffff; border:1px solid #c9d788; color:var(--mq-color-text); }
html[data-theme="light"] .version-select:focus { border-color:var(--mq-color-border-accent); box-shadow:0 0 0 2px rgba(209,221,97,.35); }
html[data-theme="light"] ::placeholder { color:#6a8a95; opacity:1; }
html[data-theme="light"] .panel-glass:before { background:radial-gradient(circle at 22% 20%,rgba(209,221,97,.30),transparent 70%), radial-gradient(circle at 82% 78%,rgba(232,163,46,.30),transparent 78%); opacity:.85; }
html[data-theme="light"] .feature-card { background:linear-gradient(150deg,#ffffff,#f2f6dd); box-shadow:0 4px 18px -8px rgba(0,0,0,.15),0 0 0 1px #d1dd61; }
html[data-theme="light"] .feature-card:hover { box-shadow:0 10px 26px -10px rgba(0,0,0,.20),0 0 0 1px rgba(47,168,216,.35); }
html[data-theme="light"] .feature-card h5 { color:#8a5b13; text-shadow:0 1px 0 rgba(255,255,255,.6); }
html[data-theme="light"] .feature-card p { color:#394c2f; }
html[data-theme="light"] .command-card-modern { background:linear-gradient(150deg,#ffffff,#f1f4cd); box-shadow:0 4px 14px -8px rgba(0,0,0,.15),0 0 0 1px #d1dd61; }
html[data-theme="light"] .command-card-modern:hover { box-shadow:0 12px 26px -10px rgba(0,0,0,.22),0 0 0 1px rgba(47,168,216,.35); }
html[data-theme="light"] .parameter-nest { background:#f6f9e4; border:1px solid #d1dd61; }
html[data-theme="light"] .options-list-modern { background:linear-gradient(155deg,#ffffff,#f2f6dd); border:1px solid #d1dd61; box-shadow:0 4px 20px -6px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.6); }
html[data-theme="light"] .option-item { border:1px solid rgba(0,0,0,0.04); background:linear-gradient(140deg,rgba(0,0,0,0.025),rgba(0,0,0,0)); color:#3b6270; }
html[data-theme="light"] .option-item .option-name { color:var(--mq-color-amber-deep); }
html[data-theme="light"] .options-toggle .options-toggle-icon { background:linear-gradient(145deg,#f1f4cd,#d1dd61); color:#27341e; box-shadow:0 0 0 1px #c9d788; }
html[data-theme="light"] .options-toggle.open .options-toggle-icon { background:linear-gradient(145deg,#ffe2e2,#ffd0d0); box-shadow:0 0 0 1px #f5a3a3; color:#6d1212; }
html[data-theme="light"] .command-meta { background:linear-gradient(145deg,#f1f4cd,#d1dd61); color:#27341e; box-shadow:0 0 0 1px #c9d788; }
html[data-theme="light"] .command-meta.danger { background:linear-gradient(145deg,#ffe0e0,#ffc9c9); box-shadow:0 0 0 1px #d34b44; }
html[data-theme="light"] .btn-modern { --btn-bg:linear-gradient(145deg,#c2d659,#a2b445); --btn-bg-hover:linear-gradient(145deg,#d1e372,#b4c85b); --btn-bg-active:#b4c85b; color:#27341e; border-color:#a7b74a; }
html[data-theme="light"] .btn-modern.btn-accent { --btn-bg:linear-gradient(145deg,var(--mq-color-accent),color-mix(in srgb,var(--mq-color-accent) 70%, var(--mq-color-amber-deep))); --btn-bg-hover:linear-gradient(145deg,var(--mq-color-accent),var(--mq-color-amber-deep)); color:#1d1402; border-color:var(--mq-color-amber-deep); text-shadow:0 1px 0 rgba(255,255,255,.25); }
html[data-theme="light"] .btn-modern.btn-amber { --btn-bg:linear-gradient(145deg,#73abb2,#4e757a); --btn-bg-hover:linear-gradient(145deg,#82bcc4,#587f84); color:#fff; border-color:#446569; text-shadow:0 1px 0 rgba(0,0,0,.35); }
html[data-theme="light"] .btn-modern.btn-accent:hover, html[data-theme="light"] .btn-modern.btn-accent:active { color:#fff; }
html[data-theme="light"] .btn-modern.btn-amber:hover, html[data-theme="light"] .btn-modern.btn-amber:active { color:#fff; }
html[data-theme="light"] .btn-modern:before { opacity:.5; }
html[data-theme="light"] .btn-modern:hover { color:inherit; }
html[data-theme="light"] .toast { color:#0e2b35; }
html[data-theme="light"] .toast-close:hover { background:rgba(0,0,0,.06); }
html[data-theme="light"] .footer-modern a:hover { background:linear-gradient(135deg,rgba(232,163,46,.18),rgba(209,221,97,.18)); color:#27341e; box-shadow:0 0 0 1px rgba(232,163,46,.35), 0 2px 6px -2px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.55); }
html[data-theme="light"] .footer-modern a:after { background:linear-gradient(90deg,rgba(232,163,46,.15),rgba(232,163,46,.85),rgba(209,221,97,.35)); }
@media (prefers-reduced-motion:reduce){ .footer-modern a:after { transition:none; } }
html[data-theme="light"] .discord-shell { background:#ffffff; border-color:#cfe3ea; box-shadow:0 4px 18px -6px rgba(0,0,0,.16),0 0 0 1px #d2e6ec; }
html[data-theme="light"] .discord-shell .discord-widget { box-shadow:0 0 0 1px #d2e6ec; }
html[data-theme="light"] .brand-logo { background:linear-gradient(145deg,#ffffff,#f1f4cd); }
html[data-theme="light"] :focus-visible { outline:2px solid rgba(209,221,97,.65); outline-offset:2px; }

html[data-theme], body.modern-shell { transition: background-color .55s var(--mq-ease-spring), color .45s ease; }
@media (prefers-reduced-motion: reduce) {
    html[data-theme], body.modern-shell { transition:none!important; }
    .reveal-active, [data-reveal] { transition:none!important; transform:none!important; opacity:1!important; }
}
.feature-card:hover { transform:translateY(-4px) scale(1.015) rotateX(1deg); }
.command-card-modern:hover { transform:translateY(-4px) scale(1.01); }
@supports(selector(.command-card-modern:has(.options-collapse.show))) {
    .command-card-modern:has(.options-collapse.show) { border-color: color-mix(in srgb, var(--mq-color-border-accent) 60%, transparent); box-shadow:0 0 0 1px var(--mq-color-border-accent),0 8px 20px -10px rgba(0,0,0,.55); }
    html[data-theme="light"] .command-card-modern:has(.options-collapse.show) { box-shadow:0 0 0 1px var(--mq-color-border-accent),0 8px 20px -10px rgba(0,0,0,.18); }
}
input, select, textarea { accent-color: var(--mq-color-accent); }
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea { accent-color: var(--mq-color-amber-deep); }
@supports (container-type: inline-size) {
    .ui-card { container-type:inline-size; }
    @container (min-width: 780px) { .feature-card h5 { font-size:1.05rem; } }
    @container (min-width: 960px) { .grid-auto { grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); } }
}
@supports (animation-timeline: scroll()) {
    .hero-content { animation: heroFade linear both; animation-timeline: scroll(); animation-range: 0 40vh; }
    @keyframes heroFade { from { opacity:1; transform:translateY(0); } to { opacity:.5; transform:translateY(-18px); } }
}
body { view-transition-name: body-root; }
.brand-logo { view-transition-name: brand-logo; }
@layer utilities {
    .fx-soft-hover { transition:filter .4s,var(--mq-transition-fast); }
    .fx-soft-hover:hover { filter:brightness(1.1) saturate(1.1); }
}
[data-reveal], .reveal { will-change: transform, opacity; }
@supports (color: color-mix(in srgb, white, black)) {
    html[data-theme="light"] .btn-modern.btn-accent { box-shadow:0 0 0 1px color-mix(in srgb,var(--mq-color-accent) 65%, #ffffff),0 4px 14px -6px rgba(0,0,0,.25); }
    html[data-theme="dark"] .btn-modern.btn-amber { box-shadow:0 0 0 1px color-mix(in srgb,var(--mq-color-amber) 55%, #000),0 4px 16px -6px rgba(0,0,0,.65); }
}
@keyframes focusPulse { 0% { box-shadow:0 0 0 0 rgba(47,168,216,.55); } 70% { box-shadow:0 0 0 4px rgba(47,168,216,0); } 100% { box-shadow:0 0 0 0 rgba(47,168,216,0); } }
*:focus-visible { animation:focusPulse 1.4s ease-out; }

@media (max-width: 991px) {
    .nav-modern.navbar { border-radius:0; margin-top:0; }
    .hero { padding-top: 3.2rem; }
}

@font-face {
    font-family: 'grobold';
    src: url('/_content/Web.Razor/GROBOLD.ttf');
}


.discord-widget {
    width: 100%;
    height: 380px;
    border: none;
    display:block;
}

.discord-shell { background:linear-gradient(160deg,#33452f,#283624); border:1px solid #5a724b; border-radius:18px; position:relative; padding:14px; box-shadow:0 4px 18px -8px rgba(0,0,0,.55),0 0 0 1px rgba(90,110,60,.4); max-width:760px; margin:0 auto; }
.discord-shell .discord-widget { border-radius:12px; box-shadow:0 0 0 1px rgba(209,221,97,.25); }

.site_logo {
    margin-bottom: 1rem;
    border-radius: 50%;
    width: 50%;
}

.form input[type="submit"] {
    background-image: linear-gradient(160deg, #BB7D4C 0%, #FDB93A 100%);
    border-radius: 20px;
    transition: background-color 0.15s ease-in-out, transform 0.15s ease;
    color: #fff !important;
    padding: 0.75rem 0;
    width: 100%;
    border-radius: 20px;
    cursor: pointer;
}

    .form input[type="submit"]:hover {
        background-image: linear-gradient(160deg, #FDB93A 0%, #e0a800 100%);
        transform: translateY(-2px);
    }

.form input[type="text"],
.form input[type="password"],
.form input[type="email"],
.form input[type="date"],
.form select,
.form input[type="submit"] {
    background-color: #fff;
    color: #333;
    border: none;
    padding: 0.375rem 0.75rem;
    margin-bottom: 1rem;
    border-radius: 999px;
    width: 100%;
}


.text-danger {
    color: #BA2221;
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.bg-custom { background:linear-gradient(145deg,#26452f,#1d3725); transition:background .5s ease, box-shadow .5s ease; box-shadow:0 0 0 1px #2e5b3c, 0 4px 14px -6px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.03); }
.bg-custom:hover { background:linear-gradient(145deg,#315b3b,#274b31); box-shadow:0 0 0 1px var(--mq-color-accent), 0 6px 20px -8px rgba(0,0,0,.65), 0 0 14px -4px rgba(232,163,46,.35); }

.ctrl-compact { --ctrl-bg:linear-gradient(145deg,#244a33,#1e3d29); --ctrl-bg-hover:linear-gradient(145deg,#2e5b3c,#254d32); background:var(--ctrl-bg); border:1px solid var(--mq-color-border-accent); color:var(--mq-color-text); padding:.55rem .95rem; font-size:.7rem; font-weight:600; letter-spacing:.5px; border-radius:12px; display:inline-flex; align-items:center; gap:.45rem; cursor:pointer; transition:background var(--mq-transition-fast), box-shadow var(--mq-transition-fast), transform var(--mq-transition-fast); }
.ctrl-compact:hover { background:var(--ctrl-bg-hover); box-shadow:0 0 0 1px var(--mq-color-accent), 0 4px 14px -6px rgba(0,0,0,.55); transform:translateY(-2px); }
.ctrl-compact:active { transform:translateY(0); }
.ctrl-compact[data-variant="outline"] { background:linear-gradient(145deg,rgba(44,57,42,.2),rgba(44,57,42,.05)); backdrop-filter:blur(4px); border:1px solid var(--mq-color-border-accent); }
.ctrl-compact[data-variant="outline"]:hover { background:linear-gradient(145deg,rgba(209,221,97,.25),rgba(232,163,46,.25)); }

.u-focus-ring:focus-visible { outline:none; box-shadow:0 0 0 2px var(--mq-color-accent), 0 0 0 4px color-mix(in srgb,var(--mq-color-accent) 45%, transparent); }
.u-fade-in { animation:fadeIn .6s ease; }

.nav-dropdown {
    --adm-bg: linear-gradient(145deg,#244a33,#1d3c29 55%,#162f21);
    --adm-border: rgba(255,255,255,0.06);
    --adm-shadow: 0 6px 20px -4px rgba(0,0,0,0.6), 0 0 0 1px #183524, inset 0 0 0 1px rgba(255,255,255,0.02);
    --adm-hover: linear-gradient(145deg,#2e5b3c,#254d32 55%,#1e4028);
    --adm-active: linear-gradient(145deg,#1f4d30,#1b4229 55%,#163521);
    --adm-text: var(--mq-color-text);
    --adm-text-dim: var(--mq-color-text-dim);
    background: var(--adm-bg);
    border: 1px solid var(--adm-border);
    backdrop-filter: blur(4px) saturate(140%);
    -webkit-backdrop-filter: blur(4px) saturate(140%);
    min-width: 13rem;
    padding: .4rem .35rem;
    border-radius: 14px;
    box-shadow: var(--adm-shadow);
    animation: dropdownFade .18s ease;
}
.nav-dropdown .dropdown-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--adm-text-dim);
    font-weight: 600;
    font-size: .85rem;
    padding: .55rem .85rem;
    border-radius: 10px;
    letter-spacing: .3px;
    transition: background .25s, color .25s, padding-left .25s, box-shadow .25s;
}
.nav-dropdown .dropdown-item + .dropdown-item { margin-top:4px; }
.nav-dropdown .dropdown-item:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    background: radial-gradient(circle at 25% 20%,rgba(255,255,255,0.18),rgba(255,255,255,0));
    transition: opacity .35s;
    pointer-events: none;
}
.nav-dropdown .dropdown-item:hover,
.nav-dropdown .dropdown-item:focus {
    background: var(--adm-hover);
    color: var(--adm-text);
    padding-left: 1.05rem;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.05), 0 2px 6px -2px rgba(0,0,0,0.6);
}
.nav-dropdown .dropdown-item:hover:before,
.nav-dropdown .dropdown-item:focus:before { opacity: 1; }
.nav-dropdown .dropdown-item:active {
    background: var(--adm-active);
    color: var(--mq-color-text);
    box-shadow: 0 0 0 1px rgba(232,163,46,0.4), 0 0 10px -2px rgba(232,163,46,0.55);
}
.navbar-dark .dropdown-menu.nav-dropdown { background: var(--adm-bg); }
.navbar-dark .nav-item.show > .nav-link.nav-dropdown-toggle,
.navbar-dark .nav-link.nav-dropdown-toggle:focus,
.navbar-dark .nav-link.nav-dropdown-toggle:hover {
    color: var(--mq-color-text) !important;
    background:linear-gradient(145deg,#4a5f3f,#3d4f34);
    box-shadow:0 0 0 1px var(--mq-color-border-accent),0 6px 14px -6px rgba(0,0,0,.65);
}
@keyframes dropdownFade { from { opacity:0; transform: translateY(-4px); } to { opacity:1; transform: translateY(0); } }

html[data-theme="light"] .nav-dropdown {
    --adm-bg: linear-gradient(145deg,#ffffff,#f1f4cd 55%,#e9f2d1);
    --adm-hover: linear-gradient(145deg,#f1f4cd,#e9f2d1 55%,#dce9b9);
    --adm-active: linear-gradient(145deg,var(--mq-color-accent), color-mix(in srgb,var(--mq-color-accent) 65%, var(--mq-color-amber-deep)) 55%, var(--mq-color-amber-deep));
    --adm-text:#27341e;
    --adm-text-dim:#52623b;
    border:1px solid #d1dd61;
    box-shadow:0 6px 22px -8px rgba(0,0,0,.18),0 0 0 1px #d1dd61, inset 0 0 0 1px rgba(255,255,255,.6);
    backdrop-filter:blur(6px) saturate(140%);
}
html[data-theme="light"] .nav-dropdown .dropdown-item { color:var(--adm-text-dim); }
html[data-theme="light"] .nav-dropdown .dropdown-item:hover,
html[data-theme="light"] .nav-dropdown .dropdown-item:focus { color:var(--adm-text); box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 2px 6px -2px rgba(0,0,0,0.15); }
html[data-theme="light"] .nav-dropdown .dropdown-item:active { color:#2c1c06; box-shadow:0 0 0 1px var(--mq-color-accent),0 0 10px -2px rgba(255,160,0,.4); }
html[data-theme="light"] .navbar-dark .nav-item.show > .nav-link.nav-dropdown-toggle,
html[data-theme="light"] .navbar-dark .nav-link.nav-dropdown-toggle:focus,
html[data-theme="light"] .navbar-dark .nav-link.nav-dropdown-toggle:hover {
    color:#27341e !important;
    background:linear-gradient(145deg,var(--mq-color-accent), var(--mq-color-amber-deep));
    box-shadow:0 0 0 1px #d1dd61,0 6px 14px -6px rgba(0,0,0,.2);
}