/* Kella command interface. Authored Wiki canvas styles remain content-owned. */
:root{--bg:#111315;--panel:#1b1e21;--panel-2:#23272b;--panel-3:#292d31;--text:#ece9e1;--ink:#ece9e1;--muted:#a8adb0;--line:#34383c;--gold:#c7a86e;--gold-soft:#dbc69c;--red:#a43e43;--pink:#a43e43;--paper:#1b1e21;--paper-soft:#24282b;--paper-deep:#33302a;--green:#83bd9d;--blue:#9caedd;--glass:#22262a}
body{background:#111315;color:var(--text);font-family:"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.5}
.shell{width:100%;min-height:100vh;margin:0;grid-template-columns:228px minmax(0,1fr);border:0;border-radius:0;background:var(--bg);box-shadow:none;backdrop-filter:none;overflow:visible}
.shell>.sidebar{position:sticky;top:0;height:100vh;background:#17191b;border-right:1px solid var(--line);padding:28px 14px;overflow-y:auto}
.brand{padding:0 6px;gap:10px;margin-bottom:34px}.brand-logo{width:38px;height:38px;border-radius:4px;box-shadow:none;border:0}.brand strong{font:600 14px/1.4 Georgia,serif;color:var(--gold-soft);letter-spacing:.025em}.brand span{font-size:12px;text-transform:none;font-weight:400;color:var(--muted);letter-spacing:0}
nav{gap:4px}nav a{font-weight:500;color:#b8bdc0;min-height:46px;text-shadow:none;border-radius:3px;font-size:14px}nav a:hover,nav a.active{background:#29272a;color:#f2e4cc;border-color:transparent;border-left-color:var(--red);transform:none;box-shadow:none;text-shadow:none}.nav-icon{width:23px;height:23px;filter:none}nav a:hover .nav-icon,nav a.active .nav-icon{filter:none;transform:none}.nav-more{margin-top:18px}.nav-more summary{cursor:pointer;padding:12px;color:var(--muted);font-size:14px}.nav-section-label{font-size:12px;color:var(--muted);padding:24px 10px 8px}.side-footer{padding:14px 0 0;border-color:var(--line);font-weight:400}.companion{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:18px;color:var(--muted)}.collapse-sidebar{width:100%;font-size:12px!important}
main{background:var(--bg)}.topbar{background:#17191b;border-bottom:1px solid var(--line);padding:12px 32px;min-height:72px}.guild .avatar-img{display:none}.guild h1{font-size:14px;letter-spacing:.04em;color:var(--gold-soft);font-family:Georgia,serif}.guild #guildTagline{font-size:12px;color:var(--muted)}.top-actions .server-clock{border:0;background:none;padding:0;min-width:130px}.server-clock span{color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.server-clock strong{color:var(--text);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.content{padding:28px 32px;max-width:1500px;margin:auto}.hero{padding:0 0 22px;margin:0;background:none;border:0;border-radius:0;box-shadow:none;min-height:0}.hero h2{font:500 28px/1.2 Georgia,serif;color:var(--text);text-shadow:none}.hero p{font-size:14px;color:var(--muted);max-width:65ch}.hero:before,.hero:after{display:none}
.card,.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:5px;box-shadow:none;color:var(--text)}.card{padding:22px}.card .card{border:0;background:transparent;box-shadow:none}.card-header{gap:14px;flex-wrap:wrap}.card h3,.card-header h3{font-size:18px;font-weight:500;color:var(--text);text-shadow:none}.muted{color:var(--muted)}a{color:var(--gold-soft);text-underline-offset:4px}.card-header a{font-size:14px}
button.primary,.primary{background:#923b41;color:#fff;border:1px solid #b45459;border-radius:4px;box-shadow:none;text-shadow:none;min-height:44px;font-size:14px;font-weight:600}button.secondary,.secondary,.auth-button,.profile-top-button{background:#262a2e;color:var(--text);border:1px solid #41464b;border-radius:4px;box-shadow:none;text-shadow:none;min-height:44px;font-size:14px;font-weight:500}.primary:hover,.secondary:hover{filter:brightness(1.12);box-shadow:none}.danger{border-radius:4px;min-height:44px}.toolbar{gap:8px;flex-wrap:wrap}button,a,input,select,textarea,summary{touch-action:manipulation}button,input,select,textarea{max-width:100%}input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{background:#141719;color:var(--text);border:1px solid #44494e;border-radius:4px;min-height:44px;font-size:16px}input::placeholder,textarea::placeholder{color:#969ea3}label{color:var(--text);font-size:14px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.account-menu{position:relative;margin-left:18px}.account-menu summary{list-style:none;cursor:pointer;border:1px solid #454a4e;border-radius:4px;min-height:44px;padding:10px 16px;font-size:14px}.account-menu summary:after{content:" ▾";color:var(--gold)}.account-panel{position:absolute;right:0;top:52px;width:min(290px,calc(100vw - 24px));padding:14px;display:grid;gap:8px;background:#222629;border:1px solid #484d51;border-radius:5px;z-index:90;box-shadow:0 16px 38px #0008}.account-panel .auth-pill{border:0;background:none;color:var(--muted);border-radius:0;padding:0;white-space:normal;font-size:13px}.account-panel .profile-top-button{width:100%;min-width:0}.account-panel .profile-top-button img,.account-panel .profile-top-button em{display:none}.account-panel>a{padding:10px;font-size:14px}.account-panel .feedback-top-button{background:#262a2e}.bottom-nav{display:none}
.home-focus{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);border:1px solid var(--line);border-top:2px solid #a68b5d;background:#1b1e21;border-radius:4px;margin-bottom:0}.next-event{padding:30px 32px;border-right:1px solid var(--line)}.eyebrow{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:12px}.next-event h2{font:500 30px/1.2 Georgia,serif;margin:0 0 12px;max-width:24ch}.next-event p,.today-buff p{color:var(--muted);font-size:14px}.today-buff{position:relative;padding:28px}.today-buff img{height:64px;width:64px;object-fit:contain;float:right}.today-buff h3{font-size:20px;font-weight:500;margin:0}.today-buff a{font-size:14px}.home-stats{display:flex;align-items:center;gap:28px;padding:18px 0 26px;color:var(--muted);font-size:14px}.home-stats strong{font-weight:600;color:var(--text);font-size:18px;margin-right:4px}.home-stats a{margin-left:auto}.alliance-stats-card{border:0;border-top:1px solid var(--line);padding:22px 0;background:transparent}.metric-selector{width:min(350px,100%);margin-bottom:14px;border:1px solid var(--line);background:#1b1e21;border-radius:4px;box-shadow:none}.metric-selector summary{min-height:44px;padding:10px 14px;color:var(--text)}.metric-selector-value{color:var(--gold-soft)}.metric-selector input{width:calc(100% - 20px);margin:10px}.metric-picker{display:grid;grid-template-columns:1fr;max-height:260px;overflow-y:auto;padding:8px}.metric-button{border:0;border-radius:3px;min-height:44px;color:var(--text);background:transparent;text-align:left;box-shadow:none}.metric-button[hidden]{display:none}.metric-button.active{background:#34312b;color:var(--gold-soft)}.power-list{gap:0}.power-trend-row,.power-trend-row.top-stat-player{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:12px 14px;min-height:76px;grid-template-columns:minmax(0,1fr) 150px 110px}.power-trend-row:nth-child(-n+3){border-left:2px solid var(--gold);background:#1d2022}.power-player-info strong{color:var(--text);font-size:16px}.power-player-info span,.power-spark-meta{font-size:12px;color:var(--muted)}.stat-rank{font-size:12px;color:var(--gold-soft)}.power-spark-wrap{max-height:46px;overflow:hidden}.trend-pill{background:transparent;border:0;font-size:14px}.trend-pill.up{color:var(--green)}.trend-pill.down{color:#ef9699}.member-avatar{border-radius:6px;width:40px;height:40px;box-shadow:none}.member-name{color:var(--text)}.member-username{color:var(--muted)}
.calendar-grid{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden}.calendar-offset{background:#171a1c}.calendar-day{border:0!important;border-radius:0!important;background:#1b1e21!important;box-shadow:none!important;min-height:112px;color:var(--text)!important;transform:none!important;padding:10px}.calendar-day.today{outline:1px solid var(--gold);outline-offset:-2px}.calendar-day-top{gap:4px}.calendar-day-number{color:var(--text)!important;font-size:14px}.calendar-day-weekday{display:none}.calendar-day-buff{width:24px;height:24px;border:0;background:none}.calendar-day-buff img{height:24px;width:24px}.calendar-entry{font-size:12px;background:#38302a;color:#e7d4ad;border:0;border-left:2px solid var(--gold);border-radius:2px;padding:4px}.calendar-entry small{font-size:12px;color:var(--muted)}.calendar-weekdays{color:var(--muted);font-size:12px}.calendar-more{color:var(--gold-soft)}
.officer-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.officer-groups h3{font:500 20px Georgia,serif;color:var(--gold-soft);padding-bottom:16px;border-bottom:1px solid var(--line)}.officer-links{display:grid}.officer-links a{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #292d30;text-decoration:none;color:var(--text);font-size:16px}.officer-links a span{color:var(--gold)}.officer-links a:hover{color:var(--gold-soft)}
th{background:#25292d;color:var(--muted);font-size:12px;font-weight:500}td{color:var(--text);font-size:14px;border-color:var(--line)}tr:hover td{background:#25292d}.table-wrap{overflow:auto}.badge{background:#272c30;color:var(--muted);border:1px solid var(--line);box-shadow:none}.empty{background:transparent;border:0;color:var(--muted);font-size:14px;padding:30px 12px}.skeleton{min-height:280px;background:linear-gradient(100deg,#1b1e21,#25292d,#1b1e21);border:1px solid var(--line);color:var(--muted);border-radius:5px}.error{color:#f1a3a6;background:#302124;border-color:#704147}.member-modal-panel{background:var(--panel);color:var(--text);border-color:var(--line);border-radius:6px;max-height:calc(100dvh - 32px);overflow-y:auto}.modal-close{background:#303539;color:var(--text);min-width:44px;min-height:44px}.profile-stats .profile-stat,.stat{background:var(--panel-2);border-color:var(--line);box-shadow:none}.profile-stat strong,.stat strong{color:var(--text)}.profile-kicker{color:var(--gold)}
.wiki-search-row input{background:#141719}.wiki-tag-button{background:transparent;border-color:var(--line);color:var(--muted);border-radius:4px;min-height:36px}.wiki-tag-button.active{background:#36312a;color:var(--gold-soft)}.wiki-card{box-shadow:none;border-color:var(--line);background:var(--panel)}.wiki-inspector{background:var(--panel-2);border-color:var(--line);box-shadow:none}.wiki-inspector__label{color:var(--muted)}.wiki-format-button{background:#353b40;color:var(--text);border-color:var(--line);min-height:44px}.wiki-media-frame{touch-action:none}.buff-day-row,.buff-date-item{background:var(--panel);border-color:var(--line);box-shadow:none;border-radius:4px}.buff-day-row.is-today{border-left:2px solid var(--gold)}.buff-day-name,.buff-current h3,.buff-date-item h4{color:var(--text)}.buff-current p,.buff-readonly{color:var(--muted)}
@media(min-width:901px){.sidebar-collapsed .shell{grid-template-columns:76px minmax(0,1fr)}.sidebar-collapsed .brand>div,.sidebar-collapsed .sidebar nav a span,.sidebar-collapsed .companion,.sidebar-collapsed .nav-section-label{display:none}.sidebar-collapsed .sidebar{padding-inline:10px}.sidebar-collapsed .brand{padding:0}.sidebar-collapsed .sidebar nav a{justify-content:center;padding-inline:0}.sidebar-collapsed .collapse-sidebar{font-size:0!important}.sidebar-collapsed .collapse-sidebar:after{content:"→";font-size:18px}.sidebar-collapsed .nav-more summary{font-size:12px;padding-inline:0}}
@media(max-width:1100px){.content{padding:24px}.officer-groups{gap:20px}.next-event{padding:24px}.today-buff{padding:24px}.topbar{padding-inline:24px}}
@media(max-width:900px){.shell{display:block;width:100%;margin:0;border-radius:0}.shell>.sidebar{position:fixed;inset:0 auto 64px 0;width:280px;height:calc(100dvh - 64px);z-index:110;transform:translateX(-101%);transition:transform 180ms ease;display:flex}.shell>.sidebar.open{transform:translateX(0)}.sidebar nav{display:grid;overflow:visible}.sidebar nav a{width:100%;justify-content:flex-start}.sidebar .nav-more{display:block}.mobile-nav-backdrop.open{display:block;position:fixed;inset:0;z-index:100;background:#0009}.mobile-nav-toggle{display:none!important}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:120;gap:0;padding:4px 4px max(4px,env(safe-area-inset-bottom));background:#191c1e;border-top:1px solid #42403b}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:54px;padding:4px 0;background:none;border:0;border-radius:0;color:var(--muted);font-size:12px;text-decoration:none;font-weight:500}.bottom-nav a.active{color:var(--gold-soft);background:#2d2927;border-top:2px solid var(--gold)}.bottom-nav img{width:22px;height:22px;object-fit:contain}.bottom-nav button>span:first-child{font-size:20px;line-height:22px}.content{padding-bottom:94px}.collapse-sidebar{display:none}.officer-groups{grid-template-columns:1fr}.topbar{padding:10px 18px;grid-template-columns:minmax(0,1fr) auto}.guild{min-width:0}.guild h1{font-size:12px}.top-actions{gap:0}.top-actions .server-clock{min-width:100px}.server-clock strong{font-size:12px}.server-clock span{font-size:12px}.account-menu{margin-left:12px}.account-menu summary{padding-inline:10px}.account-panel{right:0}.power-trend-row,.power-trend-row.top-stat-player{grid-template-columns:minmax(0,1fr) 85px}.power-spark-wrap{display:none}}
@media(max-width:600px){.content{padding:22px 14px 94px}.hero{gap:14px;align-items:flex-start;flex-direction:column;padding-bottom:18px}.hero h2{font-size:26px}.card{padding:16px}.home-focus{grid-template-columns:1fr}.next-event{border-right:0;border-bottom:1px solid var(--line);padding:22px}.next-event h2{font-size:26px}.today-buff{padding:18px 22px}.today-buff .eyebrow{margin-bottom:6px}.today-buff img{width:48px;height:48px}.home-stats{flex-wrap:wrap;gap:10px 20px;padding:16px 0 22px}.home-stats a{margin-left:0;flex-basis:100%}.alliance-stats-card{padding:18px 0}.calendar-day{min-height:82px;padding:5px 3px}.calendar-day-buff,.calendar-day-buff img{width:18px;height:18px}.calendar-entry{overflow:hidden;max-height:33px;padding:1px;font-size:12px;line-height:15px}.calendar-entry small{display:none}.calendar-day-number{font-size:12px}.calendar-day-top{flex-wrap:wrap}.calendar-day-list{gap:2px}.calendar-more{font-size:12px}.two,.three,.form-grid,.wiki-search-row{grid-template-columns:minmax(0,1fr)}.form-grid .wide{grid-column:auto}.toolbar{width:100%}.toolbar input{width:100%}.member-modal-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.member-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--line);padding:14px}.member-row td{display:block;border:0;padding:4px;font-size:14px;overflow-wrap:anywhere}.member-row td:first-child{grid-column:1/-1}.member-row td:nth-child(3):before{content:"Lord ID · ";color:var(--muted)}.member-row td:nth-child(4):before{content:"Power · ";color:var(--muted)}.member-row td:nth-child(7):before{content:"Attendance · ";color:var(--muted)}.table-wrap:has(.member-row) table,.table-wrap:has(.member-row) tbody{display:block;min-width:0;width:100%}.table-wrap:has(.member-row) thead{display:none}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-grid{grid-template-columns:minmax(0,1fr)}.topbar{padding-inline:12px}.server-clock span{display:none}.guild #guildTagline{font-size:12px}.account-menu{margin-left:8px}.account-menu summary{font-size:12px}.power-trend-row,.power-trend-row.top-stat-player{padding:12px 8px}.power-player-info strong{font-size:14px}.power-player{gap:8px}.power-player-info span{overflow-wrap:anywhere}.buff-day-row{grid-template-columns:1fr;gap:10px}.buff-admin-setting{min-width:0}.buff-current{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.next-event h2,.today-buff h3{color:var(--text);text-shadow:none}.metric-selector-value{background:none;border-radius:0;padding:0;font-size:14px;text-transform:none}.metric-selector-label{font-size:14px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}.metric-selector summary::after{background:none;color:var(--gold);border-radius:0;content:"⌄"}.stat-rank{background:none;border:0;border-radius:0;padding:0;font-style:normal;font-weight:500}.power-player-info .stat-rank{color:var(--gold-soft);background:none}.power-trend-row .trend-pill{background:none}.power-sparkline{background:none;border:0;border-radius:0;height:40px}.power-sparkline .spark-line{stroke:var(--gold);filter:none;stroke-width:2}.power-sparkline .chart-latest{fill:var(--text)}.power-sparkline .chart-label{fill:var(--muted)}.power-trend-row .power-player-info strong{font-weight:500}.power-trend-row .power-player-info span{font-weight:400}.next-event h2,.today-buff h3{-webkit-text-fill-color:var(--text)}
.event-agenda{border-top:1px solid var(--line)}.event-agenda-row{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.event-agenda-row h3{margin:0 0 6px;font-size:18px;color:var(--text);text-shadow:none}.event-agenda-row span{color:var(--muted);font-size:14px}.event-agenda-row a.primary{padding:10px 16px;text-decoration:none}.attendance-polls,.profile-section{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.attendance-polls summary,.profile-section summary{padding:12px 0;font-size:16px;cursor:pointer;color:var(--gold-soft)}.profile-section .profile-season-chart{margin-top:14px}.attendance-summary-card{background:var(--panel);border-color:var(--line);box-shadow:none;color:var(--text)}.attendance-summary-card strong{color:var(--text)}.attendance-summary-card p{display:none}.attendance-summary-card span{color:var(--muted)}.attendance-detail-head h3{color:var(--text);text-shadow:none}.attendance-group{background:var(--panel-2);border-color:var(--line)}.attendance-group h4{color:var(--text)}.calendar-detail-card{background:var(--panel-2);color:var(--text);border-color:var(--line);box-shadow:none}.calendar-detail-card h3{color:var(--text);text-shadow:none}.calendar-detail-card p{color:var(--muted)}.member-profile-hero h3{color:var(--text);text-shadow:none}.profile-stat{background:var(--panel-2);border-color:var(--line);box-shadow:none}.profile-stat span,.profile-subtitle{color:var(--muted)}
@media(max-width:700px){.event-agenda-row{grid-template-columns:minmax(0,1fr);gap:10px}.event-agenda-row .toolbar{justify-content:space-between}.attendance-grid{grid-template-columns:1fr}}
.training-shell,.training-shell>*{min-width:0}.training-resource-settings{background:none;border:0;border-radius:0;padding:0;grid-template-columns:minmax(0,300px)}.training-resource-settings label,.training-input-grid label{font-size:14px;color:var(--text);font-weight:400}.training-mode-tabs{background:var(--panel);border-color:var(--line);box-shadow:none;border-radius:4px;padding:4px;gap:4px}.training-mode-button,.training-mode-button:hover{background:none;color:var(--muted);border-radius:2px;box-shadow:none;font-size:14px;font-weight:500}.training-mode-button.active{background:#36302b;color:var(--gold-soft);border-color:var(--gold);box-shadow:none}.training-panel-head p{display:none}.training-summary{background:var(--panel-2);border-color:var(--line);border-radius:3px;box-shadow:none;min-width:0}.training-summary span{color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.training-summary strong{color:var(--text);font-size:22px;font-weight:500}.training-summary:last-child{border-left:2px solid var(--gold)}.training-table th{color:var(--muted);background:var(--panel-2)}.training-tier-badge{background:#35302a;color:var(--gold-soft);border-radius:3px}.training-resource{background:var(--panel-2);border-color:var(--line);border-radius:3px}.training-resource small{color:var(--muted);font-size:12px;letter-spacing:0;font-weight:400}.training-resource strong{color:var(--text);font-size:14px;font-weight:500}.training-note{color:var(--muted);font-size:14px}.training-table-wrap{border-color:var(--line);border-radius:4px;min-width:0}.training-tier{color:var(--text)}.calculator-help{font-size:14px;color:var(--muted)}.calculator-help summary{cursor:pointer}.training-input-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.shell>.sidebar{visibility:hidden}.shell>.sidebar.open{visibility:visible}.top-actions .server-clock{display:grid!important}.topbar .top-actions{display:flex}.training-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.training-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-table,.training-table-resources{display:block;min-width:0!important;width:100%}.training-table thead{display:none}.training-table tbody{display:grid;grid-template-columns:minmax(0,1fr)}.training-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;border-bottom:1px solid var(--line);gap:10px}.training-table td{display:block;border:0;padding:0;white-space:normal}.training-table td:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.training-table td:first-child,.training-table td:last-child{grid-column:1/-1}.training-resource-list{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.training-panel-head{min-width:0}.training-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.training-calculator-card{padding:14px}.training-summary-grid{gap:8px}.training-summary{padding:12px;min-height:70px}}
.home-announcement{padding:20px 0;border-bottom:1px solid var(--line)}.home-announcement h3{color:var(--text);font-size:18px;text-shadow:none;margin:0 0 8px}.home-announcement p{color:var(--muted);font-size:16px;white-space:pre-wrap}.home-announcement .eyebrow{margin-bottom:8px}
@media(min-width:901px){.topbar .guild{visibility:hidden}}
