/* Szmaragdowa Atreia — shared homepage, privacy and guild panel theme. */
:root:root{color-scheme:dark;--emerald-bg:#071b16;--emerald-surface:#102b22;--emerald-raised:#18372b;--emerald-soft:#0c211b;--emerald-text:#f2eddb;--emerald-muted:#bacbbb;--emerald-line:#63734c;--emerald-gold:#dfc586;--emerald-accent:#a2d987;--emerald-button:#a5d985;--emerald-button-hover:#b6e99a;--emerald-on-button:#112b1d;--emerald-shadow:#0004;--emerald-shade:#061b16db;--emerald-scene-shade:#071b16bd;--emerald-overlay:#04110ecb;--emerald-danger:#ffc4c4;--emerald-danger-bg:#552329;--emerald-sidebar:#081e18;--background:var(--emerald-bg);--foreground:var(--emerald-text);--bg:var(--emerald-bg);--panel:var(--emerald-surface);--text:var(--emerald-text);--muted:var(--emerald-muted);--cyan:var(--emerald-accent);--violet:var(--emerald-gold);--blue:var(--emerald-accent);--border:var(--emerald-line);--line:var(--emerald-line)}
:root:root[data-theme=light]{color-scheme:light;--emerald-bg:#eff5eb;--emerald-surface:#fcfdf7;--emerald-raised:#e3eddd;--emerald-soft:#f2f6ed;--emerald-text:#17372a;--emerald-muted:#45614e;--emerald-line:#9da98a;--emerald-gold:#795922;--emerald-accent:#27633c;--emerald-button:#347849;--emerald-button-hover:#255f37;--emerald-on-button:#fffdf4;--emerald-shadow:#28452b18;--emerald-shade:#eff5ebee;--emerald-scene-shade:#eff5ebdd;--emerald-overlay:#233b2aaa;--emerald-danger:#9c2234;--emerald-danger-bg:#ffe8e8;--emerald-sidebar:#e2ecda}
html:root body{background:var(--emerald-bg);color:var(--emerald-text)}html:root button,html:root a,html:root input,html:root textarea,html:root select{accent-color:var(--emerald-accent)}html:root button{font-family:'Segoe UI',sans-serif}html:root button:focus-visible,html:root a:focus-visible,html:root select:focus-visible,html:root input:focus-visible,html:root textarea:focus-visible{outline:3px solid var(--emerald-accent);outline-offset:3px}html:root a{color:inherit}
html:root .theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid var(--emerald-gold);border-radius:24px;background:var(--emerald-soft);color:var(--emerald-text);font:600 14px/1.4 'Segoe UI',sans-serif;white-space:nowrap;cursor:pointer}html:root .theme-toggle:hover{background:var(--emerald-raised)}html:root .theme-floating{position:fixed;right:18px;bottom:18px;z-index:6;box-shadow:0 4px 20px var(--emerald-shadow)}
/* Homepage */
html:root .home{background:var(--emerald-bg)}html:root .guild-ribbon{background:linear-gradient(110deg,var(--emerald-sidebar),var(--emerald-raised));color:var(--emerald-gold);border-color:var(--emerald-line)}html:root .ribbon-divider{color:var(--emerald-gold)}html:root .home-header{background:var(--emerald-bg);max-width:1400px}html:root .home-header nav{color:var(--emerald-muted);flex-wrap:wrap;gap:20px}html:root .home-header nav a:hover{color:var(--emerald-accent)}html:root .home-brand,html:root .footer-brand{color:var(--emerald-gold)}html:root .home-brand img{filter:sepia(.35) hue-rotate(45deg)}html:root .nav-entry{border:1px solid var(--emerald-gold);color:var(--emerald-text);background:var(--emerald-surface);border-radius:22px}html:root .banner-hero{background:var(--emerald-bg);min-height:580px}html:root .hero-art{object-position:center 45%}html:root .hero-shade{background:linear-gradient(180deg,#061b1630 15%,#061b1650 48%,var(--emerald-bg) 100%)}html:root .hero-actions-panel>p{color:var(--emerald-text);text-shadow:none}html:root .hero-actions-panel{bottom:38px}html:root .home-primary,html:root .home-secondary{border-radius:28px;font-size:15px;letter-spacing:.3px;box-shadow:0 4px 18px var(--emerald-shadow)}html:root .home-primary{border:1px solid var(--emerald-gold);background:linear-gradient(110deg,var(--emerald-button),var(--emerald-button-hover));color:var(--emerald-on-button)}html:root .home-primary:hover{background:var(--emerald-button-hover);box-shadow:0 4px 22px var(--emerald-shadow)}html:root .home-secondary{background:var(--emerald-surface);border:1px solid var(--emerald-gold);color:var(--emerald-text)}html:root .home-secondary:hover{background:var(--emerald-raised)}html:root .discover-link{color:var(--emerald-muted);border-color:var(--emerald-line)}html:root .section-heading h2,html:root .home-join h2{background:none;color:var(--emerald-gold)}html:root .section-eyebrow{color:var(--emerald-accent);font-size:12px}html:root .section-eyebrow:before,html:root .section-eyebrow:after,html:root .heading-ornament span{background:var(--emerald-line)}html:root .heading-ornament{color:var(--emerald-gold)}html:root .section-band{background:var(--emerald-soft);border-color:var(--emerald-line)}html:root .cut-panel{clip-path:none;border-radius:18px;border-color:var(--emerald-line);background:var(--emerald-surface)}html:root .guild-manifesto{background:var(--emerald-surface);box-shadow:0 8px 25px var(--emerald-shadow)}html:root .guild-manifesto p{color:var(--emerald-text)}html:root .guild-manifesto>span{color:var(--emerald-muted)}html:root .offer-card,html:root .value-card,html:root .team-card,html:root .recruit-card{border-radius:18px;border-color:var(--emerald-line);background:var(--emerald-surface);box-shadow:0 7px 25px var(--emerald-shadow)}html:root .offer-card:before,html:root .value-card:before{background:var(--emerald-gold);top:0;right:22px}html:root .tone-0,html:root .tone-1,html:root .tone-2{--accent:var(--emerald-gold)}html:root .offer-card h3,html:root .value-card h3,html:root .pillar h3{color:var(--emerald-text)}html:root .diamond-icon{background:var(--emerald-raised);color:var(--emerald-gold);box-shadow:none}html:root .text-entry{color:var(--emerald-accent);border-color:var(--emerald-line)}html:root .home-class{background:var(--emerald-surface);border:1px solid var(--emerald-line);border-radius:12px;color:var(--emerald-text)}html:root .home-class img{filter:drop-shadow(0 0 7px #76a55733)}html:root .class-count-tooltip{background:var(--emerald-raised);color:var(--emerald-text);border-color:var(--emerald-gold)}html:root .recruitment-band{background:var(--emerald-soft)}html:root .recruit-card h3,html:root .recruit-card.violet h3{color:var(--emerald-gold)}html:root .recruit-card.violet{border-color:var(--emerald-line)}html:root .recruit-list>div{border-color:var(--emerald-line);background:var(--emerald-soft);border-radius:12px}html:root .recruit-list h4,html:root .expectations li{color:var(--emerald-text)}html:root .recruit-quote{color:var(--emerald-muted)}html:root .recruit-apply{border-color:var(--emerald-line)}html:root .leader-card{border-color:var(--emerald-gold);background:linear-gradient(140deg,var(--emerald-raised),var(--emerald-surface))}html:root .team-emblem,html:root .leader-card .team-emblem{color:var(--emerald-gold);border-color:var(--emerald-gold);background:var(--emerald-raised)}html:root .team-role,html:root .leader-card .team-role{color:var(--emerald-gold)}html:root .team-card h3{color:var(--emerald-text)}html:root .team-line,html:root .leader-card .team-line{background:var(--emerald-line)}html:root .team-note{color:var(--emerald-muted)}html:root .home-join{background:transparent;border-color:var(--emerald-line)}html:root .join-glow{border-color:var(--emerald-line);background:#7ea86a12;box-shadow:none}html:root .home::after{height:1150px;background:linear-gradient(180deg,var(--emerald-bg),var(--emerald-shade) 24%,var(--emerald-scene-shade)),url('/assets/emerald-sanctuary.jpg') center bottom/cover no-repeat}html:root .home-footer,html:root .creator-credit{color:var(--emerald-muted)}html:root .privacy-page{margin:32px auto 80px;background:var(--emerald-surface);border:1px solid var(--emerald-line);border-radius:20px;box-shadow:0 10px 40px var(--emerald-shadow)}html:root .privacy-page h1,html:root .privacy-page h2{color:var(--emerald-gold)}html:root .privacy-page a{color:var(--emerald-accent)}html:root body:has(.privacy-page){background:linear-gradient(var(--emerald-scene-shade),var(--emerald-shade)),url('/assets/emerald-sanctuary.jpg') center/cover fixed}
/* Signed-in workspace, all tabs and login */
html:root .guild-scene{background:linear-gradient(90deg,var(--emerald-shade),var(--emerald-scene-shade)),url('/assets/emerald-sanctuary.jpg') center/cover no-repeat}html:root .sidebar{background:var(--emerald-sidebar);border-color:var(--emerald-line)}html:root .brand strong{color:var(--emerald-gold)}html:root .brand small{color:var(--emerald-muted)}html:root .nav{border-radius:24px;color:var(--emerald-muted)}html:root .nav:hover,html:root .nav.active{background:var(--emerald-raised);border-color:var(--emerald-gold);color:var(--emerald-text)}html:root .side-bottom{border-color:var(--emerald-line)}html:root .avatar{background:var(--emerald-raised);color:var(--emerald-gold);border:1px solid var(--emerald-line)}html:root .topbar{background:var(--emerald-surface);border-color:var(--emerald-line);box-shadow:0 5px 20px var(--emerald-shadow)}html:root .eyebrow{color:var(--emerald-gold)}html:root .card,html:root .stat,html:root .character-card,html:root .calendar-row,html:root .admin-panel,html:root .empty,html:root .guild-box,html:root .timer-card,html:root .auth-box,html:root .modal{background:var(--emerald-surface);border-color:var(--emerald-line);color:var(--emerald-text);border-radius:18px;box-shadow:0 7px 24px var(--emerald-shadow)}html:root .card h3,html:root .card h2,html:root .character-card h3{font-family:Georgia,'Times New Roman',serif;color:var(--emerald-text)}html:root .section-head h1,html:root .section-head h2,html:root .modal-head h2{font-family:Georgia,'Times New Roman',serif;color:var(--emerald-gold)}html:root .hero{border-color:var(--emerald-gold);background:linear-gradient(90deg,#0a241be8,#0a241b80),url('/assets/emerald-sanctuary.jpg') center/cover}html:root .hero h1,html:root .hero p{color:#f2eddb}html:root .hero .eyebrow{color:#dfc586}html:root .hero-chip{background:#0a241bdb;border-color:#a2ac6c;color:#f2eddb}html:root .card .date,html:root .notice,html:root .description,html:root .card-bottom small,html:root .member-account,html:root .participant-preview,html:root .character-class,html:root .class-option span,html:root .role,html:root .role-button small,html:root .loading,html:root .auth-note,html:root .intro,html:root label,html:root .muted{color:var(--emerald-muted)}html:root .card-bottom,html:root .member,html:root .event-description,html:root .party-member,html:root .character-card,html:root .party-card,html:root .guild-table th,html:root .guild-table td{border-color:var(--emerald-line)}html:root button,html:root .ghost{border-radius:24px;background:var(--emerald-raised);border-color:var(--emerald-line);color:var(--emerald-text)}html:root button:hover,html:root .ghost:hover{background:var(--emerald-soft)}html:root .primary,html:root .primary:hover{border:1px solid var(--emerald-gold);background:linear-gradient(110deg,var(--emerald-button),var(--emerald-button-hover));color:var(--emerald-on-button);font-weight:700}html:root .primary:hover{background:var(--emerald-button-hover);box-shadow:0 0 0 2px #8faa6c30}html:root .ghost{background:transparent}html:root .danger,html:root .ghost.danger{color:var(--emerald-danger);border-color:var(--emerald-danger);background:var(--emerald-danger-bg)}html:root .error{color:var(--emerald-danger)}html:root input,html:root textarea,html:root select{border-color:var(--emerald-line);border-radius:12px;background:var(--emerald-soft);color:var(--emerald-text)}html:root input::placeholder,html:root textarea::placeholder{color:var(--emerald-muted);opacity:.85}html:root .filter{background:var(--emerald-soft);border-color:var(--emerald-line);color:var(--emerald-muted)}html:root .filter.active,html:root .role-button.chosen,html:root .class-option.chosen,html:root .class-option.selected{background:var(--emerald-raised);border-color:var(--emerald-gold);color:var(--emerald-text)}html:root .tag{background:var(--emerald-raised);color:var(--emerald-gold);border:1px solid var(--emerald-line);border-radius:8px}html:root .tag.pvp{color:var(--emerald-danger);background:var(--emerald-danger-bg)}html:root .auth{background:linear-gradient(var(--emerald-scene-shade),var(--emerald-shade)),url('/assets/emerald-sanctuary.jpg') center/cover}html:root .auth-box .intro,html:root .auth-note a{color:var(--emerald-muted)}html:root .overlay{background:var(--emerald-overlay)}html:root .toast{background:var(--emerald-raised);color:var(--emerald-text);border-color:var(--emerald-gold)}html:root .bar{background:var(--emerald-raised)}html:root .members-table-wrap{background:var(--emerald-surface);border-color:var(--emerald-line)}html:root .members-table th{background:var(--emerald-raised);color:var(--emerald-gold);border-color:var(--emerald-line)}html:root .members-table th button{background:transparent;color:inherit}html:root .members-table th button:hover{background:var(--emerald-soft)}html:root .members-table td{border-color:var(--emerald-line)}html:root .members-table tbody tr:nth-child(even){background:var(--emerald-soft)}html:root .members-table tbody tr:hover{background:var(--emerald-raised)}html:root .members-table th[aria-sort]{color:var(--emerald-gold)}html:root .roster-member a{color:var(--emerald-text)}html:root .roster-badge{color:var(--emerald-muted);border-color:var(--emerald-line)}html:root .roster-leader{color:#ff9494;border-color:#c75656;background:#9d333330}html:root .roster-admin{color:#d6b7ff;border-color:#ae82e2;background:#6954a530}html:root .members-table tbody tr.roster-cp-stagnant{background:#87334530}html:root .members-table tbody tr.roster-cp-stagnant:hover{background:#87334545}html:root .cp-stagnant-note{color:var(--emerald-danger)}html:root .roster-party-dps{color:#ffadb8}html:root .roster-party-tank{color:#b3d6ff}html:root .roster-party-support{color:#d6b7ff}html:root .roster-party-heal{color:#a1eac4}html:root .month-calendar{background:var(--emerald-surface)}html:root .month-weekday{background:var(--emerald-raised);color:var(--emerald-text);border-color:var(--emerald-line)}html:root .month-day,html:root .month-calendar-wrap{border-color:var(--emerald-line)}html:root .month-day.outside{background:var(--emerald-soft)}html:root .month-day.today{background:var(--emerald-raised);box-shadow:inset 0 0 0 2px var(--emerald-gold)}html:root .today .month-number{color:var(--emerald-gold)}html:root .month-event{background:var(--emerald-raised);border-color:var(--emerald-line);border-radius:8px;color:var(--emerald-text)}html:root .month-event small,html:root .month-event span{color:var(--emerald-muted)}html:root .timer-card p{color:var(--emerald-muted)}html:root .timer-card .timer-countdown{color:var(--emerald-gold)}html:root .timer-status,html:root .timer-live .timer-status{color:var(--emerald-accent)}html:root .timer-card.timer-live{background:var(--emerald-raised);border-color:var(--emerald-gold)}html:root .timer-meta{border-color:var(--emerald-line)}html:root .timer-sources a{color:var(--emerald-accent)}html:root .character-import-tabs{background:var(--emerald-soft)}html:root .character-import-tabs button[aria-selected=true]{background:var(--emerald-raised);border-color:var(--emerald-gold);color:var(--emerald-text)}html:root .invite-code{background:var(--emerald-soft);border-color:var(--emerald-line);color:var(--emerald-gold)}html:root .auth-note a{color:var(--emerald-accent)}
:root:root[data-theme=light] .roster-leader{color:#a31b24}:root:root[data-theme=light] .roster-admin,:root:root[data-theme=light] .roster-party-support{color:#692da4}:root:root[data-theme=light] .roster-party-dps{color:#a3273d}:root:root[data-theme=light] .roster-party-tank{color:#225a8a}:root:root[data-theme=light] .roster-party-heal{color:#226e49}
@media(max-width:1000px){html:root .home-header nav{gap:12px}html:root .banner-hero{min-height:520px}}@media(max-width:700px){html:root .banner-hero{min-height:0}html:root .hero-art{height:300px;object-fit:cover}html:root .hero-actions-panel{position:relative;bottom:auto;margin-top:0;padding-top:14px}html:root .hero-shade{background:linear-gradient(180deg,#061b1610,var(--emerald-bg) 85%)}html:root .home-header nav{justify-content:flex-start}html:root .theme-toggle{padding:8px 12px}html:root .privacy-page{margin:16px 12px 80px;padding:24px 18px}html:root .home::after{height:1050px}}
@media(max-width:760px){html:root .sidebar{background:var(--emerald-sidebar)}html:root .topbar .connection{max-width:65%}html:root .topbar .theme-toggle{width:100%;font-size:12px}html:root .sidebar .nav{border-radius:12px}html:root .guild-scene{background:linear-gradient(var(--emerald-scene-shade),var(--emerald-shade)),url('/assets/emerald-sanctuary.jpg') 60% center/cover no-repeat}}
html:root .emerald-title{font-size:clamp(52px,7vw,84px);font-weight:400;letter-spacing:2px;color:var(--emerald-gold);margin:0 0 14px;text-shadow:0 2px 15px var(--emerald-shadow)}
html:root .class-option{background:var(--emerald-soft);border-color:var(--emerald-line)}html:root .history-chart text{fill:var(--emerald-muted)}html:root .badge-mine{color:var(--emerald-accent)!important}:root:root[data-theme=light] .character-card p[style],:root:root[data-theme=light] .role strong[style]{color:var(--emerald-text)!important}
/* Homepage introduction tiles follow the selected emerald palette. */
html:root .pillars-grid{background:var(--emerald-surface);border-color:var(--emerald-line);border-radius:18px;overflow:hidden;box-shadow:0 7px 24px var(--emerald-shadow)}html:root .pillar{background:var(--emerald-surface);border-color:var(--emerald-line)}html:root .pillar h3{color:var(--emerald-text)}html:root .pillar p{color:var(--emerald-muted)}
/* Mobile workspace: compact toolbar and accessible slide-out navigation. */
html:root .mobile-menu-button,html:root .mobile-nav-close,html:root .mobile-nav-backdrop,html:root .layout-toggle{display:none}html:root .layout-toggle{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:8;min-height:44px;border:1px solid var(--emerald-gold);background:var(--emerald-surface);color:var(--emerald-text);padding:10px 16px;border-radius:24px;box-shadow:0 3px 16px var(--emerald-shadow);font:600 14px/1.4 'Segoe UI',sans-serif}html:root[data-layout=desktop]{min-width:1200px}html:root[data-layout=desktop] .layout-toggle{display:block;font-size:28px;padding:16px 24px;min-height:64px}html:root[data-layout=desktop] .mobile-menu-button,html:root[data-layout=desktop] .mobile-nav-close{display:none}
@media(max-width:760px){html:root .layout-toggle{display:block}html:root .mobile-menu-button{display:block;flex-shrink:0;min-height:44px;padding:9px 14px;font-size:14px}html:root .layout{display:block}html:root .main{padding:12px 14px 90px}html:root .topbar{position:sticky;top:0;z-index:4;margin-bottom:14px;padding:9px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;border-radius:14px}html:root .topbar>.eyebrow{display:none}html:root .connection{margin-left:auto;max-width:none;flex-wrap:nowrap;font-size:12px}html:root .connection>button{min-height:40px;padding:8px 10px}html:root .sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);height:100dvh;max-height:none;display:flex;flex-direction:column;gap:0;padding:24px 16px calc(20px + env(safe-area-inset-bottom));z-index:22;overflow-y:auto;transform:translateX(-105%);visibility:hidden;border-right:1px solid var(--emerald-gold);border-bottom:0;transition:transform .2s,visibility .2s}html:root .mobile-nav-open .sidebar{transform:translateX(0);visibility:visible}html:root .sidebar .brand{padding:0 40px 22px 8px;margin:0;display:flex;min-height:66px}html:root .sidebar .brand strong{font-size:26px}html:root .sidebar .brand small{font-size:12px}html:root .sidebar .nav{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;font-size:15px;margin:0 0 5px;min-height:46px;border-radius:13px}html:root .sidebar .nav span{display:inline-block;font-size:20px;width:24px}html:root .sidebar .side-bottom{display:block;margin-top:auto;padding-top:16px;border-top:1px solid var(--emerald-line)}html:root .sidebar .profile{display:flex}html:root .sidebar .side-bottom button{font-size:14px;min-height:44px;margin-top:6px}html:root .mobile-nav-close{display:block;position:absolute;right:16px;top:20px;min-height:40px;width:40px;padding:0;font-size:28px;background:var(--emerald-raised)}html:root .mobile-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:21;border:0;border-radius:0;background:var(--emerald-overlay);padding:0;backdrop-filter:blur(3px)}html:root body.mobile-nav-lock{overflow:hidden}html:root .section-head{gap:12px;margin-bottom:16px}html:root .section-head h1{font-size:27px;line-height:1.2}html:root .section-head h2{font-size:23px}html:root .section-head p{font-size:14px;line-height:1.6}html:root .section-head>button{width:auto;min-height:44px;font-size:14px}html:root .card,html:root .character-card,html:root .timer-card{padding:18px;border-radius:16px}html:root .event-card{display:flex;flex-direction:column;gap:16px}html:root .event-card-main,html:root .event-description,html:root .event-card-footer{width:100%}html:root .event-description{border-left:0;border-top:1px solid var(--emerald-line);padding:14px 0 0}html:root .event-description .description{font-size:15px}html:root .card h3{font-size:20px;line-height:1.4}html:root .role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}html:root .role strong{font-size:14px}html:root .card-bottom{flex-wrap:wrap;gap:12px}html:root .card-bottom>button{width:100%;min-height:46px}html:root .filters{gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}html:root .filter{flex-shrink:0;font-size:14px;min-height:40px}html:root .overlay{padding:12px;z-index:30}html:root .modal{padding:20px 16px;width:100%;max-height:calc(100dvh - 24px);border-radius:18px}html:root .modal-head h2{font-size:23px}html:root .form-grid{grid-template-columns:1fr;gap:0}html:root .capacity-grid,html:root .role-picker,html:root .class-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html:root .actions{flex-wrap:wrap;gap:8px}html:root .actions button,html:root .actions a{flex:1 1 auto;min-height:44px;text-align:center}html:root .character-actions{margin-left:0;width:100%}html:root .character-actions button{flex:1;min-height:44px}html:root .auth{padding:18px 14px 86px}html:root .auth-box{padding:26px 20px}html:root .toast{bottom:78px;right:12px;left:12px;max-width:none;font-size:14px}html:root .home-header{padding:16px 18px;gap:14px}html:root .home-header nav{gap:12px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:6px}html:root .home-header nav>a{flex-shrink:0;font-size:14px;min-height:40px;display:flex;align-items:center}html:root .home-brand{font-size:26px}html:root .hero-art{height:240px}html:root .emerald-title{font-size:48px;margin-bottom:10px}html:root .hero-actions-panel{padding:14px 20px 0}html:root .hero-actions-panel>p{font-size:17px}html:root .home-section{padding:30px 18px}html:root .section-heading{margin-bottom:24px}html:root .section-heading h2{font-size:30px}html:root .guild-manifesto{padding:22px 18px;margin-bottom:24px}html:root .guild-manifesto p{font-size:15px;text-transform:none}html:root .pillar{padding:24px 20px}html:root .pillar p{font-size:15px}html:root .offer-card{padding:22px 20px}html:root .recruitment-band>.home-section{padding:30px 18px}html:root .home-classes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}html:root .home-class{font-size:12px;padding:14px 4px;gap:10px;overflow-wrap:anywhere}html:root .home-class img{width:34px;height:34px}html:root .class-count-tooltip{max-width:150px;font-size:13px}html:root .home-class:nth-child(4n+1) .class-count-tooltip{left:0;transform:none}html:root .home-class:nth-child(4n) .class-count-tooltip{left:auto;right:0;transform:none}html:root .team-card{padding:24px 12px}html:root .team-card h3{font-size:27px}html:root .home-join{padding:40px 20px}html:root .home-join h2{font-size:35px}html:root .home-footer{padding-bottom:90px}html:root .privacy-page{margin-bottom:90px}html:root .timer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html:root .sidebar{transition:none}}

/* Left drawer: explicit header keeps the close control above sidebar content. */
html:root .mobile-nav-header{display:contents}
@media(max-width:760px){
 html:root .sidebar{width:min(300px,88vw);padding:0 18px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain;box-shadow:12px 0 40px var(--emerald-shadow);backdrop-filter:none}
 html:root .mobile-nav-header{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:2;flex-shrink:0;padding:18px 0 16px;background:var(--emerald-sidebar)}
 html:root .sidebar .brand{padding:0;margin:0;min-height:44px;gap:8px}
 html:root .sidebar .brand strong{font-size:24px}
 html:root .sidebar .brand small{font-size:10px;letter-spacing:1px}
 html:root .mobile-nav-close{position:relative;inset:auto;display:flex;align-items:center;gap:6px;flex-shrink:0;min-height:44px;width:auto;padding:8px 10px;font-size:13px;line-height:1;border:1px solid var(--emerald-line);border-radius:12px;color:var(--emerald-text);touch-action:manipulation;z-index:3}
 html:root .mobile-nav-close span{font-size:24px}
 html:root .sidebar .nav{border-radius:24px;margin-bottom:8px;gap:0;font-size:14px;min-height:46px}
 html:root .sidebar .nav span{width:27px;font-size:18px}
 html:root .mobile-nav-backdrop[hidden]{display:none!important;pointer-events:none}
 html:root .mobile-nav-backdrop:not([hidden]){touch-action:manipulation}
 html:root .sidebar .side-bottom{margin-top:18px;flex-shrink:0}
}

html:root .user-avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--emerald-raised)}html:root .avatar{overflow:hidden;flex-shrink:0}html:root .avatar .user-avatar{width:100%;height:100%}html:root .roster-member{display:flex;align-items:center;gap:9px}html:root .roster-member .user-avatar{width:28px;height:28px}html:root .account-avatar-heading{display:flex;align-items:center;gap:12px;margin-top:12px}

/* Light theme: warm ivory, forest-green actions and restrained brass accents. */
:root:root[data-theme=light]{--emerald-bg:#f4f6ef;--emerald-surface:#fffef9;--emerald-raised:#eaf1e6;--emerald-soft:#f5f8f1;--emerald-text:#183b2d;--emerald-muted:#526859;--emerald-line:#d4dece;--emerald-gold:#80622b;--emerald-accent:#236441;--emerald-button:#256746;--emerald-button-hover:#1a5035;--emerald-on-button:#fffef9;--emerald-shadow:#254d2b12;--emerald-shade:#f4f6eff5;--emerald-scene-shade:#eef4e8e6;--emerald-overlay:#122b245c;--emerald-sidebar:#edf3e8}
html:root[data-theme=light] body{background:radial-gradient(ellipse at top right,#e5efdf 0,transparent 48%),var(--emerald-bg)}
html:root[data-theme=light] .guild-scene{background:linear-gradient(110deg,#f4f6eff5,#eef4e8e6),url('/assets/emerald-sanctuary.jpg') center/cover no-repeat}
html:root[data-theme=light] .sidebar{background:linear-gradient(160deg,#f7faf2,var(--emerald-sidebar));border-right-color:#d0dcc8;box-shadow:4px 0 24px #254d2b09}
html:root[data-theme=light] .mobile-nav-header{background:#f3f7ee}
html:root[data-theme=light] .nav{color:#46604e;border-radius:14px}
html:root[data-theme=light] .nav:hover{background:#e1ebda;border-color:#bdd0b3;color:#183b2d}
html:root[data-theme=light] .nav.active{background:#245e40;border-color:#245e40;color:#fffef9;box-shadow:0 4px 12px #245e4020}
html:root[data-theme=light] .topbar{background:#fffef9ed;border:1px solid #d4dece;box-shadow:0 4px 18px #254d2b0a}
html:root[data-theme=light] .section-head h1,html:root[data-theme=light] .section-head h2,html:root[data-theme=light] .modal-head h2,html:root[data-theme=light] .section-heading h2,html:root[data-theme=light] .home-join h2,html:root[data-theme=light] .privacy-page h1,html:root[data-theme=light] .privacy-page h2{color:#204b35}
html:root[data-theme=light] .card,html:root[data-theme=light] .stat,html:root[data-theme=light] .character-card,html:root[data-theme=light] .timer-card,html:root[data-theme=light] .guild-box,html:root[data-theme=light] .admin-panel,html:root[data-theme=light] .auth-box,html:root[data-theme=light] .modal{background:linear-gradient(145deg,#fffefc,#fbfdf6);border-color:#d4dece;box-shadow:0 8px 26px #254d2b0c,0 1px 2px #254d2b06}
html:root[data-theme=light] .stat strong{color:#245e40}
html:root[data-theme=light] .primary,html:root[data-theme=light] .home-primary{background:linear-gradient(120deg,#2d7350,#20553b);border-color:#20553b;color:#fffef9;box-shadow:0 4px 12px #245e401c}
html:root[data-theme=light] .primary:hover,html:root[data-theme=light] .home-primary:hover{background:#194a32;box-shadow:0 6px 16px #245e4028}
html:root[data-theme=light] .ghost:not(.danger),html:root[data-theme=light] .home-secondary,html:root[data-theme=light] .layout-toggle{background:#fffef9;border-color:#cad8c2;color:#24553b;box-shadow:none}
html:root[data-theme=light] .ghost:not(.danger):hover,html:root[data-theme=light] .home-secondary:hover{background:#e9f1e4;border-color:#b0c5a4}
html:root[data-theme=light] input,html:root[data-theme=light] textarea,html:root[data-theme=light] select{background:#fffefc;border-color:#b8c9af;color:#183b2d;box-shadow:inset 0 1px 2px #254d2b04}
html:root[data-theme=light] label{color:#365342;font-weight:600}
html:root[data-theme=light] .filter.active,html:root[data-theme=light] .role-button.chosen,html:root[data-theme=light] .class-option.chosen,html:root[data-theme=light] .class-option.selected{background:#e1edda;border-color:#679154;color:#204b35}
html:root[data-theme=light] .tag{background:#edf3e6;border-color:#d3dfc7;color:#516837}
html:root[data-theme=light] .tag.pvp{background:#fbe8ed;border-color:#e9c7d1;color:#9c2234}
html:root[data-theme=light] .empty{background:#f8fbf4;border-color:#bdcdb2;box-shadow:none}
html:root[data-theme=light] .auth{background:linear-gradient(110deg,#f4f6efe6,#edf4e7bd),url('/assets/emerald-sanctuary.jpg') center/cover}
html:root[data-theme=light] .hero{border-color:#bdd0ad;box-shadow:0 8px 24px #254d2b15}
html:root[data-theme=light] .guild-ribbon{background:#e8efdf;border-color:#d5dec7;color:#315437}
html:root[data-theme=light] .ribbon-divider{color:#a5894d}
html:root[data-theme=light] .home-header{background:#f4f6ef}
html:root[data-theme=light] .home-brand,html:root[data-theme=light] .footer-brand{color:#245e40}
html:root[data-theme=light] .hero-shade{background:linear-gradient(180deg,#f4f6ef08 5%,#f4f6ef30 40%,#f4f6ef 94%)}
html:root[data-theme=light] .emerald-title{color:#204b35;text-shadow:0 2px 16px #fffef9cc}
html:root[data-theme=light] .hero-actions-panel>p{color:#365342}
html:root[data-theme=light] .section-band,html:root[data-theme=light] .recruitment-band{background:#edf3e6;border-color:#d4dece}
html:root[data-theme=light] .offer-card,html:root[data-theme=light] .value-card,html:root[data-theme=light] .team-card,html:root[data-theme=light] .recruit-card,html:root[data-theme=light] .guild-manifesto,html:root[data-theme=light] .pillars-grid{background:linear-gradient(145deg,#fffefc,#fbfdf6);border-color:#d4dece;box-shadow:0 8px 28px #254d2b0c}
html:root[data-theme=light] .pillar{background:transparent}
html:root[data-theme=light] .diamond-icon{background:#edf3e5;color:#80622b;border-color:#cbbb8b}
html:root[data-theme=light] .leader-card{background:linear-gradient(135deg,#e7efdb,#fffef9);border-color:#b7c791}
html:root[data-theme=light] .home-class{background:#fffef9;border-color:#d4dece;box-shadow:0 3px 12px #254d2b06}
html:root[data-theme=light] .home-class:hover,html:root[data-theme=light] .home-class:focus-within{background:#e9f1e1;border-color:#97b57e}
html:root[data-theme=light] .home-class img,html:root[data-theme=light] .class-icon{filter:drop-shadow(0 0 1px #496538)}
html:root[data-theme=light] .class-count-tooltip{background:#fffef9;border-color:#bccdac;box-shadow:0 6px 24px #254d2b20}
html:root[data-theme=light] .home::after{background:linear-gradient(180deg,#f4f6ef,#f4f6efd9 30%,#edf3e6e6),url('/assets/emerald-sanctuary.jpg') center bottom/cover no-repeat}
html:root[data-theme=light] .home-join{border-color:#d4dece}
html:root[data-theme=light] .timer-card.timer-live{background:#eaf3df;border-color:#8eb675}
html:root[data-theme=light] .timer-countdown{color:#245e40}
html:root[data-theme=light] .toast{background:#e9f3df;border-color:#a7c493;color:#204b35;box-shadow:0 8px 28px #254d2b1c}
@media(max-width:760px){html:root[data-theme=light] .hero-shade{background:linear-gradient(180deg,#f4f6ef08,#f4f6ef 95%)}html:root[data-theme=light] .topbar{box-shadow:0 3px 14px #254d2b10}}

/* A sunlit Atreia landscape remains visible behind the light-theme workspace. */
html:root[data-theme=light] .guild-scene{background:linear-gradient(110deg,#f4f6efc4 0%,#eef4e8a6 55%,#f4f6efb8 100%),url('/assets/emerald-sanctuary.jpg') center/cover no-repeat}
html:root[data-theme=light] .home{background:linear-gradient(110deg,#f4f6efd9,#eef4e8c7),url('/assets/emerald-sanctuary.jpg') center/cover fixed no-repeat}
html:root[data-theme=light] .home::after{background:linear-gradient(180deg,#f4f6ef,#f4f6efb3 28%,#edf3e6ad),url('/assets/emerald-sanctuary.jpg') center bottom/cover no-repeat}
html:root[data-theme=light] .auth,html:root[data-theme=light] body:has(.privacy-page){background:linear-gradient(110deg,#f4f6efc9,#edf4e7b3),url('/assets/emerald-sanctuary.jpg') center/cover no-repeat}
@media(max-width:760px){html:root[data-theme=light] .guild-scene{background:linear-gradient(180deg,#f4f6efbd,#eef4e8b8),url('/assets/emerald-sanctuary.jpg') 62% center/cover no-repeat}html:root[data-theme=light] .home{background-attachment:scroll}}

/* Full Emerald Atreia identity: winged crest, gold navigation and scenic cards. */
html:root .sidebar{background:linear-gradient(180deg,#061c17e6,#061812ee),url('/assets/emerald-sanctuary.jpg') 16% center/auto 100% no-repeat;border-right-color:#b89d5b80}
html:root .sidebar .brand{position:relative;flex-direction:column;justify-content:center;text-align:center;gap:7px;padding:0 0 26px;margin-bottom:16px;flex-shrink:0}
html:root .sidebar .brand img{width:108px;height:88px;object-fit:contain;filter:drop-shadow(0 0 12px #78e89325)}
html:root .sidebar .brand strong{font:400 34px/1 Georgia,serif;letter-spacing:1px;color:#f1dfad}
html:root .sidebar .brand small{font-size:11px;letter-spacing:4px;color:#d7c490;margin-top:10px}
html:root .sidebar .brand::after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#bfa369,transparent);pointer-events:none}
html:root .sidebar .nav{position:relative;display:flex;align-items:center;gap:10px;border-radius:14px;padding:12px 14px;min-height:46px;font:400 16px/1.35 Georgia,serif;color:#e4dfcc}
html:root .sidebar .nav .nav-glyph{display:inline-flex;align-items:center;justify-content:center;width:25px;flex-shrink:0;color:#dfc38a}
html:root .nav-glyph svg{display:block;width:23px;height:23px}
html:root .sidebar .nav:hover{background:#245a3f66;border-color:#aa945566;color:#fff3d2}
html:root .sidebar .nav.active{background:linear-gradient(110deg,#265e42,#16472dc9);border-color:#cfb970b0;color:#fff5d9;box-shadow:inset 0 1px 0 #dbefb52a,0 0 16px #85c97414}
html:root .sidebar .nav.active::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:#b6ef9d;box-shadow:0 0 8px #a3e991;pointer-events:none}
html:root .side-bottom{border-top-color:#bfa36966}
html:root .section-head h1{font-size:clamp(30px,4vw,45px);font-weight:400;letter-spacing:.3px}
html:root .card,html:root .character-card,html:root .timer-card,html:root .guild-box,html:root .admin-panel,html:root .modal,html:root .auth-box{border:1px solid #b89d5b70;background:linear-gradient(140deg,#133a2de8,#081f19f5);box-shadow:inset 0 1px 0 #eedca318,0 8px 28px #0003}
html:root .event-card{overflow:hidden;padding-top:0}
html:root .event-card-art{grid-column:1/-1;height:160px;margin:0 -22px 0;border-bottom:1px solid #b89d5b70;background:linear-gradient(180deg,#071c1705,#0a231c66),url('/assets/emerald-sanctuary.jpg') center 38%/cover no-repeat}
html:root .event-art-pvp{background-image:linear-gradient(180deg,#071c1710,#0a231c80),url('/assets/banner-enhanced.webp');background-position:center 55%}
html:root .event-art-boss{background-image:linear-gradient(180deg,#071c1710,#0a231c80),url('/assets/footer-atreia.webp');background-position:center 45%}
html:root .event-card h3{font-size:24px;font-weight:400;color:var(--emerald-text)}
html:root .event-description h3{font-size:18px;color:var(--emerald-gold)}
html:root .primary{border:1px solid #ddc981;background:linear-gradient(135deg,#a8df8a,#6eaa68);color:#102b1a;box-shadow:inset 0 1px 0 #eaffc799,0 0 0 2px #bba06320,0 4px 14px #0002}
html:root .primary:hover{background:linear-gradient(135deg,#c0ee9d,#89c279);box-shadow:inset 0 1px 0 #f2ffdb,0 0 15px #a8df8a40}
html:root .ghost{border-color:#ccb78488;background:#0b211bd9;color:#e9ddbe}
html:root .ghost:hover{background:#1c3d2ed9}
html:root .ghost.danger{background:linear-gradient(120deg,#642b29,#3b1b1c);border-color:#ce7367;color:#ffd1c5}
html:root .filter{border-color:#b89d5b66;background:#0a241bdd;color:#e4dfcc;font-family:Georgia,serif;min-height:40px}
html:root .filter.active{background:linear-gradient(120deg,#326447,#204d33);border-color:#dac688;color:#fff4d8}
html:root .home-brand img{width:54px;height:48px;object-fit:contain;filter:none}
html:root .auth-box .brand img{width:84px;height:72px;object-fit:contain}
/* The same identity in sunlit ivory, without changing navigation behavior. */
html:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#f5f7ebe0,#e8efdae8),url('/assets/emerald-sanctuary.jpg') 16% center/auto 100% no-repeat;border-right-color:#b8bf91}
html:root[data-theme=light] .sidebar .brand strong{color:#204b35}
html:root[data-theme=light] .sidebar .brand small{color:#80622b}
html:root[data-theme=light] .sidebar .nav{color:#294d36}
html:root[data-theme=light] .sidebar .nav .nav-glyph{color:#80622b}
html:root[data-theme=light] .sidebar .nav:hover{background:#dceacccc;border-color:#b6c59a;color:#204b35}
html:root[data-theme=light] .sidebar .nav.active{background:linear-gradient(120deg,#3f7550,#26573a);border-color:#a89a5b;color:#fff9e4;box-shadow:inset 0 1px 0 #e2efad40,0 4px 14px #254d2b18}
html:root[data-theme=light] .sidebar .nav.active .nav-glyph{color:#f5dca0}
html:root[data-theme=light] .card,html:root[data-theme=light] .character-card,html:root[data-theme=light] .timer-card,html:root[data-theme=light] .guild-box,html:root[data-theme=light] .admin-panel,html:root[data-theme=light] .modal,html:root[data-theme=light] .auth-box{background:linear-gradient(145deg,#fffef9f5,#f7fbeeef);border-color:#bfc79e;box-shadow:inset 0 1px 0 #fff,0 8px 26px #254d2b12}
html:root[data-theme=light] .event-card-art{border-color:#bfc79e;background-image:linear-gradient(180deg,#fffce820,#eff5e944),url('/assets/emerald-sanctuary.jpg')}
html:root[data-theme=light] .event-art-pvp{background-image:linear-gradient(180deg,#fffce830,#eff5e955),url('/assets/banner-enhanced.webp')}
html:root[data-theme=light] .event-art-boss{background-image:linear-gradient(180deg,#fffce830,#eff5e955),url('/assets/footer-atreia.webp')}
html:root[data-theme=light] .ghost.danger{background:#fbe8e4;color:#9c2234;border-color:#d8a394}
html:root[data-theme=light] .filter{background:#fffef9d9;color:#365342;border-color:#bbc8a5}
html:root[data-theme=light] .filter.active{background:#e1edd4;color:#204b35;border-color:#8ca66d}
@media(min-width:761px){html:root .layout{grid-template-columns:250px 1fr}html:root .sidebar{width:250px;padding:24px 16px}html:root .sidebar .profile{gap:9px}html:root .sidebar .side-bottom{margin-top:auto}}
@media(max-width:760px){html:root .sidebar .brand{flex-direction:row;gap:9px;padding:0;margin:0;text-align:left;min-height:64px}html:root .sidebar .brand img{width:56px;height:58px}html:root .sidebar .brand strong{font-size:24px}html:root .sidebar .brand small{font-size:9px;letter-spacing:1.5px;margin-top:6px}html:root .sidebar .brand::after{display:none}html:root .sidebar .nav{font-size:16px;padding:12px 14px;gap:10px}html:root .event-card-art{height:140px;margin:0 -18px 0}html:root .event-card{padding-top:0}html:root .mobile-nav-header{background:var(--emerald-sidebar);margin-bottom:12px}}

/* Reference-layout edition: scenic canvas, tall crest and two event tiles. */
:root:root{--emerald-gold:#dbc38b;--emerald-muted:#ddd6c1;--emerald-text:#f4edda;--emerald-line:#857447}
html:root .guild-scene{background:linear-gradient(90deg,#031b17ed 0%,#031b17c9 32%,#031b1738 74%,#031b1720),url('/assets/atreia-reference-background.webp') center top/cover no-repeat}
html:root .sidebar{background:linear-gradient(180deg,#041a16db,#031914e6),url('/assets/atreia-reference-background.webp') left center/auto 100% no-repeat;border-right:1px solid #b59d6580;padding:24px 20px}
html:root .sidebar .brand{gap:8px;padding-bottom:25px;margin-bottom:18px}
html:root .sidebar .brand img{width:164px;height:122px}
html:root .sidebar .brand strong{font-size:44px;color:#ead9b0}
html:root .sidebar .brand small{font-family:Georgia,serif;font-size:13px;letter-spacing:5px}
html:root .sidebar .nav{font-size:19px;min-height:53px;padding:12px 14px;margin-bottom:8px}
html:root .sidebar .nav .nav-glyph{width:27px;margin-right:3px}
html:root .sidebar .nav-glyph svg{width:26px;height:26px;stroke-width:1.8}
html:root .sidebar .nav.active{background:linear-gradient(120deg,#295f3c,#1d4d30b3);border-color:#c5b77d;box-shadow:inset 0 0 18px #c1dc8a18}
html:root .sidebar .side-bottom{padding:20px 4px 0}
html:root .sidebar .profile .avatar{width:52px;height:52px;border-color:#cfb98a}
html:root .sidebar .profile strong{font:400 18px Georgia,serif}
html:root .sidebar .profile small{font-size:11px}
html:root .sidebar-profile-actions{display:flex;gap:8px;flex-wrap:wrap}
html:root .sidebar-profile-actions button{font-size:12px!important;padding:8px 10px;min-height:34px!important}
html:root .sidebar-home-link{display:block;margin-top:14px;color:var(--emerald-muted);font-size:12px;text-decoration:none}
html:root .topbar{background:none;box-shadow:none;border:0;border-radius:0;border-bottom:1px solid #b59d6566;padding:0 0 16px;margin-bottom:28px;gap:20px}
html:root .topbar>.eyebrow{font:400 clamp(19px,2.1vw,30px)/1.3 Georgia,serif;letter-spacing:3px;color:#eee7d4}
html:root .topbar .connection{font-size:11px;color:var(--emerald-muted);flex-shrink:0}
html:root .events-heading{margin-bottom:22px;align-items:center}
html:root .events-heading h1{font:400 clamp(38px,4.7vw,64px)/1.1 Georgia,serif;color:var(--emerald-text);margin-bottom:8px}
html:root .events-heading p{font:400 20px/1.4 Georgia,serif;color:var(--emerald-muted);max-width:850px}
html:root .events-heading .actions{margin:0;flex-shrink:0;gap:10px;align-items:center}
html:root .event-create-button{font:400 19px/1.3 Georgia,serif;white-space:nowrap;background:linear-gradient(120deg,#214f32,#0e3628);color:#f1dba0;border:1px solid #d2bc79;padding:16px 25px;min-height:58px;box-shadow:inset 0 0 16px #d7e79b14,0 0 0 2px #685e351a}
html:root .event-create-button:hover{background:linear-gradient(120deg,#316a43,#17442f);color:#fff0c8}
html:root .series-control{font-size:12px;padding:10px 12px}
html:root .filters{gap:12px;margin-bottom:18px}
html:root .filter{font:400 18px/1.2 Georgia,serif;padding:13px 23px;min-width:118px;border-radius:28px;background:#061e18cf}
html:root .filter span{font-size:24px;vertical-align:middle;margin-right:8px;color:#dfc790}
html:root .filter.active{background:linear-gradient(120deg,#396643,#123c2a);border-color:#d9c581;box-shadow:inset 0 1px 0 #e6dfad40;color:#fff3d4}
html:root .event-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html:root .card.event-card{grid-column:auto;display:flex;flex-direction:column;gap:0;padding:12px;border-radius:24px;border:1px solid #b69b61;outline:3px solid #061c17aa;outline-offset:-5px;background:linear-gradient(120deg,#0c3024ee,#061c16f2);box-shadow:inset 0 0 0 1px #d4c09020,0 8px 32px #0004}
html:root .event-card-art{position:relative;height:195px;flex-shrink:0;margin:0;border:1px solid #c6b07c30;border-radius:13px 13px 4px 4px;background:linear-gradient(180deg,#03191405,#03191430),url('/assets/atreia-reference-background.webp') right 35%/cover no-repeat}
html:root .event-art-abyss{background-image:linear-gradient(180deg,#03191405,#03191430),url('/assets/atreia-abyss.webp')}
html:root .event-image-category,html:root .event-image-count{position:absolute;top:9px;background:#031916e6;border:1px solid #c6b07c40;border-radius:24px;color:#f4e8c9;padding:5px 12px;font:400 14px/1.4 Georgia,serif}
html:root .event-image-category{left:9px}html:root .event-image-count{right:9px}
html:root .event-card-main{padding:4px 14px 0;display:flex;flex-direction:column;flex:1}
html:root .event-card-main h3{font:400 30px/1.2 Georgia,serif;margin:0 0 7px;color:#f4edda;overflow-wrap:anywhere}
html:root .event-card-description{font:400 18px/1.45 Georgia,serif;color:var(--emerald-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html:root .event-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:11px 0;margin-top:auto;border-top:1px solid #c6b07c25;font:400 14px/1.4 Georgia,serif;color:#e8ddbc}
html:root .event-card-meta .date{font:inherit;color:inherit}
html:root .event-card-meta span[aria-hidden]{color:#e8cd8b;font-size:22px;vertical-align:middle;margin-right:7px}
html:root .event-class-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}
html:root .event-class-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);border-radius:22px;background:color-mix(in srgb,var(--rc) 9%,#041b15);color:#eee4cb;padding:6px 9px;font:400 12px/1.2 Georgia,serif}
html:root .event-class-chip .class-icon{width:18px;height:18px;margin:0}
html:root .event-class-chip small{font:10px 'Segoe UI',sans-serif;opacity:.8}
html:root .event-card-buttons{display:grid;grid-template-columns:1.2fr 1fr;gap:11px}
html:root .event-card-buttons button{min-height:52px;padding:12px 10px;font-size:17px;border-radius:28px}
html:root .event-card-buttons .primary{background:linear-gradient(125deg,#b8e396,#8bc071 46%,#5c9b58);color:#092318;border:1px solid #e4d696;box-shadow:inset 0 1px 1px #f5ffcff0,inset 0 0 16px #d5ef9640,0 0 0 2px #bdac6266}
html:root .event-card-buttons .primary:hover{background:linear-gradient(125deg,#cfefa7,#a3d58b 46%,#72b469);box-shadow:inset 0 1px 1px #f5ffcf,0 0 16px #bee89960}
html:root .event-card-buttons .ghost{border-color:#ded3b5;font-family:Georgia,serif;background:#061e18b3}
html:root .event-owner{font:11px/1.5 'Segoe UI',sans-serif;color:var(--emerald-muted);margin:11px 0 1px;overflow-wrap:anywhere}
html:root .event-card-main .badge-mine{font-size:12px;margin:4px 0 7px}
html:root .event-cards>.empty{background:#09281dd9;border:1px solid #b69b6180;color:var(--emerald-text)}
@media(min-width:761px){html:root .layout{grid-template-columns:278px 1fr}html:root .sidebar{width:278px}html:root .main{padding:30px 42px 50px;max-width:1720px}}
@media(min-width:761px) and (max-width:1150px){html:root .main{padding:24px}html:root .events-heading{align-items:flex-start;flex-direction:column}html:root .event-cards{grid-template-columns:1fr}html:root .event-card-art{height:220px}html:root .series-control{order:2}}
@media(max-width:760px){html:root .topbar{position:sticky;top:0;background:var(--emerald-surface);padding:9px;border:1px solid var(--emerald-line);border-radius:14px;margin-bottom:22px;gap:8px}html:root .topbar>.eyebrow{display:none}html:root .sidebar .brand img{width:56px;height:58px}html:root .sidebar .brand strong{font-size:24px}html:root .sidebar .brand small{font-size:9px;letter-spacing:1.5px}html:root .sidebar .brand{padding:0;margin:0}html:root .sidebar .nav{font-size:17px;padding:12px 14px;margin-bottom:6px;min-height:46px}html:root .events-heading{align-items:flex-start;flex-direction:column;gap:16px}html:root .events-heading h1{font-size:40px}html:root .events-heading p{font-size:17px}html:root .events-heading .actions{width:100%;justify-content:space-between}html:root .event-create-button{font-size:16px;min-height:48px;padding:12px 17px}html:root .filter{padding:10px 16px;font-size:16px;min-width:104px}html:root .filter span{font-size:19px;margin-right:5px}html:root .event-cards{grid-template-columns:1fr;gap:20px}html:root .card.event-card{padding:10px}html:root .event-card-art{height:185px;margin:0}html:root .event-card-main{padding:10px 8px 0}html:root .event-card-main h3{font-size:28px}html:root .event-card-description{font-size:17px}html:root .event-card-buttons button{font-size:16px;min-height:48px}html:root .event-class-chip{font-size:12px}}
/* Sunlit counterpart uses the same dimensions, crest, menu and card structure. */
html:root[data-theme=light] .topbar>.eyebrow{color:#31583d}
html:root[data-theme=light] .card.event-card{background:linear-gradient(125deg,#fffdf3f5,#edf4e4f5);border-color:#aab382;outline-color:#dce5cd80}
html:root[data-theme=light] .event-card-main h3{color:#214b35}
html:root[data-theme=light] .event-card-description,html:root[data-theme=light] .event-card-meta{color:#365442}
html:root[data-theme=light] .event-card-meta{border-color:#b4c39e66}
html:root[data-theme=light] .event-card-meta span[aria-hidden]{color:#80622b}
html:root[data-theme=light] .event-class-chip{background:#f8fbf0;color:#31533a}
html:root[data-theme=light] .event-card-buttons .ghost{background:#fffdf3;border-color:#879b6c;color:#31583d}
html:root[data-theme=light] .event-card-buttons .ghost.danger{background:#fbe8e4;border-color:#d8a394;color:#9c2234}
html:root[data-theme=light] .event-cards>.empty{background:#fffef9e6;color:#214b35;border-color:#bfc79e}

/* Original artwork prepared for the reference edition. */
html:root .event-art-pvp{background-image:linear-gradient(180deg,#03191405,#03191430),url('/assets/atreia-abyss.webp')}
html:root .event-art-boss{background-image:linear-gradient(180deg,#03191405,#03191430),url('/assets/atreia-reference-background.webp')}
html:root[data-theme=light] .guild-scene{background:linear-gradient(90deg,#edf3e4ed 0%,#edf3e4bc 32%,#edf3e455 74%,#edf3e440),url('/assets/atreia-reference-background.webp') center top/cover no-repeat}
html:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#f5f7ebe0,#e8efdae8),url('/assets/atreia-reference-background.webp') left center/auto 100% no-repeat}
html:root[data-theme=light] .event-card-art,html:root[data-theme=light] .event-art-boss{background-image:linear-gradient(180deg,#fffce810,#eff5e920),url('/assets/atreia-reference-background.webp')}
html:root[data-theme=light] .event-art-abyss,html:root[data-theme=light] .event-art-pvp{background-image:linear-gradient(180deg,#fffce808,#eff5e918),url('/assets/atreia-abyss.webp')}

/* Full-width card artwork and the reference sidebar profile controls. */
html:root .card.event-card{align-items:stretch}
html:root .event-card-art{width:100%;min-width:0;align-self:stretch;display:block}
html:root .event-card-main{width:100%;align-self:stretch}
html:root .sidebar{background:linear-gradient(180deg,#001a1220,#001a120a),url('/assets/atreia-sidebar-foliage.png') center top/100% 100% no-repeat;background-color:#041b14;backdrop-filter:none;padding:24px 14px 22px;border-right:1px solid #a4935a99}
html:root .sidebar .brand{gap:0;padding-bottom:24px;margin-bottom:14px}
html:root .sidebar .brand img{width:215px;height:165px;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 18px #6dc78530)}
html:root .sidebar .brand strong{font:400 47px/1.15 Georgia,serif;color:#e6cb93;letter-spacing:1px}
html:root .sidebar .brand small{display:flex;align-items:center;gap:12px;font:400 13px/1.2 Georgia,serif;letter-spacing:5px;color:#ddc394;margin-top:10px;white-space:nowrap}
html:root .sidebar .brand small::before,html:root .sidebar .brand small::after{content:"";width:36px;height:1px;background:#bba46c}
html:root .sidebar .nav{border-radius:17px;border:1px solid transparent;background:transparent;min-height:55px;gap:14px;padding:12px 18px;margin-bottom:4px;font:400 19px/1.35 Georgia,serif;color:#eee6d3;position:relative;flex-shrink:0}
html:root .sidebar .nav .nav-glyph{width:26px;margin:0;color:#dcc393;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}
html:root .sidebar .nav .nav-glyph svg{width:26px;height:26px;filter:drop-shadow(0 1px 1px #0006)}
html:root .sidebar .nav[data-view=members] .nav-glyph circle,html:root .sidebar .nav[data-view=parties] .nav-glyph circle{fill:currentColor;stroke:none}
html:root .sidebar .nav:hover{background:#295c3944;border-color:#b4b57e60}
html:root .sidebar .nav.active{background:linear-gradient(110deg,#153f28b3,#245b37d9);border-color:#c3c48a;box-shadow:inset 0 0 0 2px #b3c58b20,inset 0 0 18px #a9d58230,0 0 12px #4c91512a;color:#fff4d6}
html:root .sidebar .nav.active::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:2px;background:#b8efa3;box-shadow:0 0 8px #bdffac}
html:root .sidebar .side-bottom{position:relative;padding:22px 5px 160px;margin-top:22px;border:0;flex-shrink:0}
html:root .sidebar .side-bottom::before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#ad935b,transparent)}
html:root .sidebar .side-bottom::after{content:"◇";position:absolute;top:-10px;left:calc(50% - 6px);color:#bfa46d;font-size:13px;background:#082217;padding:0 2px;pointer-events:none}
html:root .sidebar .profile{display:flex;align-items:center;gap:11px;margin:0;width:100%}
html:root .sidebar .profile .avatar{width:56px;height:62px;border:1px solid #d4bb84;border-radius:50%;background:#142d25}
html:root .profile-menu-trigger{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:8px 0;background:transparent;border:0;border-radius:6px;color:#f1e7cf;text-align:left;min-height:44px}
html:root .profile-menu-trigger:hover{background:#31533b40}
html:root .profile-menu-trigger strong{font:400 19px/1.3 Georgia,serif;overflow-wrap:anywhere;max-width:115px}
html:root .profile-menu-trigger small{display:none}
html:root .profile-menu-trigger svg{flex-shrink:0;color:#d8bd89}
html:root .profile-settings{display:grid;place-items:center;flex-shrink:0;width:40px;min-height:44px;padding:6px;background:none;border:0;border-radius:8px;color:#ddc398}
html:root .profile-settings svg{width:26px;height:26px}
html:root .profile-settings:hover{background:#31533b60;color:#ffe4a6}
html:root .profile-menu{margin-top:13px;padding:7px;border:1px solid #b59b6380;border-radius:12px;background:#08251bed;box-shadow:0 8px 25px #0006}
html:root .profile-menu[hidden]{display:none}
html:root .profile-menu button,html:root .profile-menu a{display:block;width:100%;min-height:44px;text-align:left;padding:10px 12px;background:none;border:0;border-radius:8px;font:14px/1.4 'Segoe UI',sans-serif;color:#eee6d3;text-decoration:none}
html:root .profile-menu button:hover,html:root .profile-menu a:hover{background:#285a3b80}
html:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#eef5e8d9,#eef5e8c9),url('/assets/atreia-sidebar-foliage.png') center top/100% 100% no-repeat;background-color:#edf3e8}
html:root[data-theme=light] .sidebar .nav{color:#31523c}
html:root[data-theme=light] .sidebar .nav.active{color:#fff6db}
html:root[data-theme=light] .profile-menu-trigger,html:root[data-theme=light] .profile-settings{color:#31523c}
html:root[data-theme=light] .profile-menu{background:#fffdf3;border-color:#aab382}
html:root[data-theme=light] .profile-menu button,html:root[data-theme=light] .profile-menu a{color:#31523c}
html:root[data-theme=light] .profile-menu button:hover,html:root[data-theme=light] .profile-menu a:hover{background:#e1edd4}
html:root[data-theme=light] .sidebar .brand small{color:#80622b}
@media(max-width:760px){html:root .sidebar{width:min(320px,90vw);padding:0 14px calc(18px + env(safe-area-inset-bottom))}html:root .mobile-nav-header{background:transparent;position:relative;display:flex;flex-direction:column;padding:20px 0 0;margin-bottom:8px}html:root .mobile-nav-close{position:absolute;right:0;top:10px;width:44px;padding:0;justify-content:center;font-size:0;background:#08251bdd;z-index:4}html:root .mobile-nav-close span{font-size:28px}html:root .sidebar .brand{flex-direction:column;text-align:center;gap:0;margin:0;padding:0 0 24px;width:100%}html:root .sidebar .brand img{width:185px;height:135px}html:root .sidebar .brand strong{font-size:40px}html:root .sidebar .brand small{font-size:12px;letter-spacing:4px}html:root .sidebar .brand::after{display:block}html:root .sidebar .nav{min-height:50px;font-size:18px;padding:11px 15px}html:root .sidebar .side-bottom{margin-top:20px;padding-bottom:130px}html:root .event-card-art{width:100%;height:185px;min-height:185px}html:root[data-theme=light] .mobile-nav-header{background:transparent}html:root[data-theme=light] .mobile-nav-close{background:#f3f7ee;color:#31523c}}

/* One continuous green landscape behind the workspace and sidebar. */
html:root .guild-scene{background:linear-gradient(90deg,#031b145e 0%,#031b1440 30%,#031b1425 70%,#031b1438),linear-gradient(180deg,#031b1420,#031b1470),url('/assets/soclose-emerald-forest.webp') center center/cover no-repeat}
html:root .sidebar{background:linear-gradient(180deg,#031b143d,#031b145c);background-color:transparent;border-right-color:#d4c38b30;box-shadow:none;backdrop-filter:none}
html:root .sidebar .side-bottom{padding-bottom:45px}
html:root .sidebar .side-bottom::after{background:#092d1de0}
html:root .auth{background:linear-gradient(90deg,#031b1455,#031b1438),url('/assets/soclose-emerald-forest.webp') center center/cover no-repeat}
html:root[data-theme=light] .guild-scene{background:linear-gradient(110deg,#f1f7e8aa,#edf5e67a),url('/assets/soclose-emerald-forest.webp') center center/cover no-repeat}
html:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#eff5e865,#eff5e89c);background-color:transparent;border-right-color:#6b865c30;box-shadow:none}
html:root[data-theme=light] .sidebar .side-bottom::after{background:#edf5e6}
html:root[data-theme=light] .auth{background:linear-gradient(110deg,#f1f7e8b0,#edf5e675),url('/assets/soclose-emerald-forest.webp') center center/cover no-repeat}
@media(max-width:760px){html:root .guild-scene{background-position:42% center}html:root .sidebar{background:linear-gradient(180deg,#05271ce6,#05271cca);border-right-color:#d4c38b55}html:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#edf5e6ed,#edf5e6dc)}html:root .sidebar .side-bottom{padding-bottom:30px}}

/* Compact workspace: restrained sizing while retaining readable controls. */
html:root .sidebar{padding:18px 12px}
html:root .sidebar .brand{gap:0;padding-bottom:18px;margin-bottom:10px}
html:root .sidebar .brand img{width:180px;height:110px;object-fit:contain;filter:drop-shadow(0 0 12px #77bc7220)}
html:root .sidebar .brand strong{font-size:38px;line-height:1.15}
html:root .sidebar .brand small{font-size:12px;letter-spacing:4px;margin-top:7px;gap:9px}
html:root .sidebar .brand small::before,html:root .sidebar .brand small::after{width:24px}
html:root .sidebar .nav{font-size:17px;min-height:47px;padding:10px 13px;gap:12px;margin-bottom:3px;border-radius:14px}
html:root .sidebar .nav .nav-glyph,html:root .sidebar .nav .nav-glyph svg{width:23px;height:23px}
html:root .sidebar .side-bottom{padding:18px 3px 25px;margin-top:18px}
html:root .sidebar .profile{gap:8px}
html:root .sidebar .profile .avatar{width:44px;height:48px}
html:root .sidebar .profile strong{font-size:17px;max-width:100px}
html:root .profile-settings{width:36px}
html:root .profile-settings svg{width:23px;height:23px}
html:root .topbar{padding-bottom:12px;margin-bottom:20px}
html:root .topbar>.eyebrow{font-size:23px;letter-spacing:2px}
html:root .events-heading{margin-bottom:17px;gap:16px}
html:root .events-heading h1{font-size:46px;line-height:1.15}
html:root .events-heading p{font-size:17px;line-height:1.5}
html:root .event-create-button{font-size:17px;padding:12px 19px;min-height:48px}
html:root .filters{gap:9px;margin-bottom:15px}
html:root .filter{font-size:16px;padding:10px 19px;min-width:105px;min-height:44px}
html:root .filter span{font-size:20px;margin-right:6px}
html:root .event-cards{gap:17px}
html:root .card.event-card{padding:10px;border-radius:20px;align-items:stretch}
html:root .event-card-art{height:170px;min-height:170px;width:100%}
html:root .event-card-main{padding:7px 10px 0}
html:root .event-card-main h3{font-size:26px;line-height:1.2;margin-bottom:6px}
html:root .event-card-description{font-size:16px;line-height:1.5;margin-bottom:8px}
html:root .event-card-meta{padding:9px 0;font-size:14px}
html:root .event-card-buttons{gap:9px}
html:root .event-card-buttons button{min-height:46px;font-size:16px;padding:10px 8px}
html:root .event-class-chips{gap:6px;margin-bottom:10px}
html:root .event-owner{font-size:12px;margin-top:9px}
@media(min-width:761px){html:root .layout{grid-template-columns:238px minmax(0,1fr)}html:root .sidebar{width:238px}html:root .main{padding:24px 28px 36px;max-width:1500px}}
@media(min-width:761px) and (max-width:1150px){html:root .main{padding:22px}html:root .event-card-art{height:180px}}
@media(max-width:760px){html:root .sidebar{width:min(290px,88vw);padding:0 14px calc(18px + env(safe-area-inset-bottom))}html:root .mobile-nav-header{padding-top:16px}html:root .sidebar .brand{width:100%;padding:0 0 18px;margin:0}html:root .sidebar .brand img{width:165px;height:100px}html:root .sidebar .brand strong{font-size:34px}html:root .sidebar .brand small{font-size:12px;letter-spacing:4px}html:root .sidebar .nav{font-size:17px;min-height:46px;padding:10px 14px}html:root .mobile-nav-close{right:0;top:6px}html:root .main{padding:16px 14px 28px}html:root .topbar{padding:8px;margin-bottom:18px}html:root .events-heading{gap:12px}html:root .events-heading h1{font-size:34px}html:root .events-heading p{font-size:16px}html:root .event-create-button{font-size:16px;min-height:44px;padding:10px 14px}html:root .filter{padding:9px 15px;font-size:16px}html:root .event-card-art{height:160px;min-height:160px}html:root .event-card-main h3{font-size:24px}html:root .event-card-buttons button{min-height:46px;font-size:16px}html:root .event-cards{gap:16px}}