/* Command Center — midnight Atreia, gold heraldry, blue glass panels. */
:root:root{--command-bg:#03111e;--command-panel:#051726ed;--command-raised:#112b40;--command-line:#466d91;--command-text:#eef5ff;--command-muted:#a8bfd5;--command-gold:#e7c475;--emerald-bg:#03111e;--emerald-surface:#071c2deb;--emerald-raised:#112b40;--emerald-soft:#0a2135;--emerald-text:#eef5ff;--emerald-muted:#a8bfd5;--emerald-line:#355675;--emerald-gold:#e7c475;--emerald-accent:#92c8f5;--emerald-button:#ab853c;--emerald-button-hover:#d2af63;--emerald-on-button:#101b23;--emerald-sidebar:#041320;--emerald-shade:#03111eed;--emerald-scene-shade:#03111ed9;--bg:#03111e;--panel:#051726;--line:#355675;--text:#eef5ff;--muted:#a8bfd5;--blue:#92c8f5}
html:root:root body{background:var(--command-bg);color:var(--command-text);font-family:'Segoe UI',Arial,sans-serif}
html:root:root .guild-scene{background:linear-gradient(#03111edb,#03111eed),url('/assets/command-castle.webp') center/cover fixed}
html:root:root .sidebar{width:220px;background:linear-gradient(#03111ef5,#041522f7),url('/assets/command-castle.webp') 10% bottom/auto 70%;border-right:1px solid #294862;border-radius:0;padding:20px 12px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#365571 transparent}
html:root:root .sidebar .brand{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 10px 24px;text-align:center;background:none;border:0;box-shadow:none;margin:0;min-height:0}
html:root:root .sidebar .brand img{width:115px;height:80px;object-fit:contain;filter:drop-shadow(0 0 12px #deb45022)}
html:root:root .sidebar .brand strong{color:#efd591;font:27px Georgia,serif;letter-spacing:4px;text-transform:uppercase}
html:root:root .sidebar .brand small{color:#e7c475;font-size:10px;letter-spacing:3px;margin-top:5px}
html:root:root .sidebar .nav{border-radius:3px;padding:11px 13px;margin-bottom:3px;font-size:13px;min-height:40px;color:#c4d5e5;gap:10px}
html:root:root .sidebar .nav.active{background:linear-gradient(90deg,#17374f,#102638);border-color:#416f94;color:#fff;box-shadow:inset 3px 0 #9bcff5}
html:root:root .nav-glyph{color:#e8c575}
html:root:root .nav-glyph svg{width:21px;height:21px}
html:root:root .main{padding:0 18px 0;max-width:none;min-width:0}
html:root:root .topbar{height:62px;margin:0;padding:10px 4px;border:0;border-radius:0;background:#04132194;box-shadow:none;display:flex;gap:16px;align-items:center}
html:root:root .topbar>.eyebrow{display:none}
.command-search{max-width:390px;position:relative;flex:1}
html:root:root .command-search input{height:37px;padding:9px 14px 9px 38px;background:#061b2dcb;border:1px solid #416582;border-radius:4px;font-size:13px;color:var(--command-text)}
.command-search svg{position:absolute;top:10px;left:12px;width:17px;height:17px;color:#c1d8ed;pointer-events:none}
html:root:root .connection{margin-left:auto;color:var(--command-muted)}
html:root:root .connection .ghost{border-radius:4px}
html:root:root .side-bottom{border-top-color:#294862;padding:16px 0 0}
html:root:root .side-bottom .profile{gap:7px}
html:root:root .profile-menu-trigger{color:#c8e5fb}
html:root:root .profile-settings{background:none}
html:root:root .card,html:root:root .character-card,html:root:root .timer-card,html:root:root .guild-box,html:root:root .admin-panel{background:var(--command-panel);border-color:#355675;border-radius:5px;box-shadow:0 4px 18px #0002}
html:root:root .modal,html:root:root .auth-box{background:#071b2ef7;border-color:#4b7396;border-radius:8px}
html:root:root .auth{background:linear-gradient(90deg,#03111ec9,#03111e59),url('/assets/command-castle.webp') center/cover}
html:root:root .auth-box .brand img{width:90px;height:60px;object-fit:contain}
html:root:root .primary,html:root:root .home-primary{background:linear-gradient(#e5c277,#b78e43);border:1px solid #d9b76e;color:#111c24;box-shadow:0 0 16px #b68c3820;border-radius:4px}
html:root:root .primary:hover{background:linear-gradient(#f2d694,#d4ac61)}
html:root:root .ghost{border-color:#355675;border-radius:4px;background:#10263a;color:#c4daeb}
html:root:root input,html:root:root select,html:root:root textarea{border-color:#395f7f;border-radius:4px;background:#071b2d;color:var(--command-text)}
html:root:root .section-head{margin-top:25px}
html:root:root .section-head h1,html:root:root .section-head h2,html:root:root .modal h2{color:#e8f3ff;font-family:Georgia,serif}
.command-hero{min-height:300px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#04142259,#04142200),url('/assets/command-castle.webp') center 46%/cover;margin:0 -18px;padding:35px 6%;border-bottom:1px solid #284960}
.command-hero-copy{text-align:center;width:58%;max-width:620px;text-shadow:0 2px 14px #000}
.command-hero h1{font:clamp(38px,4.6vw,68px)/1 Georgia,serif;letter-spacing:7px;margin:0 0 10px;color:#f3f7ff;font-weight:normal}
.command-subtitle{font:27px/1.2 Georgia,serif;letter-spacing:10px;color:#f1f5ff;display:flex;align-items:center;justify-content:center;gap:18px}
.command-subtitle:before,.command-subtitle:after{content:'';height:1px;width:65px;background:#8cb0cc88}
.command-hero p{font:18px Georgia,serif;letter-spacing:2px;color:#e1ecf8;margin:14px 0 26px}
html:root:root .command-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;background:linear-gradient(#e5c277,#b78e43);border:1px solid #e1bf76;border-radius:4px;color:#111d27;font:600 13px 'Segoe UI',sans-serif;padding:11px 24px;min-height:38px;box-shadow:0 0 20px #bd944622;text-shadow:none;white-space:nowrap;cursor:pointer}
.command-gold svg{width:21px;height:21px}
html:root:root .command-gold:hover{background:linear-gradient(#f6d98e,#d3ab5e)}
.command-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-10px 0 20px}
.command-stat{background:linear-gradient(135deg,#112f45ec,#041321f5);border:1px solid #527b9c;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:20px;min-height:86px;box-shadow:inset 0 1px 0 #d0e9ff12}
.command-stat svg{width:34px;height:34px;color:#8dc7f5}
.command-stat:nth-child(2) svg{color:#a7dce8}
.command-stat strong{font:32px Georgia,serif;display:block;line-height:1.2;color:var(--command-text)}
.command-stat span{font-size:12px;color:var(--command-muted)}
.command-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;margin-bottom:12px}
.command-panel{min-width:0;border:1px solid var(--command-line);border-radius:4px;background:linear-gradient(120deg,#061b2ded,#041320f5);box-shadow:inset 0 1px 0 #a3cef012}
.command-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 16px 12px;border-bottom:1px solid #2a4b64}
.command-panel h2{font:15px/1.3 Georgia,serif;letter-spacing:.3px;text-transform:uppercase;color:var(--command-text);margin:0}
html:root:root .command-text-link{border:0;background:none;color:#9bcef7;font-size:11px;padding:0;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:0;box-shadow:none;min-height:28px}
html:root:root .command-text-link:hover{color:#e4c67e;background:none}
.command-event-row{padding:15px 13px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #2a4b6480}
.command-event-row:last-child{border:0}
.command-thumb{background:url('/assets/command-castle.webp') center/cover;flex-shrink:0;width:100px;height:90px;border:1px solid #49718b;border-radius:4px}
.command-thumb.pvp{background-image:linear-gradient(#25031370,#3a10235c),url('/assets/atreia-abyss.webp')}
.command-event-copy{min-width:0;flex:1}
.command-event-copy h3,.command-news-row h3{font:15px/1.45 Georgia,serif;color:var(--command-text);margin:0 0 8px;overflow-wrap:anywhere}
.command-date{color:var(--command-muted);font-size:11px;margin:7px 0 0;line-height:1.5}
html:root:root .command-small{padding:7px 11px;font-size:11px;min-height:31px;background:linear-gradient(#695829,#403923);color:#f4dfad;border-color:#b89550}
.command-month-heading{display:flex;align-items:center;justify-content:space-between;padding:12px}
.command-month-heading strong{font-size:13px;font-weight:500;text-transform:capitalize}
html:root:root .command-month-heading button{border:0;background:none;font-size:25px;padding:0 6px;min-height:30px}
.command-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:8px 12px 14px;text-align:center;align-items:center}
.command-weekday{font-size:10px;color:#b8c9d9;padding:4px 0 8px}
html:root:root .command-day{background:none;border:0;border-radius:50%;min-width:0;padding:0;aspect-ratio:1;position:relative;font-size:12px;color:var(--command-text);max-height:34px;display:grid;place-items:center}
html:root:root .command-day:hover{background:#143c5c}
html:root:root .command-day.has-events{background:#185381;box-shadow:0 0 12px #2387c640}
html:root:root .command-day.is-today{background:#e5c378;color:#102030}
.command-day i{height:3px;width:3px;background:#93d5ff;border-radius:50%;position:absolute;bottom:3px;left:calc(50% - 1px)}
.command-legend{display:flex;justify-content:center;gap:15px;padding:16px 8px;font-size:9px;color:var(--command-muted)}
.command-legend span{display:flex;align-items:center;gap:6px}
.command-legend i{width:9px;height:9px;background:#338bc5;border-radius:50%}
.command-legend i.gold{background:#dfb760}
html:root:root .command-member-row{display:flex;align-items:center;text-align:left;width:100%;gap:10px;background:none;border:0;border-bottom:1px solid #29476180;border-radius:0;padding:12px 15px;color:var(--command-text)}
html:root:root .command-member-row:hover{background:#102d42}
.command-member-row>.user-avatar{width:38px;height:38px;border:1px solid #7393aa}
.command-member-row>span{flex:1;min-width:0}
.command-member-row strong{font:14px Georgia,serif;display:block;overflow-wrap:anywhere}
.command-member-row small{font-size:10px;color:var(--command-muted);display:block;margin-top:4px}
.command-member-row .class-icon{width:22px;height:22px}
.command-lower-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:12px 0 18px}
.command-table-scroll{overflow-x:auto}
.command-table{border-collapse:collapse;width:100%;font-size:12px}
.command-table th{font-weight:400;color:#b8cbe0;text-align:left;padding:12px 15px;border-bottom:1px solid #33516a;white-space:nowrap}
.command-table td{padding:12px 15px;border-bottom:1px solid #29476180;white-space:nowrap;color:var(--command-text)}
.command-table .roster-class{display:inline-flex;align-items:center;gap:7px;font-size:11px}
.command-table .class-icon{width:21px;height:21px}
.command-table .roster-member strong{font-weight:500}
.command-news-row{display:flex;gap:14px;padding:15px 16px;border-bottom:1px solid #29476180}
.command-news-row .command-thumb{width:125px;height:110px}
.command-news-row .news-secondary{background-image:url('/assets/atreia-reference-background.webp')}
.command-news-text{font-size:12px;line-height:1.6;color:var(--command-muted);margin-top:8px;overflow-wrap:anywhere}
.command-empty{padding:30px 18px;font-size:13px;line-height:1.8;color:var(--command-muted);min-height:165px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}
.command-recruitment{background:linear-gradient(90deg,#061a29a6,#03111ed1),url('/assets/command-castle.webp') center 72%/cover;border-top:1px solid #547693;border-bottom:1px solid #547693;margin:20px -18px 0;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.command-recruitment h2{font:28px/1.3 Georgia,serif;margin:10px 0;color:var(--command-text)}
.command-recruitment p{font-size:10px;letter-spacing:3px;color:#b6cadf;text-transform:uppercase}
.command-recruitment .eyebrow{color:#e7c475}
.command-class-strip{display:flex;gap:24px;margin-top:22px;flex-wrap:wrap}
.command-class-strip>span{display:flex;flex-direction:column;align-items:center;gap:8px}
.command-class-strip .class-icon{width:27px;height:27px}
.command-class-strip small{font-size:9px;color:#c2d6eb}
.command-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:11px;color:#b7cce1}
.command-footer a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#b7cce1}
.command-footer svg{width:27px;height:27px;color:#a6cdf0}
.command-footer>span{font-size:9px;letter-spacing:3px}
.command-footer-brand{position:relative;font:21px Georgia,serif;letter-spacing:3px;padding-bottom:16px}
.command-footer-brand img{width:55px;height:45px;object-fit:contain}
.command-footer-brand small{position:absolute;bottom:3px;left:70px;font:9px Arial,sans-serif;letter-spacing:4px}
.command-home{min-height:100vh;background:var(--command-bg)}
.command-home-sidebar{width:220px;position:fixed;inset:0 auto 0 0;border-right:1px solid #294862;background:linear-gradient(#041320ed,#03111eea),url('/assets/command-castle.webp') left bottom/auto 100%;padding:22px 12px;display:flex;flex-direction:column;z-index:10}
.command-home-logo{text-align:center;padding-bottom:26px;text-decoration:none;color:#e8c67c}
.command-home-logo img{width:125px;height:85px;object-fit:contain;display:block;margin:auto}
.command-home-logo strong{font:26px Georgia,serif;letter-spacing:4px;display:block;margin-top:8px}
.command-home-logo small{font-size:9px;letter-spacing:4px}
.command-home-sidebar nav{display:flex;flex-direction:column;gap:4px}
.command-home-sidebar nav a{padding:13px;text-decoration:none;color:#c4d5e5;font-size:13px;display:flex;align-items:center;gap:14px;border-radius:3px;border:1px solid transparent}
.command-home-sidebar nav a:first-child{background:#15334a;border-color:#416f94;box-shadow:inset 3px 0 #9bcff5}
.command-home-sidebar nav svg{width:20px;height:20px;color:#e8c575}
.command-home-access{margin-top:auto;border-top:1px solid #294862;padding:20px 8px;font-size:11px;line-height:1.7;color:var(--command-muted)}
.command-home-main{margin-left:220px;padding:0 18px}
.command-home-topbar{display:flex;align-items:center;justify-content:space-between;height:60px;color:#9fbdd5;font-size:11px;letter-spacing:1px}
.command-home-topbar a{color:#c7e4fb;text-decoration:none;padding:9px 16px;border:1px solid #3f6382;border-radius:4px;letter-spacing:0}
.command-home-members{padding:8px 15px}
.command-home-person{display:flex;align-items:center;gap:14px;border-bottom:1px solid #294761;padding:15px 0}
.command-home-person svg{width:28px;color:#e4bd6c}
.command-home-person strong{font:16px Georgia,serif;display:block}
.command-home-person small{font-size:11px;color:var(--command-muted)}
.command-intro{padding:18px;line-height:1.8;font-size:13px;color:var(--command-muted)}
.command-intro h3{font:19px Georgia,serif;color:var(--command-text);margin-bottom:14px}
.command-public-classes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px}
.command-public-classes .home-class{padding:10px 4px;gap:7px;background:none;border:0;position:relative;display:flex;align-items:center;flex-direction:column;color:var(--command-muted);font-size:10px}
.command-public-classes .home-class img{width:32px;height:32px}
.command-public-classes .class-count-tooltip{display:none;position:absolute;bottom:100%;background:#102d42;white-space:nowrap;padding:8px;z-index:5;left:50%;transform:translateX(-50%)}
.command-public-classes .home-class:hover .class-count-tooltip,.command-public-classes .home-class:focus .class-count-tooltip{display:block}
:root:root[data-theme=light]{--command-bg:#eaf0f5;--command-panel:#f8fbffee;--command-raised:#d8e6f0;--command-line:#8ba5bd;--command-text:#152f45;--command-muted:#48647b;--command-gold:#8c6928;--emerald-bg:#eaf0f5;--emerald-surface:#f8fbff;--emerald-raised:#d8e6f0;--emerald-text:#152f45;--emerald-muted:#48647b;--emerald-line:#9eb5c9;--emerald-gold:#8c6928;--emerald-button:#84632c;--emerald-on-button:#fff}
html:root:root[data-theme=light] .guild-scene{background:linear-gradient(#eaf0f5dc,#eaf0f5ec),url('/assets/command-castle.webp') center/cover fixed}
html:root:root[data-theme=light] .sidebar{background:#edf4f9;border-color:#9cb5c9}
html:root:root[data-theme=light] .sidebar .nav{color:#294d6b}
html:root:root[data-theme=light] .sidebar .brand strong,html:root:root[data-theme=light] .sidebar .brand small{color:#80602b}
html:root:root[data-theme=light] .sidebar .nav.active{background:#1e4868;color:white}
html:root:root[data-theme=light] .command-panel,html:root:root[data-theme=light] .command-stat,html:root:root[data-theme=light] .card,html:root:root[data-theme=light] .character-card,html:root:root[data-theme=light] .timer-card,html:root:root[data-theme=light] .modal{background:#f8fbffee;border-color:#9cb5c9}
html:root:root[data-theme=light] .topbar{background:#edf4f9}
html:root:root[data-theme=light] input,html:root:root[data-theme=light] select,html:root:root[data-theme=light] textarea{background:#fff;border-color:#90adc4;color:#152f45}
html:root:root[data-theme=light] .section-head h1,html:root:root[data-theme=light] .section-head h2,html:root:root[data-theme=light] .modal h2{color:#173750}
html:root:root[data-theme=light] .command-text-link{color:#27618c}
html:root:root[data-theme=light] .command-member-row:hover{background:#dcebf5}
html:root:root[data-theme=light] .command-table th{color:#48647b}
html:root:root[data-theme=light] .command-recruitment h2,html:root:root[data-theme=light] .command-recruitment p,html:root:root[data-theme=light] .command-class-strip small{color:#edf5ff}
@media(min-width:761px){html:root:root .layout{grid-template-columns:220px minmax(0,1fr)}html:root:root .sidebar .mobile-nav-header{display:block}html:root:root .mobile-nav-close{display:none}}
@media(max-width:1100px){.command-grid{grid-template-columns:1.5fr 1fr}.command-members{grid-column:1/-1}.command-members .command-member-row{width:50%;display:inline-flex}.command-event-row{gap:9px}.command-thumb{width:75px;height:75px}.command-panel-heading{flex-wrap:wrap}.command-lower-grid{grid-template-columns:1fr}.command-search{max-width:260px}}
@media(max-width:760px){html:root:root .main{padding:0 12px 75px}html:root:root .topbar{position:sticky;top:0;z-index:5;height:auto;min-height:58px;padding:8px 0;gap:8px;background:#051725f5;flex-wrap:wrap}.command-search{order:3;flex-basis:100%;max-width:none}html:root:root .connection{font-size:10px}.command-hero{margin:0 -12px;min-height:260px;padding:25px 15px;background-position:60% center}.command-hero-copy{width:100%;max-width:none}.command-hero h1{font-size:40px;letter-spacing:5px}.command-subtitle{font-size:21px;letter-spacing:7px}.command-hero p{font-size:14px;letter-spacing:1px}.command-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.command-stat{min-height:72px;gap:12px}.command-stat strong{font-size:25px}.command-stat svg{width:26px;height:26px}.command-grid,.command-lower-grid{grid-template-columns:1fr}.command-members{grid-column:auto}.command-members .command-member-row{width:100%}.command-event-row{padding:13px;gap:10px}.command-thumb{width:65px;height:72px}.command-event-copy h3{font-size:14px}html:root:root .command-small{padding:7px;font-size:10px}.command-news-row .command-thumb{width:85px;height:95px}.command-recruitment{margin-left:-12px;margin-right:-12px;flex-direction:column;align-items:flex-start;padding:25px 20px}.command-recruitment h2{font-size:25px}.command-class-strip{gap:16px}.command-footer{flex-wrap:wrap;justify-content:center;text-align:center}.command-footer>span{width:100%}html:root:root .sidebar{width:min(300px,88vw);padding:0 18px 24px}html:root:root .sidebar .mobile-nav-header{display:flex;background:#041320;padding:16px 0}html:root:root .sidebar .brand{flex-direction:row;text-align:left;padding:0;gap:10px}html:root:root .sidebar .brand img{width:55px;height:40px}html:root:root .sidebar .brand strong{font-size:21px;letter-spacing:2px}html:root:root .sidebar .brand small{font-size:9px}.command-home-sidebar{position:static;width:100%;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.command-home-logo{padding:0;display:flex;align-items:center;gap:8px}.command-home-logo img{width:55px;height:40px}.command-home-logo strong{font-size:21px;margin:0}.command-home-logo small{display:none}.command-home-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:0}.command-home-sidebar nav a{padding:9px;font-size:11px}.command-home-sidebar nav svg{width:15px;height:15px}.command-home-access{display:none}.command-home-main{margin:0;padding:0 12px}.command-home-topbar{height:50px;font-size:9px}.command-home-topbar a{padding:8px}.command-month-grid{gap:8px}.command-day{max-height:40px}.command-public-classes{grid-template-columns:repeat(4,1fr)}html:root:root[data-theme=light] .sidebar .mobile-nav-header{background:#edf4f9}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.command-home .command-day{display:grid;place-items:center;aspect-ratio:1;text-decoration:none;font-size:12px;color:var(--command-text);border-radius:50%;max-height:34px}.command-home .command-day:hover{background:#143c5c}.command-home .command-day.is-today{background:#e5c378;color:#102030}
html:root:root .auth-box .brand{background:none;border:0;box-shadow:none}html:root:root .auth-box .brand strong{color:#efd591}html:root:root .auth-box .brand small{color:#c5d7e7}
html:root:root .event-card-art{background-image:linear-gradient(#061a2955,#061a2955),url('/assets/command-castle.webp')}
html:root:root .event-card-art.event-art-pvp{background-image:linear-gradient(#30122277,#07182a55),url('/assets/atreia-abyss.webp')}
html:root:root .event-card-art.event-art-abyss{background-image:url('/assets/command-castle.webp')}
html:root:root .event-card-art.event-art-boss{background-image:linear-gradient(#061a2933,#061a2933),url('/assets/atreia-abyss.webp')}
html:root:root .profile-menu{background:#071b2e;border-color:#4b7396}html:root:root .empty{background:#071b2ebd;border-color:#426d90}html:root:root .filters .filter{border-radius:4px}html:root:root .filter.active{background:#193e5b;border-color:#6999bf;color:#eaf6ff}
@media(max-width:760px){html:root:root .main{grid-column:auto}html:root:root .layout{display:block}html:root:root .command-month-grid .command-day{max-height:40px}.command-home .command-panel-heading .command-text-link{font-size:10px}}

/* Original public homepage, styled to match the events command center. */
html:root:root .home{background:var(--command-bg);color:var(--command-text)}
html:root:root .home-header{background:var(--command-bg);border-bottom:1px solid var(--command-line)}
html:root:root .home-brand,html:root:root .footer-brand{color:var(--command-gold)}
html:root:root .home-brand img{width:64px;height:54px;filter:none;object-fit:contain}
html:root:root .guild-ribbon{background:linear-gradient(110deg,#041320,#17364d,#041320);border-color:var(--command-line);color:#e7c475}
html:root:root .banner-hero{background:#03111e;overflow:hidden}
html:root:root .hero-art{object-position:center 44%;height:580px;object-fit:cover}
html:root:root .hero-shade{background:linear-gradient(180deg,#03111e0d 5%,#03111e45 42%,#03111edf 85%,var(--command-bg) 100%)}
html:root:root .emerald-title{color:#f0d598;text-shadow:0 3px 24px #000b}
html:root:root .hero-actions-panel>p{color:#eef5ff;text-shadow:0 2px 10px #000}
html:root:root .section-heading h2,html:root:root .home-join h2{background:none;color:var(--command-gold)}
html:root:root .home .section-description,html:root:root .pillar p,html:root:root .offer-card p,html:root:root .recruit-list p,html:root:root .recruit-apply p,html:root:root .home-join>p{color:var(--command-muted)}
html:root:root .home .section-band,html:root:root .recruitment-band{background:var(--emerald-soft);border-color:var(--command-line)}
html:root:root .guild-manifesto,html:root:root .offer-card,html:root:root .recruit-card,html:root:root .team-card{background:var(--command-panel);border:1px solid var(--command-line);border-radius:12px;box-shadow:0 8px 28px #0002}
html:root:root .leader-card{border-color:var(--command-gold);background:linear-gradient(140deg,var(--command-raised),var(--command-panel))}
html:root:root .diamond-icon,html:root:root .team-emblem{background:var(--command-raised);color:var(--command-gold);border-color:var(--command-gold)}
html:root:root .home-class{background:var(--command-panel);border-color:var(--command-line);color:var(--command-text);border-radius:8px}
html:root:root .home-class:hover,html:root:root .home-class:focus-within{background:var(--command-raised);border-color:var(--command-gold)}
html:root:root .home-class img{filter:drop-shadow(0 0 7px #92c8f533)}
html:root:root .home-secondary{background:var(--command-panel);border-color:var(--command-line);color:var(--command-text)}
html:root:root .home-secondary:hover{background:var(--command-raised);border-color:var(--command-gold)}
html:root:root .home-primary:hover{background:linear-gradient(110deg,#c7a45e,#f0d598);color:#101b23}
html:root:root .join-glow{background:#92c8f50a;border-color:var(--command-line)}
html:root:root .home::after{background:linear-gradient(180deg,var(--command-bg),#03111ee0 28%,#03111ebd),url('/assets/command-castle.webp') center bottom/cover no-repeat}
html:root:root[data-theme=light] .home::after{background:linear-gradient(180deg,var(--command-bg),#eaf0f5d9 28%,#eaf0f5ad),url('/assets/command-castle.webp') center bottom/cover no-repeat}
@media(max-width:1000px){html:root:root .hero-art{height:520px}}
@media(max-width:760px){html:root:root .hero-art{height:300px}html:root:root .hero-shade{background:linear-gradient(180deg,#03111e10,#03111e90 70%,var(--command-bg) 100%)}html:root:root .hero-actions-panel>p{color:var(--command-text);text-shadow:none}html:root:root .emerald-title{color:var(--command-gold);text-shadow:none}html:root:root .home-brand img{width:54px;height:46px}}

/* Homepage palette and centered SoClose identity. */
html:root:root .home{--emerald-bg:var(--command-bg);--emerald-surface:var(--command-panel);--emerald-raised:var(--command-raised);--emerald-soft:#0a2135;--emerald-line:var(--command-line);--emerald-accent:#92c8f5;--emerald-gold:var(--command-gold);--emerald-text:var(--command-text);--emerald-muted:var(--command-muted);--cyan:#92c8f5;--violet:var(--command-gold);--muted:var(--command-muted)}
html:root:root[data-theme=light] .home{--emerald-soft:#e2ecf4;--emerald-accent:#315f85;--cyan:#315f85}
html:root:root .home-header{flex-direction:column;justify-content:center;gap:18px;padding-top:24px;padding-bottom:20px}
html:root:root .home-brand{justify-content:center;align-items:center;margin-inline:auto;width:max-content;gap:14px;text-align:center}
html:root:root .home-header nav{width:100%;justify-content:center;flex-wrap:wrap;color:var(--command-muted)}
html:root:root .home-header nav a:hover{color:var(--emerald-accent)}
html:root:root .heading-ornament{color:var(--command-gold);background:transparent}
html:root:root .heading-ornament span{background:linear-gradient(90deg,transparent,var(--command-line))}
html:root:root .home .section-eyebrow{color:var(--emerald-accent)}
html:root:root .home .section-eyebrow:before,html:root:root .home .section-eyebrow:after{background:var(--command-line)}
html:root:root .hero-crest{display:block;width:130px;height:110px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 4px 20px #0008)}
html:root:root .home .pillar,html:root:root .home .pillars-grid{background:var(--command-panel);border-color:var(--command-line)}
html:root:root .home .recruit-card h3,html:root:root .home .team-role{color:var(--command-gold)}
html:root:root .home .recruit-list>div{background:var(--emerald-soft);border-color:var(--command-line)}
@media(max-width:760px){html:root:root .home-header nav{justify-content:center;overflow:visible;flex-wrap:wrap;gap:8px 16px}html:root:root .hero-crest{width:100px;height:85px;margin-top:-42px;position:relative}}

@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/cinzel-0.woff2) format('truetype');
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/cinzel-1.woff2) format('truetype');
}

html:root:root .home-brand span,html:root:root .emerald-title,html:root:root .home-join h2,html:root:root .footer-brand{font-family:'Cinzel',Georgia,serif;font-weight:600;letter-spacing:.06em;color:#efd598;background:linear-gradient(180deg,#fff1c5 8%,#e6c178 48%,#ad7835 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 3px #0007)}
html:root:root .home-join h2{font-size:clamp(34px,5.8vw,70px);line-height:1.25;letter-spacing:.035em;text-shadow:none}
html:root:root .emerald-title{font-size:clamp(48px,7vw,88px);line-height:1.15;text-shadow:none}
html:root:root .home-brand span{font-size:30px}
html:root:root[data-theme=light] .home-brand span,html:root:root[data-theme=light] .emerald-title,html:root:root[data-theme=light] .home-join h2,html:root:root[data-theme=light] .footer-brand{background-image:linear-gradient(180deg,#9c7438,#684516);filter:none}

html:root:root .command-stat{padding:12px 18px;min-height:70px;border-radius:3px;justify-content:center;background:linear-gradient(120deg,#082235ed,#031624ed);border:1px solid #456984;box-shadow:inset 0 0 15px #17384a40}
html:root:root .command-stat strong{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.1}
html:root:root .command-stat span{font-size:11px;margin-top:4px}
html:root:root .command-stat svg{width:27px;height:27px;color:#8bccfa}
html:root:root .command-stat-online{cursor:pointer}
html:root:root .command-stat-online svg{color:#42e678;fill:#42e678}
html:root:root .command-stat-online:hover,html:root:root .command-stat-online:focus-visible{border-color:#42e678;outline:2px solid #42e67855;outline-offset:2px}
html:root:root .command-online-member{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--command-line)}
html:root:root .command-online-member img{width:36px;height:36px;border-radius:50%}
html:root:root .command-online-dot{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#42e678;box-shadow:0 0 9px #42e67880}
html:root:root[data-theme=light] .command-stat{background:var(--command-panel);border-color:var(--command-line)}

/* Expanded upcoming event roster. */
html:root:root .command-event-row{display:block;padding:16px}
.command-event-summary{display:flex;gap:14px;align-items:center}
.command-event-roster{margin-top:16px;padding-top:14px;border-top:1px solid var(--command-line)}
.command-roster-count{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--command-muted)}
.command-roster-count strong{color:var(--command-gold);font-weight:600}
.command-capacity-progress{display:block;width:100%;height:5px;margin:10px 0 13px;border:0;border-radius:3px;overflow:hidden;background:var(--command-raised);accent-color:var(--command-gold)}
.command-capacity-progress::-webkit-progress-bar{background:var(--command-raised)}
.command-capacity-progress::-webkit-progress-value{background:var(--command-gold)}
.command-capacity-progress::-moz-progress-bar{background:var(--command-gold)}
.command-slot-classes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.command-slot-class{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;background:var(--command-raised);border:1px solid var(--command-line);border-radius:4px;font-size:11px;color:var(--command-text)}
.command-slot-class .class-icon,.command-participant .class-icon{width:22px;height:22px;object-fit:contain}
.command-participants{display:grid;gap:7px;margin-bottom:10px}
.command-participant{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--command-raised);border-radius:4px;color:var(--command-text);font-size:12px}
.command-participant>span:first-of-type{min-width:0;flex:1;overflow-wrap:anywhere}
.command-participant strong{font-weight:600}
.command-participant small{display:block;color:var(--command-muted);font-size:10px;margin-top:3px}
.command-participant-cp{color:var(--command-gold);font-size:11px;white-space:nowrap}
.command-organizer,.command-roster-empty{color:var(--command-muted);font-size:11px;line-height:1.6;margin:7px 0 0}
@media(max-width:760px){.command-event-summary{gap:9px}.command-event-summary .command-thumb{width:55px;height:70px}.command-event-summary .command-small{max-width:80px}.command-roster-count{font-size:11px}}

/* Complete events palette: replace remaining legacy emerald controls. */
html:root:root :is(.layout,.overlay,.auth){--emerald-bg:#03111e;--emerald-surface:#071c2d;--emerald-raised:#112b40;--emerald-soft:#0a2135;--emerald-text:#eef5ff;--emerald-muted:#a8bfd5;--emerald-line:#355675;--emerald-gold:#e7c475;--emerald-accent:#92c8f5;--emerald-button:#ab853c;--emerald-button-hover:#d2af63;--emerald-on-button:#101b23;--emerald-sidebar:#041320;--emerald-overlay:#03111ecb;--cyan:#92c8f5}
html:root:root[data-theme=light] :is(.layout,.overlay,.auth){--emerald-bg:#eaf0f5;--emerald-surface:#f8fbff;--emerald-raised:#d8e6f0;--emerald-soft:#e2ecf4;--emerald-text:#152f45;--emerald-muted:#48647b;--emerald-line:#8ba5bd;--emerald-gold:#8c6928;--emerald-accent:#315f85;--emerald-button:#84632c;--emerald-button-hover:#a58040;--emerald-on-button:#fff;--emerald-sidebar:#edf4f9;--emerald-overlay:#152f4570;--cyan:#315f85}
html:root:root .sidebar .brand>div{width:100%;text-align:center}
html:root:root .sidebar .brand small{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;letter-spacing:3px;padding-left:3px}
html:root:root .sidebar .brand small::before,html:root:root .sidebar .brand small::after{flex:0 0 24px;background:var(--command-gold)}
html:root:root .sidebar .side-bottom::after{background:#041320;color:var(--command-gold)}
html:root:root[data-theme=light] .sidebar .side-bottom::after{background:#edf4f9}
html:root:root .filter{background:var(--command-panel);color:var(--command-text);border-color:var(--command-line);box-shadow:none}
html:root:root .filter:hover,html:root:root .filter.active{background:var(--command-raised);color:var(--command-text);border-color:var(--command-gold);box-shadow:inset 0 1px 0 #92c8f533}
html:root:root .event-create-button,html:root:root .event-card-buttons .primary{background:linear-gradient(#e5c277,#b78e43);border-color:#d9b76e;color:#111c24;box-shadow:inset 0 1px 0 #fff1c580,0 2px 8px #0002}
html:root:root .event-create-button:hover,html:root:root .event-card-buttons .primary:hover{background:linear-gradient(#f2d694,#d4ac61);color:#111c24;box-shadow:0 0 12px #e7c47533}
html:root:root .event-card-buttons .ghost:not(.danger){background:var(--command-raised);color:var(--command-text);border-color:var(--command-line)}
html:root:root .event-card-buttons .ghost:not(.danger):hover{background:var(--command-panel);border-color:var(--command-gold)}
html:root:root :is(.role-button.chosen,.class-option.chosen,.class-option.selected,.character-import-tabs button[aria-selected=true]){background:var(--command-raised);border-color:var(--command-gold);color:var(--command-text)}
html:root:root .profile-menu{background:var(--command-panel);border-color:var(--command-line)}
html:root:root .profile-menu button,html:root:root .profile-menu a{background:transparent;color:var(--command-text)}
html:root:root .profile-menu button:hover,html:root:root .profile-menu a:hover{background:var(--command-raised)}
html:root:root .mobile-nav-close{background:var(--command-raised);color:var(--command-text);border-color:var(--command-line)}
html:root:root .ghost.danger,html:root:root .event-card-buttons .ghost.danger{background:#552329;color:#ffc4c4;border-color:#b96774}
html:root:root .ghost.danger:hover{background:#70303a;color:#fff0f0}
html:root:root[data-theme=light] .ghost.danger,html:root:root[data-theme=light] .event-card-buttons .ghost.danger{background:#ffe8e8;color:#9c2234;border-color:#d8a394}
@media(max-width:760px){html:root:root .sidebar .brand>div{width:auto}html:root:root .sidebar .brand small{padding-left:3px}html:root:root .sidebar .brand small::before,html:root:root .sidebar .brand small::after{flex-basis:12px}}

.command-expedition{overflow:hidden;background:linear-gradient(110deg,#041522f2,#071a2bd9),url('/assets/command-castle.webp') 70% center/cover;border-color:#92733c}
.command-expedition-body{padding:24px 26px}
.command-expedition-eyebrow{color:var(--command-gold);font-size:10px;letter-spacing:2px}
.command-expedition-body h3{font:600 clamp(21px,2.5vw,30px)/1.4 'Cinzel',Georgia,serif;margin:12px 0 5px;color:var(--command-text);overflow-wrap:anywhere}
.command-expedition-body>p{color:var(--command-muted);font-size:13px;line-height:1.7}
.command-expedition-status{color:var(--command-gold);border:1px solid #92733c;padding:5px 9px;border-radius:3px;font-size:10px}
.command-countdown{padding:16px 18px;margin:18px 0;display:flex;flex-direction:column;gap:8px;background:#03111e99;border:1px solid #7a643f;border-left:3px solid var(--command-gold);border-radius:4px}
.command-countdown small{color:var(--command-muted);font-size:9px;letter-spacing:2px}
.command-countdown strong{color:var(--command-gold);font:25px/1.4 Georgia,serif;font-variant-numeric:tabular-nums}
.command-expedition-character{display:flex;align-items:center;gap:12px;padding:12px 0}
.command-expedition-character .class-icon{width:38px;height:38px;object-fit:contain}
.command-expedition-character strong{display:block;color:var(--command-text);font-size:16px}
.command-expedition-character small{display:block;color:var(--command-muted);font-size:12px;margin-top:5px}
.command-expedition-check{margin-left:auto;color:var(--command-gold);font-size:22px}
.command-expedition-body .command-gold{margin-top:4px}
.command-next-bookings{border-top:1px solid var(--command-line);margin-top:24px;padding-top:14px}
.command-next-bookings>small{font-size:9px;letter-spacing:1.5px;color:var(--command-muted)}
html:root:root .command-next-booking{width:100%;display:flex;align-items:center;gap:10px;justify-content:space-between;border:0;background:transparent;color:var(--command-text);padding:12px 0;text-align:left;font-size:12px}
.command-next-booking small{color:var(--command-muted);font-size:10px}
html:root:root .command-next-booking:hover{color:var(--command-gold);background:transparent}
html:root:root[data-theme=light] .command-expedition{background:linear-gradient(110deg,#f8fbfff5,#e2ecf4ed),url('/assets/command-castle.webp') center/cover}
html:root:root[data-theme=light] .command-countdown{background:#f8fbffbf}
@media(max-width:760px){.command-expedition-body{padding:20px}.command-countdown strong{font-size:22px}.command-next-booking{flex-wrap:wrap}.command-next-booking small{flex-basis:100%}}

/* Restore the original horizontal homepage navigation. */
html:root:root .home-header{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:20px 36px}
html:root:root .home-brand{margin:0;flex-shrink:0}
html:root:root .home-header nav{width:auto;justify-content:flex-end;gap:20px}
@media(max-width:760px){html:root:root .home-header{padding:16px 18px;flex-wrap:wrap;gap:14px}html:root:root .home-header nav{width:100%;justify-content:flex-start;gap:12px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}}

/* Raised, centered fantasy heraldry on the homepage castle. */
html:root:root .hero-actions-panel{top:44%;bottom:auto;transform:translateY(-50%);padding:0 24px}
html:root:root .hero-crest{width:180px;height:145px;margin:0 auto 4px;filter:drop-shadow(0 3px 8px #000c) drop-shadow(0 0 24px #e5c27730)}
html:root:root .emerald-title{font-weight:700;letter-spacing:.09em;font-size:clamp(58px,7.5vw,100px);margin:0 auto 8px;background-image:linear-gradient(180deg,#fff8df 0%,#efd291 35%,#c6984e 65%,#f7dfa8 90%,#9a672b 100%);filter:drop-shadow(0 3px 2px #000b) drop-shadow(0 0 22px #e7c47528);-webkit-text-stroke:.4px #e6c17b55}
html:root:root .emerald-title::before,html:root:root .emerald-title::after{content:'✦';display:inline-block;vertical-align:middle;font-size:20px;letter-spacing:0;margin:0 20px;color:#efd598;-webkit-text-fill-color:#efd598;-webkit-text-stroke:0;transform:translateY(-4px)}
.hero-title-ornament{display:flex;align-items:center;justify-content:center;gap:12px;color:#e7c475;margin:10px auto 18px;filter:drop-shadow(0 2px 4px #000)}
.hero-title-ornament span{width:110px;height:1px;background:linear-gradient(90deg,transparent,#e7c475)}
.hero-title-ornament span:last-child{transform:rotate(180deg)}
html:root:root .hero-actions-panel>p{letter-spacing:1.2px;text-shadow:0 2px 8px #000;color:#eef5ff}
html:root:root .hero-shade{background:linear-gradient(180deg,#03111e1a,#03111e48 35%,#03111e80 65%,var(--command-bg) 100%)}
@media(max-width:760px){html:root:root .hero-actions-panel{position:relative;top:auto;bottom:auto;transform:none;margin-top:-235px;padding:0 20px}html:root:root .hero-crest{width:125px;height:105px;margin:0 auto 5px}html:root:root .emerald-title{font-size:clamp(36px,10vw,58px);letter-spacing:.04em}html:root:root .emerald-title::before,html:root:root .emerald-title::after{font-size:12px;margin:0 8px;transform:translateY(-2px)}.hero-title-ornament{margin-bottom:16px}.hero-title-ornament span{width:75px}html:root:root .hero-actions-panel>p{font-size:15px;letter-spacing:.4px}}

html:root:root .command-member-row>.command-member-cp{flex:0 0 auto;min-width:62px;text-align:right;margin-left:6px}
html:root:root .command-member-cp strong{font-family:Georgia,serif;font-size:16px;color:var(--command-gold);font-variant-numeric:tabular-nums;white-space:nowrap}
html:root:root .command-member-cp small{font-size:9px;letter-spacing:1px;margin-top:3px;color:var(--command-muted)}
html:root:root .command-member-row>.class-icon{flex-shrink:0;width:25px;height:25px}

/* Compact administration, attendance and account controls. */
html:root:root .layout .topbar{justify-content:flex-end;gap:20px;overflow:visible}
html:root:root .topbar .connection{margin-left:auto;flex-wrap:wrap}
html:root:root .topbar-profile{position:relative;flex:0 0 auto;margin:0;padding:0;border:0;max-width:260px}
html:root:root .topbar-profile .profile{margin:0;display:flex;align-items:center;gap:10px}
html:root:root .topbar-profile .avatar{width:40px;height:40px;flex:0 0 40px}
html:root:root .topbar-profile .avatar img{width:100%;height:100%;object-fit:cover}
html:root:root .topbar-profile .profile-menu-trigger{padding:6px;gap:8px;min-height:40px;max-width:170px}
html:root:root .topbar-profile .profile-menu-trigger strong{font-size:16px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root:root .topbar-profile .profile-settings{width:36px;height:36px;padding:7px;flex:0 0 36px;color:var(--command-gold)}
html:root:root .topbar-profile .profile-menu{position:absolute;right:0;top:100%;min-width:230px;z-index:100;margin-top:10px;box-shadow:0 10px 30px #0008}
html:root:root .layout :is(button,.ghost):not(.danger):hover,html:root:root .overlay :is(button,.ghost):not(.danger):hover{background:var(--command-raised);border-color:var(--command-gold);color:var(--command-text);box-shadow:0 0 12px #e7c47520}
html:root:root .layout .nav.active,html:root:root .layout .nav:hover{background:var(--command-raised);border-color:var(--command-gold);color:var(--command-gold)}
html:root:root .layout .primary:hover,html:root:root .overlay .primary:hover{background:linear-gradient(#f2d694,#d4ac61);color:#111c24;border-color:#d9b76e}
html:root:root :is(.event-class-chip,.command-class-chip){background:var(--command-raised);border-color:var(--command-line);color:var(--command-gold);--rc:var(--command-gold)!important}
html:root:root .layout :is(.roster-class,.character-class,.role,.class-option),html:root:root .overlay :is(.role,.class-option){color:var(--command-gold)!important}
html:root:root .roster-party-heal{color:#e7c475;border-color:var(--command-line);background:var(--command-raised)}
html:root:root .admin-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
html:root:root .admin-tools button{text-align:left;padding:14px 18px;border-radius:8px;background:var(--command-panel)}
.admin-tools strong,.admin-tools small{display:block}.admin-tools strong{color:var(--command-gold);font-size:16px}.admin-tools small{color:var(--command-muted);margin-top:5px;font-size:12px}
html:root:root :is(.admin-compact-grid,.attendance-cards){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;align-items:start}
html:root:root :is(.admin-compact-card,.attendance-card){padding:16px 18px;min-height:0;border-radius:8px}
html:root:root :is(.admin-compact-card,.attendance-card) h3{font-size:18px;margin:0 0 8px;line-height:1.35}
html:root:root :is(.admin-compact-card,.attendance-card) .notice{font-size:12px;line-height:1.6;margin:7px 0}
html:root:root :is(.admin-compact-card,.attendance-card) .actions{gap:6px;margin-top:10px;flex-wrap:wrap}
html:root:root :is(.admin-compact-card,.attendance-card) button{padding:7px 11px;min-height:34px;font-size:12px;border-radius:5px}
html:root:root .admin-compact-card .account-avatar-heading{gap:10px;margin-bottom:8px}
html:root:root .admin-compact-card .account-avatar-heading img{width:36px;height:36px}
html:root:root .admin-workspace>h2{font-size:20px;color:var(--command-gold)}
@media(min-width:1200px){html:root:root :is(.admin-compact-grid,.attendance-cards){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html:root:root .layout .topbar{gap:10px;flex-wrap:wrap}html:root:root .topbar .connection{font-size:11px;gap:6px}html:root:root .topbar-profile{max-width:200px}html:root:root .topbar-profile .profile-menu-trigger strong{max-width:85px;font-size:14px}html:root:root .topbar-profile .profile{gap:5px}html:root:root .admin-tools{grid-template-columns:1fr}html:root:root :is(.admin-compact-grid,.attendance-cards){grid-template-columns:1fr}}

html:root:root .sidebar .sidebar-ornament{position:relative;margin-top:18px;padding:0;height:20px;min-height:20px;flex-shrink:0;border:0}

/* Denser guild panels while retaining readable controls. */
html:root:root .layout #content :is(.card,.character-card,.timer-card,.stat,.guild-box){padding:16px 18px;border-radius:8px;min-height:0}
html:root:root .layout #content .cards{gap:12px;align-items:start}
html:root:root .layout #content .card h3{font-size:19px;line-height:1.35;margin-bottom:8px}
html:root:root .layout #content :is(.notice,.character-card .muted){font-size:12px;line-height:1.6}
html:root:root .layout #content .actions{gap:8px;margin-top:12px;flex-wrap:wrap}
html:root:root .layout #content :is(button,.ghost){padding:8px 12px;min-height:36px;font-size:13px}
html:root:root .layout #content .card :is(input,select){padding:9px 12px;min-height:38px}
html:root:root .layout #content .card label{margin-top:12px;margin-bottom:6px;font-size:12px}
html:root:root .layout #content .character-card{gap:14px}
html:root:root .layout #content .character-card>.class-icon{width:40px;height:40px}
html:root:root .layout #content .character-actions{gap:6px;flex-wrap:wrap}
html:root:root .layout #content .character-card p[style]{color:var(--command-gold)!important}
html:root:root .layout #content .event-card-art{height:145px;min-height:145px}
html:root:root .layout #content .event-class-chips{gap:6px;margin:10px 0}
html:root:root .layout #content .timer-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
html:root:root .layout #content .timer-card h3{font-size:18px}
html:root:root .layout #content .role-grid{gap:8px;margin:12px 0}
html:root:root .layout #content .role{padding:10px 12px}
html:root:root .layout #content .section-head{margin-bottom:18px}
html:root:root .layout #content .command-stat{padding:14px 16px;min-height:78px}
html:root:root .layout #content .command-stat strong{font-size:28px}
@media(min-width:1100px){html:root:root .layout #content .cards:not(.attendance-cards):not(.admin-compact-grid){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html:root:root .layout #content :is(.card,.character-card,.timer-card){padding:14px}html:root:root .layout #content :is(button,.ghost){min-height:44px}html:root:root .layout #content .timer-grid{grid-template-columns:1fr}}

.admin-list-heading{margin:24px 0 12px;font-size:20px;color:var(--command-gold)}
html:root:root .admin-accounts-table{min-width:820px}
html:root:root .admin-accounts-table td{padding:10px 12px;vertical-align:middle;font-size:13px}
html:root:root .admin-accounts-table .roster-member{gap:9px;min-width:135px}
html:root:root .admin-accounts-table .roster-member img{width:30px;height:30px}
html:root:root .layout #content .admin-accounts-table .actions{margin:0;gap:5px}
html:root:root .layout #content .admin-accounts-table button{padding:5px 9px;min-height:30px;font-size:12px;border-radius:4px}
.admin-row-note{display:flex;gap:5px;align-items:center;margin-top:4px;font-size:11px;color:var(--command-muted)}
.admin-row-note .class-icon{width:17px;height:17px}
.admin-account-status{font-size:11px;color:var(--command-muted);white-space:nowrap}
.admin-account-status.is-pending{color:var(--command-gold);font-weight:600}
.admin-account-details{font-size:10px;margin-top:5px;color:var(--command-muted)}
.admin-account-details summary{cursor:pointer}.admin-account-details span{display:block;padding-top:5px}

/* Daybreak Atreia: ivory stone, ink-blue navigation, bronze details. */
html:root:root[data-theme=light]{--command-bg:#f4f1e9;--command-panel:#fffdf8;--command-raised:#e8eef2;--command-line:#c9c6bb;--command-text:#22394c;--command-muted:#596975;--command-gold:#8d6428;--bg:#f4f1e9;--panel:#fffdf8;--text:#22394c;--muted:#596975;--line:#c9c6bb;--blue:#315f85;--emerald-bg:#f4f1e9;--emerald-surface:#fffdf8;--emerald-raised:#e8eef2;--emerald-soft:#f0f3f4;--emerald-text:#22394c;--emerald-muted:#596975;--emerald-line:#c9c6bb;--emerald-gold:#8d6428;--emerald-accent:#315f85;--emerald-sidebar:#e8eef2;--emerald-shade:#f4f1e9;--emerald-scene-shade:#f4f1e9;--emerald-danger:#a62f40;--emerald-danger-bg:#fff0ef}
html:root:root[data-theme=light] :is(.layout,.overlay,.auth){--emerald-bg:#f4f1e9;--emerald-surface:#fffdf8;--emerald-raised:#e8eef2;--emerald-soft:#f0f3f4;--emerald-text:#22394c;--emerald-muted:#596975;--emerald-line:#c9c6bb;--emerald-gold:#8d6428;--emerald-accent:#315f85;--emerald-on-button:#172d40;--emerald-sidebar:#e8eef2;--emerald-danger:#a62f40;--emerald-danger-bg:#fff0ef}
html:root:root[data-theme=light] .guild-scene{background:radial-gradient(ellipse at 95% 0,#e1e9ee 0,transparent 50%),#f4f1e9}
html:root:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#f9f6ef,#e9eff2);border-right:1px solid #c9c6bb;box-shadow:4px 0 20px #24394c08;scrollbar-color:#bdc8cd transparent}
html:root:root[data-theme=light] .sidebar .brand img{filter:drop-shadow(0 2px 3px #88642945)}
html:root:root[data-theme=light] .layout .nav.active{background:#25485f;color:#fff5df;border-color:#25485f;box-shadow:inset 3px 0 #c59650}
html:root:root[data-theme=light] .layout .nav:hover{background:#dce6eb;color:#22394c;border-color:#adbcc5}
html:root:root[data-theme=light] .nav-glyph{color:#946c32}
html:root:root[data-theme=light] .nav.active .nav-glyph{color:#edcc8f}
html:root:root[data-theme=light] .sidebar .sidebar-ornament::after{background:#edf0ef}
html:root:root[data-theme=light] .layout .topbar{background:#fffdf8;border-bottom:1px solid #d2cec2;box-shadow:0 2px 9px #24394c06}
html:root:root[data-theme=light] .profile-menu-trigger,html:root:root[data-theme=light] .profile-menu-trigger strong{color:#22394c}
html:root:root[data-theme=light] :is(.card,.character-card,.timer-card,.guild-box,.admin-panel,.command-panel,.command-stat,.empty,.auth-box,.modal){background:#fffdf8;border-color:#c9c6bb;color:#22394c;box-shadow:0 3px 12px #24394c0a}
html:root:root[data-theme=light] .command-panel-heading{background:#eeeae0;border-color:#d5cbb6}
html:root:root[data-theme=light] .command-panel h2{color:#324857}
html:root:root[data-theme=light] .command-stat svg{color:#426b85}
html:root:root[data-theme=light] :is(.card h2,.card h3,.character-card h3,.timer-card h3){color:#22394c}
html:root:root[data-theme=light] :is(.ghost,.filter,button:not(.primary):not(.danger):not(.nav)){background:#f0f3f4;border-color:#c3cdd2;color:#294e68;box-shadow:none}
html:root:root[data-theme=light] .layout :is(button,.ghost):not(.danger):hover,html:root:root[data-theme=light] .overlay :is(button,.ghost):not(.danger):hover{background:#e0e9ed;color:#203f54;border-color:#8da8b8;box-shadow:none}
html:root:root[data-theme=light] :is(.primary,.home-primary,.command-gold){background:linear-gradient(#ead1a0,#dab77b);border-color:#b28c4e;color:#283747;box-shadow:inset 0 1px #fff8e0}
html:root:root[data-theme=light] .layout .primary:hover,html:root:root[data-theme=light] .overlay .primary:hover{background:#edcf97;border-color:#a67c3c;color:#22394c}
html:root:root[data-theme=light] :is(input,select,textarea){background:#fff;border-color:#bac7cf;color:#22394c}
html:root:root[data-theme=light] :is(.members-table-wrap,.month-calendar,.month-calendar-wrap){background:#fffdf8;border-color:#c9c6bb}
html:root:root[data-theme=light] :is(.members-table th,.month-weekday){background:#e8eef2;color:#294b63;border-color:#c9c6bb}
html:root:root[data-theme=light] .members-table tbody tr:nth-child(even){background:#f3f5f5}
html:root:root[data-theme=light] .members-table tbody tr:hover{background:#e7eef1}
html:root:root[data-theme=light] .members-table td{border-color:#dde1df}
html:root:root[data-theme=light] .members-table th button{background:transparent;color:inherit;border:0}
html:root:root[data-theme=light] :is(.month-day,.month-event,.calendar-row){background:#fffdf8;color:#22394c;border-color:#d8d6cd}
html:root:root[data-theme=light] .month-day.today{background:#f8edd9;box-shadow:inset 0 0 0 2px #b28c4e}
html:root:root[data-theme=light] .month-day.outside{background:#edf0ef}
html:root:root[data-theme=light] :is(.command-event-row,.command-member-row,.command-news-row){border-color:#dde1df}
html:root:root[data-theme=light] :is(.event-class-chip,.command-class-chip,.command-participant){background:#edf1f2;color:#6d522c;border-color:#c8ced0}
html:root:root[data-theme=light] :is(.command-countdown,.command-expedition){background:#faf3e6;border-color:#cfb583}
html:root:root[data-theme=light] .command-expedition-body>p{color:#596975}
html:root:root[data-theme=light] .profile-menu{background:#fffdf8;border-color:#c9c6bb}
html:root:root[data-theme=light] .auth{background:radial-gradient(ellipse at top,#d6e4ed,transparent 70%),#f4f1e9}
html:root:root[data-theme=light] .auth-box .intro,html:root:root[data-theme=light] .auth-note{color:#596975}
html:root:root[data-theme=light] .overlay{background:#233d5680}
html:root:root[data-theme=light] .home{background:#f4f1e9}
html:root:root[data-theme=light] .home::after{background:linear-gradient(#f4f1e9,#e6edf0)}
html:root:root[data-theme=light] .home-header{background:#fffdf8;border-color:#c9c6bb}
html:root:root[data-theme=light] :is(.pillar,.offer-card,.team-card,.guild-manifesto,.home-class,.home-join){background:#fffdf8;color:#22394c;border-color:#c9c6bb;box-shadow:0 4px 15px #24394c08}
html:root:root[data-theme=light] :is(.pillar p,.offer-card p,.team-card p,.guild-manifesto p,.home-class span){color:#596975}
html:root:root[data-theme=light] .recruitment-band{background:#e8eef2;border-color:#c9c6bb}
html:root:root[data-theme=light] .home-footer{background:#e8eef2;color:#596975;border-color:#c9c6bb}
@media(max-width:760px){html:root:root[data-theme=light] .sidebar .mobile-nav-header{background:#f9f6ef}html:root:root .layout #content .admin-accounts-table button{min-height:40px}}

html:root:root .layout #content .guild-post-card>.tag{display:inline-flex;align-items:center;position:static;line-height:1.3;padding:5px 9px;margin:0 0 12px;max-width:100%;white-space:normal}
html:root:root .layout #content .guild-post-card>h3{position:static;margin:0 0 10px;line-height:1.4;overflow-wrap:anywhere}
html:root:root .layout #content .guild-post-card>.notice{margin:0 0 12px}
html:root:root .layout #content .guild-post-card>.description{margin:0 0 14px;line-height:1.65}

/* Isolate the static scene; avoid repainting blur layers while scrolling. */
html:root:root .guild-scene{background-attachment:scroll;contain:paint;pointer-events:none}
html:root:root :is(.topbar,.card,.stat,.character-card,.command-panel,.modal,.overlay,.mobile-nav-backdrop){backdrop-filter:none;-webkit-backdrop-filter:none}
html:root:root .sidebar{contain:layout style}
html:root:root .home-class img{filter:none}
html:root:root .hero-crest{filter:drop-shadow(0 3px 8px #0009)}
html:root:root .emerald-title{filter:drop-shadow(0 3px 2px #0008)}
html:root:root .home :is(.home-section,.home-join){content-visibility:auto;contain-intrinsic-size:auto 600px}
html:root:root .guild-post-card{content-visibility:auto;contain-intrinsic-size:auto 250px}

.event-history-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 14px}
.event-history-summary>div{padding:12px 16px;border:1px solid var(--command-line);background:var(--command-raised);border-radius:6px}
.event-history-summary strong{display:block;font:26px Georgia,serif;color:var(--command-gold)}
.event-history-summary span{display:block;font-size:11px;color:var(--command-muted);margin-top:5px}
.event-history-note{margin-bottom:18px!important;font-size:12px}
.event-history-list{display:grid;gap:10px}
.event-history-row{display:flex;gap:15px;align-items:center;padding:14px;border:1px solid var(--command-line);border-radius:7px;background:var(--command-panel)}
.event-history-date{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 50px;border-right:1px solid var(--command-line);padding-right:12px;color:var(--command-muted)}
.event-history-date strong{font:27px Georgia,serif;color:var(--command-gold)}
.event-history-date span{font-size:11px;text-transform:uppercase}.event-history-date small{font-size:10px}
.event-history-info{flex:1;min-width:0}.event-history-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html:root:root .event-history-heading h3{font:600 17px/1.4 Georgia,serif;margin:0;color:var(--command-text);overflow-wrap:anywhere}
.event-history-status{font-size:10px;padding:4px 7px;border:1px solid var(--command-line);border-radius:4px;color:var(--command-muted)}
.event-history-status.is-present{color:var(--command-gold);border-color:var(--command-gold)}
.event-history-status.is-absent{color:#e29b9b;border-color:#a86671}
.event-history-meta{font-size:11px;line-height:1.5;color:var(--command-muted);margin:6px 0 9px}
.event-history-character{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:var(--command-text)}
.event-history-character .class-icon{width:22px;height:22px;flex-shrink:0}
.event-history-character small{font-size:10px;color:var(--command-muted);margin-left:auto}
html:root:root .event-history-row>button{flex-shrink:0;font-size:11px;padding:7px 9px;min-height:34px}
html:root:root[data-theme=light] .event-history-status.is-absent{color:#9c2234;border-color:#d8a394}
@media(max-width:600px){.event-history-row{flex-wrap:wrap;gap:10px}.event-history-info{flex-basis:calc(100% - 65px)}html:root:root .event-history-row>button{margin-left:60px;min-height:44px}.event-history-character small{margin-left:0;flex-basis:100%}}

/* Fixed dashboard preview, matching the existing single-event mobile panel. */
html:root:root .command-events{height:560px;box-sizing:border-box;display:flex;flex-direction:column;align-self:start;overflow:hidden}
.command-events>.command-panel-heading{flex:0 0 auto}
.command-events-window{flex:1;min-height:0;overflow:hidden}
html:root:root .command-events-window .command-event-row[hidden]{display:none}
html:root:root .command-events-window .is-compact{padding:12px 16px}
.command-events-window .is-compact .command-event-copy h3{margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.command-events-window .is-compact .command-event-roster{margin-top:8px;padding-top:8px}
.command-events-window .is-compact .command-capacity-progress{margin:8px 0 0}
.command-events-window .is-compact :is(.command-slot-classes,.command-participants,.command-event-roster>.command-organizer,.command-event-roster>.command-text-link){display:none}
.command-events-window .is-compact .command-thumb{width:48px;height:58px;flex-shrink:0}
.command-events-window .is-compact .command-date{margin-top:4px}
.command-events-window .is-compact .command-organizer{margin-top:2px}

html:root:root .admin-accounts-table tr[hidden]{display:none}
.admin-workspace #admin-account-search{max-width:560px;margin-bottom:8px}
.admin-character-card{padding:16px;margin-top:12px}
.admin-character-card h3{margin-bottom:6px}
.admin-character-card .class-icon{width:24px;height:24px;vertical-align:middle;margin-right:6px}