.wow-macro-icon{object-fit:contain;flex:none;vertical-align:middle}.wmh-title .wow-macro-icon{margin-right:10px;vertical-align:-6px}.language-tools{display:flex;gap:5px;align-items:flex-start;flex-direction:column;font-size:13px}.language-menu{position:relative}.language-menu>summary{cursor:pointer;padding:7px 10px;border:1px solid var(--line);border-radius:8px;list-style:none;color:var(--ink);background:var(--surface)}.language-menu>summary::-webkit-details-marker{display:none}.language-menu nav{position:absolute;top:100%;right:0;z-index:90;display:grid;min-width:135px;border:1px solid var(--line);border-radius:9px;padding:5px;background:var(--surface);box-shadow:0 8px 22px #0006}.language-menu a{padding:9px 12px;border-radius:6px;text-decoration:none;color:var(--muted)}.language-menu a[aria-current=true]{background:#263c60;color:#fff;font-weight:700}.local-time-zone{color:var(--muted);font-size:11px;max-width:190px;overflow-wrap:anywhere}.acct{flex-wrap:wrap}html:not([lang=ko]) .center-create{white-space:normal}html:not([lang=ko]) .run-card-actions{flex-wrap:wrap}html:not([lang=ko]) .run-card-fit{min-width:0}html:not([lang=ko]) .opt-title,html:not([lang=ko]) .fcard h3{overflow-wrap:break-word}@media(max-width:600px){.language-tools{max-width:155px}.language-menu>summary{padding:6px 9px}.language-menu nav{left:0;right:auto}}
footer.site-footer{border-top:1px solid var(--line);padding-top:20px;padding-bottom:24px}
.site-footer-content{font-size:14px;line-height:1.6;color:var(--muted)}.site-footer-content p{margin:6px 0}.site-footer-content nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.site-footer-content a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.site-footer-content a:hover{color:var(--primary)}.site-footer-content .site-footer-brand{font-weight:700;color:var(--text)}.site-footer-contact a{overflow-wrap:anywhere}
.site-about{max-width:820px}.site-about p,.site-about li{line-height:1.75}.site-about h2{margin-top:24px}.site-about h2:first-child{margin-top:0}.site-about ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding-left:22px}
@media(max-width:600px){.site-footer-content{font-size:14px}.site-about ul{grid-template-columns:1fr}}

.policy-confirmation{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 16px;margin:0 0 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:15px;line-height:1.5}
.policy-confirmation label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}.policy-confirmation input[type=checkbox]{width:20px;height:20px;flex:none;margin:0;accent-color:var(--primary)}
.policy-confirmation .policy-links{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}.policy-confirmation .btn{margin:0;min-height:40px}.policy-confirmation .policy-error{width:100%;margin:0;color:var(--danger);font-weight:600}
:root{--bg:#f4f5f7;--surface:#fff;--ink:#191f28;--ink2:#333d4b;--muted:#6b7684;--line:#e5e8eb;--soft:#f2f4f6;--soft2:#e8ebee;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eaf1fe;--primary-ink:#1b4fc4;--ok:#0d7a48;--ok-soft:#e7f6ee;--warn:#955800;--warn-soft:#fff3dc;--danger:#c42b2b;--danger-soft:#fdecec;--radius:16px;--shadow:0 1px 2px rgba(17,24,39,.04),0 4px 14px rgba(17,24,39,.05)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light only}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 "Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--primary-ink);text-underline-offset:3px}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}main.wrap{padding-top:4px;padding-bottom:56px}
.page{margin:0 auto}.page.narrow{max-width:680px}.page.normal{max-width:860px}
.banner{background:#fff6d5;color:#5a4300;text-align:center;font-size:13px;padding:5px 12px;font-weight:600}
header.top{background:var(--surface);border-bottom:1px solid var(--line)}
.bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand acct" "menu menu";align-items:center;column-gap:16px;padding-top:8px;padding-bottom:4px}
.brand{grid-area:brand;display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--ink);text-decoration:none;min-height:44px;min-width:0}.brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.menu{grid-area:menu;display:flex;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -10px;padding:0 0 4px}
.menu a{flex:0 0 auto;padding:8px 10px;border-radius:10px;color:var(--ink2);text-decoration:none;font-weight:600;font-size:15px;min-height:40px;display:inline-flex;align-items:center}
.menu a:hover{background:var(--soft)}.menu a[aria-current=page]{color:var(--ink);background:var(--soft);font-weight:700}
.acct{grid-area:acct;display:flex;align-items:center;gap:6px;font-size:14px}.acct .me{color:var(--muted);max-width:8.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct .btn{margin:0}
@media(min-width:900px){.bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand menu acct";padding-top:8px;padding-bottom:8px}.menu{margin:0;padding:0}}
h1{font-size:26px;line-height:1.3;margin:24px 0 8px;letter-spacing:-.02em}h2{font-size:20px;line-height:1.35;margin:32px 0 12px}h3{font-size:17px;margin:0 0 6px}
@media(min-width:900px){h1{font-size:30px;margin-top:32px}}
p{margin:8px 0}.muted{color:var(--muted)}.small{font-size:14.5px}.lead{color:var(--ink2)}
.card{background:var(--surface);border-radius:var(--radius);padding:20px;margin:12px 0;box-shadow:var(--shadow)}a.card{display:block;color:inherit;text-decoration:none}a.card:hover{box-shadow:0 2px 6px rgba(17,24,39,.06),0 10px 28px rgba(17,24,39,.08)}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 20px;border-radius:14px;border:0;background:var(--primary);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;width:100%;margin:8px 0;text-align:center;line-height:1.35}
.btn:hover{background:var(--primary-hover)}.btn.secondary{background:var(--soft);color:var(--ink)}.btn.secondary:hover{background:var(--soft2)}.btn.danger{background:var(--danger-soft);color:var(--danger)}
.btn.small{min-height:40px;font-size:15px;padding:8px 14px;width:auto;display:inline-flex;margin:4px 0;border-radius:12px}.btn[disabled]{opacity:.45;cursor:not-allowed}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1 1 200px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}@media(min-width:720px){.chips{flex-wrap:wrap;overflow:visible}}
.chip{flex:0 0 auto;padding:7px 14px;border-radius:999px;background:var(--soft);color:var(--ink2);text-decoration:none;font-weight:600;font-size:15px;min-height:40px;display:inline-flex;align-items:center}.chip:hover{background:var(--soft2)}
.chip[aria-current=page],.chip[aria-current=true]{background:var(--ink);color:#fff}.chip[aria-current=true]::before{content:"✓ ";white-space:pre}
.filters-top{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:8px 0}.fgroup{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:8px}.fgroup>span{font-size:14px;font-weight:700;color:var(--muted);padding-top:9px}
.search{display:flex;gap:8px;align-items:center}.search input{flex:1;min-width:0}.search .btn{width:auto;margin:0;min-height:50px}
.result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 0;font-size:15px;color:var(--muted)}
.items{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:10px}@media(min-width:720px){.items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px){.items{grid-template-columns:repeat(3,minmax(0,1fr))}}
.item{background:var(--surface);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.item .head{display:flex;gap:12px;align-items:center}
.item p{margin:0}.name{font-weight:700;font-size:17px;line-height:1.35}.meta{color:var(--muted);font-size:14px}.stat{font-size:15px;color:var(--ink2)}
.effect{font-size:14px;color:var(--ink2);background:var(--soft);border-radius:10px;padding:8px 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}.item .acts .btn,.item .acts form{margin:0}
.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:2px 0 0;padding:0}.tags li{font-size:13px;font-weight:600;color:var(--ink2);background:var(--soft);border-radius:8px;padding:2px 8px}.tags li.on{background:var(--primary-soft);color:var(--primary-ink)}.tags li.all{color:var(--muted)}
.icon{width:52px;height:52px;border-radius:12px;background:#1f2430;flex:0 0 52px;display:block;object-fit:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.icon.big{width:72px;height:72px;flex-basis:72px;border-radius:16px}.icon.none{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
label{display:block;font-weight:700;margin:16px 0 6px;font-size:15px}
input[type=text],input[type=search],input[type=url],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=file],select,textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid #d1d6db;border-radius:12px;background:#fff;min-height:50px;color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.18)}textarea{min-height:180px;font-family:ui-monospace,Consolas,monospace;font-size:14px}
.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.choices.wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.choice{position:relative}.choice input{position:absolute;opacity:0;inset:0;margin:0}
.choice .lines{display:block}.choice small{font-weight:500}.choice>span{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;background:var(--soft);font-weight:600;padding:8px 12px;text-align:center;border:1.5px solid transparent;cursor:pointer}
.choice input:checked+span{background:var(--ink);color:#fff}.choice input:checked+span::before{content:"✓ ";white-space:pre}.choice input:disabled+span{opacity:.55;border:1.5px dashed #c4c9cf;background:transparent;cursor:not-allowed}.choice input:focus-visible+span{outline:3px solid var(--primary);outline-offset:2px}
.pick{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;-webkit-overflow-scrolling:touch}.pick .choice{flex:0 0 auto}.pick .choice>span{min-width:76px;min-height:56px;padding:6px 12px}
details.more{margin:8px 0}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}
details.more>summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;gap:6px;color:var(--primary-ink)}details.more>summary::after{content:"▾";font-size:12px}details.more[open]>summary::after{content:"▴"}
details.filters{background:var(--surface);border-radius:var(--radius);padding:2px 16px;box-shadow:var(--shadow);margin:12px 0}details.filters>summary{font-weight:700;cursor:pointer;min-height:48px;display:flex;align-items:center}details.filters[open]{padding-bottom:12px}
.stepper{display:flex;align-items:center;gap:6px}.stepper .btn{margin:0;min-width:44px;font-size:20px;padding:6px}.stepper input{width:72px;text-align:center}
.plan{background:var(--primary-soft);color:var(--primary-ink);border-radius:14px;padding:12px 16px;font-weight:700;margin:12px 0}.seat{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;flex-wrap:wrap}.slotrow{display:grid;grid-template-columns:1.3fr 1fr .9fr;gap:8px;margin:6px 0}
.person{background:var(--surface);border-radius:var(--radius);padding:16px;margin:10px 0;box-shadow:var(--shadow)}.person .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.person .acts .btn{width:auto;margin:0}
.state{border-radius:14px;padding:16px;margin:12px 0;background:var(--soft)}.state.pending{background:#fff7e3}.state.done{background:var(--ok-soft)}.state.wait{background:var(--soft)}.state h3{margin-bottom:2px}
.status{position:sticky;top:0;z-index:5;background:var(--surface);border-radius:14px;padding:12px 16px;margin:12px 0;font-weight:700;display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;box-shadow:0 1px 2px rgba(17,24,39,.06),0 6px 20px rgba(17,24,39,.08)}.status .btn{margin:0 0 0 auto}
.notice{background:var(--primary-soft);color:var(--ink);padding:12px 16px;border-radius:14px;margin:12px 0;font-size:15.5px}.notice.error{background:var(--danger-soft);color:#8a1c1c}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--ink2);white-space:nowrap}.badge.ok{color:var(--ok);background:var(--ok-soft)}.badge.warn{color:var(--warn);background:var(--warn-soft)}.badge.info{color:var(--primary-ink);background:var(--primary-soft)}
table{width:100%;border-collapse:collapse;font-size:15.5px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:13px;color:var(--muted);font-weight:700}tr:last-child td{border-bottom:0}
.table{background:var(--surface);border-radius:var(--radius);padding:4px 16px;box-shadow:var(--shadow);overflow-x:auto;margin:12px 0}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@media(min-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.steps li{counter-increment:s;background:var(--surface);border-radius:var(--radius);padding:16px 16px 16px 60px;position:relative;min-height:64px;box-shadow:var(--shadow)}.steps li::before{content:counter(s);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px}@media(min-width:1024px){.cols{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.cols>aside{position:sticky;top:16px}}
.grid2{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}@media(min-width:900px){.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid2>.card,.grid2>.person{margin:0}
.slot-ad{border:1px dashed #c4c9cf;border-radius:14px;min-height:90px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;margin:24px 0}
footer{color:var(--muted);font-size:13.5px;border-top:1px solid var(--line);margin-top:16px}footer.wrap{padding-top:24px;padding-bottom:40px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.discord{background:#313338;color:#dbdee1;border-radius:12px;padding:16px;font-size:16px}.discord .embed{border-left:4px solid #5865f2;background:#2b2d31;border-radius:6px;padding:12px;margin:8px 0}.discord .dbtn{display:inline-block;background:#4e5058;color:#fff;border-radius:6px;padding:8px 14px;margin:4px 6px 0 0;font-weight:600}.discord .dbtn.primary{background:#5865f2}.discord code{background:#1e2026;color:#f4dfb0;padding:2px 5px;border-radius:4px;font-family:inherit}.badge.raid-kind.fixed{background:#302a40;color:#dcc6f1;border:1px solid #756083}.badge.raid-kind.pickup{background:#35301f;color:#ebd69c;border:1px solid #8b7949}
.look img{max-width:100%;border-radius:14px;display:block;background:var(--soft)}
.admin{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}@media(min-width:1024px){.admin{grid-template-columns:210px minmax(0,1fr);gap:32px}}
.admin-nav{display:flex;gap:4px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}@media(min-width:1024px){.admin-nav{flex-direction:column;position:sticky;top:16px;align-self:start;padding-top:32px}}
.admin-nav a{flex:0 0 auto;padding:8px 12px;border-radius:10px;color:var(--ink2);text-decoration:none;font-weight:600;font-size:15px}.admin-nav a:hover{background:var(--soft)}.admin-nav a[aria-current=page]{background:var(--ink);color:#fff}
.field{margin:14px 0}.field>label{margin:0 0 6px}.help{font-size:13.5px;color:var(--muted);margin:4px 0 0}.switch{display:flex;align-items:center;gap:10px;font-weight:600;min-height:44px;margin:4px 0;cursor:pointer}.switch input{width:22px;height:22px;accent-color:var(--primary);flex:0 0 22px}
.listrow{display:grid;gap:8px 10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;background:var(--soft);border-radius:12px;padding:12px;margin:8px 0}.listrow label{margin:0 0 4px;font-size:13px}.listrow .switch{min-height:50px}
.kv{display:grid;grid-template-columns:minmax(110px,max-content) minmax(0,1fr);gap:8px 16px;margin:0}.kv dt{color:var(--muted);font-size:14.5px}.kv dd{margin:0}
.diff{font-family:ui-monospace,Consolas,monospace;font-size:13px;white-space:pre-wrap;word-break:break-all;margin:4px 0}
.tiles{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.tiles .card{margin:0}.tiles b{display:block;font-size:26px;line-height:1.2}
.badge.character-manual,.character-card.current .badge.character-manual{display:inline-flex;align-items:center;gap:4px;color:#c0c6cf;background:#2b313b;border:1px solid #515966;font-size:11px;font-weight:500}.badge.bnet-verified,.character-card.current .badge.bnet-verified{display:inline-flex;align-items:center;gap:4px;color:#9ed7ff;background:#153d58;border:1px solid #3986b8}.bnet-mark{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;flex:0 0 auto;font-size:7px;line-height:1;font-weight:900;letter-spacing:-.06em;color:#59b7ff}.character-avatar{position:relative;display:inline-block;width:26px;height:26px;flex-shrink:0;overflow:hidden;vertical-align:middle;border-radius:5px}.character-avatar img{display:block;width:100%;height:100%;object-fit:cover}.character-avatar .character-portrait{position:absolute;inset:0}.character-avatar .character-portrait[hidden]{display:none}.avatar .character-avatar{width:100%;height:100%}.character-summary .character-avatar{width:36px;height:36px;margin-right:10px}.character-link-preparation{margin:14px 0 20px;padding:12px 14px;border-left:2px solid #7e8999;color:#bac5d4;font-size:13px;line-height:1.6}.character-link-preparation strong{color:#d9e2ef}.character-link-preparation p{margin:3px 0 0}.acct-character-status{margin:0;padding:5px 8px}
:root{--bg:#f6f7f9;--surface:#fff;--surface-raised:#fff;--ink:#172033;--ink2:#344054;--muted:#667085;--line:#e4e7ec;--line-strong:#d0d5dd;--soft:#f2f4f7;--soft2:#e9edf3;--primary:#315fe8;--primary-hover:#244bc4;--primary-soft:#eef3ff;--primary-ink:#2449b8;--accent:#7754d8;--ok:#087a55;--ok-soft:#e8f7f0;--warn:#9a5b13;--warn-soft:#fff6df;--danger:#b4232d;--danger-soft:#fff0f1;--radius-sm:10px;--radius:18px;--radius-lg:26px;--shadow:0 1px 2px rgba(16,24,40,.04);--shadow-raised:0 10px 32px rgba(16,24,40,.09);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px}
*{scrollbar-color:#cbd2dc transparent}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);font-size:16px;line-height:1.55;color:var(--ink)}::selection{background:#dce6ff}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none}.skip:focus{top:12px}
.wrap{max-width:1240px;padding-left:20px;padding-right:20px}main.wrap{padding-top:24px;padding-bottom:72px;min-height:calc(100vh - 176px)}.page.narrow{max-width:720px}.page.normal{max-width:980px}.page.wide{max-width:1200px}
.banner{background:#fff7d6;border-bottom:1px solid #f2dfa2;color:#6f5000;padding:6px 16px;font-size:12.5px;letter-spacing:.01em}
header.top{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.bar{padding-top:10px;padding-bottom:7px;column-gap:18px}.brand{font-size:17px;letter-spacing:-.02em;gap:11px}.logo{width:32px;height:32px;flex-basis:32px;border-radius:11px;background:#243352;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:13px}.menu{gap:4px;margin-left:-8px;margin-right:-8px}.menu a{position:relative;padding:9px 12px;border-radius:10px;color:#475467;font-size:14.5px}.menu a:hover{background:#f7f8fa;color:var(--ink)}.menu a[aria-current=page]{background:var(--primary-soft);color:var(--primary-ink)}.acct .me{max-width:10em}.acct .btn{min-height:40px}
@media(min-width:900px){.wrap{padding-left:32px;padding-right:32px}.bar{min-height:68px;padding-top:8px;padding-bottom:8px}.menu{justify-content:center}.menu a[aria-current=page]::after{content:"";position:absolute;left:12px;right:12px;bottom:-14px;height:3px;border-radius:3px;background:var(--primary)}}
h1{font-size:30px;line-height:1.22;margin:24px 0 10px;letter-spacing:-.035em}h2{font-size:22px;line-height:1.3;margin:36px 0 14px;letter-spacing:-.025em}h3{font-size:17px;line-height:1.4;margin:0 0 7px;letter-spacing:-.015em}p{margin:9px 0}.lead{font-size:17px;line-height:1.65;color:var(--ink2)}.small{font-size:14px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary-ink);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.page-header{margin:8px 0 24px}.page-header h1{margin-bottom:6px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:40px 0 14px}.section-head h2{margin:0}.section-head p{margin:0;color:var(--muted)}
@media(min-width:900px){h1{font-size:38px;margin-top:34px}h2{font-size:24px}.lead{font-size:18px}}
.card,.person,.item,.table,details.filters{border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}.card{padding:22px;margin:14px 0}.card.flat{box-shadow:none}.card:hover{border-color:#d8dde5}a.card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}a.card:hover{transform:translateY(-2px);border-color:#cbd5e5;box-shadow:var(--shadow-raised)}
.btn{min-height:50px;padding:11px 18px;border-radius:12px;background:var(--primary);box-shadow:none;font-size:15.5px;transition:background .15s ease,transform .08s ease,border-color .15s ease}.btn:hover{background:var(--primary-hover)}.btn:active{transform:translateY(1px)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line-strong)}.btn.secondary:hover{background:var(--soft);border-color:#b9c0cb}.btn.ghost{background:transparent;color:var(--ink2);border:1px solid transparent}.btn.ghost:hover{background:var(--soft)}.btn.danger{background:var(--danger-soft);color:var(--danger);border:1px solid #f2c9cd}.btn.danger:hover{background:#ffe3e6}.btn.small{min-height:40px;border-radius:10px;padding:8px 13px;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.actions .btn,.actions form{margin:0}.actions form .btn{margin:0}
@media(min-width:720px){.btn{width:auto;display:inline-flex}.page.narrow>form>.btn,.form-shell>.btn,form.card>.btn{width:100%}}
input[type=text],input[type=search],input[type=url],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=file],select,textarea{min-height:50px;border:1px solid var(--line-strong);border-radius:12px;padding:11px 14px;transition:border-color .15s ease,box-shadow .15s ease}input:hover,select:hover,textarea:hover{border-color:#98a2b3}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(49,95,232,.13)}label{margin-top:18px;font-size:14.5px}.help{line-height:1.5}.form-shell{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;margin:18px 0;box-shadow:var(--shadow)}.form-section{padding:8px 0 24px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}.form-group{border:0;padding:0;margin:22px 0}.form-group legend{font-weight:800;margin-bottom:8px}.character-form{padding:4px 0}.character-card .filters{box-shadow:none}
@media(min-width:720px){.form-shell{padding:30px 34px}.class-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
.choices{gap:9px}.choices.wide{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.choice>span{min-height:50px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink2);font-weight:650}.choice>span:hover{border-color:#abb6c5;background:#fafbfc}.choice input:checked+span{background:var(--primary-soft);color:var(--primary-ink);border-color:#86a4f5;box-shadow:inset 0 0 0 1px #86a4f5}.choice input:checked+span::before{font-weight:900}.choice input:disabled+span{background:var(--soft);border-color:var(--line);opacity:.55}.role-auto{display:flex;align-items:center;min-height:46px;padding:10px 14px;border-radius:12px;background:var(--ok-soft);color:var(--ok);font-weight:700}
.pick{gap:9px;margin-left:-2px;margin-right:-2px;padding:3px 2px 10px;scroll-snap-type:x proximity}.pick .choice{scroll-snap-align:start}.pick .choice>span{min-width:78px;min-height:54px}.compact-pick .choice>span{min-width:70px}
.date-picker{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fafbfc}.date-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.date-shortcuts .choice{margin:0}.date-shortcuts .choice>span,.quick-date{min-height:64px;width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-weight:750;padding:8px 10px;text-align:center;cursor:pointer}.quick-date{display:flex;flex-direction:column;align-items:center;justify-content:center}.quick-date small,.date-shortcuts small{display:block;color:var(--muted);font-size:12px;font-weight:600}.quick-date[aria-expanded=true]{border-color:#86a4f5;background:var(--primary-soft);color:var(--primary-ink)}.quick-date:disabled{opacity:.5;cursor:not-allowed}.date-panel{padding-top:12px}.date-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.date-grid .choice>span{min-width:0}.date-later{margin-top:12px}.date-later p{margin-bottom:6px}.time-picker{position:relative}.time-picker .pick{padding-bottom:8px}.time-picker .notice{margin-top:6px}
@media(min-width:720px){.date-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.date-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.date-picker{padding:18px}}
.chips{gap:7px;padding:3px 1px 8px;scroll-snap-type:x proximity;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent)}.chip{min-height:38px;padding:7px 13px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-size:14px;scroll-snap-align:start}.chip:hover{background:var(--soft)}.chip[aria-current=page],.chip[aria-current=true]{background:#25324b;border-color:#25324b;color:#fff}.filters-top{gap:12px;margin:0}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px;margin:16px 0 20px;box-shadow:var(--shadow)}.filter-panel .search{margin-bottom:14px}.fgroup{grid-template-columns:48px minmax(0,1fr);gap:10px}.fgroup>span{padding-top:8px;font-size:13px}.result{margin-top:20px}.result b{color:var(--ink);font-size:17px}
@media(min-width:720px){.chips{mask-image:none}.filter-panel{padding:20px 22px}.filters-top{grid-template-columns:1fr}.fgroup{grid-template-columns:58px minmax(0,1fr)}}
.items{gap:14px}.item{padding:18px;gap:8px;border-radius:16px;box-shadow:none;transition:border-color .15s ease,transform .15s ease}.item:hover{border-color:#b8c5d8;transform:translateY(-1px)}.item .head{align-items:flex-start}.name{font-size:16px}.meta{font-size:13.5px}.stat{font-size:14.5px}.effect{background:#f7f8fa;border-left:3px solid #b9c8ef}.tags li{border-radius:999px;padding:3px 8px;background:#f2f4f7;font-size:12px}.icon{border-radius:13px}.item .acts{padding-top:10px;border-top:1px solid #f0f1f3;margin-top:3px}
.notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #cdd9fa;border-radius:14px;background:var(--primary-soft);color:var(--ink);font-size:14.5px}.notice-icon{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:13px;font-weight:900}.notice-body{min-width:0}.notice-body strong{display:block;margin-bottom:2px;color:var(--ink)}.notice-body>div{color:var(--ink2)}.notice.success{background:var(--ok-soft);border-color:#b9e4d1}.notice.success .notice-icon{background:var(--ok)}.notice.warning{background:var(--warn-soft);border-color:#f0dcad}.notice.warning .notice-icon{background:var(--warn)}.notice.error{background:var(--danger-soft);border-color:#efc2c7;color:var(--ink)}.notice.error .notice-icon{background:var(--danger)}.notice.compact{padding:10px 12px}.notice.compact .notice-icon{display:none}.state{border:1px solid var(--line);padding:17px 18px;background:#f8fafc}.state.pending{background:var(--warn-soft);border-color:#f0dcad}.state.done{background:var(--ok-soft);border-color:#b9e4d1}.status{top:10px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(16,24,40,.10);padding:11px 14px}.badge{font-size:12.5px;padding:4px 9px}
.empty{padding:30px;text-align:center}.empty-mark{width:44px;height:44px;margin:0 auto 12px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--muted);font-weight:900}
.table{padding:0 14px;box-shadow:none}table{font-size:14.5px}th{padding-top:13px;padding-bottom:9px;text-transform:none;letter-spacing:.01em}td{padding-top:12px;padding-bottom:12px}.slotrow{grid-template-columns:minmax(115px,1.2fr) minmax(100px,1fr) auto;align-items:center;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff}.slotrow .stepper input{min-height:44px}.person{padding:18px;box-shadow:none}.person .acts{padding-top:12px;border-top:1px solid var(--line)}
.cols{gap:24px 36px}@media(min-width:1024px){.cols{grid-template-columns:minmax(0,1fr) 340px}.cols>aside{top:20px}}.run-hero{background:#18243b;color:#fff;border-radius:var(--radius-lg);padding:24px;margin:10px 0 20px}.run-hero h1{margin:5px 0 10px;color:#fff}.run-hero .muted{color:#c8d0df}.run-stats{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}.run-stats span{font-size:14px;color:#e5e9f1}.plan{border:1px solid #cdd9fa;background:var(--primary-soft);padding:14px 16px}
.hero{position:relative;overflow:hidden;background:#17233a;color:#fff;border-radius:28px;padding:28px 24px;margin:8px 0 36px}.hero h1{color:#fff;margin:6px 0 10px;max-width:680px}.hero .lead{color:#d7deea;max-width:650px}.hero .eyebrow{color:#a9c0ff}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-actions .btn{margin:0}.hero .btn.secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}.hero .btn.secondary:hover{background:rgba(255,255,255,.16)}.hero-grid{display:grid;gap:24px;align-items:center}.raid-visual{min-height:190px;position:relative;display:grid;place-items:center}.raid-core{width:104px;height:104px;border-radius:32px;background:#315fe8;display:grid;place-items:center;font-weight:850;box-shadow:0 20px 45px rgba(0,0,0,.25)}.role-dot{position:absolute;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);padding:8px 11px;border-radius:999px;font-size:13px;font-weight:700}.role-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#8dacff}.role-dot.tank{left:2%;top:14%}.role-dot.heal{right:4%;top:24%}.role-dot.dps{left:12%;bottom:9%}.role-dot.ready{right:8%;bottom:12%}.activity-grid{display:grid;gap:14px}.activity-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.activity-card .btn{margin:0}.support-grid{display:grid;gap:14px;margin-top:18px}
@media(min-width:900px){.hero{padding:48px 54px;margin-top:18px}.hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr)}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.run-hero{padding:30px 34px}}
.steps{gap:14px}.steps li{border:1px solid var(--line);box-shadow:none;padding:20px 20px 20px 66px}.steps li::before{background:var(--primary);top:19px}.look img{border:1px solid var(--line)}
.admin{gap:20px}.admin-nav{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;margin:8px 0}.admin-nav a{min-height:42px;display:flex;align-items:center;border-radius:9px;font-size:14px}.admin-nav a[aria-current=page]{background:#25324b;color:#fff}.tiles{gap:12px}.tiles .card{padding:18px}.tiles b{font-size:28px;color:var(--ink)}.kv{gap:10px 18px}.listrow{border:1px solid var(--line);background:#fafbfc}.diff{color:#475467}.admin section>h1{margin-bottom:4px}
@media(min-width:1024px){.admin{grid-template-columns:220px minmax(0,1fr);gap:38px}.admin-nav{top:20px;padding:10px;margin-top:20px}.admin-nav a{padding:9px 12px}}
.modal{width:min(92vw,440px);border:0;border-radius:22px;padding:0;background:transparent}.modal::backdrop{background:rgba(15,23,42,.48)}.modal-card{background:#fff;border-radius:22px;padding:26px;box-shadow:0 24px 80px rgba(15,23,42,.28)}.modal-card h2{margin:8px 0}.modal-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--danger-soft);color:var(--danger);font-size:20px;font-weight:900}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.modal-actions .btn{width:100%;margin:0}
footer{background:#fff;border-top:1px solid var(--line);margin-top:0}footer.wrap{max-width:none;padding-left:max(20px,calc((100vw - 1176px)/2));padding-right:max(20px,calc((100vw - 1176px)/2));padding-top:26px;padding-bottom:34px}
@media(max-width:719px){main.wrap{padding-top:16px;padding-bottom:52px}.bar{row-gap:3px}.brand{font-size:16px}.brand span:last-child{max-width:220px}.menu{padding-bottom:7px}.menu a{min-height:42px}.page-header{margin-bottom:18px}h1{font-size:28px}.card{padding:18px}.filter-panel{margin-left:-8px;margin-right:-8px}.search .btn{min-width:72px;padding-left:14px;padding-right:14px}.fgroup{grid-template-columns:42px minmax(0,1fr)}.items{gap:12px}.item{padding:16px}.slotrow{grid-template-columns:1fr 1fr}.slotrow .stepper{grid-column:1/-1;justify-content:flex-end}.status{margin-left:-8px;margin-right:-8px;border-radius:12px}.row>*{flex-basis:100%}.row .btn{width:100%}.person .acts .btn{width:100%}.person .acts form{width:100%}.hero{border-radius:22px;margin-left:-8px;margin-right:-8px}.raid-visual{display:none}.activity-card{grid-template-columns:1fr}.activity-card .btn{width:100%}.section-head{display:block}.section-head p{margin-top:4px}.admin-nav{margin-left:-8px;margin-right:-8px;overflow-x:auto;flex-wrap:nowrap}.admin-nav a{white-space:nowrap}.kv{grid-template-columns:1fr}.kv dd{padding-bottom:8px}.table{margin-left:-8px;margin-right:-8px;border-radius:12px}.date-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-shell{margin-left:-4px;margin-right:-4px}.run-hero{margin-left:-8px;margin-right:-8px;border-radius:20px}}
.schedule-grid{display:grid;gap:0 26px}.schedule-grid>.form-section{min-width:0}.schedule-grid h2{margin-top:12px}.schedule-grid .form-section{border-bottom:0}.recent-list{list-style:none;margin:0;padding:0}.recent-list li{padding:9px 0;border-bottom:1px solid var(--line)}.recent-list li:last-child{border-bottom:0}.recent-list .recent-meta{display:block;color:var(--muted);font-size:12.5px;margin-bottom:2px}
@media(min-width:900px){.schedule-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start}.schedule-grid>.form-section{padding-top:0}.schedule-grid .date-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-grid .date-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.schedule-grid .time-picker .pick{flex-wrap:wrap;overflow:visible}.schedule-grid .time-picker .choice>span{min-width:72px}}
@media(max-width:719px){.page-header h1 .muted{display:block;font-size:.68em;line-height:1.25;margin-top:4px}.schedule-grid>.form-section{padding-bottom:20px}.schedule-grid>.form-section+section{padding-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

:root{--bg:#0b1017;--bg2:#0f151f;--surface:#141b26;--surface-raised:#182130;--surface-2:#1b2433;--ink:#eef2f8;--ink2:#c3ccda;--muted:#8f9bb0;--line:#243043;--line-strong:#33415a;--soft:#18212e;--soft2:#1f2a3a;--primary:#3563e9;--primary-hover:#2b54d0;--primary-soft:#172646;--primary-ink:#9db8ff;--accent:#f2c86b;--ok:#46d39a;--ok-soft:#0f2a20;--warn:#f3b64d;--warn-soft:#2a2112;--danger:#ff7b7b;--danger-soft:#2c1519;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow:none;--shadow-raised:0 10px 28px rgba(0,0,0,.38)}
html{color-scheme:dark}body{background:var(--bg);color:var(--ink)}*{scrollbar-color:#3a4760 transparent}::selection{background:#2b4a8f;color:#fff}a{color:var(--primary-ink)}
.skip{background:var(--primary);color:#fff}.banner{background:#2a2410;border-bottom:1px solid #4a3d15;color:#f1d58a}
header.top{background:var(--bg2);border-bottom:1px solid var(--line)}.brand{color:var(--ink)}.logo{background:#1c2a4a;border:1px solid #3a5494;color:var(--accent)}
.menu a{color:#b5bfcf}.menu a:hover{background:var(--soft);color:var(--ink)}.menu a[aria-current=page]{background:var(--primary-soft);color:#fff}
@media(min-width:900px){.menu a[aria-current=page]::after{background:var(--accent)}}
h1,h2,h3{color:var(--ink)}.lead{color:var(--ink2)}.muted{color:var(--muted)}.eyebrow{color:var(--accent)}.help{color:var(--muted)}label,.switch{color:var(--ink)}
.card,.person,.item,.table,details.filters,.form-shell,.filter-panel,.admin-nav,.empty{background:var(--surface);border:1px solid var(--line);box-shadow:none}
.card{border-radius:var(--radius)}.card:hover{border-color:var(--line-strong)}a.card:hover{border-color:#44557a;box-shadow:var(--shadow-raised)}.form-shell,.filter-panel{border-radius:var(--radius-lg)}
.btn{border-radius:10px}.btn.secondary{background:var(--surface-2);color:var(--ink);border:1px solid var(--line-strong)}.btn.secondary:hover{background:#243044;border-color:#46577a}
.btn.ghost{color:var(--ink2)}.btn.ghost:hover{background:var(--soft)}.btn.danger{background:#3a171c;color:#ffc2c2;border:1px solid #6a2a33}.btn.danger:hover{background:#4a1c23}.btn[disabled]{opacity:.4}
input[type=text],input[type=search],input[type=url],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=file],select,textarea{background:#0e141d;border:1px solid var(--line-strong);color:var(--ink)}
input::placeholder,textarea::placeholder{color:#6d7a8f}input:hover,select:hover,textarea:hover{border-color:#4a5a78}input:focus,select:focus,textarea:focus{border-color:#6b8ff5;box-shadow:0 0 0 3px rgba(91,130,240,.28)}select option{background:#141b26;color:var(--ink)}
.choice>span{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink2)}.choice>span:hover{border-color:#4a5a78;background:#1f2a3b}.choice small{color:var(--muted)}
.choice input:checked+span{background:#1a2c55;border-color:#6b8ff5;color:#fff;box-shadow:inset 0 0 0 1px #6b8ff5}.choice input:checked+span small{color:#c9d6ff}
.choice input:disabled+span{background:#10161f;border:1px dashed #2c3748;color:#5d6a7e;opacity:1}.choice input:focus-visible+span{outline:3px solid #7ea0ff}
.chip{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink2)}.chip:hover{background:#223047}.chip[aria-current=page],.chip[aria-current=true]{background:#1a2c55;border-color:#6b8ff5;color:#fff}
.tags li{background:#1b2433;color:var(--ink2);border:1px solid #2b374b}.tags li.on{background:#1a2c55;color:#fff;border-color:#6b8ff5}.tags li.all{color:var(--muted)}
.effect{background:#101722;border-left:3px solid #3a5494;color:var(--ink2)}.item:hover{border-color:#3b4b69}.item .acts{border-top:1px solid var(--line)}.name{color:var(--ink)}.meta{color:var(--muted)}.stat{color:var(--ink2)}
.icon{box-shadow:0 0 0 1px rgba(255,255,255,.1)}.icon.none{background:#1b2433;box-shadow:inset 0 0 0 1px var(--line-strong)}
.notice{background:#122038;border:1px solid #2a4679;color:var(--ink)}.notice-body>div{color:var(--ink2)}.notice.success{background:#0f2a20;border-color:#23573f}.notice.warning{background:#2a2112;border-color:#5a4520}.notice.error{background:#2c1519;border-color:#6a2a33;color:var(--ink)}
.state{background:var(--surface-2);border:1px solid var(--line)}.state.pending{background:#2a2112;border-color:#5a4520}.state.done{background:#0f2a20;border-color:#23573f}.state.wait{background:var(--surface-2)}
.status{background:#131c29;border:1px solid var(--line-strong);box-shadow:0 10px 26px rgba(0,0,0,.45)}
.badge{background:#1f2a3a;color:var(--ink2)}.badge.ok{background:#0f2a20;color:#6ee0ae}.badge.warn{background:#2a2112;color:#f5c66a}.badge.info{background:#172646;color:#a9c1ff}
th{color:var(--muted);background:#111823}th,td{border-bottom:1px solid var(--line)}tbody tr:nth-child(even) td{background:rgba(255,255,255,.018)}.table{padding:0}.table table th:first-child,.table table td:first-child{padding-left:14px}
.person .acts{border-top:1px solid var(--line)}.slotrow{background:#111822;border:1px solid var(--line)}.listrow{background:#111822;border:1px solid var(--line)}.diff{color:#aab4c4}.kv dt{color:var(--muted)}
.date-picker{background:#111822;border:1px solid var(--line)}.quick-date{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink)}.quick-date small{color:var(--muted)}.quick-date[aria-expanded=true]{background:#1a2c55;border-color:#6b8ff5;color:#fff}
.date-shortcuts .choice>span{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink)}.date-shortcuts .choice>span:hover,.quick-date:hover{border-color:#4a5a78;background:#1f2a3b}.date-shortcuts .choice input:checked+span{background:#1a2c55;border-color:#6b8ff5;color:#fff}
.run-hero{background:#121a27;border:1px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-lg)}.run-hero h1{color:#fff}.run-hero .muted{color:var(--muted)}.run-stats{border-top:1px solid var(--line)}.run-stats span{color:var(--ink2)}
.hero{background:#111a28;border:1px solid var(--line-strong);border-radius:18px}.hero h1{color:#fff}.hero .lead{color:var(--ink2)}.hero .btn.secondary{background:#1b2638;border-color:#3a4a66;color:#fff}
.hero-link{display:inline-block;margin-top:14px;color:var(--accent);font-weight:700;text-decoration:none}.hero-link:hover{text-decoration:underline}
.raid-core{background:#1a2c55;border:1px solid #4c6fd6;color:#fff}.role-dot{background:#162031;border:1px solid #2e3b52;color:var(--ink)}.role-dot::before{background:var(--dot,#8dacff)}
.role-dot.tank{--dot:#5B8DEF}.role-dot.heal{--dot:#4FD08F}.role-dot.dps{--dot:#F2994A}.role-dot.ready{--dot:#f2c86b}
.steps li{background:var(--surface);border:1px solid var(--line)}.steps li::before{background:var(--accent);color:#1b1405}.discord{border:1px solid #3a3d44}
.admin-nav a{color:var(--ink2)}.admin-nav a:hover{background:var(--soft)}.admin-nav a[aria-current=page]{background:#1a2c55;color:#fff}.tiles b{color:var(--accent)}
.modal::backdrop{background:rgba(3,6,12,.72)}.modal-card{background:#151d2a;border:1px solid var(--line-strong)}footer{background:var(--bg2);border-top:1px solid var(--line);color:var(--muted)}
.empty-mark{background:var(--surface-2)}.role-auto{background:#0f2a20;color:#6ee0ae}.slot-ad{border-color:#33415a;color:var(--muted)}.look img{border:1px solid var(--line);background:#101722}.recent-list li{border-bottom:1px solid var(--line)}
.num{font-variant-numeric:tabular-nums;font-weight:800;color:#fff;font-size:1.08em}
.tm{display:inline-flex;align-items:baseline;gap:.28em;white-space:nowrap;font-variant-numeric:tabular-nums}.tm-p{font-weight:700;font-size:.86em;color:#dbe3f0}.tm-c{font-weight:800;color:var(--accent);font-size:1.06em}
.tm.stack{flex-direction:column;align-items:center;gap:0;line-height:1.15}.tm.stack .tm-p{font-size:.8em}.tm.stack .tm-c{font-size:1.2em}
.when{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.2em .5em}.when-date{font-weight:700;color:var(--ink)}.hero-when{font-size:20px;margin:2px 0 10px}.hero-when .tm-c{font-size:1.2em}
.notice-lines{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.notice-lines li{color:var(--ink2);font-size:15.5px}.notice-lines li:first-child{font-size:17px;color:var(--ink)}.notice-lines li.memo{color:var(--ink);border-left:3px solid var(--accent);padding-left:10px}
.time-quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.time-chip>span{position:relative;min-height:62px;padding:8px 6px;flex-direction:column}
.time-quick .choice,.band-grid .choice{margin:0}.time-quick{padding-top:10px}
.choices>.choice{margin:0}.choices{margin:10px 0 14px}
.time-chip input{z-index:1;cursor:pointer}.time-chip:hover>span{border-color:#4a5a78;background:#1f2a3b}.time-chip:hover input:checked+span{background:#1a2c55;border-color:#6b8ff5}
.choice.time-chip input:checked+span::before{content:none}.time-chip input:checked+span::after{content:"✓";position:absolute;top:3px;left:7px;font-size:12px;font-weight:900;color:#c9d6ff}
.time-chip input:checked+span .tm-p{color:#fff}.time-chip input:checked+span .tm-c{color:#fff}
.recent-mark{position:absolute;top:-9px;right:6px;background:var(--accent);color:#1b1405 !important;font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px;line-height:1.5}
.time-more>summary .summary-hint{font-weight:600;color:var(--muted);font-size:13px;margin-left:4px}.time-band{margin:14px 0}.band-label{margin:0 0 6px;font-size:13.5px;color:var(--muted)}.band-label b{color:var(--ink);font-size:14.5px;margin-right:6px}
.band-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.time-chip.compact>span{min-height:42px;padding:6px 8px;flex-direction:row;font-size:14px}.time-chip.compact .tm-c{font-size:1em}
.time-exact{margin-top:10px}
.schedule-summary{margin:20px 0 8px;padding:16px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#101823}.sum-date{margin:0 0 10px;font-weight:800;font-size:17px;color:var(--ink)}
.sum-blocks{display:grid;gap:8px}.sum-block{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-radius:10px;background:#141d2a;border:1px solid var(--line)}.sum-label{color:var(--ink2);font-weight:700;font-size:14.5px;min-width:6.5em}
.sum-time{font-size:22px;margin-left:auto}.sum-suffix{color:var(--ink2);font-size:14px;font-weight:700}.sum-hint{margin:10px 0 0;color:var(--muted);font-size:14px}
@media(min-width:720px){.sum-blocks{grid-template-columns:repeat(3,minmax(0,1fr))}.sum-block{flex-direction:column;align-items:flex-start;gap:2px}.sum-time{margin-left:0;font-size:24px}}
[data-cls]{--cls:#8f9bb0}.cls-name{display:inline-flex;align-items:center;gap:6px}.cls-name::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cls);flex:0 0 8px}
.tags li[data-cls]::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cls);margin-right:5px;vertical-align:1px}
.cls-icon{width:26px;height:26px;border-radius:6px;box-shadow:0 0 0 2px var(--cls);flex:0 0 26px;object-fit:cover}.chip-icon{width:18px;height:18px;border-radius:4px;margin-right:6px;flex:0 0 18px;object-fit:cover}
.class-choices .choice>span{justify-content:flex-start;gap:10px;border-left:3px solid var(--cls)}.class-choices .choice input:checked+span{border-left-color:var(--cls)}
tr[data-cls] td:first-child{box-shadow:inset 3px 0 0 var(--cls)}.person[data-cls]{border-left:3px solid var(--cls)}
.spec-switch{margin:4px 0 12px;padding:10px 12px;border:1px dashed var(--line-strong);border-radius:10px}.spec-note{background:#172646;border:1px solid #2a4679;border-radius:10px;padding:10px 12px;color:var(--ink2);font-size:14.5px}
.with-spec .slotrow{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) auto}
.guide-head{margin:6px 0 22px}.guide-head h1{margin:4px 0 10px}.guide-cards{list-style:none;padding:0;margin:8px 0 30px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.guide-art{margin:0;aspect-ratio:4/3;background:#0f151f;border-bottom:1px solid var(--line)}
.guide-art img{width:100%;height:100%;object-fit:cover;display:block}.guide-art:has(img[hidden]){display:none}.guide-copy{padding:16px 18px 18px}
.guide-step{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#1b1405;font-weight:900;font-size:14px;margin-bottom:8px}.guide-copy h3{margin:0 0 6px}.guide-copy p{margin:0;color:var(--ink2)}
@media(min-width:720px){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px){.guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-cards.compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:719px){.with-spec .slotrow{grid-template-columns:1fr 1fr}.time-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-when{font-size:18px}}

.acct{gap:8px}.menu-side{display:flex;align-items:center;gap:6px}
.side-link{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);color:var(--ink2);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.side-link:hover{border-color:#4a5a78;color:#fff}.side-link[aria-current=page]{background:var(--primary-soft);border-color:#6b8ff5;color:#fff}
.acct .me{color:var(--ink2);font-weight:650;text-decoration:none}.acct .me:hover{color:#fff;text-decoration:underline}
.banner a{color:#ffe29a;font-weight:800}
@media(min-width:900px){.acct{padding-left:14px;border-left:1px solid var(--line)}}
@media(max-width:719px){.acct .admin-link{display:none}.side-link{padding:0 9px;font-size:13.5px;min-height:38px}.acct .me{max-width:5.2em}.menu{justify-content:space-between;margin-left:-6px;margin-right:-6px}.menu a{padding:8px 9px;font-size:15px}}
.raid-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#1d2638 0%,#101722 55%,#1a1f2e 100%);border-radius:var(--radius)}
.raid-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.raid-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,23,0) 30%,rgba(11,16,23,.88) 100%);pointer-events:none}
.raid-art.none::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(242,200,107,.2),transparent 55%),radial-gradient(circle at 12% 88%,rgba(53,99,233,.25),transparent 60%)}
.slot-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.slot-badge{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:3px 11px 3px 4px;border-radius:999px;background:#172030;border:1px solid var(--line-strong);color:var(--ink);font-size:14.5px;line-height:1.2}
.slot-badge[data-cls]{border-color:color-mix(in srgb,var(--cls) 50%,#33415a)}
.slot-icon{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:0 0 26px;box-shadow:0 0 0 2px var(--cls,#3a4760)}
.slot-icon.role{display:inline-grid;place-items:center;background:#223047;font-size:14px;box-shadow:0 0 0 2px var(--role,#3a4760)}
.slot-left{color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.slot-badge.full{background:#121822}.slot-badge.full .slot-name{color:var(--muted)}.slot-badge.full .slot-left{color:var(--muted);font-weight:700}
.role-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 9px;border-radius:999px;background:#18212e;border:1px solid color-mix(in srgb,var(--role,#8f9bb0) 55%,#33415a);font-weight:700;font-size:14px}
.spec-icon{width:24px;height:24px;border-radius:5px;vertical-align:-6px;margin-right:4px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.run-cards{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin:10px 0 26px}
@media(min-width:720px){.run-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px){.run-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.run-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.run-card:hover{border-color:var(--line-strong)}.run-card .raid-art{aspect-ratio:2/1;border-radius:0}
.run-card-body{position:relative;padding:0 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.run-card-title{margin:-50px 0 0;position:relative;z-index:1;font-size:21px;line-height:1.25;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.run-card-title small{display:block;font-size:13.5px;font-weight:650;color:#d6deea;margin-top:2px}
.run-card.no-art .run-card-title{margin-top:16px}
.run-when{margin:0;font-size:18px}.run-when .when-date{font-size:16px}.run-need{margin:0}.run-need>b{display:block;font-size:13.5px;color:var(--muted);margin-bottom:6px;font-weight:700}
.run-meta{margin:0;color:var(--muted);font-size:14px}.fit-line{margin:0;font-size:14.5px;color:#7fe3b5}.fit-line.none{color:var(--muted)}
.run-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:4px}.run-card-actions .btn{flex:1;margin:0;min-width:0}
.find-bar{display:grid;gap:10px;margin:10px 0 18px}.find-bar .chips{flex-wrap:wrap;overflow:visible}.find-bar details.more{margin:0}
.day-head{display:flex;align-items:baseline;gap:10px;margin:22px 0 4px}.day-head h2{margin:0}.day-head .num{font-size:15px}
.raid-tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:10px 0 24px}
.raid-tile{position:relative;display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);text-decoration:none;color:#fff;background:var(--surface)}
.raid-tile:hover{border-color:#44557a}.raid-tile .raid-art{aspect-ratio:2/1;border-radius:0}
.raid-tile .tile-label{position:absolute;left:14px;right:14px;bottom:10px;z-index:1;font-weight:800;font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.75)}.raid-tile .tile-label small{display:block;font-weight:600;font-size:13px;color:#d6deea}
.home-hero{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--line-strong);background:#111a28;margin:4px 0 26px}
.home-hero>.raid-art{position:absolute;inset:0;border-radius:0}.home-hero>.raid-art img{opacity:.5}
.home-hero>.raid-art::after{background:linear-gradient(90deg,rgba(11,16,23,.96) 0%,rgba(11,16,23,.82) 45%,rgba(11,16,23,.35) 100%)}
.hero-copy{position:relative;z-index:1;padding:30px 26px 28px;max-width:640px}.hero-copy h1{margin:6px 0 10px;font-size:32px;line-height:1.2;color:#fff}.hero-copy .lead{margin:0 0 18px;color:#d7deea}
.home-hero.compact .hero-copy{padding:22px 24px}.home-hero.compact h1{font-size:25px}
.class-strip{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none}.class-strip li{display:inline-flex}.class-strip img{width:30px;height:30px;border-radius:7px;box-shadow:0 0 0 2px var(--cls)}
@media(max-width:719px){.hero-copy{padding:22px 18px}.hero-copy h1{font-size:25px}}
.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 6px}.block-head h2{margin:0}.block-head a{font-weight:700;white-space:nowrap}
.my-list{display:grid;gap:12px;margin:10px 0 22px}
.my-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px}
.my-card .raid-art{aspect-ratio:2/1;border-radius:10px}.my-card h3{margin:0 0 4px;font-size:18px}.my-card p{margin:4px 0}
.my-card.todo{border-color:#5a4520;background:#17140d}.my-card.next{border-color:#2a4679}
@media(max-width:719px){.my-card{grid-template-columns:92px minmax(0,1fr);gap:12px}}
.status-line{font-size:15.5px;color:var(--ink);font-weight:650}.sr-line{font-size:14.5px;color:var(--ink2)}
.sr-items{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}.sr-items li{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 3px;border-radius:8px;background:#18212e;border:1px solid var(--line);font-size:14px}
.sr-items .icon{width:24px;height:24px;flex:0 0 24px;border-radius:5px}
.my-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.my-actions .btn{margin:0}
.steps3{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);list-style:none;padding:0;margin:10px 0 24px}@media(min-width:720px){.steps3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.steps3 li{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.steps3 .step-mark{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#1a2c55;font-size:20px}
.steps3 b{display:block;font-size:16px;margin-bottom:2px}.steps3 span{color:var(--ink2);font-size:14.5px}
.leader-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;justify-content:space-between;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:12px 16px;margin:10px 0 24px}
.listing-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;justify-content:space-between}
.run-hero.with-art{position:relative;overflow:hidden}.run-hero.with-art>.raid-art{position:absolute;inset:0;border-radius:0}.run-hero.with-art>.raid-art img{opacity:.42}
.run-hero.with-art>.raid-art::after{background:linear-gradient(90deg,rgba(18,26,39,.97) 0%,rgba(18,26,39,.85) 55%,rgba(18,26,39,.5) 100%)}.run-hero.with-art>*:not(.raid-art){position:relative;z-index:1}
.media-preview{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:6px}.media-preview img,.media-preview .raid-fallback{width:240px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:linear-gradient(135deg,#1d2638,#101722)}.media-preview .raid-fallback{display:inline-block}
.raid-head{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 22px 18px;background:#111a28}.raid-head>.raid-art{position:absolute;inset:0;border-radius:0}.raid-head>.raid-art img{opacity:.45}
.raid-head>.raid-art::after{background:linear-gradient(90deg,rgba(11,16,23,.95) 0%,rgba(11,16,23,.8) 50%,rgba(11,16,23,.4) 100%)}.raid-head-copy{position:relative;z-index:1}.raid-head-copy h1{margin:4px 0 6px}
.class-jump{flex-wrap:wrap;overflow:visible}
.slot-icon.inline{width:24px;height:24px;flex:none;vertical-align:-7px;margin-right:8px}.inline-cls{width:26px;height:26px;vertical-align:-8px;margin-right:8px}
table.slots th:nth-child(2),table.slots td:nth-child(2){white-space:nowrap}
.char-list{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:8px}.char-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dev-views{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:12px 0 20px}.dev-views form{margin:0}.dev-views .btn{width:100%;margin:0;justify-content:flex-start;text-align:left;min-height:64px}
.dev-views .btn small{display:block;font-weight:500;color:var(--ink2);font-size:13px}

/* Tokens sampled from the MASTER reference: page #0e1825, section card #162232 / border #25344a, option card border
   #2d3c51, selected fill #142a55 with a bright #5b9dff edge, summary border #405573, gold #f9d368 -> #c18c3e. */
:root{--bg:#0e1825;--bg2:#111b29;--surface:#162232;--surface-raised:#1a2739;--surface-2:#1a2638;--line:#26354b;--line-strong:#34465f;--soft:#1a2638;--soft2:#203049;--ink:#f3f6fb;--ink2:#c9d3e3;--muted:#9daac0;--primary:#3468e6;--primary-hover:#2c5bd6;--primary-soft:#142a55;--primary-ink:#a9c6ff;--sel:#5b9dff;--gold:#f2c86b;--radius-sm:8px;--radius:10px;--radius-lg:12px}
body{background:radial-gradient(1100px 520px at 72% -160px,rgba(52,90,178,.18),transparent 70%),var(--bg)}
.ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;display:inline-block}
.app{position:relative}
header.top{position:relative;z-index:40;background:var(--bg2);border-bottom:1px solid var(--line)}
.brand .logo{background:linear-gradient(145deg,#24386a,#142240);border:1px solid #4a64a8;color:var(--gold);font-weight:900}
/* Small environment badge (STAGE_BADGE) next to the brand; no warning banner. (Comments here are English only: the
   stylesheet is inlined in every page, so UI words in comments would show up in page-text checks.) */
.stage-badge{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 9px;border-radius:999px;border:1px solid #4a64a8;background:#16254a;color:#d6e2ff;font-size:12px;font-weight:800;letter-spacing:0;white-space:nowrap}
@media(min-width:1100px){.side .brand{flex-wrap:wrap;row-gap:6px}.side .brand .stage-badge{margin-left:54px}}
/* Narrow header: the name stays on one line (cut with …) next to the badge. */
.brand .brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand.logo-only{flex-direction:column;align-items:flex-start;gap:6px}.brand.logo-only .brand-image{width:200px;max-width:100%;height:72px;flex-basis:auto}.brand.logo-only .brand-image>img{width:100%;height:100%;object-fit:contain;background:transparent;border-radius:0}.brand.logo-only .brand-image:has(>img:not([hidden]))>svg,.brand.logo-only .brand-copy{display:none}.brand.logo-only:has(.hub-mark[hidden]) .brand-copy{display:flex}.side .brand.logo-only .stage-badge{margin-left:0}@media(max-width:1099px){.brand.logo-only .brand-image{width:150px;height:48px}.brand.logo-only .stage-badge{font-size:10px}}
@media(max-width:520px){.stage-badge{height:20px;padding:0 7px;font-size:11px}
/* Phones with the badge: the cut name ("WoW …") says nothing, so logo + badge are shown and the name stays for screen readers. */
.brand:has(.stage-badge) .brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
header.top nav.menu a[aria-current=page]::after{content:none}
.acct{border-left:0!important;padding-left:0!important;gap:0}
.menu-side{display:flex;align-items:center;gap:6px}
.side-link .ic{width:20px;height:20px}
.acct-menu{position:relative}
.acct-btn{display:flex;align-items:center;gap:10px;min-height:50px;padding:5px 12px 5px 6px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(18,26,41,.9);cursor:pointer;list-style:none;color:var(--ink);user-select:none}
.acct-btn::-webkit-details-marker{display:none}.acct-btn:hover{border-color:#4d6392}.acct-menu[open] .acct-btn{border-color:var(--sel)}
.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1b2740;box-shadow:0 0 0 2px var(--cls,#3a4b6d);overflow:hidden;flex:none}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar .ic{width:21px;height:21px;color:var(--ink2)}
.acct-text{display:flex;flex-direction:column;line-height:1.2;min-width:0;text-align:left}
.acct-text b{font-size:15px;max-width:9.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.acct-text small{font-size:12.5px;color:var(--muted);font-weight:700}
.caret{width:18px;height:18px;color:var(--muted);transition:transform .15s}.acct-menu[open] .caret{transform:rotate(180deg)}
.acct-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:#141d2e;border:1px solid var(--line-strong);border-radius:16px;padding:8px;box-shadow:0 18px 44px rgba(0,0,0,.5);z-index:60}
.acct .acct-pop a,.acct .acct-pop button{display:flex;align-items:center;gap:12px;width:100%;max-width:none;min-height:48px;padding:8px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font:inherit;font-size:15.5px;font-weight:650;background:none;border:0;cursor:pointer;text-align:left;white-space:normal}
.acct .acct-pop a:hover,.acct .acct-pop button:hover{background:#1c2940}.acct-pop .ic{width:20px;height:20px;color:#8fb0ff}
.acct-pop form{margin:4px 0 0;padding-top:4px;border-top:1px solid var(--line)}
.acct-who{display:flex;gap:12px;align-items:center;padding:8px 12px 12px;margin:0 0 4px;border-bottom:1px solid var(--line);font-size:14px}.acct-who b{display:block;color:#fff}.acct-who small{color:var(--muted)}
.topbar{position:relative;z-index:2}.topbar:empty{display:none}
main.wrap{position:relative}.page{position:relative;z-index:1}
.page-art{position:absolute;left:0;right:0;top:0;height:460px;overflow:hidden;pointer-events:none;z-index:0}
.page-art img{width:100%;height:100%;object-fit:cover;opacity:.2;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,transparent 100%)}
@media(min-width:1100px){
.app{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start}
header.top{grid-column:1;grid-row:1/span 2;align-self:stretch;position:static;background:none;border:0}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px 18px;background:linear-gradient(180deg,#0e1628 0%,#0a101c 100%);border-right:1px solid var(--line);overflow-y:auto}
.side .brand{padding:2px 10px 24px;min-height:0;gap:12px}.side .brand .logo{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:17px}
.side .brand .brand-name{white-space:normal;font-size:17px;line-height:1.3}
header.top nav.menu{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;overflow:visible}
header.top nav.menu a{display:flex;align-items:center;gap:14px;min-height:52px;padding:10px 14px;border-radius:12px;font-size:16.5px;font-weight:700;color:#c3cde0;background:none}
header.top nav.menu a .ic{width:23px;height:23px;color:#8fa6d6}
header.top nav.menu a:hover{background:#152038;color:#fff}
header.top nav.menu a[aria-current=page],.side .side-link[aria-current=page]{background:linear-gradient(90deg,rgba(59,111,240,.32),rgba(59,111,240,.08));color:#fff;box-shadow:inset 3px 0 0 #6b94ff;border:0}
header.top nav.menu a[aria-current=page] .ic{color:#fff}
.side-group{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.side-title{display:block;font-size:12.5px;font-weight:800;color:var(--muted);letter-spacing:.03em;padding:0 14px 8px}
.side .menu-side{flex-direction:column;align-items:stretch;gap:4px}
.side .side-link{border:0;background:none;justify-content:flex-start;gap:14px;min-height:50px;padding:10px 14px;border-radius:12px;font-size:16px;color:#c3cde0}
.side .side-link .ic{width:22px;height:22px;color:#8fa6d6}.side .side-link:hover{background:#152038;color:#fff}
.acct{position:absolute;top:14px;right:32px;z-index:45;grid-area:auto}
main.wrap{grid-column:2;max-width:none;margin:0;width:100%;padding:0 36px 72px}
footer.wrap{grid-column:2;max-width:none;margin:0;padding:26px 36px 34px!important;background:none}
.topbar{min-height:78px;display:flex;align-items:center;padding-right:190px}.topbar:empty{display:block}
}
@media(max-width:1099px){
header.top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand side acct" "menu menu menu";align-items:center;column-gap:8px;padding:8px 16px 0}
.side{display:contents}.side-group{grid-area:side}.side-title,.admin-side{display:none}
header.top nav.menu{grid-area:menu;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;margin:6px -8px 0;padding:0 0 4px;overflow:visible}
header.top nav.menu a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 2px;font-size:13.5px;font-weight:700;border-radius:10px;text-align:center;line-height:1.2;color:#c3cde0}
header.top nav.menu a .ic{width:21px;height:21px;color:#8fa6d6}
header.top nav.menu a[aria-current=page]{background:var(--primary-soft);color:#fff;box-shadow:inset 0 -3px 0 #6b94ff}header.top nav.menu a[aria-current=page] .ic{color:#fff}
.side-link{min-height:42px;padding:0 10px;font-size:13.5px;gap:5px}
.acct-btn{min-height:44px;padding:3px 8px 3px 3px;gap:6px}.avatar{width:34px;height:34px}.acct-text small{display:none}.acct-text b{font-size:13.5px;max-width:5.2em}
.topbar{padding:14px 0 0}
}
h1{letter-spacing:-.03em}.page-header h1{color:#fff}
.btn{border-radius:12px;font-weight:750}.btn.big{min-height:60px;font-size:18px;padding:14px 26px}
.btn.gold{background:linear-gradient(180deg,#f7d788,#e8b44c) #eec066;color:#1b1303;border:0;box-shadow:0 8px 22px rgba(232,180,76,.22)}.btn.gold:hover{background:linear-gradient(180deg,#f9df9b,#edc062) #f3cb78}
.btn .ic{width:20px;height:20px}
.role-ic{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;flex:none;vertical-align:middle;color:var(--role,#9aa7bd);background:color-mix(in srgb,var(--role,#9aa7bd) 16%,#0f1624);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--role,#9aa7bd) 60%,transparent)}
.role-ic .ic{width:17px;height:17px}.role-ic.sm{width:22px;height:22px}.role-ic.sm .ic{width:13px;height:13px}.role-ic.inline{margin-right:8px;vertical-align:-8px}.role-ic.slot{width:26px;height:26px}
.role-tags{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle}.role-tags .role-tag{gap:6px;padding:2px 10px 2px 3px}
.fcard{position:relative;background:linear-gradient(180deg,#131c2c,#111827);border:1px solid var(--line);border-radius:18px;padding:22px 24px 24px;margin:0 0 18px;scroll-margin-top:90px}
.fcard-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}.fcard-head>.ic{width:36px;height:36px;color:#8fb0ff;margin-top:1px}
.fcard-head h3{font-size:23px;line-height:1.3;margin:0 0 4px;color:#fff;letter-spacing:-.025em}.fcard-lead{margin:0;color:var(--muted);font-size:15px}
.fcard .fcard-sub{font-size:17px;color:#fff;margin:18px 0 8px}
.fcard.invalid{border-color:#e5484d;box-shadow:inset 0 0 0 1px #e5484d,0 0 0 4px rgba(229,72,77,.16)}
.field-error{display:flex;gap:9px;align-items:center;margin:-6px 0 16px;padding:11px 14px;border-radius:12px;background:#2d1419;border:1px solid #6d2a33;color:#ffc0c0;font-weight:750;font-size:16px}.field-error .ic{width:21px;height:21px;color:#ff8686}
@keyframes rh-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.shake{animation:rh-shake .3s ease-in-out 1}@media(prefers-reduced-motion:reduce){.shake{animation:none}}
.opts{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}[data-field="listing"]>.opts{grid-auto-rows:1fr}.opts.three{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.opt{position:relative;display:block;cursor:pointer;margin:0}.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}
.opt-box{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px;min-height:94px;height:100%;padding:16px 18px;border:1.5px solid var(--line-strong);border-radius:16px;background:#141e30;transition:border-color .12s,background .12s}
.opt-mark{width:26px;height:26px;border-radius:50%;border:2px solid #5a6c90;display:grid;place-items:center}.opt-mark .ic{width:15px;height:15px;color:#fff;opacity:0}
.opt-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#1a2640;color:#9dbaff}.opt-ic .ic{width:27px;height:27px}.opt-ic .role-ic{width:34px;height:34px}
.opt-art{width:104px;height:52px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#1d2638,#101722)}.opt-art img{width:100%;height:100%;object-fit:cover;display:block}
.opt-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;font-size:17.5px;color:#fff;line-height:1.3}.opt-sub{display:block;color:var(--muted);font-size:14.5px;margin-top:4px;line-height:1.45}
.opt .rec{font-size:12.5px;font-weight:800;padding:2px 9px;border-radius:999px;background:#1f3a7a;color:#d6e2ff}
.opt:hover .opt-box{border-color:#4d6392}
.opt input:checked+.opt-box{border-color:var(--sel);background:linear-gradient(180deg,rgba(59,111,240,.22),rgba(59,111,240,.10));box-shadow:inset 0 0 0 1px var(--sel)}
.opt input:checked+.opt-box .opt-mark{background:var(--sel);border-color:var(--sel)}.opt input:checked+.opt-box .opt-mark .ic{opacity:1}
.opt input:focus-visible+.opt-box{outline:3px solid #8fb0ff;outline-offset:2px}.opt input:disabled+.opt-box{opacity:.5;cursor:not-allowed}
.opt[data-side] .opt-ic{color:var(--side,#9dbaff);background:color-mix(in srgb,var(--side,#9dbaff) 16%,#121a2a)}
.frow{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:10px 22px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.frow:first-of-type{border-top:0;padding-top:2px}
.frow-label{display:flex;gap:12px;align-items:flex-start}.frow-label .ic{width:27px;height:27px;color:#8fb0ff;margin-top:2px}.frow-label b{display:block;font-size:17px;color:#fff;line-height:1.35}.frow-label small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.frow .choices{margin:0}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg .choice>span{min-width:74px;min-height:52px;font-size:16px}
.frow-help{grid-column:2;margin:0;color:var(--muted);font-size:14px}
@media(max-width:719px){.frow{grid-template-columns:1fr}.frow-help{grid-column:1}.opt-box{min-height:84px;padding:14px}.fcard{padding:18px 16px 20px}.fcard-head h3{font-size:21px}.fcard-head>.ic{width:30px;height:30px}}
.wiz-form.form-shell{background:none;border:0;box-shadow:none;padding:0;margin:0}
.wiz{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media(min-width:1100px){.wiz{grid-template-columns:minmax(0,1fr) 340px}}
.wside{display:none}.wstep-title{margin:0 0 16px;font-size:15px;color:var(--muted);font-weight:800;letter-spacing:.02em}.wstep-title:focus{outline:none}
.js .wstep:not(.on){display:none}
.wsum{background:linear-gradient(180deg,#131c2d,#0f1727);border:1px solid var(--line-strong);border-radius:18px;padding:20px}
.wsum-head{display:flex;gap:10px;align-items:center}.wsum-head .ic{width:24px;height:24px;color:#8fb0ff}.wsum h2{font-size:20px;margin:0}.wsum-lead{margin:4px 0 12px;color:var(--muted);font-size:14px}
.wsum-raid{position:relative;display:flex;align-items:flex-end;min-height:104px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#1d2638,#101722);margin:0 0 8px;padding:12px 14px}
.wsum-raid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}.wsum-raid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,23,.1),rgba(11,16,23,.88))}
.wsum-raid b{position:relative;z-index:1;font-size:18px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.wsum-raid small{display:block;font-size:13px;color:#d6deea;font-weight:650}
.srows{list-style:none;margin:0;padding:0}.srow{display:flex;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid var(--line);font-size:14.5px}.srow:first-child{border-top:0}
.srow>.ic{width:20px;height:20px;color:#8fa6d6}.srow-l{color:var(--ink2);flex:0 0 auto;white-space:nowrap}.srow-v{flex:1 1 auto;min-width:0;font-weight:800;color:#fff;text-align:right;overflow-wrap:anywhere}
.srow.key .srow-v{font-size:17px}.srow.gold .srow-v{color:var(--gold)}.srow-v[data-missing]{color:var(--muted);font-weight:700}.tried .srow-v[data-missing]{color:#ff9e9e;font-weight:800}
.wwarn{margin:14px 0 0;padding:14px 16px;border:1px solid #6d2a33;background:#22121a;border-radius:14px;color:#ffd0d0;font-size:14.5px}
.wwarn b{display:flex;gap:8px;align-items:center;color:#ff9292;font-size:15.5px}.wwarn .ic{width:20px;height:20px}.wwarn ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.wwarn button{font:inherit;font-size:14px;font-weight:750;color:#ffe1e1;background:#3a1a22;border:1px solid #7a3340;border-radius:999px;padding:5px 12px;min-height:34px;cursor:pointer}
.wnav{display:flex;gap:10px;margin-top:14px}.wnav .btn{flex:1;margin:0;width:auto}.wmini{display:none}
.js .wside{display:block}
@media(min-width:1100px){.js .wside{position:sticky;top:18px}
.wiz-title{margin-top:6px}
.wside .wsum{padding:16px 18px}.wside .wsum-lead{margin:2px 0 10px;font-size:13.5px}.wside .wsum-raid{min-height:72px;padding:10px 12px;margin-bottom:4px}.wside .wsum-raid b{font-size:16.5px}
.wside .srow{padding:7px 2px;font-size:14px}.wside .srow.key .srow-v{font-size:15.5px}.wside .wwarn{margin-top:10px;padding:10px 14px}.wside .wnav{margin-top:12px}}
@media(max-width:1099px){.js .wside{position:sticky;bottom:0;z-index:30;margin:0 -20px -72px;padding:10px 20px 14px;background:rgba(10,15,26,.96);border-top:1px solid var(--line-strong);backdrop-filter:blur(6px)}
.wside .wsum{background:none;border:0;padding:0}.wside .wsum-head,.wside .wsum-lead,.wside .wsum-raid,.wside .srows{display:none}.wmini{display:block;margin:0;font-size:14.5px;font-weight:750;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wside .wwarn{display:none!important}.tried .wmini.miss{color:#ffb0b0}.wnav{margin-top:10px}.wnav .btn{min-height:50px}}
.wsteps .st-l{white-space:nowrap}
@media(max-width:520px){.acct-btn .acct-text{display:none}.acct-btn{padding:4px 8px 4px 4px;gap:6px}}
.wsteps{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:nowrap;min-width:0}
.wsteps li{display:flex;align-items:center;flex:none}.wsteps li+li::before{content:"";width:30px;height:1px;background:var(--line-strong);margin:0 8px}
.wsteps .st{display:flex;align-items:center;gap:9px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-size:15px;font-weight:750;padding:9px 4px;cursor:pointer;min-height:44px}
.wsteps span.st{cursor:default}.st-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #4a5a78;font-size:14px;font-weight:850;color:var(--ink2);flex:none}
.wsteps li[aria-current=step] .st{color:#fff;border-bottom-color:#6b94ff}.wsteps li[aria-current=step] .st-n{background:var(--primary);border-color:#6b94ff;color:#fff}
.wsteps li.done .st{color:var(--ink2)}.wsteps li.done .st-n{background:#18284a;border-color:#6b94ff;color:#b9ceff}
@media(max-width:719px){.wsteps{width:100%}.wsteps li{flex:1 1 0;min-width:0}.wsteps li+li::before{width:auto;flex:1 1 8px;min-width:6px;margin:0 4px}.wsteps li:not([aria-current=step]) .st-l{display:none}.wsteps li[aria-current=step]{flex:0 0 auto}.wsteps .st{font-size:14px;padding:6px 2px}}
.plan-card .schedule-summary{margin:0 0 6px}.confirm-rows .srow{font-size:16px;padding:13px 2px}.confirm-rows .srow.key .srow-v{font-size:19px}
.srow-edit{margin-left:10px;min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid var(--line-strong);background:#172238;color:var(--primary-ink);font:inherit;font-size:13.5px;font-weight:750;cursor:pointer;flex:none}.srow-edit:hover{border-color:#5a73ab}
.confirm-go{margin:22px 0 4px;font-size:18px;font-weight:800;color:#fff}
.isel-wrap{position:relative;min-width:0}
.isel{display:flex;align-items:center;gap:9px;width:100%;min-height:50px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:12px;background:#0f1726;color:var(--ink);font:inherit;font-size:15.5px;font-weight:650;text-align:left;cursor:pointer}
.isel:hover{border-color:#4d6392}.isel[aria-expanded=true]{border-color:var(--sel);box-shadow:0 0 0 3px rgba(59,111,240,.25)}
.isel-img{width:26px;height:26px;border-radius:6px;flex:none;object-fit:cover}.isel .role-ic,.isel-list .role-ic{width:26px;height:26px}.isel-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.isel .caret{width:18px;height:18px}
.isel-list{position:absolute;left:0;min-width:100%;top:calc(100% + 6px);z-index:55;max-height:330px;overflow:auto;margin:0;padding:6px;list-style:none;background:#141d2e;border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 16px 36px rgba(0,0,0,.55)}
.isel-list li{display:flex;align-items:center;gap:10px;min-height:46px;padding:6px 10px;border-radius:9px;cursor:pointer;font-size:15.5px;white-space:nowrap}
.isel-list li:hover{background:#1c2940}.isel-list li[aria-selected=true]{background:#1a2c55;color:#fff}.isel-list li.active{outline:2px solid #8fb0ff;outline-offset:-2px}.isel-list li[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.js select.isel-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:0;opacity:0}
.recruit-edit{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0f1726}
.recruit-edit .seat{margin:6px 0;padding:8px 4px;border-bottom:1px solid var(--line)}.recruit-edit .seat:last-of-type{border-bottom:0}.recruit-edit .seat>span{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:750;color:#fff}
.recruit-edit .slotrow{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto 44px;background:#121b2b;border-color:var(--line-strong);padding:8px;gap:8px}
.recruit-edit .with-spec .slotrow,.recruit-edit[data-mode=detailed].with-spec .slotrow{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) auto 44px}
@media(max-width:719px){.recruit-edit .slotrow,.recruit-edit.with-spec .slotrow{grid-template-columns:1fr 1fr}.recruit-edit .slotrow .stepper{grid-column:1/-1;justify-content:flex-end}}
.recruit-total{margin:12px 0 0;font-weight:800;color:#fff}.recruit-total b{color:var(--gold);font-size:18px}
.flow-steps{margin:0}
.sr-board{background:linear-gradient(180deg,#131c2d,#10182a);border:1px solid var(--line-strong);border-radius:18px;padding:20px 22px;margin:0 0 20px}
.sr-board-head{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}.sr-board-head h2{margin:0;font-size:22px;color:#fff;display:flex;align-items:center;gap:10px}.sr-board-head h2 .ic{width:26px;height:26px;color:var(--gold)}
.sr-count{font-size:24px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.sr-count b{color:var(--gold);font-size:30px}
.sr-slots{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:14px 0 4px;list-style:none;padding:0}
.sr-slot{display:flex;align-items:center;gap:12px;min-height:74px;padding:10px 12px;border-radius:14px;background:#172238;border:1px solid #33497a}
.sr-slot.empty{background:transparent;border:1.5px dashed #3b4c6e;color:var(--muted);justify-content:center;font-weight:700}
.sr-slot .icon{width:46px;height:46px;flex:0 0 46px;border-radius:10px}.sr-slot-name{flex:1;min-width:0}.sr-slot-name b{display:block;color:#fff;font-size:15.5px;line-height:1.3}.sr-slot-name small{color:var(--muted);font-size:13px}
.sr-slot form{margin:0}.sr-slot .btn{margin:0}
.sr-note{margin:10px 0 0;color:var(--ink2);font-size:14.5px}.sr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sr-actions .btn,.sr-actions form{margin:0}
.sr-browse h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:26px 0 6px}.sr-browse h2 small{font-size:15px;color:var(--muted);font-weight:700}
.sr-tools{position:sticky;top:0;z-index:6;padding:10px 0 12px;background:linear-gradient(180deg,var(--bg) 82%,rgba(10,15,26,0))}
.sr-tools input[type=search]{min-height:52px;font-size:16px}
/* Give search its own row; three filters must never squeeze it into a zero-width column. */
.sr-filter,.js .sr-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;margin:0}
.sr-find,.sr-filter>.btn{grid-column:1/-1}.sr-filter>*{min-width:0}.js .sr-filter>.btn{display:none}
.sr-filter label{display:block;margin:0 0 5px;font-size:13.5px;font-weight:750;color:var(--ink2)}.sr-filter input[type=search]{width:100%;min-height:50px}.sr-filter .btn{margin:0;min-height:50px}
.sr-result-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sr-reset{font-size:14.5px;font-weight:750;color:var(--primary-ink)}
.sr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
/* Phone: the tools scroll with the page, the select labels are for screen readers only (each select shows its "all"
   option or the choice itself), and the boss chips stay on one line that scrolls sideways. */
@media(max-width:719px){.sr-tools{position:static;background:none;padding:6px 0 4px}.sr-filter,.js .sr-filter{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sr-find{grid-column:1/-1}.sr-filter>.btn{grid-column:1/-1}
.sr-sel .isel{padding:6px 8px;gap:6px;font-size:14.5px}.sr-filter label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:8px;padding-bottom:2px}.sr-chips::-webkit-scrollbar{display:none}.sr-chips .chip{flex:none}}
.sr-chips .chip{min-height:42px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;padding:6px 14px;border-radius:999px}
.sr-chips .chip[aria-current=true]{background:#1a2c55;border-color:#6b8ff5;color:#fff}.sr-chips .num{color:var(--muted);font-weight:700;margin-left:4px}.sr-chips .chip[aria-current=true] .num{color:#c9d6ff}
.chip{min-height:40px}
.sr-result{margin:4px 0 10px;color:var(--muted);font-size:14.5px}
.sr-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.sr-item{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.sr-item.picked{border-color:var(--sel);background:linear-gradient(180deg,rgba(59,111,240,.18),rgba(59,111,240,.07));box-shadow:inset 0 0 0 1px var(--sel)}
.sr-item .icon{width:50px;height:50px;flex-basis:50px;border-radius:10px}.sr-item-name{display:block;font-weight:800;color:#fff;font-size:16px;line-height:1.3}.sr-item-meta{display:block;color:var(--muted);font-size:13.5px;line-height:1.4}
.sr-item-act{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:112px}.sr-item-act form{margin:0}.sr-item-act .btn{margin:0;min-height:42px;white-space:nowrap;width:100%}
.sr-picked{display:flex;align-items:center;justify-content:center;gap:5px;font-weight:800;color:#b9ceff;font-size:14px}.sr-picked .ic{width:17px;height:17px}
.sr-empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:14px}
@media(max-width:719px){.sr-grid{grid-template-columns:1fr}.sr-item{grid-template-columns:46px minmax(0,1fr)}.sr-item-act{grid-column:1/-1;flex-direction:row}.sr-item-act>*{flex:1}.sr-board{padding:16px}}
/* SR screen: on wide screens the board (count, picks, next step) stays beside the items; on narrow ones it sits on top
   with the empty places as small boxes, so the items start within the first screen. */
.sr-title{margin-top:6px}
.wrap:has(.sr-layout){max-width:1560px}.page.wide:has(.sr-layout){max-width:none}.sr-layout,.sr-board,.sr-browse{min-width:0}
@media(min-width:1000px){.sr-layout.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,32%);gap:24px;align-items:start}
.sr-layout.two>.sr-board{grid-column:2;grid-row:1;position:sticky;top:18px;margin:0}.sr-layout.two>.sr-browse{grid-column:1;grid-row:1;min-width:0}.sr-layout.two .sr-browse h2{margin-top:0}
.sr-layout.two .sr-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}.sr-layout.two .sr-slots{grid-template-columns:minmax(0,1fr)}.sr-layout.two .sr-slot.empty{min-height:52px}.sr-layout.two .sr-actions>*{width:100%}.sr-layout.two .sr-actions .btn{width:100%;white-space:normal}.sr-layout.two .sr-board-head h2{font-size:20px}.sr-layout.two .sr-slot:not(.empty){flex-wrap:wrap}.sr-layout.two .sr-slot-qty{display:flex;width:100%;gap:6px}.sr-layout.two .sr-slot-qty>*{flex:1;min-width:0}.sr-layout.two .sr-slot-qty .btn{width:100%}}
@media(max-width:1099px){.sr-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sr-slot:not(.empty){grid-column:1/-1}.sr-slot.empty{min-height:46px;padding:6px;font-size:13.5px}}
@media(max-width:719px){.sr-browse h2 small{display:none}.sr-browse h2{margin:20px 0 4px}.sr-board{margin-bottom:14px}.sr-actions .btn.big{font-size:15.5px;padding:12px 12px;min-height:54px;gap:6px;letter-spacing:-.02em}}
.sr-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:80;max-width:min(92vw,520px);padding:12px 18px;border-radius:14px;background:#1c2a47;border:1px solid #4a64a8;color:#fff;font-weight:750;box-shadow:0 14px 34px rgba(0,0,0,.5)}.sr-toast.bad{background:#2d1419;border-color:#7a3340}
.confirm-card{background:linear-gradient(180deg,#131c2d,#10182a);border:1px solid var(--line-strong);border-radius:18px;padding:8px 22px 14px;margin:0 0 18px}
.confirm-card h2{font-size:19px;margin:16px 0 4px;display:flex;align-items:center;gap:10px;color:#fff}.confirm-card h2 .ic{width:24px;height:24px;color:#8fb0ff}
.confirm-items{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:8px}.confirm-items li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:#172238;border:1px solid #2e4066}.confirm-items .icon{width:44px;height:44px;flex:0 0 44px;border-radius:9px}
.warn-box{border:1px solid #7a5a1c;background:#231b0c;border-radius:16px;padding:18px 20px;margin:0 0 18px}.warn-box h2{margin:0 0 6px;font-size:21px;color:#ffd98a;display:flex;gap:10px;align-items:center}.warn-box h2 .ic{width:24px;height:24px}.warn-box p{margin:4px 0;color:#f1e2c0}
.submit-row{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0}.submit-row .btn{margin:0;flex:1 1 220px}
.kv-rows{margin:0}.kv-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-top:1px solid var(--line)}.kv-rows>div:first-child{border-top:0;padding-top:4px}
.kv-rows dt{color:var(--ink2);font-weight:650}.kv-rows dd{margin:0;font-weight:800;color:#fff;text-align:right}.kv-rows dd.gold{color:var(--gold)}
.modal.calm .modal-mark{background:#16254a;color:#a9c2ff}
.back-link{margin:0 0 4px;font-size:15px}.back-link a{color:var(--ink2);text-decoration:none}.back-link a:hover{color:#fff;text-decoration:underline}
.wmain{min-width:0}.wstep>.fcard:last-child{margin-bottom:0}
.opt.fixed .opt-box{border-color:var(--sel);background:linear-gradient(180deg,rgba(59,111,240,.18),rgba(59,111,240,.07));cursor:default}.opt.fixed .opt-mark{background:var(--sel);border-color:var(--sel)}.opt.fixed .opt-mark .ic{opacity:1}
.opt-img{width:40px;height:40px;border-radius:10px;object-fit:cover;display:block}
.recruit-modes .opt-ic{display:flex;align-items:center;justify-content:center;gap:3px;width:auto;min-width:46px;padding:0 7px;justify-self:start}
@media(min-width:720px){.recruit-modes .opt-box{grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:start;gap:12px}.recruit-modes .opt-box>span:last-child{grid-column:1/-1}}.trio-img{width:20px;height:20px;border-radius:5px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.opts.compact .opt-box{min-height:76px;padding:12px 14px;gap:12px}.opts.compact .opt-title{font-size:16px}
.slotrow.invalid{border-color:#e5484d!important;box-shadow:0 0 0 1px #e5484d}
.recruit-foot{background:none;border:0;padding:6px 0 0}.recruit-foot .frow{border-top:1px solid var(--line)}
.role-choices .choice>span,.role-tag{gap:7px}.role-choices .choice>span{justify-content:flex-start}
.seat-name{white-space:nowrap}.seat-name .slot-icon.inline,.seat-name .role-ic.inline{margin-right:6px}
.rules-card h3{display:flex;align-items:center;gap:10px}.rules-card h3 .ic{width:22px;height:22px;color:var(--gold)}
.confirm-char{display:flex;align-items:center;gap:14px;padding:10px 2px 6px}.confirm-char b{display:block;font-size:19px;color:#fff}.confirm-char span{color:var(--ink2)}
.cls-icon.big{width:52px;height:52px;border-radius:12px;box-shadow:0 0 0 2px var(--cls,#3a4b6d)}
.sr-item-meta.warn{color:#f5c66a;font-weight:700}
.char-pick .opts{margin:14px 0 16px}.char-pick .opt-sub .role-tags{margin-top:4px}
.char-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.apply-form{margin:6px 0 0}.apply-form .btn{width:100%}
.sr-board .state{margin:12px 0 4px}.sr-board .notice{margin:12px 0 4px}
.roster-members{list-style:none;padding:0;margin:0;display:grid;gap:10px}.roster-members li{display:flex;align-items:center;gap:9px;min-width:0}.roster-members li>span{display:grid;min-width:0;overflow-wrap:anywhere}.roster-members small{font-size:13px;color:var(--muted)}.roster-members .cls-icon{width:28px;height:28px;flex:none}.roster-slots td{vertical-align:middle}.roster-slots td:last-child{min-width:180px}
@media(max-width:719px){.roster-slots thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.roster-slots tbody,.roster-slots tr{display:block}.roster-slots tr{border-top:1px solid var(--line);padding:12px 0}.roster-slots td{display:inline-block;border:0;padding:4px 6px}.roster-slots td:last-child{display:block;padding-top:10px}.roster-members{gap:8px}}
@media(min-width:720px){.apply-form .btn{width:auto;min-width:320px}}
/* MASTER tuning (public test): same structure, closer look. Cards a step lighter than the page with a visible edge,
   smaller corners, a selected card = bright blue edge + blue fill + faint glow, big plain icons in option cards,
   a top band over the content column, full-width sidebar items with a left bar, amber gold, dark outlined secondary. */
.fcard{background:linear-gradient(180deg,#172334,#152030);border-color:#28374e;border-radius:12px}
.opt-box{border-color:#2f3f57;border-radius:10px;background:#172334}.opt:hover .opt-box{border-color:#4a6390}
.opt-ic{background:none;width:48px;height:48px;border-radius:10px}.opt-ic .ic{width:34px;height:34px;color:#8db6ff}
.opt-mark{border-color:#4f6283}
.opt input:checked+.opt-box,.opt.fixed .opt-box{border-color:var(--sel);background:linear-gradient(180deg,#173063,#132952);box-shadow:inset 0 0 0 1px var(--sel),0 0 0 1px rgba(91,157,255,.25),0 0 22px rgba(61,125,255,.28)}
.opt input:checked+.opt-box .opt-mark,.opt.fixed .opt-mark{background:#3b78f0;border-color:#8cbcff}
.opt .rec{background:#1f4a9e;border:1px solid #2f66c8;color:#e3ecff}
.wsum{background:#111c2c;border-color:#3a4d6b;border-radius:12px}.wsum-raid{border-radius:10px}
.sr-board,.confirm-card{background:linear-gradient(180deg,#152132,#121c2c);border-color:#34465f;border-radius:12px}
.sr-item{border-radius:10px}.sr-slot{border-radius:10px}.sr-empty{border-radius:10px}
.sr-item.picked{border-color:var(--sel);background:linear-gradient(180deg,#173063,#132952);box-shadow:inset 0 0 0 1px var(--sel),0 0 16px rgba(61,125,255,.22)}
.btn{border-radius:8px}.btn.small{border-radius:8px}
.btn.secondary{background:#101b2c;border:1px solid #42526c;color:#fff}.btn.secondary:hover{background:#15233a;border-color:#5b6e8f}
.btn.gold{background:linear-gradient(180deg,#f9d36a,#dba445) #e6b552;box-shadow:0 8px 22px rgba(219,164,69,.22)}.btn.gold:hover{background:linear-gradient(180deg,#fbdb82,#e3ae52) #ebbf62}
.choice>span{border-radius:8px}.choice input:checked+span,.date-shortcuts .choice input:checked+span{background:#142b61;border-color:var(--sel);box-shadow:inset 0 0 0 1px var(--sel),0 0 14px rgba(61,125,255,.22)}
.chip[aria-current=page],.chip[aria-current=true],.sr-chips .chip[aria-current=true]{background:#142b61;border-color:var(--sel)}
.isel{background:#101a2a;border-radius:8px}.isel-list{border-radius:10px}
.card{border-radius:12px}.form-shell,.filter-panel{border-radius:12px}
.community-page .page.normal{max-width:980px}
.community-page .page>h1{margin-bottom:6px}.community-page .page>h1+.muted{margin-top:0;max-width:680px}
.community-list .community-board-actions{justify-content:flex-end;margin:18px 0 14px}.community-list .community-board-actions .btn{min-width:112px}
.community-rows{overflow:hidden;border:1px solid #2a3950;border-radius:12px}.community-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 18px;margin:0;padding:13px 16px;border:0;border-radius:0;background:#121c2c}.community-row+.community-row{border-top:1px solid #2a3950}
.community-row-title{min-width:0;color:#f2f5fa;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-row-title:hover{text-decoration:underline}.community-row-title strong{font-size:15.5px}.community-row-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--muted);font-size:12.5px;white-space:nowrap}.community-avatar{display:inline-grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#1d3150;border:1px solid #3d5a82;color:#dce8fb;font-size:12px;font-weight:850}
.community-detail .page>p:first-child{margin-bottom:14px}.community-detail .page>article.card:first-of-type{padding:22px 24px;background:#141f31;border-color:#354761}.community-detail .page>article.card:first-of-type h1{margin:10px 0 7px}.community-detail .page>article.card:first-of-type>div{margin-top:22px;line-height:1.72}
.community-author{display:flex;align-items:center;gap:10px}.community-author>span:last-child{display:grid;gap:2px}.community-author strong{font-size:14px;color:#eef3fc}.community-author small{font-size:12.5px;color:var(--muted)}.community-body{margin-top:18px!important}
.community-detail #replies{margin:30px 0 10px;padding-top:18px;border-top:1px solid var(--line);font-size:19px}.community-detail #replies~article.card{margin:0;padding:13px 16px;border-radius:0;background:#101a29;border-color:#27364b}.community-detail #replies~article.card+article.card{border-top:0}.community-detail #replies~article.card>p{margin:0 0 7px}.community-detail #replies~article.card>div{line-height:1.6}.community-detail #replies~article.card .actions{margin-top:8px}
.community-detail .page>form.card{margin-top:16px;padding:16px 18px}.community-detail .page>form.card textarea{min-height:96px}.community-detail .page>form.card .btn{float:right}.community-detail .page>form.card::after{content:"";display:block;clear:both}
.community-form .page>form.card{max-width:780px;padding:20px}.community-form .page textarea{min-height:220px}
@media(max-width:430px){.community-page .page{padding-left:0;padding-right:0}.community-page .page>h1,.community-page .page>h1+.muted,.community-page .page>p:first-child,.community-page .page>.actions,.community-page .page>form.card{margin-left:0;margin-right:0}.community-list .community-board-actions{gap:8px}.community-list .community-board-actions .btn{flex:1;min-width:0;padding-left:10px;padding-right:10px}.community-row{grid-template-columns:1fr;gap:6px;padding:12px 13px}.community-row-meta{justify-content:flex-start;flex-wrap:wrap;white-space:normal;font-size:12px}.community-detail .page>article.card:first-of-type{padding:17px 15px}.community-detail #replies{margin-top:24px}.community-detail #replies~article.card{padding:12px 13px}.community-detail .page>form.card{padding:14px}.community-form .page>form.card{padding:16px}.community-form .page textarea{min-height:180px}}
.sr-tools{background:linear-gradient(180deg,var(--bg) 82%,rgba(14,24,37,0))}
@media(max-width:1099px){.js .wside{background:rgba(14,24,37,.96)}}
@media(min-width:1100px){
.side{background:linear-gradient(180deg,#0f1a2a 0%,#0c1522 100%);border-right-color:#232f40}
header.top nav.menu a,.side .side-link{margin-left:-14px;padding-left:28px;border-radius:0 10px 10px 0}
header.top nav.menu a[aria-current=page],.side .side-link[aria-current=page]{background:linear-gradient(90deg,rgba(52,104,230,.26),rgba(52,104,230,.08));box-shadow:inset 4px 0 0 #4a82f0}
main.wrap::before{content:"";position:absolute;left:0;right:0;top:0;height:78px;background:rgba(18,27,41,.8);border-bottom:1px solid #27344a;z-index:1;pointer-events:none}
.page{z-index:2}.topbar{margin-bottom:18px}}
/* Separate menu groups; gold and lavender icons identify leader and guide links without a selected background. */
.menu-sep{display:none}.lead-link .ic{color:var(--gold)!important}.guide-link .ic{color:#ffbd91!important}
@media(min-width:1100px){.menu-sep{display:block;height:1px;background:var(--line);margin:10px 14px}
.side-group{margin-top:20px;padding-top:16px}
.side .side-link.lead-link{margin:0 0 6px;padding:12px 14px;min-height:54px;border-radius:10px;font-weight:650}
.side .side-link.lead-link:not([aria-current=page]){border:0;background:none;color:#c3cde0;box-shadow:none}
.side .side-link.lead-link:not([aria-current=page]):hover{background:rgba(161,184,220,.09);color:#eef3fc}}
@media(max-width:1099px){.side-link.lead-link:not([aria-current=page]){border-color:transparent;background:none;box-shadow:none;color:#c3cde0}}
/* Guide page: numbered steps with a small icon, four across on wide screens. */
.guide-head h1{margin:4px 0 10px}.guide-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.guide-jump .chip{gap:8px;text-decoration:none}.guide-jump .ic{width:18px;height:18px;color:#8db6ff}
h2[id^=guide-]{scroll-margin-top:90px;display:flex;align-items:baseline;gap:10px}h2[id^=guide-] small{font-size:15px;color:var(--muted);font-weight:700}
.guide-card{background:linear-gradient(180deg,#172334,#152030);border-color:#28374e;border-radius:12px}
.guide-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.guide-top .guide-step{margin:0;background:#101b2c;border:1.5px solid #4a82f0;color:#d6e4ff}
.guide-ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#142a55;color:#8db6ff}.guide-ic .ic{width:22px;height:22px}
.guide-copy h3{font-size:17px;color:#fff}.guide-copy p{font-size:15px;line-height:1.55}
@media(min-width:1100px){.guide-cards,.guide-cards.compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Last UX pass: added seat rows (with a remove button), the add-row button, the find page's later dates, SR board +/-. */
.recruit-edit .slotrow{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto 44px}
.recruit-edit.with-spec .slotrow{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) auto 44px}
.recruit-edit .row-del-placeholder{width:44px;height:44px}
.recruit-edit .isel-wrap[hidden]{display:none}
.recruit-edit .btn.small.row-del{min-height:44px;height:44px;width:44px;padding:0;color:var(--muted)}.row-del:hover{color:#ffb0b0}.row-del .ic{width:18px;height:18px}
.add-row{margin-top:10px;gap:6px;min-height:44px}
@media(max-width:719px){.recruit-edit .slotrow,.recruit-edit.with-spec .slotrow,.recruit-edit[data-mode=detailed].with-spec .slotrow{grid-template-columns:minmax(0,1fr) 44px}.recruit-edit .slotrow .isel-wrap{grid-column:1/-1}.recruit-edit .slotrow .stepper{grid-column:1/2;justify-content:flex-start}.recruit-edit .slotrow :is(.row-del,.row-del-placeholder){grid-column:2/3;justify-self:end}}
.find-date{margin-top:10px}
/* Find: the covered dates under the chips; more dates = this / next month and a small month calendar of links. */
.find-range{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:14.5px;color:var(--ink2)}.find-range .ic{width:18px;height:18px;color:var(--muted)}.find-range b{color:#fff;font-weight:750}
.find-more{padding:8px 0 4px}.find-more-chips{margin:0 0 12px}
.find-more-k{margin:0 0 8px;font-size:14px;font-weight:750;color:var(--ink2)}.find-more-k span{font-weight:600;color:var(--muted)}
.mini-cal{box-sizing:border-box;width:100%;max-width:340px;padding:8px 10px 10px;border:1px solid var(--line-strong);border-radius:12px;background:#111a28}
.mc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.mc-head b{font-size:15.5px;color:#fff}
.mc-nav{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--ink)}.mc-nav:hover{background:#1c2940}.mc-nav.off{opacity:.3}.mc-nav .ic{width:18px;height:18px}
.mc-grid{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}.mc-grid th{padding:2px 0 6px;font-size:12.5px;font-weight:700;color:var(--muted);text-align:center;border:0;background:none}.mc-grid td{padding:2px;text-align:center;border:0}
.mc-day{display:grid;place-items:center;height:40px;border-radius:10px;font-weight:750;font-variant-numeric:tabular-nums;text-decoration:none}
a.mc-day{background:#172238;color:#fff}a.mc-day:hover{background:#1f2f4d}a.mc-day.today{box-shadow:inset 0 0 0 1.5px #6b86c4}a.mc-day[aria-current=date]{background:#1a2c55;box-shadow:inset 0 0 0 2px var(--sel)}
.mc-day.off{color:#7d889b;font-weight:600}
/* Board tiles: the name keeps a real width (it used to be squeezed to one letter per line by the two buttons in the
   narrow desktop board); the minus / plus row moves under the name when there is no room beside it. */
.sr-slot{flex-wrap:wrap}.sr-slot-name{flex:1 1 150px;min-width:0}.sr-slot-name b{overflow-wrap:break-word}
.sr-slot-qty{display:flex;gap:6px;align-items:center;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.sr-slot-qty form{margin:0}
/* The applying character on the SR board. */
.sr-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:10px 0 2px;padding:8px 12px;border-radius:10px;background:#101b2c;border:1px solid var(--line-strong);font-size:14.5px}
.sr-who-k{flex:1 1 100%;font-size:12.5px;font-weight:800;color:#a9c0e8}.sr-who b{color:#fff;font-size:15.5px}.sr-who-v{color:var(--ink2);font-weight:700}
/* Account corner: wider, clearer, same height as before (the top band stays 78px). */
@media(min-width:1100px){.acct{top:11px}
.acct-btn.has-char{min-height:56px;padding:4px 18px 4px 5px;gap:12px;border:1.5px solid #3d5a9e;background:linear-gradient(180deg,#182b50,#12213e);box-shadow:0 6px 18px rgba(0,0,0,.28)}
.acct-btn.has-char:hover,.acct-menu[open] .acct-btn.has-char{border-color:#6f93e0}
.acct-btn.has-char .avatar{width:46px;height:46px;box-shadow:0 0 0 2.5px var(--cls,#3a4b6d),0 0 14px color-mix(in srgb,var(--cls,#3a4b6d) 45%,transparent)}
.acct-btn.has-char .acct-text{line-height:1.15;min-width:120px}.acct-k{display:block;font-size:11.5px;font-weight:800;color:#a9c0e8;letter-spacing:.02em}
.acct-btn.has-char .acct-text b{font-size:17.5px;font-weight:850;max-width:12em}
.acct-btn.has-char .acct-text small{font-size:13px;font-weight:800;color:color-mix(in srgb,var(--cls,#8f9bb0) 60%,#fff)}.acct-btn.has-char .caret{color:#c9d6f5}}
@media(min-width:1280px){.acct-btn.has-char{min-width:250px}.topbar{padding-right:320px}}
@media(max-width:1099px){.acct-k{display:none}.acct-btn.has-char{border-color:#3d5a9e;background:#152542}}
/* Character cards: side badge (emblem + name) and a thin side bar on the left; the card itself stays neutral. */
.opt-title .char-name{font-size:18px}.side-badge{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px 0 5px;border-radius:999px;background:#101b2c;border:1px solid color-mix(in srgb,var(--side,#8f9bb0) 60%,transparent);color:#eef3fc;font-size:13px;font-weight:800}
.side-badge img{width:18px;height:18px;border-radius:50%;object-fit:cover}
.opt[data-char-side] .opt-box{position:relative}.opt[data-char-side] .opt-box::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 3px 3px 0;background:var(--side,#8f9bb0)}
.char-pick .char-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px;color:var(--ink2)}
.char-fit{display:flex;align-items:flex-start;gap:6px;margin-top:6px;font-size:14px;font-weight:750}.char-fit .ic{width:17px;height:17px;flex:none;margin-top:2px}
.char-fit.ok{color:#8ee6b6}.char-fit.bad{color:#ffabab}.char-pick .opt input:disabled+.opt-box{opacity:1;background:#171e2a;border-color:#3c4350;box-shadow:none}.char-pick .opt input:disabled+.opt-box .opt-title,.char-pick .opt input:disabled+.opt-box .char-line{opacity:.6}.char-pick .opt input:disabled+.opt-box .opt-img{opacity:.45;filter:grayscale(.5)}.discord-leader-heading{font-size:28px!important;line-height:1.35;margin:20px 0 14px;overflow-wrap:anywhere}.discord-leader-heading code{font-size:inherit;color:inherit}
/* Cancel an application or a seat: a quiet secondary action (outlined, danger tint), never the main button. */
.leave-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0}.leave-row .btn{margin:0}
.leave-form{display:inline-flex;margin:0}.my-actions .leave-form{margin-left:auto}
.btn.leave-btn{background:transparent;border:1px solid #57313a;color:#f0b3b3}.btn.leave-btn:hover{background:#2d1419;border-color:#7a3340;color:#ffd0d0}
/* Find cards: the free-seat number is the second thing read after the title (big, gold); its label stays neutral. */
.run-need>b{display:flex;align-items:baseline;gap:6px;font-size:14px;color:#aeb9ca;font-weight:700;margin-bottom:8px}
.run-need>b .num{font-size:24px;line-height:1;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}
/* Recruit chips: one height, one padding, one icon size; the name on the left, the count pushed to the right; the class
   (or role) color only on the border. Long names are cut with an ellipsis instead of growing the chip. */
.slot-badges{gap:6px 6px;align-items:center}.slot-badges li{display:flex;max-width:100%;min-width:0}
.slot-badge{box-sizing:border-box;height:34px;min-height:34px;max-width:100%;min-width:0;gap:8px;padding:0 12px 0 4px;font-size:14px;line-height:1;white-space:nowrap;background:#152033}
.slot-badge:not([data-cls]){border-color:color-mix(in srgb,var(--role,#8f9bb0) 50%,#33415a)}
.slot-badge .slot-icon,.slot-badge .role-ic.slot{width:26px;height:26px;flex:0 0 26px}
.slot-badge .slot-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:650;color:#e6ecf5}
.slot-badge .slot-left{margin-left:auto;padding-left:4px;font-size:14px;font-weight:800;color:var(--gold)}
.slot-badge.full .slot-name,.slot-badge.full .slot-left{color:var(--muted);font-weight:700}
/* Product dialog: an optional one-line reason (only when the form asks for it). */
.modal-field{margin:2px 0 18px}.modal-field[hidden]{display:none}.modal-field label{display:block;margin:0 0 6px;font-size:14.5px;font-weight:750;color:var(--ink2)}
.modal-field textarea{display:block;width:100%;box-sizing:border-box;min-height:74px;resize:vertical;font:inherit;font-size:15px;line-height:1.45}
input[name=misc_materials_note],input[name=misc_boe_note],input[name=misc_patterns_note],input[name=unreserved_rule]{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:12px 14px;font:inherit;font-size:16px;color:var(--ink2);background:#101826;border:1px solid var(--line-strong);border-radius:12px}
#bug-route{display:block;box-sizing:border-box;width:100%;min-height:40px;padding:8px 10px;font:inherit;font-size:14px;color:var(--ink2);background:#101826;border:1px solid var(--line-strong);border-radius:8px}
/* Leader: cancellations of confirmed players until [OK] is pressed (read mark only). */
.cancel-notices{border-color:#6a4a23;background:linear-gradient(180deg,#1d1a14,#16151a);margin:14px 0 18px}
.cancel-notices h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:19px;color:#ffe2a8}.cancel-notices h2 .ic{width:22px;height:22px;color:var(--gold)}
.cn-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cn-item{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px;border-radius:12px;background:#141c2a;border:1px solid var(--line-strong)}
.cn-body{flex:1 1 260px;min-width:0}.cn-body p{margin:0}.cn-body p+p{margin-top:4px}
.cn-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:16px;color:var(--ink)}.cn-who b{color:#fff}.cn-who .cls-icon{width:26px;height:26px}
.cn-reason{padding:6px 10px;border-radius:8px;background:#101826;border-left:3px solid var(--gold);color:#e8edf6;overflow-wrap:anywhere}
.cn-ack{margin:0 0 0 auto}.cn-ack .btn{margin:0;min-width:84px}
/* Favorites: a star toggle with a 40px target, gold when on. The star is used for favorites only (SR keeps the diamond). */
.fav-form{display:inline-flex;margin:0;flex:none}
.fav-btn{box-sizing:border-box;display:inline-grid;place-items:center;width:40px;height:40px;flex:none;margin:0;padding:0;border-radius:10px;border:1px solid var(--line-strong);background:#101a2a;color:#aeb9ca;font:inherit;font-size:21px;line-height:1;cursor:pointer;text-decoration:none}
.fav-btn:hover{border-color:#5a73ab;color:#fff}.fav-btn.on{color:var(--gold);border-color:#7a6230;background:#1d1a12}.fav-btn:focus-visible{outline:2px solid #8fb0ff;outline-offset:2px}.fav-btn[disabled]{opacity:.6}
.item .head .fav-form,.item .head>.fav-btn,.item-title .fav-form,.item-title>.fav-btn{margin-left:auto}
.fav-row{margin:0 0 12px}.chip.fav-chip{gap:5px}.fav-chip>span[aria-hidden]{color:var(--gold)}
.sr-item-main{display:flex;align-items:flex-start;gap:8px;min-width:0}.sr-item-text{flex:1;min-width:0}
.sr-result-row .fav-chip{margin-left:auto}
.fav-index{margin:0 0 22px}.fav-index h2{display:flex;align-items:center;gap:8px}.fav-index h2>span[aria-hidden]{color:var(--gold)}
.fav-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.fav-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.fav-list .icon{width:40px;height:40px;flex:0 0 40px}.fav-list a{flex:1;min-width:0;display:flex;flex-direction:column;color:var(--ink);text-decoration:none}.fav-list a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
@media(max-width:719px){.fav-list{grid-template-columns:1fr}}
/* Guide: start buttons at the top, the short SR explanation (three lines, the rest folded), a real next page per part. */
.guide-jump .btn{margin:0;gap:8px}.guide-jump .btn .ic{color:currentColor}
.guide-sr{max-width:860px;margin:0 0 28px;padding:20px 22px}.guide-sr h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:21px}.guide-sr h2 .ic{width:22px;height:22px;color:#8db6ff}
.guide-sr-lines p{margin:0 0 8px;max-width:680px;font-size:16px;line-height:1.75;color:var(--ink)}.guide-sr-lines b{color:#fff}
.guide-sr-more{margin-top:10px}.guide-sr-list{margin:10px 0 0;max-width:680px}.guide-sr-list dt{margin:12px 0 2px;font-weight:800;color:#fff}.guide-sr-list dt:first-child{margin-top:0}.guide-sr-list dd{margin:0;color:var(--ink2);line-height:1.6}
.guide-sr-example{list-style:none;margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#101826;border:1px solid var(--line)}.guide-sr-example li{margin:2px 0;color:var(--ink)}
.guide-go{margin:-14px 0 30px}.guide-go .btn{gap:8px}
.leader-faction .opt input:disabled+.opt-box{filter:grayscale(1);opacity:.38;cursor:not-allowed}.listing-confirm .modal-actions{display:grid;grid-template-columns:1fr;gap:10px}.listing-confirm .modal-card>p{line-height:1.65}.listing-confirm .modal-card>.btn.ghost{margin-top:12px}
/* Selected faction cards keep the faction background instead of the generic blue selection. */
.leader-faction .opt[data-side] input:checked+.opt-box{border-color:var(--side);background:linear-gradient(160deg,color-mix(in srgb,var(--side) 32%,#141e30),color-mix(in srgb,var(--side) 14%,#141e30));box-shadow:inset 0 0 0 1px var(--side)}
.leader-faction .opt[data-side] input:checked+.opt-box .opt-mark{background:var(--side);border-color:var(--side)}
.modal.neutral .modal-mark{display:none}
/* Creation uses the existing wizard columns; wide choices keep the larger main column. */
.wrap:has(.run-builder,.group-builder){max-width:1560px}.page.wide:has(.run-builder,.group-builder){max-width:none}
.run-builder .wmain,.group-builder .wmain{min-width:0}.run-builder .wiz-title,.group-builder .wiz-title{font-size:clamp(26px,2.3vw,34px);line-height:1.35;margin:6px 0 24px;overflow-wrap:anywhere}
.group-summary{min-width:0}.group-summary>.btn{width:100%;margin:18px 0 0}.group-summary .srow{font-size:14px}.group-summary .srow-l{white-space:normal}
.run-builder .btn.gold,[data-sr-page] .btn.gold{background:var(--primary);border-color:var(--primary);color:var(--ink);box-shadow:none;text-shadow:none}.run-builder .btn.gold:hover,[data-sr-page] .btn.gold:hover{background:var(--primary-hover)}
.run-builder .btn.gold:disabled,[data-sr-page] .btn.gold:disabled{background:var(--soft);border-color:var(--line);color:var(--muted)}
.run-builder .fcard-head>.ic,.group-builder .fcard-head>.ic{color:var(--muted)}
@media(min-width:1100px){.run-builder .wiz,.group-builder .wiz{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.group-summary{position:sticky;top:18px}}
@media(max-width:1099px){.group-builder .wiz{grid-template-columns:minmax(0,1fr)}.group-summary{position:static}.run-builder .wiz-title,.group-builder .wiz-title{margin-bottom:20px}}
.side-board{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:1099px){.side-board{grid-column:1/-1;margin-top:8px;padding-top:12px}}
/* Join keeps native radios and a bounded roster; only the checked row is prominent. */
.join-selection .join-character-field{min-width:0;margin:0;padding:0;border:0}
.join-selection .char-pick .join-eligible{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:5px;margin:0 -5px;overflow-anchor:none}
.join-selection .join-eligible>.opt{flex:0 0 auto;min-width:0}.join-selection .join-eligible>.opt:has(input:checked){order:-1}
.join-selection .char-pick .opt-box{min-height:72px;padding:10px 12px;gap:10px;grid-template-columns:22px 34px minmax(0,1fr);box-shadow:none}
.join-selection .char-pick .opt-mark{width:22px;height:22px}.join-selection .char-pick .opt-ic,.join-selection .char-pick .opt-img{width:34px;height:34px}
.join-selection .char-pick .opt-title .char-name{font-size:16px}.join-selection .char-pick .opt-sub{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;font-size:13px;margin-top:3px}
.join-selection .char-pick .join-current{display:none}.join-selection .char-pick input:checked+.opt-box .join-current{display:block;flex-basis:100%;font-size:12px;font-weight:650;color:var(--primary-ink,#b4c8ef)}
.join-selection .char-pick input:checked+.opt-box{min-height:124px;grid-template-columns:22px 60px minmax(0,1fr);padding:15px 12px;border-color:var(--sel);box-shadow:inset 0 0 0 1px var(--sel)}
.join-selection .char-pick input:checked+.opt-box .opt-ic,.join-selection .char-pick input:checked+.opt-box .opt-img{width:60px;height:60px}.join-selection .char-pick input:checked+.opt-box .char-name{font-size:21px}
.join-selection .char-pick .char-fit{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.join-selection .char-pick .char-fit .role-tags{margin:0}.join-selection .char-pick .char-fit .role-tag{font-size:12px}
.join-selection .char-pick .char-line{margin:0}.join-selection .char-pick .opt[data-char-side] .opt-box::before{display:none}
.join-selection .char-pick input:not(:checked)+.opt-box .char-fit.ok>.ic,.join-selection .char-pick input:not(:checked)+.opt-box .join-fit-label{display:none}
.join-selection .join-list-help{margin:8px 0 0}.join-selection .char-pick .join-unavailable{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.join-selection .join-unavailable .opts{grid-template-columns:minmax(0,1fr);max-height:320px;overflow-y:auto;margin-bottom:0}
/* Shared run-card rule values; labels and the approval mode remain secondary. */
.run-card .run-card-rules{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0;line-height:1.5}
.run-card .run-card-rules>div{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.run-card .run-card-rules dt{color:var(--muted);font-size:13px;font-weight:500}.run-card .run-card-rules dd{margin:0;color:var(--gold);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.run-card .run-leader>.ic{width:18px;height:18px;flex:none;color:var(--muted)}.run-card .run-leader .run-leader-name{min-width:0;flex-shrink:1;flex-wrap:wrap;overflow-wrap:anywhere}
/* Only findPage has this direct find-bar child. Home retains its normal card grid. */
.page:has(>.find-bar) .day-head+.run-cards{grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){
 .page:has(>.find-bar) .run-card{display:grid;grid-template-columns:132px minmax(0,1fr)}
 .page:has(>.find-bar) .run-card.no-art{grid-template-columns:minmax(0,1fr)}
 .page:has(>.find-bar) .run-card>.raid-art{width:132px;height:100%;aspect-ratio:auto;min-height:180px}
 .page:has(>.find-bar) .run-card>.raid-art::after{background:linear-gradient(90deg,transparent,rgba(11,16,23,.28))}
 .page:has(>.find-bar) .run-card-body{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:7px 16px;padding:16px;align-content:start;align-items:start;min-width:0}
 .page:has(>.find-bar) .run-card-title{grid-column:1;grid-row:1;margin:0;font-size:21px;text-shadow:none}
 .page:has(>.find-bar) .run-leader{grid-column:1;grid-row:2;margin:0;gap:6px;flex-wrap:wrap}
 .page:has(>.find-bar) .run-card-body>.run-faction-badge{grid-column:2;grid-row:2;justify-self:end}
 .page:has(>.find-bar) .run-when{grid-column:2;grid-row:1;margin:0;text-align:right;font-size:18px}
 .page:has(>.find-bar) .run-need{grid-column:1/-1;grid-row:3}.page:has(>.find-bar) .run-need .slot-badges{margin-bottom:0}
 .page:has(>.find-bar) .run-card-rules{grid-column:1;grid-row:4;gap:4px 12px}
 .page:has(>.find-bar) .run-meta{grid-column:1;grid-row:5;font-size:13px}
 .page:has(>.find-bar) .fit-line{grid-column:1;grid-row:6;font-size:13px;overflow-wrap:anywhere}
 .page:has(>.find-bar) .run-card-actions{grid-column:2;grid-row:4/7;align-self:end;display:grid;grid-template-columns:1fr;margin:0;padding:0;gap:6px}
 .page:has(>.find-bar) .run-card-actions .btn{width:100%;min-height:38px;padding:8px 12px;font-size:14px}
}

:root{--shell:#0a111d;--zone-line:#223149;--depth:0 1px 0 rgba(255,255,255,.04) inset,0 18px 36px -26px rgba(0,0,0,.85);--depth-hover:0 1px 0 rgba(255,255,255,.05) inset,0 22px 40px -24px rgba(0,0,0,.9);--atmos-top:none;--atmos-side:none}
.page-loading{cursor:progress}.page-loading::before{content:"";position:fixed;inset:0 0 auto;height:3px;background:#8aa8d5;z-index:10000;pointer-events:none}
/* Page: cool light from the top right, the floor slightly darker than the top (no flat single colour). A second light
   lower down was tried and dropped: it lifted the page towards the card colour and blurred the page/card step. */
body{background:var(--shell)}
/* Operator page background (관리자 > 화면 디자인): one fixed layer behind everything, dimmed by a cover whose strength
   the operator sets (0-90%). The layer sits at z 0 and .app above it, so menus, cards and text never move. */
.page-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:center/cover no-repeat;opacity:calc(1 - var(--bg-dim,.55))}

.app{position:relative;z-index:1}
.design-fade{max-width:660px;padding:18px;border:1px solid var(--zone-line);border-radius:12px;margin:16px 0}.design-fade input[type=range]{width:100%;accent-color:#89a5d1}.design-fade input[type=number]{max-width:100px}
/* Design slots (관리자 > 화면 디자인): compact cards that reuse the media-preview look. */
.design-slot{max-width:660px;margin-bottom:16px}
.design-slot h3{margin:0 0 10px;font-size:17px}
.design-none{display:inline-grid;place-items:center;width:240px;height:120px;border-radius:10px;background:var(--shell);border:1px dashed #33466a;color:#6f80a0;font-size:24px}
/* Atmosphere: the original citadel scene at the top right of the page column. The server adds the holder only to
   pages with room for it (list pages with a short header: never raid pages with their picture, forms or operator
   screens). It is anchored to the column (wide 1200px / normal 980px) and faded towards the text (left), the column
   edge (right) and downwards; only on wide screens, where it stays clear of the page title. */
.atmos{display:none}
@media(min-width:1360px){
.atmos{display:block;position:absolute;top:0;right:max(36px,calc((100% - 1200px) / 2));width:min(1180px,calc(100% - 72px));height:540px;pointer-events:none;z-index:0;background:var(--atmos-top) right top/cover no-repeat;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 46%,#000 95%,transparent 100%),linear-gradient(180deg,#000 36%,transparent 100%);-webkit-mask-composite:source-in;
mask-image:linear-gradient(90deg,transparent 0,#000 46%,#000 95%,transparent 100%),linear-gradient(180deg,#000 36%,transparent 100%);mask-composite:intersect}
.atmos.normal{right:max(36px,calc((100% - 980px) / 2));width:min(980px,calc(100% - 72px))}}
/* Page titles: one step smaller and closer to the content on desktop, so the first screen shows results sooner. */
@media(min-width:900px){h1{font-size:32px;margin-top:22px}}
/* Shell (desktop): the sidebar is the darkest level; official WoW raid art sits at its foot. It is the last item of
   the sidebar column and only fills the space left under
   the menu (cropped from the top with a fade on short screens, gone when there is no room), so it never sits behind a
   menu item. The top band lets the page scene show through. */
@media(min-width:1100px){
.side{background:linear-gradient(180deg,#0d1627 0%,#0a111d 46%,#070c16 100%);border-right:1px solid #1a2739;box-shadow:inset -1px 0 0 rgba(255,255,255,.025),6px 0 26px -18px rgba(0,0,0,.9)}
.side::after{content:"";flex:1 1 0;min-height:0;margin:14px -14px -18px;pointer-events:none;background:linear-gradient(180deg,rgba(7,12,22,.12),rgba(7,12,22,.58)),var(--atmos-side) center bottom/cover no-repeat;
-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 110px);mask-image:linear-gradient(180deg,transparent 0,#000 110px)}
main.wrap::before{background:linear-gradient(180deg,rgba(10,17,29,.84),rgba(10,17,29,.6));border-bottom:1px solid rgba(52,70,95,.6);box-shadow:0 1px 0 rgba(255,255,255,.025)}}
/* Step bar in the top row on narrower desktops (125% zoom of a 1440 screen is 1152px): only the current step keeps its
   visible label, the others show their number (screen readers still get every label), so the last step is not
   covered by the account button. */
@media(min-width:1100px) and (max-width:1299px){.topbar .wsteps li:not([aria-current]) .st-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* Surfaces: one shadow language. Cards lift slightly on hover where they are links. */
.card:where(:not(.flat)),.run-card,.my-card,.item,.guide-card,.person,.raid-tile,.fav-list li,.sr-board,.fcard,.cancel-notices{box-shadow:var(--depth)}
.run-card,.raid-tile,.item{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.run-card:hover,.raid-tile:hover{transform:translateY(-2px);box-shadow:var(--depth-hover)}
@media(prefers-reduced-motion:reduce){.run-card:hover,.raid-tile:hover{transform:none}}
/* List pages: the header is shorter and the conditions are one panel (a zone between the page and the cards). */
.page-header{margin:2px 0 18px}.page-header .lead,.guide-head .lead{max-width:640px}
.find-bar{background:linear-gradient(180deg,#121e30,#0f1929);border:1px solid var(--zone-line);border-radius:14px;padding:14px 18px 6px;box-shadow:var(--depth);margin:4px 0 24px;gap:6px}
.find-bar>details.more,.find-bar>details.find-date{margin:0;border-top:1px solid #1c2940;padding-top:2px}
.find-bar .find-range{margin:0 0 6px}
.day-head{margin-top:26px}
/* Catalog: raid tiles a little larger, so a short list does not look lost. */
.raid-tiles{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px}
/* Guide concepts share the existing card grammar. Their independent heights follow their content. */
.guide-concepts{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:20px;margin:18px 0 24px}
.guide-concepts>.card{min-width:0;margin:0}
.guide-concepts h2,.guide-checklist>h2{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;font-size:21px;line-height:1.45;color:var(--ink)}
.guide-concepts h2 .ic,.guide-checklist>h2 .ic{flex:0 0 24px;width:24px;height:24px;margin-top:3px}
.guide-concepts h2 .ic{color:var(--gold)}
.guide-concepts p,.guide-concepts dd,.guide-check-row,.guide-check-note{overflow-wrap:anywhere}
.guide-sr-intro{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.7}
.guide-hr-lines p{line-height:1.85;margin:12px 0}
.guide-hr-lines b,.guide-hr-difference b,.guide-sr-more b{color:var(--gold)}
.guide-hr-check{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);line-height:1.75}
.guide-hr-difference{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.7}
.guide-sr-flow{margin:18px 0}.guide-sr .guide-sr-more{margin-top:16px}
.guide-concepts .guide-act,.guide-checklist .guide-act{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.guide-sr .dice-rows{grid-template-columns:minmax(0,1fr)}
.guide-sr .dice-row{grid-template-columns:minmax(0,1fr) auto}
.guide-sr .dice-rolls{grid-column:1/-1;grid-row:2}.guide-sr .dice-who{white-space:normal}
.guide-checklist{margin:0 0 30px}.guide-checklist>h2 .ic{color:var(--muted)}
.guide-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.guide-check-row{min-width:0;padding:14px 0;border-top:1px solid var(--line)}
.guide-check-row dt{display:flex;align-items:center;gap:9px;font-weight:750;color:var(--ink);line-height:1.5}
.guide-check-row dt .ic{flex:0 0 19px;width:19px;height:19px;color:var(--muted)}
.guide-check-row dd{margin:5px 0 0 28px;font-size:14px;line-height:1.7;color:var(--muted)}
.guide-check-note{margin:12px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}
@media(max-width:1099px){.guide-concepts{grid-template-columns:minmax(0,1fr)}}
@media(max-width:719px){.guide-concepts{gap:16px}.guide-check-list{grid-template-columns:minmax(0,1fr)}.guide-concepts h2,.guide-checklist>h2{font-size:19px}}
/* Guide role narratives: readable subsections with a quiet left rail — the rail and dot step back so the step
   icon and the title do the pointing. One role shows at a time ([data-role] toggled by the head buttons). */
.guide-story{margin:30px 0 38px}.guide-story>h2{margin:0 0 14px}.guide-story[hidden]{display:none}
.guide-head .lead{max-width:700px;line-height:1.75}
.guide-story-intro{max-width:720px;margin:-4px 0 18px;color:#c0cada;line-height:1.78}
.guide-story-body{position:relative;padding-left:20px;border-left:1px solid #1d2f4e;max-width:760px}
.guide-story-part{position:relative;padding:2px 0 22px}.guide-story-part::before{content:"";position:absolute;left:-26px;top:12px;width:8px;height:8px;border-radius:50%;background:#41639e;border:3px solid #0d1724;box-sizing:content-box;opacity:.85}
.guide-story-copy h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:18px;color:#f4f7fb}.guide-story-copy h3 .guide-ic{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;background:none;border-radius:0}.guide-story-copy h3 .ic{width:19px;height:19px;color:#8fb0ff}.guide-story-copy p{margin:0 0 10px;max-width:700px;color:#c6d0e2;line-height:1.78}
.guide-story-copy p:last-child{margin-bottom:0}
.guide-poster{margin:0 0 28px;max-width:880px}.guide-poster a{display:block;border-radius:14px;overflow:hidden;border:1px solid #34425a}.guide-poster img{display:block;width:100%;height:auto}.guide-poster figcaption{font-size:13px;line-height:1.6;color:#9cabc0;margin-top:9px;max-width:740px}
.guide-sr-lines b,.guide-story-copy b,.guide-story-intro b,.guide-tool p b{color:#d8bd83;font-weight:700}
.guide-sr-lines p{line-height:1.85;max-width:740px;margin:12px 0}.guide-story-copy p{white-space:pre-line}.guide-story-part{padding-bottom:28px}
/* In-text shortcuts are small action boxes, not underlined text: obviously clickable, still inside the sentence. */
.guide-act{display:inline-flex;align-items:center;gap:6px;margin:1px 0;padding:3px 12px;border-radius:9px;background:#16233a;border:1px solid #34517e;color:#9ec1ff;font-weight:700;font-size:14.5px;text-decoration:none;white-space:nowrap;vertical-align:baseline}
.guide-act:hover{background:#1b2c49;border-color:#4a6ba3;color:#c0d8ff}
.guide-sr-lines a.guide-act,.sr-ex-note a.guide-act,.dice-result a.guide-act{font-size:13.5px;padding:2px 10px}
.guide-story-art{float:right;width:min(280px,42%);margin:0 0 14px 22px;border:1px solid #2a3a56;border-radius:12px;overflow:hidden;background:#0f151f}.guide-story-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.guide-story-art:has(img[hidden]){display:none}
.guide-story .guide-tool{max-width:880px;margin:8px 0 18px 22px}.guide-story .guide-go{max-width:880px;margin-left:22px}
/* Guide tool card: the download / export shortcuts and the folded official install note. */
.guide-tool .tool-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0}
.guide-tool .tool-links a{color:#9ec1ff;font-weight:750}
.guide-tool details.more{margin-top:12px}
@media(max-width:719px){.guide-story{margin:24px 0 32px}.guide-story-body{padding-left:18px}.guide-story-part::before{left:-24px}.guide-story-art{float:none;width:100%;margin:0 0 12px}.guide-story .guide-tool,.guide-story .guide-go{margin-left:18px}}
/* SR examples inside the guide: small cards instead of long text (the flow of one drop, and the duplicate example). */
.sr-ex{margin:14px 0 4px;padding:14px 16px;border-radius:12px;background:#0f1828;border:1px solid #243450}
.sr-ex-title{margin:0 0 10px;font-weight:800;color:#fff;font-size:15.5px}
.sr-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:0;padding:0;list-style:none;counter-reset:srstep}
.sr-flow li{counter-increment:srstep;display:flex;align-items:center;gap:9px;padding:7px 12px 7px 8px;border-radius:10px;background:#16233a;color:#e9eef7;font-size:14.5px;font-weight:650}
.sr-flow li::before{content:counter(srstep);flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#20345a;border:1px solid #3d5687;color:#cfe0ff;font-size:12.5px;font-weight:800}
/* Duplicate example: fixed columns, so the two rows line up (who, dice, best) and the best value sits by the dice. */
.dice-rows{display:grid;gap:8px;margin:0;grid-template-columns:minmax(0,max-content)}
.dice-row{display:grid;grid-template-columns:9em 10em auto;align-items:center;gap:10px 16px;padding:9px 14px;border-radius:10px;background:#131f33;border:1px solid #273856}
/* The example's winner is marked quietly (not the blue ring of a selected option: nothing here is clickable). */
.dice-row.win{border-color:#46618f;background:#16243c}
.dice-who{font-weight:800;color:#fff;white-space:nowrap}.dice-who small{display:block;font-size:12.5px;font-weight:700;color:#aebbd2}
.dice-rolls{display:flex;flex-wrap:wrap;gap:6px}
.die{display:inline-grid;place-items:center;min-width:40px;height:32px;padding:0 8px;border-radius:8px;background:#0d1524;border:1px solid #33466a;color:#d9e2f2;font-weight:800;font-variant-numeric:tabular-nums}
.die.best{border-color:#e8b44c;color:#ffe3a1;background:#241c0e}
.dice-best{font-size:14px;color:#c9d3e3;white-space:nowrap}.dice-best b{color:#e6ecf5;font-size:16px}
/* Only the winner's best value keeps the gold accent; the losing row's best stays plain data. */
.dice-row.win .dice-best b{color:#ffe3a1}
.dice-result{margin:10px 0 0;font-weight:750;color:#fff}.sr-ex-note{margin:8px 0 0;font-size:14px;color:#aebbd2}
@media(max-width:719px){.dice-rows{grid-template-columns:minmax(0,1fr)}.dice-row{grid-template-columns:minmax(0,1fr) auto}.dice-who{white-space:normal}.dice-rolls{grid-column:1/-1;grid-row:2}.sr-flow{flex-direction:column}}

.brand-image{position:relative;display:block;flex:0 0 44px;width:44px;height:44px}.brand-image>img{position:absolute;inset:0;object-fit:contain;border-radius:9px;background:#0c1729}.brand-image>img[hidden]{display:none}.guide-sr .guide-rules-inline{color:#d9bf88;font-size:14px;margin:18px 0 0}.guide-leader-start{padding:22px 0 0;margin-top:24px;border-top:1px solid var(--line)}.guide-leader-start h3{font-size:20px;margin:0 0 8px}.guide-end{padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:#aebcd1}.guide-end a{color:#c6d9f5;text-underline-offset:3px}.design-brand .media-preview img{width:88px;height:88px;object-fit:contain}.acct{gap:18px}.inbox-link{margin-left:8px}.inbox-copy{display:flex;flex-direction:column;text-align:left;gap:3px}.inbox-copy b{font-size:13px}.inbox-copy .push-state-badge{font-size:11px;font-weight:500}.inbox-link .ic{flex-shrink:0}@media(max-width:719px){.acct{gap:10px}.inbox-link{margin-left:4px;padding:6px 8px}.inbox-copy .push-state-badge{font-size:10px}.brand-image{width:32px;height:32px;flex-basis:32px}}
.run-leader{display:flex;align-items:center;gap:8px;margin:12px 0;color:#efdbac}.run-leader>span{font-size:12px;font-weight:500;color:#bac5d8}.run-leader>strong{font-size:19px;overflow-wrap:anywhere;letter-spacing:-.025em}.leader-identity h2{margin:4px 0;font-size:25px;color:#efdbac}.leader-identity p{margin:4px 0}.sort-label{text-align:right;color:#a9b7ce;font-size:13px;margin:16px 0 8px}
/* Compact shield wordmark; overrides legacy single-letter badge layout. */
.acct-btn.has-char .acct-text{display:flex;min-width:0}.acct-btn.has-char .acct-text b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:14em}.char-name,.leader-identity h2,.opt-title{overflow-wrap:anywhere}.run-leader{min-width:0}.run-leader .cls-icon,.run-leader>span{flex-shrink:0}
@media(max-width:600px){header.top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand side" "acct acct" "menu menu"}.acct{justify-content:flex-end;margin-top:8px;min-width:0}.acct-menu{min-width:0}.acct-btn.has-char .acct-text b{max-width:16em;font-size:14px}.acct-btn.has-char .acct-text{display:flex}.acct-btn.has-char .acct-k{font-size:10px}.inbox-link{flex-shrink:0}.leader-identity h2{font-size:21px}}
.side .brand{display:flex;flex-wrap:nowrap;gap:10px;align-items:center}.brand .hub-mark{width:44px;height:44px;flex:0 0 44px}.brand .brand-copy{display:flex;flex-direction:column;min-width:0;gap:2px;white-space:normal;overflow:visible}.brand .brand-copy .brand-name{position:static;width:auto;height:auto;clip:auto;white-space:normal;overflow:visible;font-size:20px;line-height:1.2;letter-spacing:-.03em}.brand .brand-en{font-size:10px;line-height:1.05;color:#8fa0bc;font-weight:700;letter-spacing:.08em}.brand .brand-game{font-size:12px;color:#a7b5cd;letter-spacing:.04em;font-weight:500}.side .brand .stage-badge{margin:3px 0 0;align-self:flex-start;height:18px;padding:0 6px;font-size:10px;color:#b4c3dd;background:transparent;border-color:#334765}.community-links{display:flex;flex-wrap:wrap;gap:8px}.community-links a{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #30405b;border-radius:9px;color:#c9d5eb;font-size:14px;text-decoration:none}.community-links a:hover{background:#192941}.community-links a>span:last-child{margin-left:auto;font-size:12px}.social-mark{width:21px;height:21px;color:#a0aaff}.kakao-link .ic{color:#dfc56f}.side-community{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.side-community .community-links{display:grid}.side-community .side-title{margin-bottom:8px}.guide-rules-note{border-left:3px solid #c5ab75;padding:14px 18px;margin:22px 0 30px;background:#172237;color:#dce3ef;line-height:1.65}.guide-outside{margin:28px 0;padding:22px;border:1px solid #34425a;border-radius:14px;background:#111d30;max-width:880px}.guide-outside h2{margin-top:0}.guide-poster a{cursor:zoom-in}.guide-end{margin-top:30px}.guide-end p{color:#bcc9de}.poster-viewer{padding:0;border:1px solid #435575;border-radius:14px;background:#0b1422;color:#e7edf6;width:calc(100vw - 32px);max-width:1450px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);overflow:hidden}.poster-viewer::backdrop{background:rgba(0,0,0,.85)}.poster-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #34425a}.poster-tools>div{display:flex;gap:8px}.poster-scroll{height:calc(100% - 64px);overflow:auto;padding:12px;overscroll-behavior:contain}.poster-scroll img{display:block;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}.poster-scroll.zoomed img{width:1122px;max-width:none;max-height:none;cursor:zoom-out}.share-box{margin:20px 0;border:1px solid #3b5277;background:#14223a;border-radius:14px;padding:18px}.share-box h2{font-size:18px;margin:0 0 8px}.share-actions{display:flex;gap:8px;flex-wrap:wrap}.share-box input,.share-box textarea{width:100%;margin:10px 0}.share-status{min-height:1.5em;color:#b2d4bc;font-size:13px}.share-box.compact{padding:14px 16px;background:#111a28;border-color:#34445e;box-shadow:0 8px 22px rgba(3,7,13,.18)}.share-box.compact h2{font-size:15px}.share-box .community-links{margin-top:10px}.run-actionbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin:16px 0 10px}.run-actionbar .btn{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0}.run-danger-row,.run-leader-row{display:flex;align-items:center;gap:8px;margin:10px 0;padding-top:10px;border-top:1px solid var(--line)}.run-danger-row .btn{background:#2a2024;border:1px solid #633d47;color:#f0c7cf}.run-leader-row{justify-content:flex-end}.run-leader-row .btn{min-height:44px}.own-summary-card{margin:12px 0;padding:12px;border:1px solid #354762;border-radius:10px;background:#101a29}.own-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.own-summary-card p{margin:5px 0}.own-summary-items{display:grid;gap:6px}.own-summary-items .own-sr-row{margin:0;padding:7px 8px;background:#151f2f}.own-summary-items .icon{width:30px;height:30px}.leader-faction-mark{width:19px;height:19px;vertical-align:-3px;margin-left:7px;border-radius:50%}.srow.decision .srow-v{font-weight:800;color:#dce7f8}.wside-actions{padding:0 2px}.character-roster-item .character-avatar{margin-right:6px}.srow .ic svg{width:100%;height:100%}@media(max-width:1099px){.wside .own-summary-card{padding:7px 10px;margin:0 0 8px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.wside .own-summary-head{font-size:13px}.wside .own-summary-head .srow-edit{display:none}.wside .own-summary-items{display:none}.wside .own-summary-card p{margin:0}.wside .wside-actions{padding:0}}.own-confirm-count{font-weight:800}.own-confirm .own-sr-row{background:#111a28}
@media(max-width:1099px){.side-community{border:0;margin:0;padding:0;grid-column:1/-1}.side-community>.side-title{display:none}.side-community .community-links{display:flex;gap:6px;margin:6px 0}.side-community .community-links a{padding:6px 9px;min-height:36px;font-size:12px}.brand .hub-mark{width:32px;height:32px;flex-basis:32px}.brand .brand-copy .brand-name{font-size:16px}.brand .brand-game{font-size:10px}.side .brand .stage-badge{display:none}}
@media(max-width:520px){.poster-tools{flex-wrap:wrap;padding:8px}.poster-tools strong{font-size:13px}.poster-tools .btn{min-height:38px;font-size:12px;padding:6px 10px}.poster-scroll{height:calc(100% - 72px)}.share-actions .btn{flex:1 1 140px}.guide-outside{padding:18px}.run-actionbar{grid-template-columns:1fr}.run-actionbar .btn{width:100%}.run-danger-row,.run-leader-row{display:block}.run-danger-row .btn,.run-leader-row .btn{width:100%}.own-summary-card{margin-bottom:14px}}
.push-blocked-notice{margin:22px 0 12px;padding:12px 16px;border-left:3px solid #d0aa6c;background:#2a251e;border-radius:8px}.push-blocked-notice p{margin:0 0 8px;color:#efd4aa}.notifications{max-width:900px}.notification-list{margin:14px 0;display:grid;gap:8px}.notifications .notification-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;margin:0;padding:12px 16px;border-radius:12px;box-sizing:border-box;min-width:0}.notifications .notification-copy{min-width:0}.notifications .notification-item .notification-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}.notifications .notification-item h2{font-size:16px;line-height:1.45;margin:0;overflow-wrap:anywhere}.notifications .notification-item p{margin:4px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.notifications .notification-item time{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--muted)}.notifications .notification-item form{margin:0}.notifications .notification-item .btn{min-height:44px;min-width:80px;padding:8px 12px;font-size:13px}.notifications .notification-item:not(.unread){border-left:4px solid #2a3546}@media(max-width:540px){.notifications .notification-item{padding:10px 12px;gap:8px}.notifications .notification-item .btn{min-width:64px;padding:8px}.notifications .notification-item h2{font-size:15px}}.notifications .notification-item:not(.unread){background:#151e2c;border-color:#2a3546}.notifications .notification-item:not(.unread) h2{color:#b8c3d4;font-weight:600}.notification-read-label{font-size:12px;color:var(--muted)}.notifications .notification-item.unread{border:1px solid #69727f;border-left:4px solid #f1f2f4;background:#303844;box-shadow:none}.notifications .notification-item.unread h2{color:#f2f6ff;font-weight:800}.notifications .notification-item.unread .badge{background:#eceef1;color:#26303c;border-color:#eceef1;font-size:11px;font-weight:750;padding:2px 7px;white-space:nowrap}.notifications .notification-item.unread .badge [aria-hidden]{color:#26303c}.notification-empty strong{color:var(--ink);font-size:18px}.notifications .push-settings{margin-top:28px;padding:0;background:transparent;border-color:var(--line)}.push-settings>summary{cursor:pointer;padding:14px 18px;min-height:48px;font-size:14px;font-weight:650;color:var(--ink2)}.push-settings>summary span{font-weight:500;color:var(--muted);margin-left:8px}.push-settings-body{padding:0 18px 18px}.push-settings-body>p:first-child{margin-top:8px}@media(max-width:540px){.push-settings>summary span{display:block;margin:4px 0 0 17px}}
.notifications .application-group{display:block}
.application-group>details>summary{cursor:pointer;list-style:none;padding:1px 0}
.application-group>details>summary::-webkit-details-marker{display:none}
.application-group .notification-heading strong{font-size:16px;color:#eef2f7;overflow-wrap:anywhere}
.application-run-time{display:block;font-size:12px;color:#bbc6d6;margin-top:4px}.application-group-count{display:inline-block;font-size:13px;color:#cbd1db;margin-top:5px}
.application-expand{display:inline-block;font-size:12px;color:#e0e4eb;margin-left:12px;text-decoration:underline;text-underline-offset:3px}
.application-group>details[open]>summary .application-expand{display:none}
.inbox-applicants{margin-top:10px;border-top:1px solid #536071}
.inbox-applicant{padding:12px 0;border-bottom:1px solid #495464;min-width:0}
.inbox-applicant-name{display:flex;gap:5px 10px;align-items:center;flex-wrap:wrap;line-height:1.5;font-size:14px}
.inbox-applicant-name strong{color:#f0f3f8;overflow-wrap:anywhere}
.inbox-applicant-state{font-size:12px;color:#c4d6cc}
.inbox-decision-buttons{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:9px}
.notifications .inbox-decision-buttons .btn{min-width:64px}
.inbox-decline{flex:1;min-width:64px}.inbox-decline>summary{display:inline-flex;cursor:pointer;list-style:none}
.inbox-decline>summary::-webkit-details-marker{display:none}
.inbox-decline-options{margin-top:8px;padding:12px;background:#182231;border:1px solid #536071;border-radius:8px}
.inbox-decline-options label{display:block;font-size:12px;margin:8px 0}
.inbox-decline-options select,.inbox-decline-options input{width:100%;min-width:0;box-sizing:border-box;min-height:40px}
.inbox-action-feedback:empty{display:none}.inbox-action-feedback{color:#ecd2b4}
.notifications .inbox-manage-link{margin-top:12px}
@media(max-width:540px){.inbox-decline{flex:initial}.inbox-decline[open]{flex-basis:100%}.application-expand{display:block;margin:5px 0 0}}
.notifications h2{margin-top:0}.notification-item h2{font-size:18px}.notification-item .row{justify-content:space-between}.notification-item .row>*{flex:0 1 auto}.notifications [data-push-status]{min-height:1.5em}.push-status{font-weight:650}.push-guidance{color:var(--ink2);max-width:38em}.push-actions{max-width:340px}.notifications [data-push-refresh]{max-width:340px}.push-help{margin-top:18px}.push-help h3{margin-top:18px}.push-help ol{padding-left:22px}.push-help li{margin:8px 0}.push-state-badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.3;padding:3px 6px;border-radius:6px;background:#253044;color:#b5c2d7}.inbox-link[data-push-state=enabled] .push-state-badge{background:#17392f;color:#a7dfc6}.inbox-link[data-push-state=blocked] .push-state-badge{background:#44341e;color:#f1d59e}.inbox-link[data-push-state=unknown] .push-state-badge{color:#b5c2d7}.character-card.current{border-color:#7c9cba;box-shadow:inset 3px 0 #9cc4cc}.character-card.current .badge{background:#203d45;color:#b5e1dc;border-color:#42646b}.character-faction{color:#c1cde1}.push-examples{padding-left:20px;line-height:1.75}.push-examples strong{color:#d5dfef}.push-mobile-tip{padding:12px 0 12px 14px;border-left:2px solid #c5ad7b;max-width:44em}.inbox-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px}.inbox-count{position:absolute;top:-3px;left:-4px;min-width:21px;height:21px;display:grid;place-items:center;box-sizing:border-box;border-radius:10px;padding:0 4px;background:#c93c48;color:#fff;font-size:13px;font-weight:800;line-height:1;box-shadow:0 0 0 2px #101827;font-variant-numeric:tabular-nums}.acct .inbox-copy{margin-left:3px}.acct .inbox-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:4px 10px;border:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--ink2);text-decoration:none}.acct .inbox-link:hover{background:rgba(161,184,220,.09);color:var(--ink)}.acct .inbox-link:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.acct .inbox-link .ic{width:24px;height:24px}.acct .inbox-copy{gap:1px}.acct .inbox-copy>b{font-size:15.5px;font-weight:750;line-height:1.2;color:var(--ink)}.acct .push-state-badge{padding:0;border:0;background:none!important;font-size:13px;font-weight:650;line-height:1.2}.acct .push-state-badge:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:middle}.acct .inbox-link[data-push-state=enabled] .push-state-badge{color:#a0d3b6}.acct .inbox-link:not([data-push-state=enabled]) .push-state-badge{color:var(--muted)}.acct .inbox-link[data-push-state=disabled] .push-state-badge{color:#f2b67e}.acct .inbox-link[data-push-state=blocked] .push-state-badge{color:#ffaaa7}.notifications .push-device-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 18px}.notifications .push-device-controls[hidden]{display:none}.notifications .push-device-controls .btn{min-height:44px}.notifications[data-push-state=enabled] .push-status{color:var(--ok)}.notifications[data-push-state=disabled] .push-status{color:#f2b67e}.push-help-picture{margin:16px 0;max-width:480px}.push-help-picture img{display:block;width:100%;height:auto;border:1px solid #4b4a46;border-radius:12px}.push-help-picture figcaption{font-size:12px;color:var(--muted);margin-top:8px}.push-help li strong{color:#e9c599}@media(max-width:600px){.acct .inbox-link{padding:4px 6px;gap:7px}.acct .inbox-copy .push-state-badge{font-size:13px}}
.image-usage{margin:12px 0 16px;max-width:440px}.image-usage figcaption{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:8px;font-size:13px}.usage-site{display:grid;grid-template-columns:82px minmax(0,1fr);height:156px;border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;background:var(--bg2);font-size:9px;line-height:1.4;color:var(--ink2)}.usage-side,.usage-body,.usage-banner,.usage-card-image,.usage-corner{position:relative;overflow:hidden}.usage-side{display:flex;flex-direction:column;gap:9px;padding:10px 6px;border-right:1px solid var(--line);background:#101b2c}.usage-brand{position:relative;min-height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;overflow:hidden}.usage-side>span,.usage-brand{z-index:1}.usage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.usage-logo{display:block;max-width:100%;height:28px;object-fit:contain}.usage-main{min-width:0}.usage-top{height:23px;padding:5px 9px;border-bottom:1px solid var(--line)}.usage-top>span{float:right}.usage-body{height:133px;padding:10px}.usage-body>.usage-art{opacity:.4}.usage-banner{height:33px;margin-bottom:8px;padding:8px;background:#182537;border-radius:4px}.usage-banner>strong{position:relative;color:white;text-shadow:0 1px 2px #000}.usage-card{position:relative;display:grid;grid-template-columns:30% minmax(0,1fr);min-height:65px;background:var(--surface);border:1px solid var(--line);border-radius:5px;overflow:hidden}.usage-card>div:last-child{display:flex;flex-direction:column;gap:5px;padding:6px;min-width:0}.usage-card strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.usage-button{align-self:flex-end;padding:3px 7px;background:var(--primary);color:white;border-radius:4px}.usage-target{outline:2px solid var(--primary-ink);outline-offset:-2px}.usage-target:after{content:"";position:absolute;inset:0;border:2px solid var(--primary-ink);pointer-events:none}.usage-card-image{background:#293951}.usage-corner{position:absolute;right:3px;top:3px;width:58px;height:45px;z-index:2;background:#293951}.image-selection{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0;font-size:13px}.image-selection img{width:90px;height:56px;object-fit:contain;background:#0b1423;border-radius:6px}.image-selection .btn{min-height:40px}.image-frame-error{color:var(--danger);font-size:14px;margin:8px 0}.image-frame-error[hidden],.image-selection[hidden]{display:none}
.image-frame-dialog{width:min(660px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 16px 60px #0008;overflow:auto}.image-frame-dialog::backdrop{background:#030815bb}.image-frame-content{padding:22px}.image-frame-content h2{font-size:23px;margin:0 0 6px}.image-frame-content>p{font-size:14px;color:var(--muted);margin:0 0 16px}.image-frame-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:45vh;margin:0 auto;background:repeating-conic-gradient(#172131 0% 25%,#233044 0% 50%) 0/20px 20px;border:2px solid var(--primary-ink);border-radius:8px;touch-action:none;cursor:grab}.image-frame-canvas:active{cursor:grabbing}.image-frame-canvas:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.image-frame-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.image-frame-controls label{display:flex;flex-direction:column;gap:8px;font-size:14px}.image-frame-controls input[type=range]{width:100%;padding:0;min-height:44px}.image-frame-actions{display:flex;justify-content:flex-end;gap:10px}.image-frame-actions .btn{min-height:46px}@media(max-width:540px){.image-frame-content{padding:16px}.image-frame-controls{grid-template-columns:1fr;gap:10px}.image-frame-actions .btn{flex:1}.usage-site{grid-template-columns:66px minmax(0,1fr)}}
.role-auto{display:inline-flex;gap:7px;min-height:0;padding:0;background:transparent;color:var(--muted);font-size:.9rem;font-weight:500}.role-auto[hidden]{display:none}.join-register{margin-top:18px}.join-register>summary{font-size:.9rem;color:var(--muted);font-weight:600}
.bug-launcher{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom) + var(--bug-lift,0px));z-index:35;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #7486a4;border-radius:999px;background:#22314a;color:#eff4ff;box-shadow:0 5px 20px #0006;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.bug-launcher:hover{background:#31445f}.bug-launcher .ic{width:19px;height:19px}body:has(dialog[open]) .bug-launcher{visibility:hidden}.bug-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.bug-heading h2{margin:0}.bug-heading .btn{margin:0;min-width:44px;min-height:44px;padding:8px}.bug-dialog [data-macro-field=expected],.bug-dialog [data-macro-field=actual]{min-height:72px}.bug-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto}.bug-dialog .modal-card{padding:22px}.bug-dialog label{font-weight:650;font-size:14px;margin-top:14px}.bug-dialog input,.bug-dialog textarea{width:100%;margin:6px 0}.bug-dialog input[readonly]{font-size:12px;color:var(--muted);background:var(--bg)}.bug-dialog .bug-auto-hint{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 4px}.bug-dialog [data-macro-field=macro]{font-family:monospace;min-height:86px}.bug-dialog [data-macro-field=original]{min-height:86px}.bug-dialog [data-bug-refresh]{margin:0 0 4px;font-size:12px;min-height:36px}.bug-dialog details{margin-top:16px}.bug-dialog summary{cursor:pointer;font-size:13px;color:var(--muted)}.bug-dialog textarea{resize:vertical;min-height:110px}.bug-dialog textarea[aria-invalid=true]{border-color:#ff8585;box-shadow:0 0 0 2px #ff858526}.bug-dialog [data-bug-send]{width:100%;margin-bottom:0}.bug-status{min-height:1.5em;margin:10px 0;font-size:14px;color:#b9e8c7}.bug-status.bad{color:#ffaaaa}.bug-report-description{white-space:pre-wrap;overflow-wrap:anywhere}footer.wrap{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
@media(max-width:599px){.bug-launcher{right:max(12px,env(safe-area-inset-right));padding:9px 13px;font-size:13px}.bug-dialog .modal-card{padding:18px}}

.board-heading{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px 20px;margin-bottom:22px}.board-heading>div{min-width:0}.board-heading h1{margin:0 0 8px}.board-heading p{margin:0}.board-heading .board-other{flex:0 0 auto;width:auto;min-height:36px;margin:0;padding:6px 12px;font-size:.85rem;white-space:nowrap}
.board-filter-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:16px}.board-filters{display:flex;flex-wrap:wrap;gap:6px}.board-filters a{display:inline-flex;align-items:center;min-height:32px;font-size:.8rem;padding:4px 9px;border-radius:6px;border:1px solid var(--tag-line,#43536a);background:var(--tag-bg,#172536);color:var(--tag-ink,#cbd4e2);text-decoration:none;line-height:1.4}.board-filters a:hover{filter:brightness(1.15)}.board-filters [aria-current]{border-color:var(--sel,#86aaff);box-shadow:inset 0 0 0 1px var(--sel,#86aaff)}.board-filters a:focus-visible,.board-popular:focus-visible,.board-other:focus-visible,.board-reply-link:focus-visible{outline:2px solid var(--sel,#86aaff);outline-offset:3px}.board-filter-options .board-popular{flex:0 0 auto;width:auto;min-height:36px;margin:0;padding:6px 12px;font-size:.83rem;white-space:nowrap}.board-popular[aria-current]{border-color:var(--sel);box-shadow:inset 0 0 0 1px var(--sel);color:var(--primary-ink)}
.board-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.board-toolbar form{display:flex;gap:8px;flex:1;max-width:640px;margin:0}.board-toolbar input{margin:0;min-width:0;flex:1}.board-toolbar form .btn{width:auto;flex:0 0 auto;min-width:64px}.board-toolbar>.board-write{width:auto;flex:0 0 auto}.board-toolbar .btn{white-space:nowrap}.board-write{margin-left:auto}
.community-rows{overflow:hidden;border:1px solid #344459;border-radius:12px;background:#111e2f}.community-row{display:grid;grid-template-columns:84px minmax(0,1fr) 50px;align-items:center;gap:14px;padding:17px 20px;margin:0;border:0;border-bottom:1px solid #2b3a4e;border-radius:0;background:none}.community-row:last-child{border-bottom:0}.community-row:hover{background:#1b2a3e}.board-row-main{min-width:0}.community-row-title{display:flex;align-items:baseline;gap:8px;font-size:1.04rem;line-height:1.5;color:#f3f6fa;overflow:visible;white-space:normal;text-decoration:none}.community-row-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.board-reply-count{color:#a5bff6;font-size:.85rem;font-weight:700;flex-shrink:0}.community-row-meta{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:7px 0 0;color:#aab7ca;font-size:.79rem;min-width:0}.community-row-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}
.board-tag{font-size:.78rem;line-height:1.4;display:inline-flex;justify-content:center;justify-self:start;border-radius:5px;padding:4px 7px;background:var(--tag-bg,#293747);color:var(--tag-ink,#ccd5e2);white-space:nowrap}.board-reply-count{display:inline-flex;align-items:center;gap:4px;line-height:1.3}.board-reply-count>.ic{width:14px;height:14px;flex:none}.community-row{padding-top:14px;padding-bottom:14px}.community-row-meta{margin-top:5px}
.board-tag[data-tag="general"],.board-filters [data-tag="general"]{--tag-ink:#ccd5e2;--tag-bg:#293747;--tag-line:#526175}
.board-tag[data-tag="no_show"],.board-filters [data-tag="no_show"]{--tag-ink:#f6ce82;--tag-bg:#3c3020;--tag-line:#6a5231}
.board-tag[data-tag="early_departure"],.board-filters [data-tag="early_departure"]{--tag-ink:#f0b28d;--tag-bg:#3b2b25;--tag-line:#6b4937}
.board-tag[data-tag="afk"],.board-filters [data-tag="afk"]{--tag-ink:#cabbf7;--tag-bg:#302d45;--tag-line:#564b78}
.board-tag[data-tag="conduct"],.board-filters [data-tag="conduct"]{--tag-ink:#e9b5ce;--tag-bg:#3d2a37;--tag-line:#70465f}
.board-tag[data-tag="loot"],.board-filters [data-tag="loot"]{--tag-ink:#f1a6ae;--tag-bg:#3f272e;--tag-line:#75414a}
.board-tag[data-tag="other"],.board-filters [data-tag="other"]{--tag-ink:#b1d1e9;--tag-bg:#243644;--tag-line:#425f76}
.board-votes{text-align:center;font-variant-numeric:tabular-nums;color:#c2cede}.board-votes small{display:block;font-size:.7rem;color:#a0aec1}.board-votes b{font-size:1rem}.community-avatar{width:26px;height:26px;flex:0 0 26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#283647}.community-row-meta .community-avatar{width:20px;height:20px}.community-avatar .ic{width:18px;height:18px}.board-empty{padding:36px 20px;color:#b5c1d3;text-align:center}
.community-post{background:#142134;border:1px solid #344559;border-radius:12px;padding:clamp(20px,3vw,36px);margin-bottom:26px}.community-post h1{margin:12px 0 20px;font-size:clamp(1.5rem,3vw,2rem);overflow-wrap:anywhere}.community-author{display:flex;align-items:center;gap:10px}.community-author>span{min-width:0}.community-author strong{font-size:.9rem;overflow-wrap:anywhere}.community-author small{display:block;color:#a9b6c9;font-size:.78rem;margin-top:4px}.community-body{margin:24px 0;line-height:1.8}.board-text{white-space:pre-wrap;overflow-wrap:anywhere}.board-post-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #304155;padding-top:20px}.board-post-actions form,.community-reply form{margin:0}.board-comments{padding:0 12px}.board-comments h2{font-size:1.12rem}.board-comments h2 span{color:#b9cae3;margin-left:5px}.community-reply{padding:18px 4px;margin:0;border:0;border-bottom:1px solid #334257;border-radius:0;background:none}.community-reply .community-body{margin:12px 0 10px;font-size:.94rem}.community-reply .actions{justify-content:flex-end;gap:8px}.community-reply .btn{font-size:.8rem;min-height:34px;padding:5px 12px}.board-reply-form{margin:24px 0}.board-reply-form textarea{min-height:100px}.board-tag-field{max-width:230px}.board-search-link{font-size:.79rem;white-space:nowrap;display:inline-flex;margin-top:5px;color:#b4c8ef}
.board-vote{font-variant-numeric:tabular-nums;white-space:nowrap}.board-vote[aria-pressed=true]{border-color:var(--sel);color:var(--primary-ink)}.board-reply-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.community-reply .board-reply-actions>.actions{margin:0}.board-reply-link{display:inline-flex;align-items:center;min-height:34px;font-size:.8rem;color:var(--primary-ink);text-underline-offset:3px;white-space:nowrap}.community-reply[id]{scroll-margin-top:96px}.community-reply:target{outline:2px solid var(--sel);outline-offset:4px}.board-featured-comments{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.board-featured-comments h2{margin:0 0 8px;font-size:1rem}.board-featured-reply{padding:12px 4px}.board-featured-reply:last-child{border-bottom:0}.board-featured-reply .community-body{margin:8px 0;font-size:.9rem}
@media(max-width:600px){.board-heading{gap:10px}.board-heading .board-other{font-size:.8rem}.board-toolbar{gap:8px;flex-wrap:wrap}.board-toolbar form{flex-basis:100%;max-width:none}.board-write{min-height:40px}.community-row{grid-template-columns:minmax(0,1fr) 38px;gap:7px;padding:14px}.community-row>.board-tag{grid-column:1;grid-row:auto}.board-row-main{grid-column:1}.board-votes{grid-column:2;grid-row:1 / span 2}.community-row-title{font-size:1rem}.community-row-meta{font-size:.73rem;gap:6px;flex-wrap:wrap}.community-row-meta>span{max-width:150px}.community-post{padding:20px 16px}.board-comments{padding:0 2px}.board-post-actions{flex-wrap:wrap}}
form[data-submit-once][aria-busy=true] button[type=submit],form[data-submit-once][aria-busy=true] button:not([type]){opacity:.7;cursor:progress}
.board-heading{justify-content:space-between}.board-heading .board-other{font-size:15px;min-height:42px;border-color:#56739b;padding:9px 15px}
.board-filter-options .board-popular{font-size:15px;min-height:42px;color:var(--gold);border-color:#a9863f;background:#221f18;padding:9px 15px;gap:7px}.board-popular .ic{width:20px;height:20px}
.board-popular[aria-current]{background:#173b69;border-color:var(--sel);color:var(--primary-ink)}
.board-list-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.community-rows{background:none;border:0;display:grid;gap:9px;overflow:visible}
.community-row{padding:20px;min-height:95px;background:#102033;border:1px solid #3a4c61;border-radius:11px;grid-template-columns:76px minmax(0,1fr) 58px}
.community-row:last-child{border-bottom:1px solid #3a4c61}.community-row-title{font-size:19px;align-items:center}.community-row-title strong{font-weight:750}.community-row-meta{font-size:14px;margin-top:7px}.community-row-meta .community-avatar{width:26px;height:26px;flex-basis:26px}
.board-tag{font-size:13px;padding:6px 10px;border-radius:8px}.board-reply-count{font-size:14px;gap:5px}.board-reply-count>.ic{width:19px;height:19px}
.board-votes{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--gold);font-size:16px}.board-votes .ic{width:21px;height:21px}.board-votes b{font-size:16px}
.board-highlights{display:grid;gap:18px;min-width:0}.board-highlights section{background:#102033;border:1px solid #3a4c61;border-radius:11px;padding:19px}.board-highlights h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 16px}.board-highlights h2 .ic{width:21px;height:21px;color:var(--primary-ink)}.board-highlights h2 small{font-size:11px;font-weight:500;color:var(--muted);margin-left:auto}.board-highlights ol,.board-highlights ul{padding:0;margin:0;list-style:none;display:grid;gap:16px}.board-highlights li{display:flex;align-items:start;gap:12px;font-size:14px}.board-highlights li>a{flex:1;min-width:0;color:var(--ink);text-decoration:none;line-height:1.55;overflow-wrap:anywhere}.board-highlights li>a:hover{text-decoration:underline}.board-highlights li>a small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.board-highlights li>span{display:flex;gap:4px;align-items:center;flex:none;color:var(--gold);font-size:13px}.board-highlights li>span .ic{width:17px;height:17px}
.community-post>.community-author{flex-wrap:wrap}.community-author .community-avatar{width:40px;height:40px;flex-basis:40px}.community-author strong{font-size:16px}.community-author small{font-size:12px}.board-post-stats{margin-left:auto;display:flex;gap:17px;align-items:center;font-size:15px;color:var(--muted)}.board-post-stats>span,.board-post-stats>a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}.board-post-stats .ic{width:20px;height:20px}.board-post-stats>span:last-child{color:var(--gold)}.board-vote .ic{width:20px;height:20px;color:var(--gold)}.board-vote{display:inline-flex;gap:7px;align-items:center}
.community-post .community-body{font-size:17px;line-height:1.85}.board-comments h2,.board-featured-comments h2{font-size:21px}.board-featured-reply{padding:18px;background:#182b3d;border:1px solid #3b516a;border-radius:10px;margin:10px 0}.board-featured-reply:last-child{border-bottom:1px solid #3b516a}.community-reply .community-body,.board-featured-reply .community-body{font-size:16px;line-height:1.7;margin:12px 0}.community-reply .btn{font-size:14px;min-height:38px}.community-reply .community-body{margin:4px 0 10px 50px}.community-reply .board-reply-actions{margin-left:50px}.community-reply .board-text{margin:0}.community-reply .community-author{margin:0}
@media(max-width:1150px){.board-list-layout{grid-template-columns:1fr}.board-highlights{grid-template-columns:1fr 1fr}}
.board-comments:not(.board-featured-comments){background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.board-comments:not(.board-featured-comments)>h2{margin-top:0}.board-post-actions>.actions:empty{display:none}
@media(max-width:600px){.board-heading .board-other{font-size:14px}.board-highlights{grid-template-columns:1fr}.community-row{grid-template-columns:minmax(0,1fr) 48px;gap:7px;padding:16px;min-height:105px}.community-row-title{font-size:17px;align-items:baseline}.community-row-title strong{white-space:normal;overflow-wrap:anywhere}.community-row-meta{font-size:13px}.board-post-stats{margin:10px 0 0;width:100%;gap:20px}.board-filters a{font-size:13px}.board-filter-options .board-popular{font-size:14px}.community-post .community-body{font-size:16px}.board-highlights h2{font-size:18px}}
@media(max-width:600px){.board-filters a{min-height:36px}.board-filter-options{gap:8px 16px}}
.board-back-nav{margin:0 0 14px}.board-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 10px;margin-left:-10px;border-radius:8px;color:var(--muted);font-size:14px;text-decoration:none}.board-back:hover{color:var(--ink);background:var(--surface)}.board-back:focus-visible,.board-return:focus-visible{outline:2px solid var(--sel);outline-offset:3px}.board-back .ic{width:18px;height:18px}.board-return{min-height:44px;white-space:nowrap}.board-post-actions>.actions{margin:0;flex-wrap:wrap;gap:8px}.board-bottom-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.board-vote-status{display:block;min-height:18px;max-width:320px;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.board-vote-status:empty{visibility:hidden}.board-vote-status.is-error{color:var(--danger);font-weight:600}.board-vote[aria-disabled=true]{cursor:progress;opacity:.8}.board-post-stats b{font-weight:inherit}
@media(max-width:600px){.community-reply .board-vote{min-height:44px}.board-post-actions{align-items:flex-start}.board-post-actions>.actions{justify-content:flex-end;margin-left:auto}.board-vote-status{max-width:240px}}

/* Shared run cards keep their default border and the existing official faction mark. */
.loot-rules-card h2{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;line-height:1.4;margin:0 0 14px}.loot-rules-card h2>.ic{width:25px;height:25px;color:var(--primary-ink,#b4c8ef);flex:none}.loot-rule-rows .srow{display:grid;grid-template-columns:22px minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:8px;padding:11px 0}.loot-rule-rows .srow>.ic{width:22px;height:22px;color:var(--primary-ink,#b4c8ef)}.loot-rule-rows .srow-l{white-space:normal;color:var(--ink2);font-size:14px;line-height:1.6;min-width:0}.loot-rule-rows .srow-v{grid-column:auto;text-align:right;color:var(--ink);font-size:14px;line-height:1.6;font-weight:600;min-width:0;overflow-wrap:anywhere;white-space:pre-line}.loot-rule-rows .loot-rule-important .srow-v{font-size:16px;font-weight:750;color:var(--gold,#f4cd70)}
.join-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.join-context,.join-selection{min-width:0}.join-selection.confirm-card{margin:0;padding:22px}.join-selection h2{display:flex;align-items:center;gap:9px;margin:0 0 18px;font-size:22px}.join-selection h2>.ic{color:var(--primary-ink,#b4c8ef)}.join-selection .char-pick{margin:0}.join-selection .char-pick>.opts{grid-template-columns:minmax(0,1fr)}.join-selection .char-pick>.btn{width:100%;margin-top:16px;background:var(--primary);color:white}.join-selection .form-shell{max-width:none;margin:0;padding:12px 0;border:0;background:none;box-shadow:none}.join-selection .join-register{margin-top:20px}.join-context>.card{margin-bottom:0}.join-context .slots{width:100%;table-layout:fixed}.join-context .slots th,.join-context .slots td{overflow-wrap:anywhere}.join-context .slots th:first-child{width:42%}
@media(max-width:600px){.run-builder .loot-confirm .srow{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:6px 8px}.run-builder .loot-confirm .srow-l{grid-column:2;white-space:normal}.run-builder .loot-confirm .srow-v{grid-column:2;grid-row:2;text-align:left;overflow-wrap:anywhere;word-break:keep-all}.run-builder .loot-confirm .srow-edit{grid-column:3;grid-row:1/3;align-self:center}}
@media(min-width:1000px){.join-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px}}
@media(max-width:600px){.join-selection.confirm-card{padding:18px 16px}.loot-rule-rows .srow{display:grid;grid-template-columns:20px minmax(0,.85fr) minmax(0,1.15fr);gap:6px}.loot-rule-rows .srow-l,.loot-rule-rows .srow-v{font-size:13px}.loot-rule-rows .loot-rule-important .srow-v{font-size:14px}}
.wrap:has(.run-detail){max-width:1560px}.page.wide:has(.run-detail){max-width:none}
.run-detail{--detail-surface:#151f2b;--detail-quiet:#0f1822;--detail-line:#334352;color:#e8edf4;min-width:0}
.run-detail-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--detail-line);border-radius:18px;background:linear-gradient(115deg,#101923ed,#172330dd);margin:0 0 20px}
.run-detail-hero>.raid-art{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;z-index:-2}.run-detail-hero>.raid-art img{width:100%;height:100%;object-fit:cover}
.run-detail-hero.with-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08111be8 0%,#08111bca 55%,#08111b44);z-index:-1}
.run-detail-hero-body{padding:28px 30px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);column-gap:28px;align-items:center;min-height:245px}
.run-detail-badges{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;margin:0 0 12px}.run-detail-badges .badge{font-size:13px;min-height:30px;padding:5px 11px}
.run-detail-side-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #59687b;background:#141e29;color:#edf0f6;border-radius:9px;padding:4px 10px;font-size:14px;font-weight:750}.run-detail-side-badge img{width:22px;height:22px;object-fit:contain}.run-detail-side-badge[data-side=horde]{border-color:#894449;background:#351c23}.run-detail-side-badge[data-side=alliance]{border-color:#426ca9;background:#182b47}
.run-detail h1{grid-column:1;margin:0 0 12px;font-size:clamp(25px,2.3vw,36px);line-height:1.3;overflow-wrap:anywhere}.run-detail-context{grid-column:1;margin:0 0 12px;color:#aebdcd;font-size:14px}
.run-detail-hero-memo{grid-column:1/-1;display:flex;gap:8px;align-items:start;border-top:1px solid #61738955;padding-top:12px;margin:15px 0 0;font-size:14px;color:#d1dcea;white-space:pre-wrap}.run-detail-hero-memo .ic{width:18px;height:18px;flex:none;color:#a8bbd3}
.run-detail-schedule{grid-column:1;min-width:0}.run-detail-departure{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-weight:800;font-size:21px}.run-detail-departure>.ic{width:24px;height:24px;color:#a8bcda}.run-detail-departure .tm-c{color:#f0c669}
.run-detail-times{display:flex;gap:6px 18px;flex-wrap:wrap;color:#bdcad9;margin-top:8px;font-size:15px}.run-detail-times .tm-c{color:inherit;font-weight:700}.run-detail-times .tm-p{font-size:inherit}
.run-detail-identity{grid-column:2;grid-row:2/5;border-left:1px solid #70809670;padding-left:28px;min-width:0}.run-detail-k{font-size:14px;color:#b8c6d6;font-weight:600;display:block}.run-detail-leader{display:flex;align-items:center;gap:10px;min-width:0;margin:7px 0}.run-detail-leader strong{font-size:28px;color:#fff;font-weight:800;overflow-wrap:anywhere}.run-detail-leader .cls-icon.big{width:38px;height:38px;display:block;border-radius:9px}.run-detail-faction{flex:none;object-fit:contain}.run-detail-contact{font-size:14px;color:#bccadb;margin:9px 0 0;overflow-wrap:anywhere}.run-detail-contact b{color:#e2e8f1}
.run-detail-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);gap:20px;align-items:start}.run-detail-main,.run-detail-side{display:grid;gap:18px;min-width:0}
.run-detail-section,.run-detail .group-recruitment-notice,.run-detail .share-box{background:linear-gradient(130deg,#192633,#131e29);border:1px solid var(--detail-line);border-radius:16px;padding:23px;margin:0;box-shadow:0 6px 22px #050c1618;min-width:0;overflow-wrap:anywhere}
.run-detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.run-detail h2{font-size:23px;line-height:1.4;margin:0;display:flex;align-items:center;gap:10px}.run-detail h2>.ic{width:25px;height:25px;color:#9fbbe1}.run-detail h3{font-size:18px;display:flex;align-items:center;gap:9px;margin:0 0 13px}.run-detail h3>.ic{width:22px;height:22px;color:#d3ad64}
.run-rule-summary{display:grid;grid-template-columns:.8fr .9fr 1.4fr;gap:10px}.run-rule-summary>div{display:grid;grid-template-columns:25px 1fr;gap:5px 9px;align-items:center;padding:14px 12px;border:1px solid #354858;border-radius:10px;background:#0b152080;min-width:0}.run-rule-summary .ic{grid-row:1/3;width:22px;height:22px;color:#96b7e5}.run-rule-summary span{font-size:13px;color:#b2c2d3}.run-rule-summary strong{font-size:18px;line-height:1.45;color:#fff}.run-detail-deadline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:#b6c5d5;margin:14px 0 0}.run-detail-deadline .ic{width:16px;height:16px}.run-detail-deadline b{font-weight:650;color:#d9e3ee}
.run-leader-rules{border-top:1px solid var(--detail-line);padding-top:20px;margin-top:20px}.run-leader-rule-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;border:1px solid #405169;border-radius:12px;padding:18px;background:#101927}.run-leader-rule-grid:has(>.run-rule-callout:nth-child(2)){grid-template-columns:.8fr 1.3fr}.run-rule-callout+ .run-rule-callout{border-left:1px solid #405169;padding-left:18px}.run-rule-callout>strong{display:block;color:#f0cc80;font-size:24px;margin-top:8px}.run-rule-callout strong small{display:block;font-size:14px;font-weight:600;color:#b8c6d6;margin-top:4px}.run-rule-callout .run-detail-k .ic{width:18px;height:18px;color:#c6a7ec;vertical-align:middle;margin-right:5px}.run-rule-callout .run-detail-k b{color:#ead49b}.run-rule-callout ul{padding:0;list-style:none;margin:10px 0;color:#d4b2f5;font-size:19px;font-weight:800}.run-rule-callout p{margin:0;color:#c0cbd9;font-size:14px;line-height:1.6}
.run-minor-section{margin-top:20px}.run-minor-section h3{color:#bfcddd;font-size:15px;font-weight:650;margin-bottom:8px}.run-minor-rules{padding:12px 14px;background:#0c151f85;border-radius:10px;margin:0;font-size:14px}.run-minor-rules>div{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:5px 0}.run-minor-rules dt{display:flex;align-items:center;gap:8px;color:#b8c7d8}.run-minor-rules dt .ic{width:17px;height:17px;color:#96bcae}.run-minor-rules dd{margin:0;color:#dce4ed}.run-group-link{font-size:14px;margin:15px 0 0}.run-detail-notice{padding:15px 20px}.run-detail-notice p{margin:5px 0 0;white-space:pre-wrap}.run-detail .group-recruitment-notice h2{margin-bottom:12px}
.run-detail-total{font-size:13px;white-space:nowrap;color:#adbdcf}.run-detail-recruit-card>.card{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.run-detail-recruit-card>.card>h3{display:none}.run-detail-recruit-card .slots{font-size:14px}.run-detail-recruit-card .slots td{padding:12px 6px;vertical-align:middle}.run-detail-recruit-card .slots th{padding:0 6px 9px}.run-detail-recruit-card .slots td:first-child{min-width:75px}.run-detail-recruit-card .badge{font-size:12px;white-space:normal}.run-detail-recruit-card .small{font-size:13px;line-height:1.6;margin:12px 0}.run-detail-recruit-card .slots .role-tag{white-space:nowrap}.run-detail-stats{display:flex;flex-wrap:wrap;gap:6px 12px;color:#b4c3d5;font-size:13px;margin:10px 0}.run-detail-stats b{color:#edf2fa}
.run-detail-actions{display:grid;gap:9px;margin-top:18px}.run-detail-actions .btn,.run-detail-manage .btn{width:100%;margin:0;min-height:50px;font-size:16px}.run-detail-actions>.btn:not(.secondary):not(.primary-action){background:#346fea;color:white;font-size:19px}.run-detail-loot-link{display:flex;align-items:center;gap:8px;min-height:42px;font-size:15px;margin-top:2px}.run-detail-loot-link .ic{width:19px;height:19px}.run-detail-danger{border-top:1px solid var(--detail-line);margin-top:17px;padding-top:12px}.run-detail-danger form{margin:0}.run-detail-danger .btn{min-height:42px;font-size:14px;margin:0;background:#30202a;border:1px solid #74515b;color:#f0bdc8}.run-detail-manage{margin-top:12px}.run-detail .share-box{background:#101923;padding:18px}.run-detail .share-box h2{font-size:18px;margin-bottom:14px}.run-detail .share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.run-detail .share-actions .btn{margin:0;padding:10px 8px;font-size:14px;min-height:44px}.run-detail .share-box .more{margin-top:12px;font-size:13px}.run-detail .share-box .social-links{margin-top:10px}.run-detail .share-box .social-links a{font-size:13px}.run-detail-my>p{margin:0 0 14px}.run-detail-my .state{margin:0}.run-detail-closed{color:#c3cfdd;font-size:14px;padding:10px 0;margin:0}
/* Key values share the existing amber token; labels and secondary tools stay quiet. */
.run-rule-summary strong,.run-detail-departure .tm-c,.run-detail-deadline b,.run-rule-callout>strong,.run-rule-callout .run-detail-k b,.run-rule-callout ul{color:var(--gold)}
.run-detail h3>.ic,.run-rule-callout .run-detail-k .ic,.run-minor-rules dt .ic{color:var(--muted)}
.run-detail-my .state.done h3{color:var(--ok)}.run-detail-my .state.pending{background:var(--detail-quiet);border-color:var(--detail-line)}
.run-detail-actions>.btn:not(.secondary){background:var(--primary)}
.run-own-items{list-style:none;margin:12px 0;padding:0}.run-own-items li+li{border-top:1px solid var(--detail-line)}
.run-own-item{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 0;min-width:0;text-decoration:none}.run-own-item .icon{width:36px;height:36px;flex:0 0 36px;border-radius:6px}
.run-own-item-text{display:grid;gap:2px;min-width:0;flex:1}.run-own-item-name{font-size:15px;font-weight:750;overflow-wrap:anywhere;color:var(--primary-ink)}.run-own-item-source{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}.run-own-item-quantity{flex:none;font-size:14px;color:var(--gold)}
a.run-own-item:hover .run-own-item-name{text-decoration:underline}a.run-own-item:focus-visible{outline:2px solid var(--sel);outline-offset:3px;border-radius:6px}
@media(min-width:1700px){.run-detail-hero-body{padding:32px 36px;min-height:250px}.run-detail-section{padding:26px}.run-rule-summary strong{font-size:20px}}
@media(max-width:1199px){.run-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:16px}.run-detail-section{padding:18px}.run-rule-summary>div{display:flex;flex-direction:column;align-items:flex-start}.run-rule-summary .ic{width:20px;height:20px}.run-rule-summary strong{font-size:17px}}
@media(max-width:899px){.run-detail-grid{grid-template-columns:1fr}.run-detail-hero-body{grid-template-columns:1fr;padding:22px;min-height:0}.run-detail-identity{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #70809670;padding:16px 0 0;margin-top:18px}.run-detail-leader strong{font-size:25px}.run-detail-hero{margin-bottom:16px}.run-detail h1{font-size:29px}.run-detail-departure{font-size:19px}.run-detail-times{font-size:14px}.run-rule-summary>div{display:grid}.run-detail-side{gap:16px}.run-detail-section{padding:20px}.run-detail h2{font-size:22px}}
@media(max-width:479px){.run-detail-hero-body{padding:20px 16px}.run-detail h1{font-size:26px}.run-detail-section{padding:18px 15px}.run-detail-badges{gap:6px}.run-detail-badges .badge{font-size:12px}.run-detail-departure{font-size:18px;gap:6px 8px}.run-rule-summary{gap:6px;grid-template-columns:.8fr .85fr 1.3fr}.run-rule-summary>div{display:flex;align-items:flex-start;padding:12px 9px}.run-rule-summary span{font-size:12px}.run-rule-summary strong{font-size:16px}.run-leader-rule-grid:has(>.run-rule-callout:nth-child(2)){grid-template-columns:1fr}.run-rule-callout+ .run-rule-callout{border-left:0;border-top:1px solid #405169;padding:16px 0 0}.run-rule-callout>strong small{display:inline;margin-left:4px}.run-minor-rules{padding:10px}.run-minor-rules>div{grid-template-columns:105px 1fr;gap:7px;font-size:13px}.run-detail h2{font-size:21px}.run-detail-section-head{gap:8px}.run-detail-leader strong{font-size:24px}}

/* Application flow shares the existing cards; only information hierarchy changes. */
[data-sr-page] .sr-title{font-size:clamp(22px,2.5vw,28px);margin:8px 0 6px}[data-sr-page]>.muted{font-size:14px;margin:0 0 20px}.sr-browse #sr-browse-title{font-size:20px;margin-bottom:6px}.sr-limit-note{font-size:14px;font-weight:500;color:var(--gold);margin:6px 0 16px;line-height:1.6}
.apply-review-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.apply-review-main,.apply-review-own{min-width:0}.apply-review-grid .confirm-card{margin:0 0 18px;padding:22px}.apply-review-grid .confirm-rows .srow{padding:12px 0}.apply-review-grid .apply-form{margin-top:18px}.apply-review-grid .apply-form>.btn{width:100%;background:var(--primary);color:white}.apply-review-grid .loot-rules-card{margin-top:18px}.apply-review-grid .confirm-char{margin:14px 0}
.participation-result{--result-bg:#202a36;--result-line:#465365;--result-icon:#bbc7d8;--result-copy:#d1d9e4;display:flex;align-items:center;gap:16px;background:var(--result-bg);border:1px solid var(--result-line);border-radius:12px;padding:22px 26px;margin:0 0 20px;min-width:0;overflow-wrap:anywhere}
.participation-result[data-tone=info]{--result-bg:#20334b;--result-line:#526f96;--result-icon:#b8d1f5;--result-copy:#d4dfed}
.participation-result[data-tone=success]{--result-bg:#18362b;--result-line:#436b56;--result-icon:#acddb9;--result-copy:#d2e9da}
.participation-result[data-tone=danger]{--result-bg:#342328;--result-line:#6a4b54;--result-icon:#e0b7c0;--result-copy:#ead4da}
.participation-result>.ic{display:block;color:var(--result-icon);width:30px;height:30px;flex:none;margin:0;vertical-align:middle}.participation-result>div{min-width:0}.participation-result h2{font-size:24px;line-height:1.3;margin:0 0 6px;color:#fff}.participation-result p{font-size:15px;line-height:1.6;color:var(--result-copy);margin:0;white-space:pre-line}
.run-leader{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap}.run-leader-name{display:inline-flex;align-items:center;gap:7px;min-width:0}.run-leader strong{flex:0 1 auto;overflow-wrap:anywhere}.run-leader .run-detail-faction{margin:0;width:26px;height:26px}.run-faction-badge{display:inline-flex;gap:6px;align-items:center;align-self:start;font-size:13px;font-weight:700;color:#e6eaf0;border:1px solid #526073;border-radius:6px;padding:3px 8px;max-width:100%;background:#182638}.run-faction-badge img{object-fit:contain}.run-detail-identity .run-detail-k{display:inline-flex;align-items:center;gap:6px}.run-detail-identity .run-detail-k .ic{width:18px;height:18px;color:var(--gold)}.run-detail-leader{justify-content:flex-start;flex-wrap:wrap}.run-detail-leader strong{flex:0 1 auto}.run-detail-faction{margin:0}
@media(max-width:899px){.apply-review-grid{grid-template-columns:1fr;gap:2px}.apply-review-grid .confirm-card{padding:18px}.participation-result{padding:18px 16px;gap:12px;align-items:flex-start}.participation-result h2{font-size:22px}.participation-result p{font-size:14px}}

/* Brand geometry is shared by the real sidebar and explicit desktop/compact previews. */
.brand[data-brand-render]{--brand-icon-size:44px;--brand-wordmark-width:200px;--brand-wordmark-height:64px;--brand-name-size:20px;--brand-small-size:12px;--brand-padding:2px 10px 24px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:10px;min-width:0;max-width:100%;min-height:0;margin:0;padding:var(--brand-padding);text-align:left}
.brand[data-brand-render]>.hub-mark,.brand[data-brand-render] .brand-image{width:var(--brand-icon-size);height:var(--brand-icon-size);flex:0 0 var(--brand-icon-size);max-width:100%}
.brand[data-brand-render] .brand-image{position:relative;display:block;overflow:hidden}.brand[data-brand-render] .brand-image>.hub-mark{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;background:transparent;border-radius:0}.brand[data-brand-render] .brand-image>img{position:absolute;inset:0}.brand[data-brand-render] .brand-image:has(>img:not([hidden]))>svg{display:none}
.brand[data-brand-render] .brand-copy{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;gap:2px;white-space:normal;overflow:visible}.brand[data-brand-render] .brand-copy .brand-name{position:static;width:auto;height:auto;clip:auto;max-width:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;font-size:var(--brand-name-size);line-height:1.2}.brand[data-brand-render] .brand-en{font-size:10px;line-height:1.05}.brand[data-brand-render] .brand-game{max-width:190px;white-space:normal;letter-spacing:0;line-height:1.45;font-size:var(--brand-small-size)}
.brand[data-brand-render].logo-only{flex-direction:column;align-items:flex-start;gap:6px}.brand[data-brand-render].logo-only .brand-image{width:var(--brand-wordmark-width);height:var(--brand-wordmark-height);flex:0 1 auto}.brand[data-brand-render].logo-only .brand-copy{display:none}
.brand[data-brand-render] .stage-badge{display:inline-flex;align-self:flex-start;margin:3px 0 0;height:18px;padding:0 6px;font-size:10px;max-width:100%;white-space:normal;line-height:1.2}.brand[data-brand-render].logo-only>.stage-badge{margin:0}
.brand[data-brand-render].logo-only:has(.brand-image>img[hidden]){display:grid;grid-template-columns:var(--brand-icon-size) minmax(0,1fr);column-gap:10px;row-gap:3px}.brand[data-brand-render].logo-only:has(.brand-image>img[hidden]) .brand-image{width:var(--brand-icon-size);height:var(--brand-icon-size)}.brand[data-brand-render].logo-only:has(.brand-image>img[hidden]) .brand-copy{display:flex}.brand[data-brand-render].logo-only:has(.brand-image>img[hidden])>.stage-badge{grid-column:2}
.brand[data-brand-render][data-brand-size=compact]{--brand-icon-size:32px;--brand-wordmark-width:150px;--brand-wordmark-height:48px;--brand-name-size:16px;--brand-small-size:10px;--brand-padding:0}
@media(max-width:1099px){.brand[data-brand-render][data-brand-size=auto]{--brand-icon-size:32px;--brand-wordmark-width:150px;--brand-wordmark-height:48px;--brand-name-size:16px;--brand-small-size:10px;--brand-padding:0}}
.brand-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(248px,100%),1fr));gap:14px;margin:14px 0}.brand-preview-mode{min-width:0}.brand-preview-mode h4{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 10px;font-size:15px}.brand-preview-mode figure{margin:0 0 14px}.brand-preview-mode figcaption{margin:0 0 5px;color:var(--muted);font-size:12px}
.side.brand-preview-frame{position:static;display:block;width:248px;max-width:100%;height:auto;padding:22px 14px 18px;margin:0;overflow:hidden;border:0;border-right:1px solid var(--line);outline:1px solid var(--line);box-shadow:none;background:var(--bg2)}.side.brand-preview-frame::after{display:none}.side.brand-preview-frame[data-brand-preview-size=compact]{padding:8px 16px;width:248px}

.test-account-create{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.test-account-create label{flex:1;min-width:180px;margin:0}.test-account-list{display:grid;gap:10px;margin:16px 0}.test-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0}.test-account-row>div{min-width:0;overflow-wrap:anywhere}.test-account-row p{margin:4px 0 0}.test-account-row form{margin:0}.test-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.test-profile-grid form{margin:0}.test-profile-grid .btn{width:100%;height:100%;min-height:50px;font-size:16px;font-weight:700}@media(max-width:719px){.test-profile-grid{grid-template-columns:1fr 1fr}}
.test-user-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin:0 0 20px;border:1px solid #416998;border-radius:12px;background:#132942;color:var(--text)}.test-user-banner>div:first-child{display:grid;gap:4px}.test-user-banner strong{display:flex;align-items:center;gap:8px}.test-user-banner .small{color:var(--muted)}.test-user-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.test-user-actions form{margin:0}

.role-tag,.role-tags .role-tag{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:2px 9px 2px 3px;font-size:14px;line-height:1.35;vertical-align:middle;white-space:nowrap}
.seat-name{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.seat-name .slot-icon{flex:none;vertical-align:middle}.role-tag-label{display:block;line-height:1.35}.role-tags{align-items:center}.role-auto{align-items:center}
.role-ic{align-items:center;justify-items:center;line-height:1;vertical-align:middle}.role-ic.inline{vertical-align:middle}
.role-ic>.ic{display:block;align-self:center;justify-self:center;margin:0;vertical-align:middle}
.srow.apply-role-row,.apply-role-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}
.apply-role-row>.ic{flex:none;margin:0}.apply-role-row>.srow-l{flex:0 0 auto;margin:0;white-space:nowrap}.apply-role-row>.srow-v{display:flex;align-items:center;flex:0 1 auto;min-width:0;text-align:left;margin:0}.apply-role-row .role-tags{max-width:100%;margin:0}
.btn.primary-action{min-height:50px;padding:11px 18px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-family:inherit;font-size:16px;font-weight:700;line-height:1.35;text-decoration:none;box-shadow:none;text-shadow:none}
.btn.primary-action:not(:disabled):not([disabled]):not([aria-disabled=true]):not([aria-busy=true]):hover{background:var(--primary-hover)}
.btn.primary-action:is(:disabled,[disabled],[aria-disabled=true],[aria-busy=true]){background:var(--primary);color:#fff;opacity:.45;transform:none;cursor:not-allowed}
.btn.primary-action[aria-busy=true]{opacity:.65;cursor:wait}

.run-card-media{display:contents}.run-card-caption{display:none}
.run-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.run-tags .badge{font-size:12px;line-height:1.4;padding:4px 9px}.run-tag{background:#242a3d;border:1px solid #555875;color:#d4cbe8}.run-end{font-size:12px;color:var(--muted)}.run-end .gold,.run-end .tm-p,.run-end .tm-c{color:var(--accent);font-size:inherit;font-weight:700}
.progress-card{padding:16px 20px}.progress-settings{margin:0}.progress-settings h3{font-size:16px;font-weight:650;margin:0 0 12px}.progress-options{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.progress-option{margin:0}.progress-option>span{min-height:44px;padding:9px 12px;gap:7px;border-radius:9px;font-size:14px;line-height:1.3}.progress-option>span>.ic{width:21px;height:21px;flex:none;color:var(--primary-ink)}.progress-option input:checked+span::before{content:none}.progress-check{display:flex;width:15px;visibility:hidden}.progress-check>.ic{width:15px;height:15px}.progress-option input:checked+span .progress-check{visibility:visible}.progress-option[data-progress-tag="초행 환영"]>span>.ic,.run-tag[data-progress-tag="초행 환영"]>.ic{color:#75d991}.run-tag{display:inline-flex;align-items:center;gap:5px}.run-tag>.ic{width:15px;height:15px;flex:none}
.progress-settings [hidden]{display:none}.progress-duration{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(145px,.7fr);align-items:center;gap:20px;padding:18px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2)}.progress-duration-label{display:flex;align-items:center;gap:12px}.progress-duration-label>.ic{width:32px;height:32px;color:var(--primary-ink);flex:none}.progress-duration-label label{font-size:17px;font-weight:700;margin:0 0 5px}.progress-duration-label small{font-size:13px}.progress-stepper{display:flex;gap:8px;align-items:center}.progress-stepper .btn{display:grid;place-items:center;padding:0;min-height:42px;height:42px;width:42px;margin:0;border-radius:10px}.progress-stepper .ic{width:22px;height:22px}.progress-stepper select{width:144px;min-height:48px;margin:0;padding:8px;text-align:center;font-size:21px;font-weight:750;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;appearance:none}.progress-duration-picker>small{display:block;text-align:center;margin-top:7px;font-size:12px}.progress-end-preview{display:grid;gap:6px;padding-left:18px;border-left:1px solid var(--line-strong);font-size:13px}.progress-end-preview output{font-size:19px;font-weight:750;color:var(--gold)}.progress-auto-note{font-size:12px;margin:10px 0 0}.progress-duration button:disabled{opacity:.4}
@media(max-width:1200px){.progress-duration{grid-template-columns:1fr auto}.progress-end-preview{grid-column:1/-1;border-left:0;border-top:1px solid var(--line-strong);padding:12px 0 0;display:flex;align-items:center;gap:12px}}
@media(max-width:600px){.progress-card{padding:16px}.progress-options{gap:7px}.progress-option>span{font-size:13px;padding:9px 10px;min-height:44px;gap:5px}.progress-duration{grid-template-columns:1fr;gap:14px;padding:14px}.progress-duration-label label{font-size:16px}.progress-stepper{justify-content:center}.progress-stepper select{flex:1;max-width:170px}.progress-end-preview output{font-size:18px}}
.run-card-rules .ic{width:20px;height:20px;color:var(--primary-ink);flex:none}.run-card-rules .quiet dd{color:var(--muted)}
.page:has(>.find-bar) .run-card-media{position:relative;display:grid;min-width:0;min-height:200px;background:#0c1722;isolation:isolate;container-type:inline-size}
.page:has(>.find-bar) .run-card-media>.raid-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}
.page:has(>.find-bar) .run-card-media>.raid-art img{width:100%;height:100%;object-fit:cover}
.page:has(>.find-bar) .run-card-caption{display:block;position:relative;grid-area:1/1;align-self:end;padding:45px 18px 18px;background:linear-gradient(transparent,#0b1325f0)}
.page:has(>.find-bar) .run-card-caption h3{font-size:22px;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere;color:white;text-shadow:0 1px 3px #000}
.page:has(>.find-bar) .run-card-title{display:none}
.page:has(>.find-bar) .run-card.no-art .run-card-caption{position:static;padding:18px;background:none}
.page:has(>.find-bar) .run-card.no-art .run-card-media{min-height:0}
.page:has(>.find-bar) .run-card-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:22px;align-items:center}
.page:has(>.find-bar) .run-card-body>*{grid-column:auto;grid-row:auto;margin:0;min-width:0}
.page:has(>.find-bar) .run-card .run-leader{font-size:14px;gap:6px;flex-wrap:nowrap}.page:has(>.find-bar) .run-leader strong{font-size:17px}.page:has(>.find-bar) .run-leader>.ic{color:var(--gold);flex:none}.page:has(>.find-bar) .run-leader>.chip-icon{width:26px;height:26px;flex:none}.page:has(>.find-bar) .run-leader>.run-leader-name{flex-shrink:1;flex-wrap:wrap}
.page:has(>.find-bar) .run-when{font-size:20px;font-weight:750;text-align:left}.page:has(>.find-bar) .run-when .tm-c{font-size:25px;color:var(--gold)}
.page:has(>.find-bar) .run-need>b{font-size:14px;color:var(--ok)}.page:has(>.find-bar) .slot-badges{gap:7px;margin:9px 0 0}.page:has(>.find-bar) .slot-badge{font-size:14px}
.page:has(>.find-bar) .run-card-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px 0;background:#0c1826;border:1px solid #34485b;border-radius:10px}
.page:has(>.find-bar) .run-card-rules>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 8px;align-items:center;padding:10px 13px;white-space:normal}
.page:has(>.find-bar) .run-card-rules>div>.ic{grid-row:1/3;width:23px;height:23px}.page:has(>.find-bar) .run-card-rules dt{font-size:12px;line-height:1.4}.page:has(>.find-bar) .run-card-rules dd{font-size:22px;line-height:1.3}
.page:has(>.find-bar) .run-card .run-card-rules .quiet dd{font-size:18px;color:var(--muted)}
.page:has(>.find-bar) .run-meta:empty{display:none}.page:has(>.find-bar) .fit-line{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.page:has(>.find-bar) .run-card-actions{display:flex;gap:10px;padding:0;margin:0;align-self:center}.page:has(>.find-bar) .run-card-actions .btn{flex:1;min-height:46px;font-size:16px;margin:0;padding:10px 15px}
.my-card{grid-template-columns:180px minmax(0,1fr);gap:22px;padding:20px;align-items:start}.my-card.todo{background:linear-gradient(110deg,#172c42,#14212f);border-color:#527398}.my-card .raid-art{height:120px;object-fit:cover}.my-card h3{font-size:22px;line-height:1.4}.my-card h3 a{text-decoration:none;color:var(--ink)}.my-card>.raid-art+div{display:grid;gap:10px;min-width:0}.my-card .run-when{font-size:18px}.my-card .run-when .tm-c{color:var(--gold);font-size:23px}.my-card .my-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.my-card .my-actions .btn{margin:0;min-height:42px}.my-card .leave-form{margin-left:auto}.my-card .sr-items{display:flex;flex-wrap:wrap;gap:8px}.my-card .sr-items li{font-size:14px}
.participation-result{border-width:2px;padding:24px 26px;box-shadow:0 8px 24px #0003;animation:participation-arrive 1.25s ease-out 1}
.my-card>.raid-art{width:100%;min-width:0;max-width:100%;aspect-ratio:auto}.my-card>.raid-art+div>*{margin:0}.my-card .sr-items{padding:0;list-style:none}
.participation-result[data-tone=info]{--result-bg:#173d68;--result-line:#6c9fe4;--result-icon:#c5e0ff}
.participation-result[data-tone=success]{--result-bg:#163f32;--result-line:#65b590;--result-icon:#aaf0cb}
.participation-result>.ic{width:54px;height:54px;padding:12px;box-sizing:border-box;border-radius:50%;background:#ffffff12;border:1px solid var(--result-line)}
.participation-result h2{font-size:26px}.participation-result p{color:#e0e8f3}
@keyframes participation-arrive{0%{box-shadow:0 0 0 0 transparent}40%{box-shadow:0 0 0 5px color-mix(in srgb,var(--result-line) 28%,transparent),0 0 26px color-mix(in srgb,var(--result-line) 38%,transparent)}100%{box-shadow:0 8px 24px #0003}}
@media(prefers-reduced-motion:reduce){.participation-result{animation:none}}
.run-card-head,.run-card-fit{display:contents}
.page:has(>.find-bar) .day-head>span{font-size:18px;font-weight:600;color:#bdcbe0}.page:has(>.find-bar) .day-head .num{font-size:20px}.run-status{display:none;font-size:14px;color:var(--ok)}.page:has(>.find-bar) .run-status{display:block}.page:has(>.find-bar) .run-status-original{display:none}
.leader-completion-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:22px 0}.leader-completion-grid>section{min-width:0}.leader-completion-grid>section>*{margin:0}.leader-completion-grid .share-box{height:auto}.leader-completion-grid .btn{min-height:44px}.leader-completion-grid .copy-link{min-width:0}
@media(max-width:999px){.leader-completion-grid{grid-template-columns:1fr}.page:has(>.find-bar) .run-status{margin:0}}
@media(min-width:1000px){
 .page:has(>.find-bar) .run-card,.page:has(>.find-bar) .run-card.no-art{grid-template-columns:30% minmax(0,1fr)}
 .page:has(>.find-bar) .run-card-body{grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;padding:18px 20px}
 .page:has(>.find-bar) .run-card-head{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
 .page:has(>.find-bar) .run-card-head .run-leader{margin:0;flex:1;min-width:180px;font-size:14px;font-weight:600;color:#b9c9dd;gap:5px}
 .page:has(>.find-bar) .run-leader strong{font-size:17px;line-height:1.4}.page:has(>.find-bar) .run-leader>.run-leader-name{min-width:0}.page:has(>.find-bar) .run-leader-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
 .page:has(>.find-bar) .run-card-head .run-when{margin:0;font-size:17px;white-space:nowrap}.page:has(>.find-bar) .run-when .tm-c{font-size:23px}
 .page:has(>.find-bar) .run-status{white-space:nowrap;font-size:13px;font-weight:650}.page:has(>.find-bar) .run-status .num{font-size:18px}
 .page:has(>.find-bar) .run-need,.page:has(>.find-bar) .run-card-rules{grid-column:1/-1}
 .page:has(>.find-bar) .slot-badges{margin:0;gap:7px}
 .page:has(>.find-bar) .run-card-rules{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 0}
 .page:has(>.find-bar) .run-card-rules>div{padding:5px 10px;gap:3px 7px;grid-template-columns:22px minmax(0,1fr)}
 .page:has(>.find-bar) .run-card-rules>div+div{border-left:1px solid #34485b}
 .page:has(>.find-bar) .run-card-rules dt{font-size:13px;color:#b7c7da}.page:has(>.find-bar) .run-card-rules dd{font-size:23px}
 .page:has(>.find-bar) .run-card-actions{grid-column:2}.page:has(>.find-bar) .run-card-actions .btn{width:auto;white-space:nowrap;min-height:44px;padding:9px 13px;font-size:15px}
 .page:has(>.find-bar) .run-card-fit{grid-column:1;display:grid;gap:4px;min-width:0}.page:has(>.find-bar) .run-card-fit>p{margin:0}.page:has(>.find-bar) .run-meta:not(:empty){font-size:12px}.page:has(>.find-bar) .fit-line{grid-column:1;font-size:13px;max-height:44px;overflow:auto}.page:has(>.find-bar) .run-card-actions:only-child{grid-column:1/-1}
 .page:has(>.find-bar) .run-card-caption h3{font-size:22px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}
 .page:has(>.find-bar) .run-card-caption{padding:40px 16px 16px}
 .page:has(>.find-bar) .run-card-caption .run-tags>.badge{font-size:15px;line-height:1.4;padding:5px 11px}

 .page:has(>.find-bar) .run-card-media{min-height:220px}
}

@media(max-width:719px){.my-card{grid-template-columns:1fr;padding:16px;gap:14px}.my-card>.raid-art{height:130px;width:100%}.my-card h3{font-size:21px}.my-card .leave-form{margin-left:0}.my-card .my-actions{gap:8px}.my-card .my-actions .btn{font-size:14px}.participation-result{padding:18px 15px;gap:12px}.participation-result h2{font-size:23px}.participation-result>.ic{width:46px;height:46px;padding:10px}.page:has(>.find-bar) .run-card-body{padding:17px}.page:has(>.find-bar) .run-card-media{min-height:185px}}

.sr-lock-panel h2,.sr-window-notice{display:flex;align-items:center;gap:10px}.sr-lock-panel form{max-width:520px}.sr-history{list-style:none;padding:0;display:grid;gap:12px}.sr-history>li{padding:20px;border:1px solid #34485b;border-radius:12px;background:#162332}.sr-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.sr-history-heading time{font-size:14px;color:#a9b8ca}.sr-history-diff{margin:12px 0;display:grid;gap:8px}.sr-history-diff>div{display:grid;grid-template-columns:80px 1fr;gap:10px}.sr-history-diff dt{color:#a9b8ca}.sr-history-diff dd{margin:0;overflow-wrap:anywhere}.sr-history-diff>div:last-child dd{color:#f3c76b}.sr-window-notice{border-color:#5894e5;background:#1c3653}
@media(max-width:600px){.sr-history-heading{align-items:flex-start;flex-direction:column;gap:5px}.sr-history>li{padding:16px}}
/* Follow-up: emphasize actual state and values within the approved compact cards. */
.page:has(>.find-bar) .run-status .recruit-open{color:var(--ok)}
.page:has(>.find-bar) .run-status .recruit-caption{color:var(--muted);font-weight:500}
.page:has(>.find-bar) .run-status .num{color:var(--gold);font-size:24px;font-weight:800;line-height:1.1}
.page:has(>.find-bar) .run-card:is([data-viewer-status="applied"],[data-viewer-status="hold"]){border-color:var(--primary-ink)}
.page:has(>.find-bar) .run-card[data-viewer-status="joined"]{border-color:var(--ok)}
.page:has(>.find-bar) .run-card[data-viewer-status="joined"] .run-card-actions>.btn.primary-action{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}
.page:has(>.find-bar) .run-card[data-viewer-status="joined"] .run-card-actions>.btn.primary-action:hover{background:#163f32}
.page:has(>.find-bar) .run-card:is([data-viewer-status="applied"],[data-viewer-status="hold"],[data-viewer-status="joined"]){border-width:2px}
.page:has(>.find-bar) .run-participation{font-size:16px;font-weight:800;padding:4px 11px;line-height:1.3;border:2px solid currentColor}
.page:has(>.find-bar) .fit-line:not(.none){display:flex;align-items:center;flex-wrap:wrap;gap:5px 6px;color:var(--ink)}
.page:has(>.find-bar) .fit-label{font-size:12px;padding:2px 7px;flex:none}
.page:has(>.find-bar) .fit-character{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;padding:2px 6px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-2);line-height:1.4}
.page:has(>.find-bar) .fit-character>.chip-icon{width:18px;height:18px;flex:none;margin:0}
.page:has(>.find-bar) .fit-character>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.page:has(>.find-bar) .run-card-caption .run-tags>.badge,.my-card-wide .my-card-caption .run-tags>.badge{font-size:15px;line-height:1.4;padding:5px 11px}
.my-card-wide .my-card-caption .run-tags{max-height:104px;overflow:auto}
/* Conditions share one tag style; only their icons have semantic colours. */
.run-tag[data-progress-tag="학원팟"]>.ic,.progress-option[data-progress-tag="학원팟"]>span>.ic{color:#c8a0ff}
.run-tag[data-progress-tag="디스코드 불필요"]>.ic,.progress-option[data-progress-tag="디스코드 불필요"]>span>.ic{color:#72dbe9}
.run-tag[data-progress-tag="트라이팟"]>.ic,.progress-option[data-progress-tag="트라이팟"]>span>.ic{color:#f5b27c}
.run-tag[data-progress-tag="핵심만 브리핑"]>.ic,.progress-option[data-progress-tag="핵심만 브리핑"]>span>.ic{color:#aacbff}
.run-tag[data-progress-tag="공략 숙지 필수"]>.ic,.progress-option[data-progress-tag="공략 숙지 필수"]>span>.ic{color:#edcc7b}
.run-tags .run-tag-secondary{background:#182232;border-color:#405069;color:#b6c2d4;font-weight:500}
.page:has(>.find-bar) .run-card-caption .run-tags>.run-tag-secondary,.my-card-wide .my-card-caption .run-tags>.run-tag-secondary{font-size:14px;padding:3px 9px}
.page .run-card .run-participation,.my-card-wide .status-line>.run-participation{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:17px;font-weight:800;padding:6px 13px;line-height:1.3;border:2px solid currentColor}
.run-participation>.ic{width:22px;height:22px;flex:none}
.run-card .run-participation.info,.my-card-wide .run-participation.info{background:#253b63;color:#d6e3ff;border-color:#8eafff}
.run-card .run-participation.ok,.my-card-wide .run-participation.ok{background:#16432f;color:#94f0bd;border-color:#62cf94}
.run-participation.info>.ic{color:#91b4ff}.run-participation.ok>.ic{color:#62df97}
.run-card .run-card-actions{align-items:center;flex-wrap:wrap}
.run-card-actions .run-participation-text{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 0;margin-right:4px;border-right:1px solid var(--line-strong);font-size:17px;font-weight:800;line-height:1.3;white-space:nowrap;flex:none}
.run-participation-text.ok{color:#62df97}.run-participation-text.info{color:#a8c6ff}.run-participation-text.warn{color:var(--gold)}
.run-participation-text>.ic{width:29px;height:29px;flex:none;padding:4px;border:2px solid currentColor;border-radius:50%}
.run-participation-text.ok>.ic{background:#173b2e}
@media(max-width:600px){.run-card-actions .run-participation-text{flex-basis:100%;border-right:0;margin:0;padding:0;min-height:36px}.run-participation-text>.ic{width:27px;height:27px}}
.run-card-tagline{grid-column:1/-1;min-width:0;padding:10px 18px;border-top:1px solid var(--line);background:var(--surface-2)}
.run-card-tagline .run-tags{gap:6px 8px}.run-card-tagline .run-tags>.badge{font-size:14px;padding:4px 9px;line-height:1.4}
.run-card-tagline .run-tags>.run-tag-secondary{font-size:13px;padding:3px 8px}
.run-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;min-width:0}
.run-card-footer>.run-card-fit{display:grid;gap:4px;flex:1 1 170px;min-width:0}.run-card-footer>.run-card-fit>p{margin:0}
.run-card-footer>.run-card-actions{margin-left:auto;flex:0 1 auto}.run-card-footer>.run-card-fit:has(>.run-meta:empty):not(:has(>.fit-line)){display:none}
.page:has(>.find-bar) .run-card-body>.run-card-footer{grid-column:1/-1}
.page:has(>.find-bar) .run-card-footer>.run-card-fit{display:grid}
@media(max-width:600px){.run-card-footer{gap:10px}.run-card-footer>.run-card-fit,.run-card-footer>.run-card-actions{flex-basis:100%;width:100%}.run-card-tagline{padding:10px 14px}.run-card-tagline .run-tags{gap:5px 6px}.run-card-tagline .run-tags>.badge{font-size:13px;padding:4px 8px}}
/* Image-width-aware tags remain readable and contribute to the caption height. */
.page:has(>.find-bar) .run-card-caption{padding-inline:clamp(12px,3.5cqi,18px);padding-bottom:clamp(12px,3.5cqi,18px)}
.page:has(>.find-bar) .run-card-caption .run-tags{gap:clamp(4px,1.2cqi,7px);max-height:none;overflow:visible}
.page:has(>.find-bar) .run-card-caption .run-tags>.badge{font-size:clamp(13px,3.8cqi,15px);line-height:1.4;padding:4px clamp(7px,2cqi,10px);max-width:100%;white-space:normal;overflow-wrap:anywhere}
.page:has(>.find-bar) .run-card-caption .run-tags>.run-tag-secondary{font-size:clamp(12px,3.5cqi,14px);padding-block:3px}
.page:has(>.find-bar) .run-card-caption .run-end{font-size:clamp(12px,3.5cqi,14px);white-space:nowrap}
/* Recruitment hierarchy uses the site's existing role colors, surfaces and chips. */
.recruitment-overview{min-width:0;width:100%;margin:0;container-type:inline-size}
.recruitment-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.recruitment-role{min-width:0;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);padding:10px 12px}
.recruitment-role-total{display:flex;align-items:center;gap:9px;min-width:0}
.recruitment-role-total>.role-ic{width:34px;height:34px;flex:0 0 34px}
.recruitment-role-total strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;font-size:17px;color:var(--ink);line-height:1.4}
.recruitment-role-total small{display:block;color:var(--muted);font-size:12px;line-height:1.5}
.recruitment-number{color:var(--gold);font-size:21px;white-space:nowrap;font-variant-numeric:tabular-nums}
.recruitment-number>small{display:inline!important;color:inherit!important;font-size:14px!important;margin-left:2px;font-weight:700}
.recruitment-role[data-role=any]{grid-column:1/-1}
.recruitment-role-pools{list-style:none;margin:9px 0 0;padding:7px 0 0;border-top:1px solid var(--line)}
.recruitment-role-pool{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:7px;align-items:center;min-width:0;padding:5px 0;font-size:13px;line-height:1.4}
.recruitment-role-pool+.recruitment-role-pool{border-top:1px solid var(--line)}
.recruitment-role-pool>.slot-icon,.recruitment-role-pool>.ic{width:26px;height:26px;margin:0;flex:none;color:var(--primary-ink)}
.recruitment-pool-name{min-width:0;overflow-wrap:anywhere;font-weight:600;color:var(--ink)}
.recruitment-pool-count{color:var(--gold);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.recruitment-role-pool.full .recruitment-pool-name,.recruitment-role-pool.full .recruitment-pool-count{color:var(--muted)}
@container(max-width:580px){.recruitment-overview.compact.has-specified .recruitment-roles{grid-template-columns:1fr}.recruitment-overview.compact .recruitment-role-pool{grid-template-columns:minmax(0,1fr) auto;gap:4px}.recruitment-overview.compact .recruitment-role-pool>.ic{display:none}.recruitment-overview.compact.has-specified .recruitment-role-pool{grid-template-columns:26px minmax(0,1fr) auto;gap:7px}.recruitment-overview.compact.has-specified .recruitment-role-pool>.ic{display:block}}
.recruitment-overview .slot-badge .slot-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.recruitment-overview .slot-badge{height:auto;min-height:34px;padding-block:3px}
.recruitment-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}
.recruitment-heading>span{color:var(--muted);font-size:14px}
.recruitment-overview.detailed .recruitment-roles{grid-template-columns:1fr}
.recruitment-overview.detailed .recruitment-role{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:14px}
.recruitment-pools{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding-left:16px;border-left:1px solid var(--line)}
.recruitment-pools>div{min-width:0}.recruitment-pools small{font-size:12px;color:var(--muted)}
.recruitment-pool-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;min-width:0}
.recruitment-help{font-size:13px;color:var(--muted);line-height:1.6;margin:10px 0}
.recruitment-choice-kind{font-size:.85em;font-weight:600;color:var(--muted)}
.recruitment-roster{margin-top:16px}.recruitment-roster>summary{font-weight:650;cursor:pointer;padding:8px 0}
.recruitment-editor{display:grid;gap:20px;margin-top:14px}.recruitment-editor h3{font-size:17px;margin:0 0 6px}.recruitment-editor h3 small{font-size:13px;font-weight:500;color:var(--muted);margin-left:6px}
.recruitment-free{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
.recruitment-free>h3,.recruitment-free>p{grid-column:1/-1;margin:0}
.recruitment-free .seat{display:flex;flex-direction:column;align-items:stretch;gap:8px;border:0!important;margin:0;padding:8px;background:var(--surface-2);border-radius:8px}
.recruitment-free .stepper{justify-content:space-between;gap:4px}.recruitment-free .stepper .btn{width:36px;min-width:36px}.recruitment-free .stepper input{width:54px;min-width:0;flex:1}
.recruitment-designated{min-width:0;border-top:1px solid var(--line);padding-top:16px}
@container(max-width:500px){.recruitment-overview.detailed .recruitment-role{grid-template-columns:1fr;gap:10px}.recruitment-overview.detailed .recruitment-pools{padding:10px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:600px){.recruitment-role{padding:8px}.recruitment-role-total{gap:5px;align-items:flex-start}.recruitment-role-total>.role-ic{width:25px;height:25px;flex-basis:25px}.recruitment-role-total strong{font-size:14px;gap:0 5px}.recruitment-number{font-size:18px}.recruitment-number>small{font-size:12px!important}.recruitment-role-total small{font-size:11px}.recruitment-overview.detailed .recruitment-role{grid-template-columns:1fr;gap:10px}.recruitment-pools{padding:10px 0 0;border-left:0;border-top:1px solid var(--line)}.recruitment-free{grid-template-columns:1fr}.recruitment-free .seat{flex-direction:row;align-items:center}.recruitment-free .stepper{width:150px}.recruitment-specific>small>span{display:inline}.recruitment-roles{gap:5px}}

.signature-preview .day-head+.run-cards{grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.signature-preview .run-card{display:grid;grid-template-columns:132px minmax(0,1fr)}.signature-preview .run-card.no-art{grid-template-columns:minmax(0,1fr)}.signature-preview .run-card>.raid-art{width:132px;height:100%;aspect-ratio:auto;min-height:180px}.signature-preview .run-card>.raid-art::after{background:linear-gradient(90deg,transparent,rgba(11,16,23,.28))}.signature-preview .run-card-body{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:7px 16px;padding:16px;align-content:start;align-items:start;min-width:0}.signature-preview .run-card-title{grid-column:1;grid-row:1;margin:0;font-size:21px;text-shadow:none}.signature-preview .run-leader{grid-column:1;grid-row:2;margin:0;gap:6px;flex-wrap:wrap}.signature-preview .run-card-body>.run-faction-badge{grid-column:2;grid-row:2;justify-self:end}.signature-preview .run-when{grid-column:2;grid-row:1;margin:0;text-align:right;font-size:18px}.signature-preview .run-need{grid-column:1/-1;grid-row:3}.signature-preview .run-need .slot-badges{margin-bottom:0}.signature-preview .run-card-rules{grid-column:1;grid-row:4;gap:4px 12px}.signature-preview .run-meta{grid-column:1;grid-row:5;font-size:13px}.signature-preview .fit-line{grid-column:1;grid-row:6;font-size:13px;overflow-wrap:anywhere}.signature-preview .run-card-actions{grid-column:2;grid-row:4/7;align-self:end;display:grid;grid-template-columns:1fr;margin:0;padding:0;gap:6px}.signature-preview .run-card-actions .btn{width:100%;min-height:38px;padding:8px 12px;font-size:14px}}.signature-preview .run-card-media{position:relative;display:grid;min-width:0;min-height:200px;background:#0c1722;isolation:isolate;container-type:inline-size}.signature-preview .run-card-media>.raid-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}.signature-preview .run-card-media>.raid-art img{width:100%;height:100%;object-fit:cover}.signature-preview .run-card-caption{display:block;position:relative;grid-area:1/1;align-self:end;padding:45px 18px 18px;background:linear-gradient(transparent,#0b1325f0)}.signature-preview .run-card-caption h3{font-size:22px;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere;color:white;text-shadow:0 1px 3px #000}.signature-preview .run-card-title{display:none}.signature-preview .run-card.no-art .run-card-caption{position:static;padding:18px;background:none}.signature-preview .run-card.no-art .run-card-media{min-height:0}.signature-preview .run-card-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:22px;align-items:center}.signature-preview .run-card-body>*{grid-column:auto;grid-row:auto;margin:0;min-width:0}.signature-preview .run-card .run-leader{font-size:14px;gap:6px;flex-wrap:nowrap}.signature-preview .run-leader strong{font-size:17px}.signature-preview .run-leader>.ic{color:var(--gold);flex:none}.signature-preview .run-leader>.chip-icon{width:26px;height:26px;flex:none}.signature-preview .run-leader>.run-leader-name{flex-shrink:1;flex-wrap:wrap}.signature-preview .run-when{font-size:20px;font-weight:750;text-align:left}.signature-preview .run-when .tm-c{font-size:25px;color:var(--gold)}.signature-preview .run-need>b{font-size:14px;color:var(--ok)}.signature-preview .slot-badges{gap:7px;margin:9px 0 0}.signature-preview .slot-badge{font-size:14px}.signature-preview .run-card-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px 0;background:#0c1826;border:1px solid #34485b;border-radius:10px}.signature-preview .run-card-rules>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 8px;align-items:center;padding:10px 13px;white-space:normal}.signature-preview .run-card-rules>div>.ic{grid-row:1/3;width:23px;height:23px}.signature-preview .run-card-rules dt{font-size:12px;line-height:1.4}.signature-preview .run-card-rules dd{font-size:22px;line-height:1.3}.signature-preview .run-card .run-card-rules .quiet dd{font-size:18px;color:var(--muted)}.signature-preview .run-meta:empty{display:none}.signature-preview .fit-line{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.signature-preview .run-card-actions{display:flex;gap:10px;padding:0;margin:0;align-self:center}.signature-preview .run-card-actions .btn{flex:1;min-height:46px;font-size:16px;margin:0;padding:10px 15px}.signature-preview .day-head>span{font-size:18px;font-weight:600;color:#bdcbe0}.signature-preview .day-head .num{font-size:20px}.signature-preview .run-status{display:block}.signature-preview .run-status-original{display:none}@media(max-width:999px){.signature-preview .run-status{margin:0}}@media(min-width:1000px){.signature-preview .run-card,.signature-preview .run-card.no-art{grid-template-columns:30% minmax(0,1fr)}.signature-preview .run-card-body{grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;padding:18px 20px}.signature-preview .run-card-head{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.signature-preview .run-card-head .run-leader{margin:0;flex:1;min-width:180px;font-size:14px;font-weight:600;color:#b9c9dd;gap:5px}.signature-preview .run-leader strong{font-size:17px;line-height:1.4}.signature-preview .run-leader>.run-leader-name{min-width:0}.signature-preview .run-leader-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.signature-preview .run-card-head .run-when{margin:0;font-size:17px;white-space:nowrap}.signature-preview .run-when .tm-c{font-size:23px}.signature-preview .run-status{white-space:nowrap;font-size:13px;font-weight:650}.signature-preview .run-status .num{font-size:18px}.signature-preview .run-need,.signature-preview .run-card-rules{grid-column:1/-1}.signature-preview .slot-badges{margin:0;gap:7px}.signature-preview .run-card-rules{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 0}.signature-preview .run-card-rules>div{padding:5px 10px;gap:3px 7px;grid-template-columns:22px minmax(0,1fr)}.signature-preview .run-card-rules>div+div{border-left:1px solid #34485b}.signature-preview .run-card-rules dt{font-size:13px;color:#b7c7da}.signature-preview .run-card-rules dd{font-size:23px}.signature-preview .run-card-actions{grid-column:2}.signature-preview .run-card-actions .btn{width:auto;white-space:nowrap;min-height:44px;padding:9px 13px;font-size:15px}.signature-preview .run-card-fit{grid-column:1;display:grid;gap:4px;min-width:0}.signature-preview .run-card-fit>p{margin:0}.signature-preview .run-meta:not(:empty){font-size:12px}.signature-preview .fit-line{grid-column:1;font-size:13px;max-height:44px;overflow:auto}.signature-preview .run-card-actions:only-child{grid-column:1/-1}.signature-preview .run-card-caption h3{font-size:22px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.signature-preview .run-card-caption{padding:40px 16px 16px}.signature-preview .run-card-caption .run-tags>.badge{font-size:15px;line-height:1.4;padding:5px 11px}.signature-preview .run-card-media{min-height:220px}}@media(max-width:719px){.signature-preview .run-card-body{padding:17px}.signature-preview .run-card-media{min-height:185px}}.signature-preview .run-status .recruit-open{color:var(--ok)}.signature-preview .run-status .recruit-caption{color:var(--muted);font-weight:500}.signature-preview .run-status .num{color:var(--gold);font-size:24px;font-weight:800;line-height:1.1}.signature-preview .run-card:is([data-viewer-status="applied"],[data-viewer-status="hold"]){border-color:var(--primary-ink)}.signature-preview .run-card[data-viewer-status="joined"]{border-color:var(--ok)}.signature-preview .run-card[data-viewer-status="joined"] .run-card-actions>.btn.primary-action{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}.signature-preview .run-card[data-viewer-status="joined"] .run-card-actions>.btn.primary-action:hover{background:#163f32}.signature-preview .run-card:is([data-viewer-status="applied"],[data-viewer-status="hold"],[data-viewer-status="joined"]){border-width:2px}.signature-preview .run-participation{font-size:16px;font-weight:800;padding:4px 11px;line-height:1.3;border:2px solid currentColor}.signature-preview .fit-line:not(.none){display:flex;align-items:center;flex-wrap:wrap;gap:5px 6px;color:var(--ink)}.signature-preview .fit-label{font-size:12px;padding:2px 7px;flex:none}.signature-preview .fit-character{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;padding:2px 6px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-2);line-height:1.4}.signature-preview .fit-character>.chip-icon{width:18px;height:18px;flex:none;margin:0}.signature-preview .fit-character>span{min-width:0;white-space:normal;overflow-wrap:anywhere}.signature-preview .run-card-caption .run-tags>.badge,.my-card-wide .my-card-caption .run-tags>.badge{font-size:15px;line-height:1.4;padding:5px 11px}.signature-preview .run-card-caption .run-tags>.run-tag-secondary,.my-card-wide .my-card-caption .run-tags>.run-tag-secondary{font-size:14px;padding:3px 9px}.signature-preview .run-card-body>.run-card-footer{grid-column:1/-1}.signature-preview .run-card-footer>.run-card-fit{display:grid}.signature-preview .run-card-caption{padding-inline:clamp(12px,3.5cqi,18px);padding-bottom:clamp(12px,3.5cqi,18px)}.signature-preview .run-card-caption .run-tags{gap:clamp(4px,1.2cqi,7px);max-height:none;overflow:visible}.signature-preview .run-card-caption .run-tags>.badge{font-size:clamp(13px,3.8cqi,15px);line-height:1.4;padding:4px clamp(7px,2cqi,10px);max-width:100%;white-space:normal;overflow-wrap:anywhere}.signature-preview .run-card-caption .run-tags>.run-tag-secondary{font-size:clamp(12px,3.5cqi,14px);padding-block:3px}.signature-preview .run-card-caption .run-end{font-size:clamp(12px,3.5cqi,14px);white-space:nowrap}
.signature-preview[hidden],.signature-preview [hidden],.signature-choice [hidden]{display:none!important}
.signature-preview{margin:22px 0;min-width:0}.signature-preview h2{font-size:20px}.signature-preview .run-card{margin:0}.signature-preview .run-card-media>.raid-art{border-radius:0}.signature-preview .run-card-fit:empty{display:none}.signature-preview .run-card{overflow:hidden}
.signature-choice{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.signature-choice h3{font-size:16px;margin:0 0 10px}.signature-choice p{margin:10px 0 0}.signature-choice [data-signature-options]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.signature-option{display:flex;align-items:center;gap:8px;font-size:14px;margin:0}.signature-option input{width:auto;margin:0}.signature-option img{width:58px;height:38px;object-fit:cover;border-radius:5px}.signature-thumbnail{display:block;width:min(100%,560px);max-height:320px;object-fit:contain;margin-bottom:22px;background:var(--surface-2)}.signature-settings{max-width:760px}.signature-settings form{margin:18px 0}.signature-settings input[type=file]{max-width:100%}.run-card-actions .btn.application-view{font-family:inherit;font-style:normal;line-height:1.5}

.my-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.my-filters a{display:flex;gap:8px;align-items:center;min-height:42px;padding:8px 13px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);background:var(--surface);text-decoration:none}.my-filters a[aria-current=page]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.my-filters b{color:var(--gold)}
.my-card.my-card-wide{display:grid;grid-template-columns:30% minmax(0,1fr);padding:0;gap:0;overflow:hidden;align-items:stretch;border-radius:12px}.my-card-wide .my-card-media{position:relative;min-width:0;background:#0c1722;isolation:isolate}.my-card-wide .my-card-media>.raid-art{width:100%;height:100%;min-height:220px;border-radius:0;aspect-ratio:auto}.my-card-wide .my-card-media>.raid-art img{width:100%;height:100%;object-fit:cover}.my-card-wide .my-card-caption{position:absolute;inset:auto 0 0;padding:45px 18px 18px;background:linear-gradient(transparent,#0b1325f0)}.my-card-wide .my-card-caption h3{font-size:22px;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}.my-card-wide .my-card-caption h3 a{color:white;text-shadow:0 1px 3px #000}.my-card-wide .run-tags .badge{font-size:15px}
.my-card-wide .my-card-body{padding:18px 20px;display:grid;gap:14px;min-width:0}.my-card-wide .my-card-body p{margin:0}.my-card-wide .my-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.my-card-wide .my-card-head .run-when{font-size:17px}.my-card-wide .my-card-head .tm-c{font-size:23px}.my-card-wide .status-line{font-weight:650}.my-card-wide .my-card-facts{display:grid;grid-template-columns:minmax(145px,.85fr) minmax(0,1.5fr);gap:14px;padding:14px;background:#0c1826;border:1px solid #34485b;border-radius:10px}.my-card-wide .my-character{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.my-card-wide .my-character .chip-icon{width:26px;height:26px}.my-card-wide .my-character strong{font-size:18px}.my-card-wide .my-character small{display:block;width:100%;color:var(--muted)}.my-card-wide .my-character .role-tag{margin:2px 0}.my-card-wide .my-sr{min-width:0;border-left:1px solid #34485b;padding-left:14px}.my-card-wide .my-sr>.small{margin-bottom:8px}.my-card-wide .sr-items{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.my-card-wide .sr-items li{display:flex;align-items:center;gap:6px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.my-card-wide .sr-items img{width:28px;height:28px;flex:none}.my-card-wide .my-actions{justify-content:flex-end}.my-card-wide .my-actions .btn{min-height:44px;font-size:15px;padding:9px 13px}.my-card-wide .leave-form{margin-left:0}
.my-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 0}
.my-card-wide .status-line>.badge{font-size:17px;font-weight:800;line-height:1.35;padding:5px 12px;border:2px solid currentColor}
.my-card-wide .my-actions .btn.leave-btn{color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger);font-weight:700}
.my-card-wide .my-actions .btn.leave-btn:hover{background:color-mix(in srgb,var(--danger) 16%,var(--danger-soft))}
.my-card-wide .my-actions .btn.leave-btn:focus-visible{outline:3px solid var(--danger);outline-offset:2px}
@media(max-width:719px){.my-card.my-card-wide{grid-template-columns:1fr}.my-card-wide .my-card-media>.raid-art{height:200px;min-height:200px}.my-card-wide .my-card-body{padding:17px}.my-card-wide .my-card-caption h3{font-size:21px}.my-card-wide .my-card-facts{grid-template-columns:1fr;padding:13px}.my-card-wide .my-sr{border-left:0;border-top:1px solid #34485b;padding:12px 0 0}.my-card-wide .my-actions{justify-content:flex-start}.my-card-wide .my-actions .btn{font-size:14px}.my-filters{gap:6px}.my-filters a{font-size:14px;padding:8px 10px}}

.leader-center .gold{color:var(--gold);font-variant-numeric:tabular-nums}
.leader-center .center-title .center-create{width:280px;min-width:240px;min-height:60px;padding:14px 22px;font-size:19px;font-weight:750;line-height:1.4;white-space:normal;gap:10px;margin:0}.leader-center .center-create .ic{width:26px;height:26px;flex:none}@media(max-width:700px){.leader-center .center-title .center-create{width:100%;min-width:0;min-height:56px;font-size:18px}}
.loot-picker .loot-picker-head>[data-picker-close]{min-height:50px;padding:11px 18px;font-size:16px;font-weight:750;color:#fff;flex:none}
.signature-disclosure[hidden]{display:none}.signature-disclosure>summary{font-size:15px}.signature-disclosure .signature-choice{margin:12px 0 0}
.manage-run-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.manage-run-head>div{min-width:0}.manage-run-head h1{margin:8px 0;overflow-wrap:anywhere}.manage-run-head p{margin:8px 0}.manage-run-head>.btn{flex:none;max-width:100%;margin:8px 0}
.manage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}.manage-kpis>div{padding:14px 18px}.manage-kpis>div+div{border-left:1px solid var(--line)}.manage-kpis dt{font-size:14px;color:var(--muted)}.manage-kpis dd{margin:4px 0 0;color:var(--gold);font-size:28px;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}.manage-kpis dd small{font-size:14px;font-weight:500;color:var(--muted);margin-left:5px}
.manage-quick-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}.manage-quick-actions .btn{margin:0;min-height:46px;font-size:15px;padding:10px 14px}
.manage-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.manage-panel.card{padding:0;margin:0;min-width:0;overflow:visible}.manage-panel[open]{grid-column:1/-1}.manage-panel>summary{padding:16px 18px;min-height:76px;font-size:18px;font-weight:750;cursor:pointer;line-height:1.4}.manage-panel>summary small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin:4px 0 0 20px;overflow-wrap:anywhere}.manage-panel>summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:10px}.manage-panel[open]>summary{border-bottom:1px solid var(--line)}.manage-panel-body{padding:18px;min-width:0}.manage-panel-body>:first-child{margin-top:0}.manage-panel-body>:last-child{margin-bottom:0}.manage-panel-body .leader-completion-grid{margin-top:0}.manage-sr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.manage-sr-grid>.card{margin:0;min-width:0}.manage-panel [id]{scroll-margin-top:20px}
@media(max-width:700px){.leader-center .center-title .center-create{width:100%}.manage-run-head{flex-direction:column;gap:4px}.manage-run-head>.btn{font-size:14px;min-height:44px}.manage-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}.manage-kpis>div{padding:12px 14px}.manage-kpis>div:nth-child(3){border-left:0}.manage-kpis>div:nth-child(n+3){border-top:1px solid var(--line)}.manage-kpis dd{font-size:26px}.manage-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.manage-quick-actions .btn{font-size:14px;white-space:normal;min-height:48px;padding:9px 10px}.manage-quick-actions .primary-action{grid-column:1/-1}.manage-panels,.manage-sr-grid{grid-template-columns:1fr}.manage-panel>summary{font-size:17px;padding:14px}.manage-panel-body{padding:14px}.manage-panel-body .leader-completion-grid{gap:12px}}
.center-task{list-style:none;padding:14px 0;border-top:1px solid var(--line);min-width:0}.center-task-run{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;overflow-wrap:anywhere}.center-task-run>a{font-weight:700}.center-task>.center-people{margin:0}.center-task .center-applicant{border-top:0;padding:12px 0}.center-task .center-person{min-width:0;overflow-wrap:anywhere}.center-task-group h2{font-size:20px}.center-task-group>.center-people{margin-bottom:0}
.center-title,.center-run-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.center-title{margin:24px 0 12px}.center-title h1{margin:0}.center-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:20px}.center-tabs a{padding:10px 13px;border-radius:10px;font-weight:700;text-decoration:none;color:var(--muted);font-size:16px;min-height:44px}.center-tabs a[aria-current=page]{background:var(--primary-soft);color:var(--primary-ink)}.center-tabs .center-upcoming{display:flex;align-items:center;gap:6px;padding:10px 13px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:16px;font-weight:700;opacity:.65;cursor:not-allowed}.center-upcoming small{font-size:11px;font-weight:400;border:1px solid var(--line);border-radius:5px;padding:2px 4px}.center-tabs a:hover{background:var(--soft)}.center-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.center-stats .card{display:flex;flex-direction:column;margin:0;gap:4px}.center-stats strong{font-size:30px}.center-run-heading h2{margin:3px 0 8px;font-size:21px}.center-run-heading h2 a{color:var(--ink);text-decoration:none}.center-run-heading .btn,.center-title .btn{flex:none}.center-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.center-actions form{display:flex;gap:6px;flex-wrap:wrap}.center-people{list-style:none;padding:0;margin:12px 0}.center-reservation{display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,2fr) auto;align-items:start;gap:16px;border-top:1px solid var(--line);padding:18px 0}.center-person{display:flex;gap:10px;align-items:center;font-size:17px}.center-person .role-tag{display:flex;margin-top:4px;width:max-content}.center-items .run-own-items{margin:8px 0 0}.center-applicant{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(280px,2fr);gap:12px;align-items:center;border-top:1px solid var(--line);padding:16px 0}.center-items .run-own-item{max-width:none}.center-run-heading>div{min-width:0}
@media(max-width:700px){.center-title{align-items:start;flex-direction:column}.center-tabs{gap:2px}.center-tabs a{padding:8px 9px;font-size:15px}.center-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.center-stats .card{padding:14px}.center-stats strong{font-size:26px}.center-run-heading{flex-wrap:wrap;gap:8px}.center-reservation{grid-template-columns:minmax(0,1fr) auto;gap:10px}.center-reservation>.center-items{grid-column:1/-1;grid-row:2}.center-person strong{font-size:17px}.center-applicant{grid-template-columns:minmax(0,1fr) auto}.center-applicant>.center-actions{grid-column:1/-1}.center-run.card{padding:16px}}
.leader-center .center-title{justify-content:flex-start;flex-wrap:wrap;gap:24px}
.leader-center .center-title .center-create{background:#7045d6;color:#fff;box-shadow:inset 0 0 0 1px #9b79ef}
.leader-center .center-title .center-create:hover{background:#6034c4}
.leader-center .center-title .center-create:focus-visible{outline:3px solid #c8b1ff;outline-offset:3px}
.raid-kind-entry>.back-link .btn{margin:0;text-decoration:none;color:var(--muted)}.raid-kind-entry>.back-link .btn:hover{color:var(--ink)}
.raid-kind-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.raid-kind-actions .raid-kind-action{display:flex;align-items:center;gap:12px;width:100%;margin:0;min-height:112px;text-align:left;padding:18px;border-width:1px}.raid-kind-action>.ic{width:26px;height:26px;flex:none;color:var(--primary-ink)}.raid-kind-action>span:not(.kind-go){min-width:0}.raid-kind-action strong{display:block;font-size:19px;line-height:1.4}.raid-kind-action small{display:block;margin-top:6px;font-size:14px;line-height:1.4;font-weight:500;color:var(--muted)}.raid-kind-action .kind-go{margin-left:auto;color:var(--primary-ink);font-size:24px}.raid-kind-actions .raid-kind-action:hover{border-color:var(--primary-ink)}
@media(max-width:700px){.leader-center .center-title{gap:14px}.raid-kind-actions{grid-template-columns:1fr;gap:12px}.raid-kind-actions .raid-kind-action{min-height:94px}}
.raid-chat{max-width:760px;margin:24px auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.raid-chat-head{display:flex;gap:14px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:12px}.raid-chat-head>div{flex:1;min-width:0}.raid-chat-head h1{font-size:22px;margin:0}.raid-chat-head p{margin:4px 0}.raid-chat-policy{padding:8px 0}.raid-chat-log{display:flex;flex-direction:column;gap:12px;max-height:55vh;min-height:180px;overflow:auto;padding:8px 4px;overscroll-behavior:contain}.raid-chat-message{max-width:88%;padding:10px 14px;border-radius:12px;background:var(--soft);align-self:flex-start;border:1px solid var(--line)}.raid-chat-message.mine{align-self:flex-end;background:var(--primary-soft);border-color:var(--primary)}.raid-chat-text{white-space:pre-wrap;overflow-wrap:anywhere}.raid-chat-message p{margin:3px 0}.raid-chat-compose{padding-top:14px;border-top:1px solid var(--line);margin-top:12px}.raid-chat-compose .btn{width:auto;min-width:120px;margin-left:auto}.raid-chat-compose textarea{width:100%;resize:vertical;min-height:88px;font-family:inherit}.raid-chat [data-message-read]{margin:10px 0}.raid-chat [role=alert]{color:var(--danger)}
.raid-chat-modal{width:min(800px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);overflow:auto;margin:auto}.raid-chat-modal::backdrop{background:rgba(3,6,12,.72)}.raid-chat-modal>.raid-chat{width:100%;max-width:none;margin:0;border:0;min-height:0}.raid-chat-modal .raid-chat-log{max-height:42dvh}.raid-chat-modal-loading{padding:20px}.raid-chat-modal-loading>.btn{width:auto}
@media(max-width:700px){body:has(.page>.raid-chat) .top,body:has(.page>.raid-chat) .side,body:has(.page>.raid-chat) .sidebar,body:has(.page>.raid-chat) .mobile-dock,body:has(.page>.raid-chat) footer{display:none}body:has(.page>.raid-chat) .app{display:block}body:has(.page>.raid-chat) main.wrap{padding:0!important}body:has(.page>.raid-chat) .page{padding:0}.raid-chat{margin:0;padding:14px;min-height:100dvh;border:0;border-radius:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.raid-chat-head{position:sticky;top:0;background:var(--surface);z-index:2;gap:8px}.raid-chat-head h1{font-size:18px}.raid-chat-head .btn{padding:7px 9px}.raid-chat-log{min-height:30vh;max-height:52dvh}.raid-chat-message{max-width:94%}.raid-chat-compose textarea{font-size:16px}.raid-chat-modal{inset:0;width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.raid-chat-modal>.raid-chat{min-height:100dvh;display:flex;flex-direction:column}.raid-chat-modal .raid-chat-log{flex:1;max-height:45dvh;min-height:140px}.raid-chat-modal .raid-chat-compose textarea{resize:none}}

.brand-editor-columns{display:grid;grid-template-columns:minmax(220px,1fr) minmax(248px,1.3fr);gap:24px;align-items:start}.brand-editor-controls,.brand-editor-preview{min-width:0}.brand-editor-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-editor-row>.field{min-width:0}.brand-editor-controls .field{margin-bottom:12px}.brand-width-control input[type=range]{width:100%;padding:0}.brand-width-control>.field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.brand-editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.brand-unsaved{color:var(--gold);font-weight:700}.brand-preview-mode{border-top:2px solid var(--line);padding-top:10px}.brand-preview-mode[data-selected=true]{border-color:var(--primary)}.brand-editor-preview .brand-preview-grid{margin-top:0}.brand-editor-controls [hidden]{display:none!important}
@media(max-width:1299px){.brand-editor-columns{grid-template-columns:1fr}.brand-editor-preview{grid-row:1}.brand-editor-controls{max-width:680px}}@media(max-width:520px){.brand-editor-row{grid-template-columns:1fr 1fr;gap:8px}.brand-editor-actions>.btn{width:100%}}
/* Same component and rules in the actual sidebar and both preview sizes. */
.brand[data-brand-render][data-brand-layout]{--bl-scale:1;--bl-limit:160px;display:flex;flex-direction:var(--bl-direction);gap:var(--bl-gap);padding:10px 10px 24px;overflow:hidden;text-align:var(--bl-align);align-items:center;min-width:0;box-sizing:border-box}
.brand[data-brand-layout] .brand-copy{gap:0;transform:translate(var(--bl-text-x),var(--bl-text-y));max-width:100%;overflow:hidden}
.brand[data-brand-layout] .brand-copy .brand-name{font-size:calc(var(--bl-name)*var(--bl-scale));font-weight:var(--bl-weight);text-align:var(--bl-align)}
.brand[data-brand-layout] .brand-copy .brand-en{display:var(--bl-en-show);font-size:calc(var(--bl-en)*var(--bl-scale));color:hsl(218 25% var(--bl-en-light));line-height:1.25;margin-top:var(--bl-en-gap);text-align:var(--bl-align)}
.brand[data-brand-layout] .brand-copy .brand-game{display:var(--bl-sub-show);font-size:calc(var(--bl-sub)*var(--bl-scale));color:hsl(218 25% var(--bl-sub-light));margin-top:var(--bl-sub-gap);line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:var(--bl-wrap);overflow-wrap:anywhere;text-align:var(--bl-align)}
.brand[data-brand-render][data-brand-layout] .brand-image,.brand[data-brand-render][data-brand-layout]>.hub-mark{width:calc(var(--bl-icon)*var(--bl-scale));height:auto;flex:0 0 auto;max-width:calc(100% - 64px - var(--bl-gap));transform:translate(var(--bl-image-x),var(--bl-image-y));overflow:visible;min-width:24px}
.brand[data-brand-render][data-brand-layout] .brand-image>.hub-mark{position:static;display:block;width:100%;height:auto;max-height:var(--bl-limit);object-fit:contain;border-radius:0}
.brand[data-brand-render][data-brand-layout] .brand-image:has(>img:not([hidden]))>svg,.brand[data-brand-render][data-brand-layout] .brand-image>img[hidden]{display:none}
.brand[data-brand-layout][data-brand-direction=column] .brand-image,.brand[data-brand-layout][data-brand-direction=column]>.hub-mark{max-width:100%}
.brand[data-brand-layout][data-brand-direction=column] .brand-copy{width:100%;flex:0 0 auto}
.brand[data-brand-render][data-brand-layout].logo-only{flex-direction:column;align-items:stretch;gap:6px}
.brand[data-brand-render][data-brand-layout].logo-only .brand-image{width:calc(var(--bl-image)*var(--bl-scale));height:auto;max-width:100%;flex:0 0 auto;align-self:center}
.brand[data-brand-layout][data-brand-align=left].logo-only .brand-image{align-self:flex-start}
.brand[data-brand-layout][data-brand-align=right].logo-only .brand-image{align-self:flex-end}
.brand[data-brand-render][data-brand-layout].logo-only:has(.brand-image>img[hidden]){display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;row-gap:3px}.brand[data-brand-render][data-brand-layout].logo-only:has(.brand-image>img[hidden]) .brand-image{width:32px;flex:0 0 32px}.brand[data-brand-render][data-brand-layout].logo-only:has(.brand-image>img[hidden]) .brand-copy{display:flex}.brand[data-brand-render][data-brand-layout].logo-only:has(.brand-image>img[hidden])>.stage-badge{display:inline-flex;grid-column:2}
.brand[data-brand-render][data-brand-layout][data-brand-size=compact]{--bl-scale:.8;--bl-limit:96px;padding:8px}
.brand[data-brand-render][data-brand-layout].text-only{flex-direction:column;align-items:stretch;gap:0}
.brand[data-brand-render][data-brand-layout].text-only .brand-copy{width:100%;flex:0 0 auto}
@media(max-width:1099px){.brand[data-brand-render][data-brand-layout][data-brand-size=auto]{--bl-scale:.8;--bl-limit:96px;padding:8px}}

.site-notice{position:relative;margin:0 0 18px;padding-right:52px}.site-notice .notice-body>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.site-notice .notice-body>div>span{white-space:pre-line}.site-notice-link{font-weight:700;white-space:nowrap;text-underline-offset:3px}
.site-notice-close{position:absolute;top:8px;right:8px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.site-notice-close:hover{background:rgba(255,255,255,.07);color:var(--ink)}.site-notice-close:focus-visible{outline:2px solid var(--sel,#5b9dff);outline-offset:1px}.site-notice-close .ic{width:18px;height:18px}
.site-notice-off .site-notice[data-site-notice]{display:none}
@media(max-width:719px){.site-notice{margin-bottom:14px;padding:12px 46px 12px 14px}.site-notice-close{top:4px;right:4px}}

.admin{align-items:start}
.admin-nav{display:none}
@media(min-width:1024px){
 .admin{grid-template-columns:232px minmax(0,1fr);gap:34px}
 .admin-nav{display:flex;flex-direction:column;gap:0;position:static;align-self:start;padding:12px 10px 14px;margin-top:20px}
 .admin-menu{display:none}
}
/* The whole grouped menu stays visible: it only sticks when the window is tall enough to show all of it. */
@media(min-width:1024px) and (min-height:1060px){.admin-nav{position:sticky;top:16px}}
.admin-nav-group{display:flex;flex-direction:column;gap:2px;padding:8px 0 6px;border-top:1px solid var(--line)}
.admin-nav .admin-search+.admin-nav-group{border-top:0;padding-top:2px}
.admin-nav-title{margin:4px 10px 3px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--muted)}
.admin-nav a{flex:0 0 auto;min-height:36px;padding:7px 12px;font-size:14px;line-height:1.35}
.admin-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--sel,#5b9dff)}
.admin-search{position:relative;margin:0 0 6px}
.admin-search-box{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--bg2,#111b29)}
.admin-search-box:focus-within{border-color:var(--sel,#5b9dff);box-shadow:0 0 0 1px var(--sel,#5b9dff)}
.admin-search-box>.ic{color:var(--muted);flex:none}
.admin-search .admin-search-box input[type=search]{flex:1;min-width:0;width:auto;min-height:38px;margin:0;padding:6px 0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;font-size:14px;color:var(--ink);outline:0}
.admin-search-results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;list-style:none;margin:0;padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-raised,#1a2739);box-shadow:0 14px 30px rgba(0,0,0,.5);max-height:min(60vh,420px);overflow:auto}
.admin-search-results a{display:block;padding:8px 10px;border-radius:8px;color:var(--ink);text-decoration:none;line-height:1.35}
.admin-search-results a:hover,.admin-search-results a:focus{background:var(--soft2,#203049);outline:0}
.admin-search-results a:focus-visible{box-shadow:inset 0 0 0 2px var(--sel,#5b9dff)}
.admin-search-results b{display:block;font-size:14px}.admin-search-results small{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.admin-search-results .none{padding:8px 10px;color:var(--muted);font-size:13px}
.admin-menu{margin:4px 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.admin-menu>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px;cursor:pointer;list-style:none}
.admin-menu>summary::-webkit-details-marker{display:none}
.admin-menu>summary>.ic{margin-left:auto;flex:none;transition:transform .15s ease}.admin-menu[open]>summary>.ic{transform:rotate(180deg)}
.admin-menu-label{font-weight:800;color:var(--ink);white-space:nowrap}
.admin-menu-where{min-width:0;color:var(--ink2);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-menu-body{padding:12px 14px 14px;border-top:1px solid var(--line)}
.admin-menu-body section{margin-top:12px}.admin-menu-body h2.admin-nav-title{margin:0 2px 6px}
.admin-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.admin-menu-links a{display:flex;flex-direction:column;justify-content:center;gap:1px;min-height:52px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;background:var(--bg2,#111b29)}
.admin-menu-links a b{font-size:14px;line-height:1.3}
.admin-menu-links a small{font-size:11.5px;line-height:1.35;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-menu-links a[aria-current=page]{border-color:var(--sel,#5b9dff);background:var(--primary-soft,#142a55)}
@media(max-width:359px){.admin-menu-links{grid-template-columns:minmax(0,1fr)}}
.admin-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;list-style:none;margin:22px 0 4px;padding:0;font-size:13px;color:var(--muted)}
.admin-crumbs li{display:inline-flex;align-items:center;gap:6px;min-width:0}.admin-crumbs li+li::before{content:"›";color:var(--line-strong)}
.admin-crumbs a{color:var(--ink2);text-decoration:none}.admin-crumbs a:hover{text-decoration:underline}.admin-crumbs [aria-current]{color:var(--ink2);font-weight:700}
@media(max-width:1023px){.admin-crumbs ol{margin-top:0}}
.admin-main>h1{margin-top:2px}
.admin-form-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 12px;font-size:13px;color:var(--muted)}
.admin-form-meta a{color:var(--primary-ink)}.admin-form-meta .badge{font-weight:700}
.admin-group{border:0;border-top:1px solid var(--line);margin:20px 0 0;padding:16px 0 0;min-width:0}
.admin-form>.admin-group:first-of-type{border-top:0;margin-top:6px;padding-top:0}
.admin-group>legend{float:left;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 4px;padding:0;font-size:17px;font-weight:800;color:var(--ink)}
.admin-group>legend+*{clear:both}
.admin-group-note{clear:both;margin:0 0 6px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.admin-fields{display:grid;grid-template-columns:minmax(0,1fr);column-gap:22px;clear:both}
@media(min-width:760px){.admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-fields>.wide,.admin-fields>fieldset{grid-column:1/-1}}
.admin-fields>.field{min-width:0}
.admin .field{scroll-margin-top:90px}.admin .field.admin-target,.admin .admin-group.admin-target{border-radius:10px;box-shadow:0 0 0 2px var(--sel,#5b9dff);transition:box-shadow .3s ease}
.admin .field.invalid>label,.admin .field.invalid .switch>span{color:var(--danger)}
.admin .field.invalid input:not([type=checkbox]),.admin .field.invalid select,.admin .field.invalid textarea{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}
.admin-field-error{margin:5px 0 0;font-size:13.5px;font-weight:700;color:var(--danger)}
.admin-default{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:5px 0 0;font-size:12.5px;color:var(--muted)}
.admin-default span{min-width:0;overflow-wrap:anywhere}
.admin-default button{min-height:30px;padding:3px 10px;border:1px solid var(--line-strong);border-radius:7px;background:transparent;color:var(--primary-ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.admin-default button:hover{background:var(--soft2,#203049)}
.admin-savebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 12px;margin:18px 0 0;padding:12px 0 4px;border-top:1px solid var(--line);background:var(--surface)}
.admin-savebar .btn{margin:0}
.admin-dirty{margin:0 auto 0 0;font-size:14px;font-weight:700;color:var(--gold,#f2c86b)}.admin-dirty:empty{display:none}
/* Only while there are unsaved changes the bar follows the screen bottom, so [저장] is always within reach. */
.admin-form.is-dirty .admin-savebar{position:sticky;bottom:0;z-index:4;box-shadow:0 -12px 22px -14px rgba(0,0,0,.75)}
.admin-form .save-note{margin:10px 0 0}
.admin-reset{margin:-2px 0 18px}
.listrow-order{display:flex;align-items:stretch;gap:4px}.listrow-order input{flex:1;min-width:52px}
.listrow-order button{flex:none;width:34px;padding:0;border:1px solid var(--line-strong);border-radius:8px;background:transparent;color:var(--ink2);font:inherit;font-size:16px;cursor:pointer}
.listrow-order button:hover{background:var(--soft2,#203049);color:var(--ink)}.listrow-order button:focus-visible{outline:2px solid var(--sel,#5b9dff);outline-offset:1px}
.admin-dash{display:grid;gap:16px;margin-top:6px}
.admin-dash .card{margin:0;min-width:0}.admin-dash h2{margin:0 0 10px;font-size:19px}
.admin-dash-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
@media(min-width:1180px){.admin-dash-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}}
.admin-dash-side{display:grid;gap:16px;min-width:0}
.admin-attn-list,.admin-sum-list,.admin-plain-list{list-style:none;margin:0;padding:0}
.admin-attn-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:11px 0;border-top:1px solid var(--line)}
.admin-attn-list li:first-child{border-top:0;padding-top:2px}.admin-attn-list .btn{margin:0}
.admin-attn-list p{margin:0;min-width:0}.admin-attn-list b{color:var(--ink)}.admin-attn-list .muted{display:block;font-size:13px}
.admin-sum-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.admin-sum-row:first-child{border-top:0;padding-top:2px}
.admin-sum-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-weight:800;color:var(--ink)}
.admin-sum-head .badge{font-size:12px}
.admin-sum-value{margin:3px 0 0;color:var(--ink2);font-size:14.5px;overflow-wrap:anywhere}
.admin-sum-meta{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.admin-sum-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.admin-sum-actions form{margin:0}.admin-sum-actions .btn{margin:0}
@media(max-width:599px){.admin-sum-row{align-items:start}.admin-sum-actions{flex-direction:column;align-items:stretch}.admin-sum-actions .btn{min-width:64px;padding-left:10px;padding-right:10px}}
.admin-ops-line{margin:2px 0 10px;font-size:14px;color:var(--ink2);line-height:1.6}
.admin-dash .kv{margin:4px 0 10px}.admin-dash .recent-list{margin:0 0 12px}
.admin-quick-links{display:flex;flex-wrap:wrap;gap:8px}.admin-quick-links .chip{text-decoration:none}
.admin-ann-preview{margin:8px 0 14px;padding:14px 16px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--bg2,#111b29)}.admin-ann-preview h3{margin:0 0 4px;font-size:15px}
.admin-ann-preview .site-notice{margin:10px 0 6px}
.admin-ann-preview [data-preview-text].muted{color:var(--muted)}
.admin-preview-langs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.admin-preview-langs button{min-height:34px;padding:4px 12px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink2);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.admin-preview-langs button[aria-pressed=true]{border-color:var(--sel,#5b9dff);background:var(--primary-soft,#142a55);color:#fff}
.admin-ann-state{margin:0 0 14px}
.admin-search-page .search{display:flex;gap:8px}.admin-search-page .search input{flex:1;min-width:0}
.admin-search-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.admin-search-list a{display:block;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-decoration:none}
.admin-search-list a:hover{border-color:var(--line-strong)}.admin-search-list b{display:block}.admin-search-list span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
.admin-community-preview{margin:8px 0 0}.admin-community-preview .community-links{max-width:260px}
@media(max-width:719px){.admin-savebar{justify-content:flex-start;gap:6px 8px;padding-top:10px}.admin-savebar .admin-dirty{flex:1 0 100%;font-size:13px}.admin-savebar .btn{flex:1 1 0;width:auto;min-width:0}.admin-group>legend{font-size:16px}}