/* Raid planner inside the guild workspace. Shared tokens from design-system.css; petrol marks selection, gold the one main action. */
#gw-raids{scroll-margin-top:24px}
#gw-raids h2{font:400 clamp(27px,3vw,38px)/1.25 var(--gb-font-ui,system-ui,sans-serif);color:var(--gold,#ffd100);letter-spacing:-.7px}
.gr-list{display:flex;flex-direction:column;gap:22px}
.gr-card{padding:0;overflow:hidden;border-color:#71633e}
.gr-card.cancelled{opacity:.7}
.gr-head{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;min-height:150px;padding:22px 24px 18px;border-bottom:1px solid #71633e88}
.gr-head::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/guildbound/brand/hero-neutral-compact.webp') no-repeat;background-size:240% auto;filter:saturate(.75) brightness(.7)}
.gr-art-barrow_deeps::before{background-position:62% 30%}
.gr-art-hyjal_summit::before{background-position:90% 8%}
.gr-art-onyxia::before{background-position:30% 75%;filter:saturate(1.1) brightness(.55) sepia(.35) hue-rotate(-25deg)}
.gr-head::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#11111133 0%,#111111e6 100%)}
.gr-head h3{margin:6px 0 2px;font:700 clamp(26px,3vw,34px)/1.1 var(--title,Georgia,serif);color:#f6e7c1;text-shadow:0 2px 12px #000}
.gr-head p{margin:0;color:#e2d9c8;font-size:15px}
.gr-chip{display:inline-block;padding:1px 8px;border:1px solid #d5b97888;border-radius:3px;background:#000a;font-size:13px;color:#e2d6bb}
.gr-counts{display:flex;gap:16px;font-size:14px;color:#d6cebf}
.gr-counts b{font:700 22px var(--title,Georgia,serif);color:#f1e3bf;margin-right:4px;font-variant-numeric:tabular-nums}
.gr-notes{margin:14px 24px 0;color:#d6cebf}
.gr-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;padding:18px 24px 22px}
.gr-lab{margin:12px 0 6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d5b978}
.gr-lab:first-child{margin-top:0}
.gr-answers,.gr-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gw-page .gr-answer{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:62px;background:#141312}
.gr-answer-icon{font-size:18px;line-height:1}
.gw-page .gr-answer.on.gr-yes{border-color:#6f9d66;background:#22331f;color:#e1f5dc}
.gw-page .gr-answer.on.gr-maybe{border-color:#b08a3a;background:#2f2714;color:#ffe7b0}
.gw-page .gr-answer.on.gr-no{border-color:#8a4a3a;background:#2c1915;color:#ffd5cb}
.gw-page .gr-role{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 8px;background:#141312;font-size:13px}
.gr-role .gr-role-icon{transform:scale(1.5);margin:6px 0;filter:grayscale(.7) brightness(.75)}
.gw-page .gr-role.main{border-color:#d5b978;background:#2a2416;color:#f1e3bf}
.gr-role.main .gr-role-icon{filter:none}
.gw-page .gr-role.alt{border-color:#438e90;color:#95e5df}
.gr-role.alt .gr-role-icon{filter:none}
.gr-role small{position:absolute;top:3px;right:6px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.gr-role.main small{color:#ffd100}.gr-role.alt small{color:#95e5df}
.gr-hint{margin:6px 0 0}
.gr-signup select,.gr-signup input{margin-top:4px}
.gr-published h4,.gr-panel h4{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;font:400 20px/1.2 var(--gb-font-heading,Georgia,serif);color:#d5b978}
.gr-panel h4{flex-wrap:wrap}
.gr-panel h4 small{margin-left:auto;font-size:12px;color:#a39c8f;font-family:var(--gb-font-ui,system-ui,sans-serif)}
.gr-panel h5{margin:14px 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#a39c8f}
.gw-page .gr-toggle{display:block;width:calc(100% - 48px);margin:0 24px 22px}
.gr-planner{padding:0 24px 24px;border-top:1px solid #2b2822}
.gr-pbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 0 12px}
.gr-status{margin-right:auto;padding:3px 10px;border-radius:3px;font-size:13px;font-weight:700}
.gr-status.draft{border:1px dashed #6b5f3e;color:#d5b978}
.gr-status.live{border:1px solid #6f9d66;background:#22331f;color:#9ccf94}
.gr-targets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.gr-tg{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #2b2822;border-radius:3px;background:#141414;font-size:14px}
.gr-tg b{font:700 17px var(--title,Georgia,serif);font-variant-numeric:tabular-nums}
.gr-tg.miss{border-color:#8a6a2c;background:#241d10}.gr-tg.miss b{color:#f0b35a}.gr-tg.full b{color:#9ccf94}
.gr-msg{font-size:14px;color:#f0b35a}.gr-msg.ok{color:#9ccf94}
.gr-cols{display:grid;grid-template-columns:300px minmax(0,1fr) 260px;gap:14px;align-items:start}
.gr-panel{min-width:0;padding:14px;border:1px solid #71633e;border-radius:3px;background:#161514}
.gr-ptabs{display:flex;gap:4px;margin-bottom:8px}
.gw-page .gr-ptabs button{flex:1;min-height:44px;padding:4px;font-size:13px;background:#141414;color:#a39c8f}
.gw-page .gr-ptabs button.on{border-color:#d5b978;color:#eee6d5;background:#2c291b}
.gw-page .gr-pl{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:4px 8px;margin-bottom:4px;border-color:transparent;background:#1a1916;text-align:left}
.gw-page .gr-pl:hover{border-color:#71633e}
.gw-page .gr-pl.used{opacity:.45}
.gw-page .gr-pl:disabled{cursor:default}
.gr-ci{width:28px;height:28px;flex:none;border-radius:3px;border:1px solid #000;object-fit:cover}
.gr-ci-unknown{display:grid;place-items:center;background:#2b2822;color:#a39c8f;font-size:13px}
.gr-t{flex:1;min-width:0}
.gr-t b{display:block;font-size:15px;line-height:1.2}
.gr-t span{display:block;font-size:12px;color:#a39c8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-pr{display:flex;align-items:center;gap:2px}
.gr-alt{transform:scale(.7);opacity:.7}
.gr-groups{display:grid;gap:10px}
.gr-s10 .gr-groups,.gr-groups.gr-s10,.gr-groups.gr-s20{grid-template-columns:repeat(2,minmax(0,1fr))}
.gr-groups.gr-s40{grid-template-columns:repeat(4,minmax(0,1fr))}
.gr-group{padding:8px;border:1px solid #3a352b;border-radius:3px;background:#121110;min-width:0}
.gr-group.sel{border-color:#95e5df;box-shadow:inset 0 0 0 1px #438e90}
.gw-page .gr-ghead{display:flex;align-items:center;gap:6px;width:100%;min-height:44px;margin:0 0 4px;padding:2px 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a39c8f;background:transparent}
.gr-ghead em{margin-left:auto;font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;color:#95e5df}
.gw-page .gr-ghead.on{border-color:#438e90;color:#95e5df;background:#102e30}
p.gr-ghead{border:0;margin:0 0 4px}
.gr-slot{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:4px;padding:0 8px 0 0;border:1px solid #2b2822;border-radius:3px;background:#1a1916;overflow:hidden;text-align:left}
.gw-page button.gr-slot{padding:0 8px 0 0;min-height:44px}
.gr-slot .gr-cb{width:5px;align-self:stretch;flex:none}
.gr-slot .gr-ci{width:22px;height:22px}
.gr-slot b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gr-slot .gr-ri{margin-left:auto;transform:scale(.8)}
.gr-slot.self{border-color:#d5b978}
.gr-slot.empty{border-style:dashed;border-color:#4a4437;background:transparent;color:#7d776b;font-size:13px;padding-left:10px}
.gr-groups.gr-s40 .gr-slot{min-height:44px;gap:6px}
.gr-groups.gr-s40 .gr-slot b{font-size:12px}
.gr-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid #2b2822;font-size:14px}
.gr-row span{flex:1;min-width:0}
.gr-row small{display:block;font-size:12px;color:#a39c8f}
.gr-row b.y{color:#9ccf94}.gr-row b.n{color:#f0b35a}
.gr-cls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.gr-cls div{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:3px;background:#141414;font:700 14px var(--title,Georgia,serif)}
.gr-cls .gr-ci{width:20px;height:20px}
.gr-bench{display:flex;flex-wrap:wrap;gap:6px}
.gr-bench span{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;border:1px solid #2b2822;border-radius:3px;font-size:13px}
.gr-bench .gr-ci{width:22px;height:22px}
.gr-coverage{margin-top:14px}
.gr-cv-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.gr-cv-head h4{margin:0}
.gw-page .gr-cv-head button{min-height:44px;padding:6px 14px;font-size:13px}
.gw-page .gr-cv-head button[aria-pressed=true]{border-color:#438e90;background:#102e30;color:#95e5df}
.gr-cv-strip{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:10px;border:1px solid #2b2822;border-radius:3px;background:#0e0d0c}
.gr-cv-strip li{display:block}.gr-cv-strip .gr-cv-icon{display:block;width:32px;height:32px}
.gr-cv-strip .gr-cv-icon img{width:28px;height:28px}
.gr-cv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:12px;align-items:start}
.gr-cv-card{min-width:0;padding:10px 12px 12px;border:1px solid #3a352b;border-radius:3px;background:#121110}
.gr-cv-card.situational{border-style:dashed}
.gr-panel .gr-cv-card h5{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 2px;color:#d5b978}
.gr-cv-count{font-size:12px;letter-spacing:0;text-transform:none;color:#9ccf94}
.gr-cv-count.open{color:#ff8f78}
.gr-cv-hint{margin:0 0 6px;font-size:12px;line-height:1.4;color:#8f887b}
.gr-cv-card ul{list-style:none;margin:0;padding:0}
.gr-cv{display:flex;align-items:center;gap:12px;padding:7px 0;border-top:1px solid #24211c}
.gr-cv:first-child{border-top:0}
.gr-cv-icon{position:relative;flex:none;width:40px;height:40px;padding:2px;border-radius:4px;background:#3a352b}
.gr-cv-icon img{display:block;width:36px;height:36px;border-radius:2px}
.gr-cv-icon i{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:2px solid #121110;font:700 10px/1 var(--gb-font-ui,system-ui,sans-serif);font-style:normal}
.gr-cv-ok .gr-cv-icon{background:#5fa356;box-shadow:0 0 8px #5fa35640}
.gr-cv-ok .gr-cv-icon i{background:#3f7a37;color:#e9ffe4}
.gr-cv-talent .gr-cv-icon{background:#d59a2a}
.gr-cv-talent .gr-cv-icon i{background:#9a6b12;color:#fff2d0}
.gr-cv-missing .gr-cv-icon{background:#d4553c;box-shadow:0 0 10px #d4553c55}
.gr-cv-missing .gr-cv-icon img{filter:grayscale(1) brightness(.55)}
.gr-cv-missing .gr-cv-icon i{background:#a3321f;color:#fff}
.gr-cv.quiet .gr-cv-icon{background:#3a352b;box-shadow:none}
.gr-cv.quiet .gr-cv-icon img{filter:grayscale(1) brightness(.45)}
.gr-cv.quiet .gr-cv-icon i{background:#2b2822;color:#a39c8f}
.gr-cv-t{flex:1;min-width:0}
.gr-cv-t b{display:block;font-size:14px;font-weight:600;line-height:1.25;color:#eee6d5}
.gr-cv-missing:not(.quiet) .gr-cv-t b{color:#ffb4a3}
.gr-cv.quiet .gr-cv-t b{color:#a39c8f;font-weight:400}
.gr-cv-t small{display:block;font-size:12px;line-height:1.35;color:#8f887b}
.gr-cv-t em{display:inline-block;margin-bottom:2px;padding:0 6px;border:1px solid #8a6a2c;border-radius:3px;font-size:11px;font-style:normal;line-height:1.5;color:#f0b35a}
.gr-cv-cls{display:flex;flex:none}
.gr-cv-cls .gr-ci{width:18px;height:18px;margin-left:-4px;border-radius:50%;box-shadow:0 0 0 2px #121110}
.gr-cv-cls .gr-ci:first-child{margin-left:0}
.gr-cv-groups table{width:100%;border-collapse:collapse;font-size:13px}
.gr-cv-groups th,.gr-cv-groups td{padding:5px 4px;border-top:1px solid #24211c;text-align:center}
.gr-cv-groups thead th{border-top:0;font-weight:400;color:#8f887b;font-size:11px;line-height:1.2;vertical-align:bottom;white-space:nowrap}
.gr-cv-th{position:relative;display:block;width:24px;margin:0 auto 4px}.gr-cv-th img{display:block;border-radius:3px}.gr-cv-th .gr-ci{position:absolute;right:-7px;bottom:-5px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #121110}
.gr-cv-groups tbody th{color:#a39c8f;font-weight:400}
.gr-cv-groups td.y{color:#7fd172;font-weight:700}.gr-cv-groups td.n{color:#ff8f78;font-weight:700}
.gr-cv-note{margin:12px 0 0;font-size:12px;line-height:1.5;color:#8f887b}
.gr-addon{margin-top:16px}
.gr-addon summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#d5b978}
.gr-code{font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;margin:6px 0}
.gr-leads{margin-top:22px}
.gr-leads summary{cursor:pointer;font-weight:600;color:#d5b978}
@media(max-width:1100px){.gr-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.gr-side{grid-column:1/-1}.gr-groups.gr-s40{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.gw-page .gr-answer{padding:8px 2px;font-size:14px;min-height:56px}.gr-panel h4 small{margin-left:0;width:100%}.gr-head p{font-size:14px}.gr-body{grid-template-columns:1fr;padding:16px}.gr-cols{grid-template-columns:1fr}.gr-planner{padding:0 16px 18px}.gr-head{padding:18px 16px 14px}.gw-page .gr-toggle{width:calc(100% - 32px);margin:0 16px 18px}.gr-groups.gr-s10,.gr-groups.gr-s20,.gr-groups.gr-s40{grid-template-columns:1fr}.gr-pbar .gr-status{width:100%}}

/* Design review 28.10.2026: drawn class marks, no copied spell art, full-width 40-player board, explicit "kann auch". */
.gr-ci-text{display:inline-grid;place-items:center;font:700 10px/1 var(--gb-font-ui,system-ui,sans-serif);letter-spacing:0;border-color:#0006}
.gr-cols:has(.gr-groups.gr-s40){grid-template-columns:minmax(0,1fr) 260px}
.gr-cols:has(.gr-groups.gr-s40)>:nth-child(2){grid-column:1/-1;grid-row:1}
.gr-alt-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gw-page .gr-altrole{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 8px;background:#141312;color:#c2bbad;font-size:13px}
.gw-page .gr-altrole.on{border-color:#438e90;background:#102e30;color:#95e5df}
.gr-altrole .gr-alt-icon{filter:grayscale(.7) brightness(.75)}.gr-altrole.on .gr-alt-icon{filter:none}
.gr-slot.empty{color:#9a9384}
.gr-cv-th .gr-ci{position:static;width:24px;height:24px}
.gr-pl .gr-ci,.gr-bench .gr-ci{width:22px;height:22px;min-width:22px}