/* MU ALPINE v20 - own visual layer; preserve the original OpenMU forms and plugins. */
.alpine20{--a20-red:#961e26;--a20-gold:#dbac68;--a20-cream:#f6ebda;--a20-line:#69482b;--a20-ink:#110e10;max-width:1360px;margin:0 auto 2.5rem;color:var(--a20-cream);font-family:inherit;}
.alpine20 *{box-sizing:border-box}.alpine20 a{text-decoration:none}.alpine20 .a20-hero{padding:clamp(1.4rem,4vw,2.6rem);border:1px solid #a07842;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#7c1e26 0%,transparent 47%),linear-gradient(115deg,#120e12 8%,#31151a 70%,#130d11);box-shadow:0 15px 44px #18090e35}
.alpine20 .a20-hero:before{content:'';position:absolute;inset:6px;border:1px solid #b6884d55;border-radius:13px;pointer-events:none}.alpine20 .a20-hero-copy{z-index:1;max-width:785px}
.alpine20 .a20-kicker{font-size:.72rem;letter-spacing:.13em;font-weight:800;color:#d9a75e}.alpine20 .a20-hero h1{color:#faf0df;font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;letter-spacing:-.025em;margin:.7rem 0;font-weight:850}.alpine20 .a20-hero h1 span{color:#ebba71}.alpine20 .a20-hero p{color:#d9c2b6;max-width:750px;line-height:1.65;margin:0 0 1.1rem}.alpine20 .a20-hero-logo{width:clamp(105px,18vw,208px);max-width:25%;height:auto;object-fit:contain;filter:drop-shadow(0 0 17px #e4a64e46);z-index:1}.alpine20 .a20-hero-actions,.alpine20 .a20-toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem;align-items:center}
.alpine20 .a20-button{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;border-radius:9px;padding:.6rem .9rem;color:#efd6b5!important;background:linear-gradient(180deg,#302322,#1b1516);border:1px solid #8b6846;font-size:.86rem;line-height:1.3;font-weight:750;cursor:pointer;transition:filter .16s,border-color .16s;white-space:normal}.alpine20 .a20-button:hover{filter:brightness(1.23);border-color:#f1c47a}.alpine20 .a20-primary{background:linear-gradient(110deg,#a5242e,#641721);color:#fff1d9!important;border-color:#dc9d53}.alpine20 .a20-small{padding:.38rem .67rem;font-size:.8rem}.alpine20 .a20-link{color:#e9b86e;font-weight:750;font-size:.85rem}.alpine20 .a20-link:hover{color:#ffdc96}
.alpine20 .a20-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}.alpine20 .a20-stat{background:linear-gradient(130deg,#261b1a,#120f12);border:1px solid #6b4e36;border-radius:13px;padding:1.1rem;display:flex;gap:.9rem;align-items:center}.alpine20 .a20-stat>.oi{color:#eab46c;font-size:1.5rem}.alpine20 .a20-stat strong{display:block;font-size:1.9rem;color:#f8dab0;line-height:1.1}.alpine20 .a20-stat small{color:#c4aaa0;font-size:.79rem}
.alpine20 .a20-panel{margin-top:1rem;border:1px solid #64462e;border-radius:14px;background:linear-gradient(145deg,#211a1b,#141112 77%);padding:clamp(1rem,2vw,1.55rem);box-shadow:0 7px 27px #110b0c1e}.alpine20 .a20-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.alpine20 .a20-panel h2{font-size:1.35rem;font-weight:800;color:#f4e4cf;margin:.25rem 0 0}
.alpine20 .a20-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.alpine20 .a20-tile{color:#f1e2cc;display:flex;align-items:flex-start;flex-direction:column;min-width:0;gap:.45rem;border:1px solid #5d4334;border-radius:11px;padding:1.15rem;background:linear-gradient(150deg,#2c2020,#191417);transition:transform .16s,border-color .16s,background .16s}.alpine20 .a20-tile:hover{color:#fff3d9;border-color:#d2a164;transform:translateY(-2px);background:linear-gradient(150deg,#432022,#211819)}.alpine20 .a20-tile>.oi{color:#edbd7a;font-size:1.3rem}.alpine20 .a20-tile strong{font-size:1.06rem;color:#ffecd3}.alpine20 .a20-tile small{font-size:.81rem;color:#c9b4aa;line-height:1.5;flex-grow:1}.alpine20 .a20-tile em{font-style:normal;font-size:.77rem;font-weight:800;color:#e8b469}.alpine20 .a20-tile-featured{border-color:#bc7b44;background:linear-gradient(125deg,#4b2023,#201518)}
.alpine20 .a20-quick-links{display:flex;gap:.55rem;flex-wrap:wrap}.alpine20 .a20-quick-links a{padding:.52rem .72rem;border:1px solid #67503c;background:#241b1b;color:#ead4b8;font-size:.83rem;font-weight:700;border-radius:8px}.alpine20 .a20-quick-links a:hover{background:#572127;color:#fff}.alpine20 .a20-scroll{overflow:auto}.alpine20 .a20-table{color:#f4e7d2;--bs-table-bg:transparent;--bs-table-color:#f4e7d2;--bs-table-border-color:#513b33;min-width:480px;font-size:.88rem}.alpine20 .a20-table th{color:#d5ad73}.alpine20 .a20-online{color:#7fe5a5;font-weight:800}.alpine20 .a20-offline{color:#ebad84;font-weight:700}.alpine20 .a20-status-dot{display:inline-block;width:7px;height:7px;background:#72e6a4;border-radius:100%;margin-right:.45rem;box-shadow:0 0 12px #72e6a477}.alpine20 .a20-empty{color:#bda79e;padding:1rem;border:1px dashed #795b44;border-radius:9px;font-size:.86rem}
.alpine20 .a20-hero-small{min-height:160px}.alpine20 .a20-hero-small h1{font-size:clamp(1.6rem,3vw,2.35rem)}.alpine20 .a20-hero-pulse{z-index:1;display:flex;flex-direction:column;align-items:center;color:#eed0a4}.alpine20 .a20-hero-pulse>.oi{font-size:1.7rem}.alpine20 .a20-hero-pulse strong{font-size:2rem}.alpine20 .a20-hero-pulse small{font-size:.65rem}.alpine20 .a20-notice{border:1px solid #b58c54;border-left:4px solid #e4ae5d;margin:1rem 0;padding:1rem;background:#342719;color:#f7e8cf;border-radius:8px;font-size:.86rem;line-height:1.5}.alpine20 .a20-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.alpine20 .a20-form-grid label{font-size:.83rem;font-weight:700;color:#ebd5b8}.alpine20 .a20-form-grid input{margin-top:.35rem;color:#f8e9d4;background:#171315;border-color:#775839}.alpine20 .a20-form-grid input:focus{background:#211719;color:#fff;border-color:#e1ad6c}.alpine20 .a20-muted{color:#bea89d;font-size:.8rem;line-height:1.6}.alpine20 .a20-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.alpine20 .a20-event{display:flex;flex-direction:column;gap:.3rem;border:1px solid #684735;border-radius:10px;padding:.9rem;background:#1c1416}.alpine20 .a20-event strong{color:#ffe7c2}.alpine20 .a20-event>span:not(.a20-kicker){font-size:.79rem;color:#d7c6b5}.alpine20 .a20-event em{font-style:normal;color:#82e5ae;font-size:.79rem;font-weight:750}.alpine20 .a20-event-line{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;border-top:1px solid #48332d;padding:.8rem 0;font-size:.85rem}.alpine20 .a20-event-line label{font-weight:750}.alpine20 .a20-event-line span{color:#cab19d;flex:1}
/* Soften surrounding native chrome without changing the original components' behavior. */
.sidebar{background:linear-gradient(180deg,#130e13,#2b1419)!important}.sidebar .top-row{background:linear-gradient(120deg,#251014,#591c24)!important}.sidebar .nav-scrollable{scrollbar-color:#745036 transparent}.sidebar .nav-item{padding-bottom:.16rem}.sidebar .nav-item .nav-link{font-size:.85rem}.sidebar .mu-origin-entry .nav-link{background:linear-gradient(110deg,#81242b,#3b161c)!important;border-color:#c18e4f!important}.alpine20 code{color:#eec188}
@media(max-width:1050px){.alpine20 .a20-grid,.alpine20 .a20-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.alpine20 .a20-stats,.alpine20 .a20-grid,.alpine20 .a20-event-grid,.alpine20 .a20-form-grid{grid-template-columns:1fr}.alpine20 .a20-hero-logo{max-width:85px}.alpine20 .a20-stat{padding:.8rem}.alpine20 .a20-hero h1{font-size:1.85rem}}

/* Align existing MU ALPINE guidance pages and native plugin header with the new palette. */
.alpine-v6-head{background:radial-gradient(circle at 85% 15%,#8b2229,transparent 42%),linear-gradient(120deg,#130e12,#30161c)!important;border-color:#a77843!important;color:#fff0d9!important}
.alpine-v6-kicker{color:#e4b772!important}.alpine-v6-head p{color:#e3cfbe!important}
.origin-v4-hero{background:radial-gradient(circle at 90% 5%,#76212a,transparent 40%),linear-gradient(120deg,#130e12,#371921)!important;border-color:#a57843!important}
.origin-v4-kicker,.origin-v4-eyebrow{color:#dfac6a!important}

/* v21: compact real OpenMU event dashboard, accessible on mobile. */
.alpine20 .v21-clock-strip{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;border-color:#c48b4a;background:linear-gradient(115deg,#401e22,#171114)}
.alpine20 .v21-clock-strip strong{color:#f9cd81;font-size:clamp(1.3rem,3vw,1.95rem);font-variant-numeric:tabular-nums}
.alpine20 .v21-clock-strip small{color:#e5c6a8;flex:1;min-width:220px}
.alpine20 .v21-native-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.alpine20 .v21-native-card{background:linear-gradient(135deg,#3c2024,#151013);border:1px solid #86603b;border-radius:13px;padding:1.05rem;min-width:0}
.alpine20 .v21-native-top{display:flex;justify-content:space-between;gap:.4rem;align-items:center;flex-wrap:wrap}
.alpine20 .v21-native-card h3{color:#f8deb6;font-size:1.28rem;font-weight:850;margin:.8rem 0 .25rem}
.alpine20 .v21-native-card p,.alpine20 .v21-native-card small{color:#c9b2a1;font-size:.8rem}
.alpine20 .v21-native-times{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}
.alpine20 .v21-native-times span{padding:.24rem .52rem;border:1px solid #9d7146;border-radius:7px;background:#25191a;color:#f9cf92;font-variant-numeric:tabular-nums;font-weight:750;font-size:.81rem}
.alpine20 .v21-json{max-height:365px;overflow:auto;border:1px solid #735137;border-radius:10px;padding:1rem;background:#0e1013;color:#bbefcb;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}
@media(max-width:790px){.alpine20 .v21-native-grid{grid-template-columns:1fr}}