.doping-panel{margin:20px 0;padding:22px;border:1px solid #d7e6f8;border-radius:18px;background:#ffffff;color:#294b75;box-shadow:0 3px 0 #eaf3ff}.doping-heading h3{margin:0;font-size:23px}.doping-heading p,.doping-guild-status{color:#526d8d;font-size:13px;line-height:1.6;margin:8px 0 16px}.doping-panel h4{font-size:13px;color:#355c89;margin:16px 0 10px}.doping-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:18px 0 12px}.doping-panel .doping-toolbar .secondary{padding:8px 12px;border-radius:6px;background:#edf5ff;color:#345a87;border:1px solid #cbdef5;font-size:13px}.doping-panel .doping-toolbar label{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:13px}.doping-grid,.doping-guild{display:grid;grid-template-columns:repeat(auto-fill,64px);gap:7px;align-items:start}.doping-panel .doping-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:98px;min-width:0;padding:8px 4px;border:1px solid #d0e1f6;border-radius:10px;background:#f8fbff;cursor:pointer;box-shadow:0 2px 0 #e8f1fc}.doping-panel .doping-card.selected{border-color:#e99a43;background:#fff0dd;box-shadow:0 2px 0 #f5d3ac}.doping-panel input[type=checkbox]{padding:0;margin:0;min-height:0;min-width:0;width:22px;height:22px;flex:0 0 22px;accent-color:#cf681e;cursor:pointer}.doping-icon-frame{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 44px;pointer-events:none}.doping-icon-frame img{object-fit:contain;image-rendering:pixelated}.doping-icon-sprite{display:block;flex:none;background-repeat:no-repeat;image-rendering:pixelated}.doping-card:focus-within,.doping-card:focus-visible{outline:2px solid #286be0;outline-offset:2px}.doping-panel .guild-card{cursor:default}.guild-level{min-width:28px;padding:3px 6px;border:1px solid #bed4ef;border-radius:5px;text-align:center;font-size:17px;background:#ffffff;line-height:1.3}.doping-mini-label{position:absolute;top:0;right:1px;font-size:9px;font-weight:700;background:#ffffffed;border-radius:3px;padding:1px 2px;color:#345a87}.doping-info{margin-top:12px;padding:12px;border:1px solid #d9e8fa;background:#edf6ff;border-radius:10px;font-size:13px;line-height:1.6}.doping-info strong,.doping-info span,.doping-info small{display:block}.doping-info span{color:#865019}.doping-info small{color:#526d8d}.doping-status{font-size:12px;color:#526d8d;margin:12px 0}.doping-feedback{color:#965018;font-size:13px}.doping-feedback:empty{display:none}.doping-pending{font-size:12px;line-height:1.6}.doping-pending p{margin:6px 0}.doping-pending a{color:#286bc9}@media(max-width:520px){.doping-panel{padding:14px}.doping-grid,.doping-guild{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:5px}.doping-panel .doping-card{height:91px}.doping-panel .doping-toolbar label{width:100%;margin:6px 0 0}.doping-info{font-size:12px}}

/* Champion Blessing: one authentic skill icon, five compact level controls. */
/* Keep calculation feedback distinct on the light controls. */
.doping-panel .calculation-status{margin:16px 0 20px}
.doping-panel .calculation-status.is-danger{border-color:#e69daa;background:#fff0f2;color:#9f2536}
.doping-panel .calculation-status.is-success{border-color:#77c69b;background:#e6f8ed;color:#176d3d;box-shadow:0 3px 14px #2b9b5920}
.doping-panel .calculation-status.is-warning{border-color:#e8c475;background:#fff8e9;color:#7d5517}
.doping-panel .calculation-status.is-neutral{border-color:#c8dcf3;background:#f1f7ff;color:#355c89}
.doping-panel .calculation-status-title,.doping-panel .calculation-status-message{color:inherit}
.doping-panel .champion-panel.is-danger{border-color:#e69daa;box-shadow:0 0 0 1px #e69daa;background:linear-gradient(115deg,#fff0f3,#fff9fa 70%)}
.doping-panel .champion-panel.is-warning{border-color:#e8c475;background:linear-gradient(115deg,#fff7e8,#fffdf8 70%)}
.doping-panel .champion-panel.is-danger h4{color:#9f2536}
.doping-panel .champion-title .champion-status{display:inline-block;margin:8px 0 0;font-size:12px;font-weight:600;line-height:1.5}
.doping-panel .champion-panel.is-danger .champion-status{padding:5px 8px;border-radius:5px;background:#ffe0e6;color:#a52035;font-weight:750}
.doping-panel .champion-panel.is-warning .champion-status{color:#805516}
.doping-panel .champion-footer{justify-content:flex-end}
.champion-panel{margin:18px 0;padding:16px;border:1px solid #d4e4f8;border-radius:12px;background:linear-gradient(115deg,#f1f8ff,#ffffff 65%)}.champion-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.champion-title{display:flex;align-items:center;gap:12px;min-width:0}.champion-title>img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;flex:0 0 40px;filter:drop-shadow(0 2px 6px #e2a34824)}.doping-panel .champion-panel h4{margin:0 0 4px;color:#315c8e;font-size:17px;line-height:1.25}.champion-subtitle{display:block;color:#5b7390;font-size:11px;line-height:1.45}.champion-actions{display:flex;gap:6px;flex-shrink:0}.doping-panel .champion-actions button{padding:7px 10px;min-height:34px;border:1px solid #eca653;border-radius:6px;background:#ffc776;color:#713d18;font-size:12px;font-weight:600;white-space:nowrap}.doping-panel .champion-actions button:last-child{background:#f4f8fe;border-color:#ccddf2;color:#4f6a8b}.champion-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.champion-field{display:flex;flex-direction:column;gap:7px;min-width:0;padding:11px 10px 8px;border:1px solid #d7e5f6;border-radius:8px;background:#ffffff;transition:border-color .15s,background .15s}.champion-field.active{border-color:#e7aa65;background:#fff5e8}.champion-field-name{color:#365b86;font-size:12px;line-height:1.4;font-weight:600;white-space:nowrap}.doping-panel .champion-field select{display:block;width:100%;height:36px;min-height:36px;padding:6px 9px;border:1px solid #bfd5ef;border-radius:5px;background:#f8fbff;color:#294b75;font-size:14px;font-weight:600;cursor:pointer}.champion-field.active select{border-color:#e4ae6f;background:#fffaf2}.champion-effect{color:#89571d;font-size:12px;line-height:1.4;white-space:nowrap;min-height:17px}.champion-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:10px}.champion-status{margin:0;color:#526d8d;font-size:11px;line-height:1.6}.champion-badges{font-size:11px;line-height:1.6;color:#526d8d;max-width:55%;text-align:right}.champion-badges summary{cursor:pointer;white-space:nowrap}.champion-badges p{margin:7px 0;text-align:left}.champion-badges a{color:#286bc9}.champion-panel select:disabled,.champion-panel button:disabled{opacity:.7;cursor:not-allowed}.champion-panel select:focus-visible,.champion-panel button:focus-visible{outline:2px solid #286be0;outline-offset:3px}@media(max-width:760px){.champion-header{align-items:flex-start;flex-wrap:wrap;gap:10px}.champion-actions{margin-left:52px}.champion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.champion-field-name{white-space:normal}}@media(max-width:460px){.champion-panel{padding:12px}.champion-title{gap:9px}.champion-title>img{width:36px;height:36px;flex-basis:36px}.doping-panel .champion-panel h4{font-size:16px}.champion-subtitle{font-size:10px}.champion-actions{margin-left:45px}.champion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.champion-field{padding:9px 9px 7px;gap:5px}.champion-field:last-child{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-column:1/-1;column-gap:12px}.champion-field:last-child .champion-effect{grid-column:1;grid-row:2}.champion-field:last-child select{grid-column:2;grid-row:1/span 2}.champion-footer{flex-direction:column;gap:4px}.champion-badges{max-width:100%;text-align:left}}

.doping-panel .doping-toolbar .secondary:hover:not(:disabled){background:#e1efff;border-color:#aacbf3}.doping-panel .champion-actions button:hover:not(:disabled){background:#ffd590;border-color:#d78e35}.doping-panel .champion-actions button:last-child:hover:not(:disabled){background:#e7f2ff;border-color:#adcdf4}.doping-panel .doping-card:hover{border-color:#8fb9ec}.doping-panel .doping-card.selected:hover{border-color:#ce791f}.doping-panel .champion-badges summary{color:#416b9b}

/* Ereve preparation room: quick actions first, exact choices always visible. */
#dopingSettings{margin-top:24px;padding:0;border:1px solid #d9d6f0;border-radius:20px;background:linear-gradient(110deg,#f8f5ff,#f2fbfb);box-shadow:0 8px 30px #6c63a412;overflow:hidden}
#dopingSettings>summary{padding:20px 23px;color:#4b4685;font-size:17px;font-weight:800;background:linear-gradient(115deg,#f0eaff,#eff9f8);border-bottom:1px solid transparent}
#dopingSettings[open]>summary{border-bottom-color:#e0dff0}
#dopingSettings>summary>span{gap:11px}#dopingSettings>summary>span>svg{width:23px;height:23px;color:#7f6db4}
#dopingSettings>summary>small{font-size:12px;font-weight:600;color:#7c78a0}
#dopingPanel{margin:0;padding:26px;border:0;border-radius:0;background:#fff;color:#3e4669;box-shadow:none;scroll-margin-top:20px}
#dopingPanel .doping-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}
#dopingPanel .doping-eyebrow{display:block;font:800 9px/1.5 system-ui,sans-serif;letter-spacing:1.9px;color:#92805c;margin-bottom:7px}
#dopingPanel .doping-heading h3{font-size:26px;line-height:1.4;color:#383c61;letter-spacing:-1px;margin:0}
#dopingPanel .doping-heading p{font-size:12px;color:#7b7f96;margin:7px 0 0;line-height:1.8}
#dopingPanel .doping-guide-button{min-height:36px;padding:9px 13px;margin-top:15px;flex-shrink:0;border:1px solid #dce9d9;border-radius:25px;background:#f1f8ee;color:#537850;font-size:11px;font-weight:750;box-shadow:0 2px 0 #d8e5d1}
#dopingPanel .doping-quick{position:relative;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:23px 25px;border:1px solid #d9cff0;border-radius:17px;background:radial-gradient(ellipse at 100% 0%,#dbcafa82,transparent 60%),linear-gradient(115deg,#f5f0ff,#f9f7ff 55%,#e9f6f9);overflow:hidden}
#dopingPanel .doping-auto-copy{position:relative;z-index:1}#dopingPanel .doping-auto-copy .doping-eyebrow{font-size:9px;letter-spacing:2px;color:#9377ba;margin-bottom:7px}
#dopingPanel .doping-auto-copy h4{font-size:19px;line-height:1.4;letter-spacing:-.7px;color:#594b84;margin:0 0 5px}
#dopingPanel .doping-auto-copy p{font-size:12px;color:#8a7ba4;line-height:1.8;margin:0}
#dopingPanel .doping-auto-button{position:relative;flex:0 0 auto;padding:17px 26px;min-height:58px;border:1px solid #6952a4;border-radius:14px;background:linear-gradient(135deg,#9e7ed2,#7456b3 65%,#6964ad);color:#fff;font-size:17px;letter-spacing:-.35px;font-weight:850;box-shadow:0 5px 0 #5c448f,0 11px 24px #8368b835;transition:transform .16s,box-shadow .16s}
#dopingPanel .doping-auto-button::before{content:'✦';margin-right:10px;color:#f6dc9c;font-size:20px}
#dopingPanel .doping-auto-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #5c448f,0 14px 27px #8368b846}
#dopingPanel .doping-auto-button:active{transform:translateY(3px);box-shadow:0 2px 0 #5c448f}
#dopingPanel .doping-toolbar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:15px 0 0}
#dopingPanel .doping-toolbar .doping-preset{padding:13px 14px;min-height:48px;border-radius:11px;background:#f6f8fd;border:1px solid #dce4f2;box-shadow:0 3px 0 #e4e8f1;color:#64728f;font-size:13px;font-weight:750;transition:transform .15s,background .15s}
#dopingPanel .doping-toolbar .doping-preset-full{background:linear-gradient(110deg,#fff4dc,#fff9e9);color:#9b7232;border-color:#ecd7ac;box-shadow:0 3px 0 #e9d8b5}
#dopingPanel .doping-toolbar .doping-preset-full::before{content:'✧';font-size:17px;margin-right:6px}
#dopingPanel .doping-toolbar .doping-preset-clear{background:#fff;border-color:#e3e6ef;box-shadow:0 3px 0 #edf0f6;color:#939bad;font-weight:650}
#dopingPanel .doping-toolbar .doping-preset:hover{transform:translateY(-1px);background:#edf2ff}
#dopingPanel .doping-feedback{font-size:12px;line-height:1.8;color:#68734b;margin:13px 0 0;padding:11px 14px;border:1px solid #e4e7cc;border-radius:10px;background:#fcfdf3}
#dopingPanel .doping-feedback:empty{display:none}
#dopingPanel .doping-guide-teaser{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;min-height:150px;padding:22px 26px;overflow:visible;margin:22px 0;border:1px solid #b8e2dc;border-radius:18px;background:radial-gradient(ellipse at 10% 50%,#e0fff2,transparent 48%),linear-gradient(110deg,#edfff7,#f5ffff 65%,#edf9ff);box-shadow:0 4px 0 #e2f2ed}
#dopingPanel .doping-guide-teaser>img{position:static;display:block;width:150px;max-width:100%;height:116px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 3px #63a69e24);transform:none;pointer-events:none}#dopingPanel .doping-guide-teaser>div{min-width:0;position:relative}
#dopingPanel .doping-guide-teaser[hidden]{display:none}
#dopingPanel .doping-guide-teaser h4{font-size:19px;line-height:1.5;letter-spacing:-.6px;color:#286a69;margin:0 0 6px;word-break:keep-all}
#dopingPanel .doping-guide-teaser p{font-size:12px;line-height:1.8;color:#638789;margin:0 0 13px;max-width:390px;word-break:keep-all}
#dopingPanel .doping-guide-teaser .doping-eyebrow{font-size:10px;letter-spacing:1.3px;color:#48a49c;margin-bottom:6px}
#dopingPanel .doping-guide-start{border:1px solid #90d5cc;background:linear-gradient(#e6fff5,#d0f4eb);border-radius:9px;box-shadow:0 3px 0 #a4dace;color:#2a7a72;font-size:12px;font-weight:800;padding:9px 14px;min-height:38px}
#dopingPanel .doping-professions{padding:17px 18px;border:1px solid #e6e5ed;border-radius:13px;background:#fafaff;margin:20px 0}
#dopingPanel .doping-professions h4{font-size:14px;color:#5f5c7a;margin:0 0 5px}
#dopingPanel .doping-profession-help{margin:0 0 12px;color:#9693a6;font-size:11px;line-height:1.7}
#dopingPanel .doping-profession-options{display:flex;gap:12px;flex-wrap:wrap}
#dopingPanel .doping-profession-options label{display:flex;gap:9px;align-items:center;flex:1;min-width:170px;padding:12px 13px;background:#fff;border:1px solid #dcd9e8;border-radius:9px;font-size:12px;font-weight:700;color:#6b6588;cursor:pointer}
#dopingPanel .doping-profession-options label:has(input:checked){border-color:#aa96c9;background:#f7f1ff;box-shadow:0 0 0 1px #cdbde52b}
#dopingPanel .doping-professions small{display:block;margin-top:10px;color:#a29cb0;font-size:10px;line-height:1.65}
#dopingPanel input[type=checkbox]{accent-color:#8d72b8}
#dopingPanel .doping-guild-panel{padding:18px;border:1px solid #e2e9e1;background:linear-gradient(120deg,#f6faf3,#fcfdf9);border-radius:14px;margin-top:20px}
#dopingPanel .doping-guild-panel h4{margin:0 0 14px;color:#688057;font-size:14px}
#dopingPanel .doping-guild-status{font-size:11px;margin-bottom:0;color:#84927a}
#dopingPanel .doping-guild{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:8px}
#dopingPanel .doping-guild .guild-card{height:85px;border-color:#dce8d3;background:#fff;box-shadow:0 2px 0 #e1ebd8}
#dopingPanel .guild-level{font-size:12px;min-width:26px;border-radius:6px;border-color:#d4e2c6;color:#799163;background:#f5faee}
#dopingPanel .champion-panel{padding:20px;margin:20px 0;border:1px solid #e8dbb6;border-radius:14px;background:linear-gradient(120deg,#fffaf0,#fffffc 65%)}
#dopingPanel .champion-panel.is-danger{border-color:#e4a1ad;background:linear-gradient(120deg,#fff0f3,#fffafb);box-shadow:0 0 0 1px #e4a1ad}
#dopingPanel .champion-panel.is-warning{border-color:#e5c47f;background:linear-gradient(120deg,#fff7e9,#fffdf8)}
#dopingPanel .champion-panel.is-danger .champion-title h4{color:#a24b5b}
#dopingPanel .champion-title h4{color:#957743;font-size:17px}
#dopingPanel .champion-subtitle{color:#aaa087;font-size:10px}
#dopingPanel .champion-field{border-color:#e8e3d4;border-radius:10px;background:#fffefa}
#dopingPanel .champion-field.active{border-color:#daba7d;background:linear-gradient(#fff8e9,#fffdf6)}
#dopingPanel .champion-field-name{color:#93866a}
#dopingPanel .champion-field select{border-color:#e1d4b5;background:#fffaf0;color:#8b713c;border-radius:6px}
#dopingPanel .champion-actions button{border-color:#d2b472;background:linear-gradient(#f8e5ac,#ebcf87);color:#836329;border-radius:8px;min-height:37px;box-shadow:0 2px 0 #c9af71}
#dopingPanel .champion-actions button:last-child{border-color:#e5dfcf;background:#fffdfa;color:#a89c80;box-shadow:0 2px 0 #e9e3d5}
#dopingPanel .doping-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:9px}
#dopingPanel .doping-card{border-radius:11px;height:92px;background:#fbfcff;border-color:#e3e8f3;box-shadow:0 2px 0 #edf0f6;transition:background .15s,transform .15s,border-color .15s}
#dopingPanel .doping-card:hover{transform:translateY(-2px);border-color:#c6b4e1}
#dopingPanel .doping-card.selected{background:#f5efff;border-color:#bb9ddd;box-shadow:0 2px 0 #d6c4ec}
#dopingPanel .doping-mini-label{background:#f4ecff;color:#a18ab9}
#dopingPanel .doping-status{font-size:11px;color:#a3a4b4;margin-top:16px}
#dopingPanel .doping-pending{margin-top:15px;padding:12px 0;border-top:1px solid #ecedf3;color:#9698ab}
#dopingPanel .doping-pending>summary{font-size:12px;font-weight:650;color:#787b95;cursor:pointer}
#dopingPanel button:focus-visible,#dopingPanel input:focus-visible,#dopingPanel select:focus-visible{outline:3px solid #b99bdf;outline-offset:3px}
@media(max-width:660px){#dopingSettings>summary{padding:17px;font-size:16px}#dopingSettings>summary>small{font-size:0}#dopingSettings>summary>small>span{font-size:16px}#dopingPanel{padding:16px 12px}#dopingPanel .doping-heading{gap:12px;flex-wrap:wrap;margin-bottom:16px}#dopingPanel .doping-heading h3{font-size:23px}#dopingPanel .doping-heading p{font-size:11px}#dopingPanel .doping-guide-button{margin:0;min-height:32px;font-size:10px;padding:7px 12px}#dopingPanel .doping-quick{padding:19px;display:block}#dopingPanel .doping-auto-copy h4{font-size:17px}#dopingPanel .doping-auto-copy p{font-size:11px}#dopingPanel .doping-auto-button{width:100%;margin-top:17px;min-height:53px;font-size:16px;padding:13px 20px}#dopingPanel .doping-toolbar{gap:7px}#dopingPanel .doping-toolbar .doping-preset{min-height:42px;font-size:11px;padding:10px 8px;border-radius:9px}#dopingPanel .doping-guide-teaser{grid-template-columns:88px minmax(0,1fr);padding:17px 14px;min-height:142px;gap:11px}#dopingPanel .doping-guide-teaser>img{width:88px;height:105px}#dopingPanel .doping-guide-teaser h4{font-size:15px;line-height:1.5}#dopingPanel .doping-guide-teaser p{font-size:11px;line-height:1.75}#dopingPanel .doping-guide-start{font-size:11px}#dopingPanel .doping-professions{padding:15px}#dopingPanel .doping-profession-options{gap:8px}#dopingPanel .doping-profession-options label{min-width:100%;padding:11px;font-size:11px}#dopingPanel .doping-profession-help{font-size:10px}#dopingPanel .doping-guild-panel{padding:15px}#dopingPanel .champion-panel{padding:14px}#dopingPanel .doping-grid{grid-template-columns:repeat(auto-fill,minmax(53px,1fr));gap:6px}#dopingPanel .doping-card{height:86px}#dopingPanel .doping-guild{grid-template-columns:repeat(auto-fill,minmax(57px,1fr))}}
@media(prefers-reduced-motion:reduce){#dopingPanel *,#dopingSettings *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#dopingPanel{color-scheme:only light}#dopingPanel .doping-guide-button{border-color:#b8e2dd;background:#effffa;color:#39867c;box-shadow:0 2px 0 #d0eae3}#dopingPanel .doping-guide-start:hover{background:#c9f4e8;transform:translateY(-1px)}

/* Grid controls own their spacing; the site-wide form label margin must not inflate every card. */
#dopingPanel .champion-field,#dopingPanel .doping-card,#dopingPanel .doping-profession-options label{margin:0}
