/* Every rule is confined to the Dark Souls planner. */ #ds-planner{color:#dce0e8;background:#0d0f12;--gp-text:#dce0e8;--gp-muted:#9ca5b3;--gp-gold:#cdd3de;font-family:var(--as-display,Georgia,serif);font-size:16px;line-height:1.45} #ds-planner *{box-sizing:border-box}#ds-planner button,#ds-planner input,#ds-planner select,#ds-planner textarea{font:inherit;color:inherit} #ds-planner button{border:1px solid #454d5a;background:#171c23;padding:7px 12px;cursor:pointer;line-height:1.35}#ds-planner button:hover{border-color:#d3d8e2;background:#252c36}#ds-planner button:disabled{opacity:.35;cursor:default}#ds-planner button:focus-visible,#ds-planner input:focus-visible,#ds-planner select:focus-visible,#ds-planner a:focus-visible{outline:2px solid #e7a16d;outline-offset:2px} #ds-planner input,#ds-planner select,#ds-planner textarea{background:#10151b;border:1px solid #454d5a;padding:6px 9px;max-width:100%;min-width:0}#ds-planner input[type=number]{appearance:textfield;font-variant-numeric:tabular-nums}#ds-planner input::-webkit-inner-spin-button,#ds-planner input::-webkit-outer-spin-button{appearance:none;margin:0}#ds-planner input[type=range]{accent-color:#d9dee8;padding:0;width:100%;margin:12px 0}#ds-planner input[type=checkbox]{accent-color:#d8dce5;width:16px;height:16px} #ds-planner h2,#ds-planner h3{font-family:var(--as-display,Georgia,serif);font-weight:400;color:#e0e4ec}#ds-planner h2{font-size:24px;margin:0}#ds-planner h3{font-size:20px;margin:0}#ds-planner a{color:#dce0e8}#ds-planner .gp-fine{font:12px/1.6 var(--as-body,Arial,sans-serif);color:#a4adbb}#ds-planner .gp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} #ds-planner.gp-redesign .gp-content{max-width:1500px}#ds-planner .gp-buildbar{gap:10px 15px}#ds-planner .gp-build-title img{width:32px;height:32px;object-fit:contain}#ds-planner .gp-build-name{flex:1;min-width:140px;max-width:260px}#ds-planner .gp-build-name input{width:100%;font-size:20px;border-color:transparent;background:transparent}#ds-planner .gp-build-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}#ds-planner .gp-build-actions button{font-size:13px}#ds-planner .gp-level-label{white-space:nowrap} #ds-planner .gp-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:12px 0;margin-bottom:20px;border-bottom:1px solid #424a5744}#ds-planner .gp-view-links{display:flex;flex-wrap:wrap;gap:5px}#ds-planner .gp-view-links button{font-size:14px;background:none;border-color:transparent}#ds-planner .gp-mode-controls{display:flex;align-items:center;gap:12px;font-size:13px}#ds-planner .gp-mode-controls label{display:flex;gap:8px;align-items:center} #ds-planner .gp-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #626c7d55;margin:18px 0 12px;padding:0 0 9px}#ds-planner .gp-section-heading:first-child{margin-top:0}#ds-planner .gp-section-heading h3{font-variant:small-caps;font-size:21px}#ds-planner .gp-layout{align-items:start} #ds-planner .ds-stat-caption,#ds-planner .ds-stat-row{display:grid;grid-template-columns:minmax(70px,1fr) 25px 82px 28px;gap:5px;align-items:center}#ds-planner .ds-stat-caption{font:10px var(--as-body,Arial,sans-serif);text-align:center;color:#8d98aa;margin-bottom:8px;text-transform:uppercase}#ds-planner .ds-stat-row{padding:6px 0;font-size:17px;border-left:2px solid transparent}#ds-planner .ds-stat-row:hover{background:#a4aebe0c;border-color:#bac3d4}#ds-planner .ds-stat-row>span,#ds-planner .ds-stat-row>strong{text-align:center;font-variant-numeric:tabular-nums;font-weight:400}#ds-planner .ds-stat-control{display:flex;align-items:center;justify-content:center;gap:1px}#ds-planner .ds-stat-control input{width:40px;padding:3px 0;border:0;text-align:center;background:none;font-size:18px}#ds-planner .ds-stat-control button{padding:0;width:18px;border-color:transparent;background:none;font-size:16px}#ds-planner .gp-action-row{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 24px}#ds-planner .gp-action-row button{font-size:12px;flex:1}#ds-planner .ds-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}#ds-planner .ds-setting input{width:65px;text-align:center}#ds-planner .ds-setting select{max-width:155px} #ds-planner .gp-slot-grid{display:grid;gap:12px;align-items:start;margin-bottom:22px}#ds-planner .ds-armaments,#ds-planner .gp-four{grid-template-columns:repeat(4,minmax(0,1fr))}#ds-planner .ds-rings{grid-template-columns:repeat(2,minmax(0,1fr))}#ds-planner .gp-memory{grid-template-columns:repeat(6,minmax(0,1fr))}#ds-planner .gp-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#ds-planner .gp-slot-wrap{position:relative;min-width:0;text-align:left}#ds-planner .gp-slot{position:relative;display:block;aspect-ratio:1;width:100%;padding:0;border:1px solid #70788766;background:#14171c var(--gp-slot-image) center/100% 100% no-repeat;border-radius:0;overflow:hidden;cursor:pointer}#ds-planner .gp-slot:hover{border-color:#e6d3b6;box-shadow:inset 0 0 16px #ff843f22,0 0 12px #f8792622}#ds-planner .gp-slot img{position:absolute;inset:3%;width:94%;height:94%;object-fit:contain;pointer-events:none}#ds-planner .gp-slot img.gp-empty{opacity:.34;inset:16%;width:68%;height:68%}#ds-planner .ds-slot-label{position:absolute;bottom:3px;left:5px;font:10px var(--as-body,Arial,sans-serif);color:#d0d5df;text-shadow:0 1px 3px black}#ds-planner .ds-slot-caption{display:block;font-size:13px;margin-top:5px;line-height:1.35;min-height:34px;overflow-wrap:anywhere}#ds-planner .ds-slot-caption small{display:block;font:10px var(--as-body,Arial,sans-serif);color:#a1acbd;margin-top:3px}#ds-planner .ds-clear{position:absolute;right:1px;top:1px;padding:0;width:18px;height:18px;font-size:13px;opacity:.55;z-index:2}#ds-planner .gp-slot-wrap:hover .ds-clear,#ds-planner .ds-clear:focus{opacity:1}#ds-planner .ds-locked{opacity:.27}#ds-planner .ds-reserved{opacity:.35;display:grid;place-content:center;font:10px var(--as-body,Arial,sans-serif)}#ds-planner .ds-armor-rings{display:grid;grid-template-columns:2fr 1fr;gap:20px}#ds-planner .ds-armor-rings .gp-slot-grid{gap:8px} #ds-planner .gp-stat-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#ds-planner .gp-stat-tiles>div{border:1px solid #49525e55;padding:8px 12px;min-width:0}#ds-planner .gp-stat-tiles span{display:block;font-size:13px;color:#aeb7c7}#ds-planner .gp-stat-tiles strong{display:block;font-size:22px;font-weight:400;font-variant-numeric:tabular-nums}#ds-planner .gp-result-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:5px 0;font-size:15px}#ds-planner .gp-result-row strong{font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}#ds-planner .gp-load-panel{margin:20px 0}#ds-planner .ds-load-track{height:5px;background:#303947;position:relative;margin:8px 0}#ds-planner .ds-load-track>span{height:100%;background:#bdc6d4;display:block}#ds-planner .ds-load-track i{height:12px;top:-3px;width:1px;position:absolute;background:#e99556}#ds-planner .gp-attack-grid,#ds-planner .gp-defence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}#ds-planner .ds-warning,#ds-planner .ds-unmet{color:#f2ab83}#ds-planner .ds-warning{font:12px/1.6 var(--as-body,Arial,sans-serif);border-left:2px solid #dc824c;padding-left:10px} #ds-planner .gp-effects{margin-top:28px;border-top:1px solid #64708455;padding-top:20px}#ds-planner .ds-effects-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}#ds-planner .ds-effects-head .gp-section-heading{flex:1;min-width:220px}#ds-planner .ds-effects-head button{font-size:12px}#ds-planner .ds-condition{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:14px}#ds-planner .ds-effects-table,#ds-planner .ds-details-table{border-collapse:collapse;width:100%;text-align:left}#ds-planner .ds-effects-table th,#ds-planner .ds-effects-table td,#ds-planner .ds-details-table th,#ds-planner .ds-details-table td{padding:10px;border-bottom:1px solid #46505f44;font-weight:400;font-size:14px}#ds-planner .ds-effects-table th{font:11px var(--as-body,Arial,sans-serif);text-transform:uppercase;letter-spacing:.1em;color:#a9b3c3}#ds-planner .ds-effects-table td small{display:block;font:11px var(--as-body,Arial,sans-serif);margin-top:4px;color:#e1af87}#ds-planner .ds-effects-table th:last-child,#ds-planner .ds-effects-table td:last-child{width:65px;text-align:center}#ds-planner .gp-message{color:#e3b58b;min-height:1em;font:13px/1.5 var(--as-body,Arial,sans-serif)} #ds-planner .ds-modal-backdrop{position:fixed;inset:0;background:#000b;backdrop-filter:blur(5px);z-index:1600;display:flex;align-items:center;justify-content:center;padding:25px}#ds-planner .ds-modal{width:min(850px,100%);max-height:94dvh;overflow:auto;background:#11161e;border:1px solid #707b8d;box-shadow:0 25px 100px #000c;padding:22px;color:#dce0e8}#ds-planner .ds-modal-wide{width:min(1500px,100%)}#ds-planner .ds-modal>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #56637655}#ds-planner .ds-modal>header button{font-size:25px;line-height:1}#ds-planner .ds-picker-tools{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:15px;font-size:14px}#ds-planner .ds-picker-tools label{display:flex;flex-direction:column;gap:5px}#ds-planner .ds-picker-tools>input{flex:1;min-width:150px}#ds-planner .ds-tabs{display:flex;gap:5px}#ds-planner .ds-tabs [aria-pressed=true]{background:#303b4c;border-color:#c5cfde}#ds-planner .ds-picker-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}#ds-planner .ds-catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:500px;overflow:auto;align-content:start;padding:3px}#ds-planner .ds-catalog-tile{min-width:0;padding:8px;display:flex;align-items:center;flex-direction:column;background:#141a23}#ds-planner .ds-catalog-tile img{width:100%;aspect-ratio:1;height:auto;object-fit:contain;max-height:105px;pointer-events:none}#ds-planner .ds-catalog-tile span{font-size:13px;line-height:1.3;overflow-wrap:anywhere}#ds-planner .ds-catalog-tile small{font:10px var(--as-body,Arial,sans-serif);color:#a1aec2;margin-top:6px}#ds-planner .ds-catalog-tile.ds-selected{border-color:#ebbf93;background:#33291f}#ds-planner .ds-builder{min-width:0;padding:15px;border:1px solid #53607766;background:#0c1118}#ds-planner .ds-builder h3{font-size:24px}#ds-planner .ds-builder-art{display:block;width:150px;height:150px;object-fit:contain;margin:10px auto}#ds-planner .ds-builder p{font:12px/1.6 var(--as-body,Arial,sans-serif);color:#a9b6c9}#ds-planner .ds-builder label{display:flex;flex-direction:column;font-size:14px;gap:5px;margin:15px 0}#ds-planner .ds-range-labels{display:flex;justify-content:space-between;font-size:11px}#ds-planner .ds-builder-actions{display:flex;gap:8px;flex-wrap:wrap}#ds-planner .ds-builder-actions button{font-size:13px}#ds-planner .ds-preview-number{display:flex;align-items:center;justify-content:space-between;gap:10px;border-block:1px solid #4c586944;padding:10px 0}#ds-planner .ds-preview-number small{font-size:12px}#ds-planner .ds-preview-number strong{font-weight:400;font-size:32px}#ds-planner .ds-four-stats{display:flex;gap:15px;margin:10px 0;justify-content:space-around}#ds-planner .ds-four-stats span{text-align:center}#ds-planner .ds-four-stats strong{display:block;font-size:20px;font-weight:400}#ds-planner .ds-four-stats small{display:block;font:10px var(--as-body,Arial,sans-serif);color:#aab5c6}#ds-planner .ds-article-link{font-size:12px}#ds-planner .ds-picker-equipped{margin-top:20px}#ds-planner .ds-drop-row{grid-template-columns:repeat(4,minmax(0,90px));gap:12px}#ds-planner .ds-class-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}#ds-planner .ds-class-list button{text-align:left;min-width:0}#ds-planner .ds-class-list strong{display:block;font-size:20px;font-weight:400}#ds-planner .ds-class-list span{display:block;color:#a3b2c8;font:12px/1.6 var(--as-body,Arial,sans-serif);margin-top:6px}#ds-planner .ds-save-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #4c586955}#ds-planner .ds-save-row strong{margin-right:auto}#ds-planner textarea{display:block;width:100%;min-height:140px;margin:15px 0;font:12px/1.5 monospace} @media(max-width:1250px){#ds-planner .ds-armor-rings{grid-template-columns:1fr}#ds-planner .ds-rings{grid-template-columns:repeat(2,minmax(0,90px))}#ds-planner .ds-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:700px){#ds-planner .ds-modal-backdrop{padding:8px}#ds-planner .ds-modal{padding:12px;max-height:97dvh}#ds-planner .ds-picker-layout{grid-template-columns:1fr}#ds-planner .ds-catalog{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px}#ds-planner .ds-builder-art{width:110px;height:110px}#ds-planner .ds-modal h2{font-size:22px}#ds-planner .ds-picker-tools{gap:8px}#ds-planner .ds-picker-tools>label,#ds-planner .ds-picker-tools>input{width:100%}#ds-planner .ds-class-list{grid-template-columns:1fr}#ds-planner .ds-armaments{grid-template-columns:repeat(4,minmax(0,1fr))}#ds-planner .ds-armor-rings{grid-template-columns:1fr}#ds-planner .gp-memory{grid-template-columns:repeat(6,minmax(0,1fr))}#ds-planner .ds-effects-table th,#ds-planner .ds-effects-table td{padding:7px 4px;font-size:12px}#ds-planner .ds-effects-table td:nth-child(2),#ds-planner .ds-effects-table th:nth-child(2){display:none}#ds-planner .ds-slot-caption{font-size:11px}#ds-planner .gp-build-actions{margin-left:0}#ds-planner .gp-stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#ds-planner .ds-stat-row{font-size:19px}#ds-planner .ds-drop-row{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(prefers-reduced-motion:reduce){#ds-planner *,#ds-planner *:before,#ds-planner *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #ds-planner .ds-character-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 14px;margin-bottom:20px;border:1px solid #67738444;color:#b5bdcb;font:13px/1.5 var(--as-body,Arial,sans-serif)}#ds-planner .ds-character-bar label{display:flex;align-items:center;gap:8px}#ds-planner .ds-character-bar p{flex-basis:100%;margin:0}#ds-planner .ds-character-bar input{max-width:160px} #ds-planner.gp-redesign .ds-armaments{grid-template-columns:repeat(4,minmax(0,120px));gap:12px}#ds-planner.gp-redesign .gp-equipment>.gp-four{grid-template-columns:repeat(4,minmax(0,75px))}#ds-planner.gp-redesign .gp-equipment>.gp-slot-grid{margin-bottom:26px}#ds-planner.gp-redesign .gp-quick-grid{grid-template-columns:repeat(5,minmax(0,65px))}#ds-planner.gp-redesign .gp-memory{gap:6px} @media(max-width:700px){#ds-planner.gp-redesign .ds-armaments{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}} #ds-planner.gp-redesign .gp-effects .ds-effects-table{width:100%;min-width:0;table-layout:fixed}#ds-planner.gp-redesign .gp-effects .ds-effects-table th,#ds-planner.gp-redesign .gp-effects .ds-effects-table td{white-space:normal;overflow-wrap:anywhere}#ds-planner.gp-redesign .gp-effects .ds-effects-table th:first-child{width:24%}#ds-planner.gp-redesign .gp-effects .ds-effects-table th:nth-child(2){width:12%}#ds-planner.gp-redesign .gp-effects .ds-effects-table th:last-child{width:54px} body.as-dsr-planner .as-native-wrap{max-width:1660px;padding:22px 16px}body.as-dsr-planner #firstHeading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #ds-planner.gp-redesign .ds-stat-caption,#ds-planner.gp-redesign .ds-stat-row{grid-template-columns:minmax(88px,1fr) 22px 78px 26px;gap:4px}#ds-planner.gp-redesign .ds-stat-row>label{font:14px/1.5 var(--as-body,Arial,sans-serif);white-space:nowrap;text-transform:none} body.as-dsr-planner .printfooter{overflow-wrap:anywhere} /* Adapted planner.css */ #ds-planner{--gp-text:#dce0e8;--gp-muted:#a7aab0;--gp-gold:#b0b4ba;--gp-dim:#64666a;--gp-bronze:#585a5d;font-family:Georgia,'Times New Roman',serif;color:var(--gp-text);color-scheme:dark} #ds-planner *{box-sizing:border-box} #ds-planner [hidden]{display:none!important} #ds-planner button,#ds-planner input,#ds-planner select{font:inherit;color:inherit} #ds-planner button{cursor:inherit} #ds-planner button:focus-visible,#ds-planner input:focus-visible,#ds-planner select:focus-visible{outline:2px solid #c0c4cb;outline-offset:3px} #ds-planner .gp-page{position:relative;isolation:isolate;background:#070707;overflow:hidden;min-height:1000px} #ds-planner .gp-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 32% at 80% 42%,#57595c23,transparent 80%),radial-gradient(ellipse 75% 35% at 0 8%,#60626518,transparent 75%);z-index:-2;pointer-events:none} #ds-planner .gp-site{min-height:58px;border-bottom:1px solid #a4a7ad26;display:flex;gap:25px;align-items:center;padding:13px 26px;background:#080808} #ds-planner .gp-brand{color:#b5b9bf;font-size:16px;letter-spacing:.12em} #ds-planner .gp-site span{font:11px Arial,sans-serif;color:#a6a9af;letter-spacing:.1em;text-transform:uppercase} #ds-planner .gp-site .gp-site-active{color:#c7cbd2} #ds-planner .gp-content{position:relative;padding:24px 30px 22px} #ds-planner .gp-titlebar{display:flex;gap:14px;align-items:center;min-height:61px;background:var(--gp-title-strip) left center/100% 58px no-repeat;margin:0 -8px;padding:0 8px} #ds-planner .gp-title-icon{width:43px;height:43px;object-fit:contain;padding:4px;border:1px solid #8a8d925e;background:#191a1b} #ds-planner h2{font-weight:400;font-size:30px;line-height:1.2;margin:0;letter-spacing:.01em} #ds-planner h3{font-size:19px;font-weight:400;margin:0;color:#c2c6cd;display:flex;align-items:center;gap:8px} #ds-planner h3 img{width:22px;height:26px;object-fit:contain} #ds-planner .gp-meta{margin-left:auto;font:11px Arial,sans-serif;letter-spacing:.03em;color:var(--gp-muted);text-align:right} #ds-planner .gp-rule{display:block;object-fit:fill;width:100%;height:4px;margin:14px 0 19px;opacity:.65} #ds-planner .gp-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:13px 0 20px;padding:0 0 12px;border-bottom:1px solid #5a5c5f2f} #ds-planner .gp-tab{background:transparent;border:0;padding:4px 0 7px;color:#9b9ea4;font-size:14px;white-space:nowrap} #ds-planner .gp-tab[aria-pressed=true]{color:#c9cdd4;border-bottom:1px solid #94979c} #ds-planner .gp-tools{margin-left:auto;display:flex;gap:13px;align-items:center} #ds-planner .gp-quiet{background:none;border:0;color:#afb3b9;padding:3px;font:12px Arial,sans-serif} #ds-planner .gp-quiet:hover,#ds-planner .gp-step:hover{color:#d8dce4} #ds-planner .gp-quiet:disabled{opacity:.35} #ds-planner .gp-layout{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(300px,1.1fr) minmax(180px,.67fr);gap:28px;align-items:start} #ds-planner .gp-attributes,#ds-planner .gp-equipment,#ds-planner .gp-magic{min-width:0} #ds-planner .gp-name{display:block;background:none;border:0;width:100%;padding:0 0 4px;font-size:23px;color:#dce1e9} #ds-planner .gp-label{font:10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#909398} #ds-planner .gp-inline{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:9px 0;color:#b5b9bf;font-size:14px} #ds-planner .gp-inline select{padding:0;background:transparent;border:0;max-width:145px;text-align:right;color:#ced2d9} #ds-planner option{background:#141415} #ds-planner .gp-stat-summary{padding-left:14px;border-left:1px solid #7e818651;margin:16px 0 25px} #ds-planner .gp-levelrow{display:grid;grid-template-columns:1fr 32px 16px 36px;gap:8px;align-items:center;font-size:16px;padding:4px 0} #ds-planner .gp-value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} #ds-planner .gp-arrow{color:#a1a4aa;text-align:center;font-size:13px} #ds-planner .gp-attr-caption{display:grid;grid-template-columns:1fr 32px 16px 56px;gap:8px;font:10px Arial,sans-serif;color:#8f9297;text-align:right;margin:14px 0 6px} #ds-planner .gp-stat-list{position:relative;border-left:1px solid #878a8f45;padding-left:13px} #ds-planner .gp-stat-row{display:grid;grid-template-columns:minmax(80px,1fr) 30px 14px 65px;align-items:center;gap:7px;min-height:35px;font-size:17px;position:relative;margin:0 -6px;padding:0 6px} #ds-planner .gp-stat-row:focus-within,#ds-planner .gp-stat-row:hover{background:var(--gp-row-glow) center/100% 100% no-repeat} #ds-planner .gp-stepper{display:flex;align-items:center;justify-content:space-between;gap:2px} #ds-planner .gp-step{border:0;background:none;color:#979a9f;padding:4px 2px;min-width:15px;font-size:19px;line-height:1} #ds-planner .gp-number{width:26px;appearance:textfield;-moz-appearance:textfield;background:transparent;border:0;box-shadow:none;text-align:center;padding:0;font-variant-numeric:tabular-nums} #ds-planner .gp-number::-webkit-inner-spin-button,#ds-planner .gp-number::-webkit-outer-spin-button{appearance:none;margin:0} #ds-planner .gp-changed{color:#c4c8cf} #ds-planner .gp-action-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:17px} #ds-planner .gp-context{margin-top:24px} #ds-planner .gp-context button{font-size:13px} #ds-planner .gp-toggle{background:none;border:0;color:#92959a;padding:3px 6px;border-bottom:1px solid transparent} #ds-planner .gp-toggle[aria-pressed=true]{color:#cbcfd6;border-bottom-color:#82858a} #ds-planner .gp-stage-title{margin:0 0 3px;font-size:16px;color:#b7bbc2} #ds-planner .gp-selected-name{font-size:18px;color:#d7dbe3;min-height:29px;margin-bottom:9px} #ds-planner .gp-slot-grid{display:grid;gap:5px;margin-bottom:12px} #ds-planner .gp-five{grid-template-columns:repeat(5,minmax(0,1fr))} #ds-planner .gp-four{grid-template-columns:repeat(4,minmax(0,1fr))} #ds-planner .gp-six{grid-template-columns:repeat(6,minmax(0,1fr))} #ds-planner .gp-slot-wrap{position:relative;min-width:0} #ds-planner .gp-slot{display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:1;min-width:0;border:0;padding:5px;background:var(--gp-slot-image) center/100% 100%;isolation:isolate} #ds-planner .gp-slot:after{content:"";position:absolute;inset:0;background:var(--gp-slot-glow) center/100% 100%;opacity:0;pointer-events:none;z-index:-1;transition:opacity .16s} #ds-planner .gp-slot:hover:after{opacity:1;z-index:0} #ds-planner .gp-slot img{width:91%;height:91%;object-fit:contain;position:relative;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 3px #00000066)} #ds-planner .gp-slot img.gp-empty{width:62%;height:72%;opacity:.6;filter:none} #ds-planner .gp-slot-label{position:absolute;bottom:4px;left:6px;font:9px Arial,sans-serif;color:#c8ccd3;z-index:2;pointer-events:none;text-shadow:0 1px 3px #000000} #ds-planner .gp-remove{position:absolute;right:1px;top:0;z-index:3;background:#0a0a0ab0;border:0;color:#989ba0;font:15px Arial,sans-serif;padding:0 3px;line-height:18px;opacity:.4} #ds-planner .gp-slot-wrap:hover .gp-remove,#ds-planner .gp-remove:focus-visible{opacity:1} #ds-planner .gp-slot-subhead{font-size:15px;color:#adb1b7;margin:13px 0 6px;display:flex;justify-content:space-between;gap:8px} #ds-planner .gp-group-caption{display:flex;justify-content:space-between;font:10px Arial,sans-serif;color:#888b90;margin:0 0 5px} #ds-planner .gp-magic h3{margin-bottom:14px} #ds-planner .gp-memory{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px} #ds-planner .gp-physick{max-width:148px;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 12px} #ds-planner .gp-fine{color:#989ba0;font:11px/1.5 Arial,sans-serif} #ds-planner .gp-brace{border-left:1px solid #878a8f45;padding-left:13px;margin:12px 0 22px} #ds-planner .gp-status{margin-top:31px;position:relative} #ds-planner .gp-status-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} #ds-planner .gp-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:19px} #ds-planner .gp-result-group h3{font-size:16px;margin-bottom:11px;min-height:30px} #ds-planner .gp-result-row{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:4px 0;font-variant-numeric:tabular-nums} #ds-planner .gp-result-row strong{font-weight:400;text-align:right;white-space:nowrap} #ds-planner .gp-result-row span{color:#bcc0c7} #ds-planner .gp-compact-note{font:10px Arial,sans-serif;letter-spacing:.03em;color:#8f9297} #ds-planner .gp-effects{margin-top:31px} #ds-planner .gp-conditions{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0;font-size:13px;color:#b8bcc3} #ds-planner .gp-conditions label{display:flex;gap:6px;align-items:center} #ds-planner .gp-conditions input{accent-color:#999ca1} #ds-planner .gp-effects table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;table-layout:fixed} #ds-planner .gp-effects th{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#999ca1;padding:8px 7px;border-bottom:1px solid #61636650;font-weight:400} #ds-planner .gp-effects td{padding:12px 7px;border-bottom:1px solid #77797d24;vertical-align:top;overflow-wrap:anywhere} #ds-planner .gp-effects td:nth-child(2){color:#abaeb4} #ds-planner .gp-effects td:last-child{color:#b4b8be} #ds-planner .gp-bottom{display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;margin-top:25px;padding-top:13px;border-top:1px solid #64666a30;font:11px Arial,sans-serif;color:#96999e} #ds-planner .gp-message{min-height:22px;margin-top:13px;font:12px Arial,sans-serif;color:#b9bdc4} #ds-planner .gp-overlay{padding:18px 0 23px;background:#0a0a0a} #ds-planner .gp-overlay-header{display:flex;justify-content:space-between;gap:12px;align-items:center} #ds-planner .gp-picker-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-top:20px} #ds-planner .gp-picker-title{font-size:20px;margin:12px 0 4px} #ds-planner .gp-search{display:flex;align-items:center;border-bottom:1px solid #77797d7a;padding:8px 0;margin-bottom:15px} #ds-planner .gp-search input{background:none;border:0;width:100%;font-size:15px;padding:2px} #ds-planner .gp-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} #ds-planner .gp-picker-item{border:0;background:none;padding:4px;position:relative;color:var(--gp-text);font-size:12px} #ds-planner .gp-picker-item img{display:block;width:100%;height:82px;object-fit:contain} #ds-planner .gp-picker-item[aria-pressed=true]{background:var(--gp-slot-glow) center top/100% 100% no-repeat} #ds-planner .gp-detail-art{display:block;width:135px;height:150px;object-fit:contain;margin:12px auto 20px} #ds-planner .gp-detail-fields{border-left:1px solid #77797d55;padding-left:13px;margin-top:15px} #ds-planner .gp-detail-fields select{background:#0a0a0a;border:0;text-align:right;max-width:150px} #ds-planner .gp-command{border:0;border-bottom:1px solid #8d9095;background:none;color:#c7cbd2;padding:8px 15px;font-size:15px} #ds-planner .gp-dropdown{padding:15px 20px;background:#141415;border-top:1px solid #606265;margin-bottom:14px;font-size:14px;color:#c0c4cb} #ds-planner .gp-inspect-note{font:11px/1.5 Arial,sans-serif;color:#999ca1;margin-top:20px} @media(prefers-reduced-motion:reduce){#ds-planner .gp-slot:after{transition:none}} @media(max-width:900px){#ds-planner .gp-content{padding:22px}#ds-planner .gp-layout{grid-template-columns:minmax(230px,.85fr) minmax(300px,1.15fr);gap:26px}#ds-planner .gp-magic{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px}#ds-planner .gp-result-grid{grid-template-columns:1fr 1fr}#ds-planner .gp-magic .gp-memory{grid-template-columns:repeat(6,minmax(0,1fr))}#ds-planner .gp-site span:not(.gp-site-active){display:none}} @media(max-width:600px){#ds-planner .gp-content{padding:18px 15px}#ds-planner .gp-site{padding:15px;gap:15px}#ds-planner .gp-titlebar{align-items:center}#ds-planner h2{font-size:25px}#ds-planner .gp-meta{display:none}#ds-planner .gp-layout{grid-template-columns:1fr;gap:30px}#ds-planner .gp-attributes{max-width:400px}#ds-planner .gp-stat-row{min-height:39px;font-size:19px}#ds-planner .gp-step{min-width:21px;min-height:34px}#ds-planner .gp-number{width:31px;font-size:18px}#ds-planner .gp-stat-row{grid-template-columns:1fr 35px 16px 90px}#ds-planner .gp-stat-summary{margin-bottom:22px}#ds-planner .gp-magic{display:block;grid-column:auto}#ds-planner .gp-magic .gp-memory{grid-template-columns:repeat(6,minmax(0,1fr))}#ds-planner .gp-slot{min-height:42px}#ds-planner .gp-remove{opacity:.8;line-height:25px;min-width:25px}#ds-planner .gp-tools{margin-left:0}#ds-planner .gp-toolbar{gap:17px}#ds-planner .gp-result-grid{gap:22px 18px}#ds-planner .gp-result-row{font-size:12px}#ds-planner .gp-result-group h3{font-size:16px}#ds-planner .gp-effects table{font-size:12px}#ds-planner .gp-effects th,#ds-planner .gp-effects td{padding-left:3px;padding-right:6px}#ds-planner .gp-effects th:nth-child(2),#ds-planner .gp-effects td:nth-child(2){display:none}#ds-planner .gp-picker-columns{grid-template-columns:1fr}#ds-planner .gp-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#ds-planner .gp-picker-item img{height:75px}#ds-planner .gp-site span{font-size:10px}#ds-planner .gp-brand{font-size:13px}} @media(max-width:420px){#ds-planner .gp-result-grid{grid-template-columns:1fr}} #ds-planner .gp-content{max-width:1520px;margin:auto;padding:25px 32px 22px} #ds-planner .gp-layout{grid-template-columns:minmax(245px,.88fr) minmax(350px,1.4fr) minmax(245px,.92fr);gap:34px} #ds-planner .gp-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #ds-planner .gp-equipment-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px} #ds-planner .gp-hands{display:flex;flex-direction:column;gap:4px} #ds-planner .gp-three{grid-template-columns:repeat(3,minmax(0,1fr))} #ds-planner .gp-equipment-grip{justify-content:flex-end;gap:20px;margin:1px 0 13px} #ds-planner .gp-right-column{margin-top:0} #ds-planner .gp-right-column .gp-status-header h3{font-size:19px} #ds-planner .gp-right-column .gp-status-header .gp-compact-note{font-size:10px} #ds-planner .gp-result-grid{display:flex;flex-direction:column;gap:18px;margin-top:12px} #ds-planner .gp-result-group h3{font-size:16px;margin-bottom:6px;min-height:24px} #ds-planner .gp-result-row{font-size:14px;padding:3px 0;line-height:1.25} #ds-planner .gp-result-group .gp-brace{margin:6px 0 4px;padding-left:12px} #ds-planner .gp-result-group .gp-fine{font-size:10px} #ds-planner .gp-load-group{margin-top:22px} #ds-planner .gp-load-track{position:relative;height:4px;background:#292a2b;margin:13px 0 11px} #ds-planner .gp-load-track span{display:block;height:4px;width:55%;background:#a3a6ac} #ds-planner .gp-load-track i{position:absolute;left:70%;height:12px;top:-4px;border-left:1px solid #a3a6ac} #ds-planner .gp-memory-section{margin-top:24px} #ds-planner .gp-memory-section h3{font-size:17px} #ds-planner .gp-memory{grid-template-columns:repeat(6,minmax(0,1fr))} #ds-planner .gp-flask-section{margin-top:17px} #ds-planner .gp-flask-options{display:flex;gap:18px;font-size:12px;color:#a9acb2;flex-wrap:wrap} #ds-planner .gp-flask-options input{accent-color:#9da0a6} #ds-planner .gp-summon{margin-top:26px} #ds-planner .gp-summon h3{font-size:17px;margin-bottom:10px} #ds-planner .gp-edit-meta{align-self:flex-start;padding:2px 0;margin-bottom:3px} #ds-planner .gp-equipment .gp-slot-subhead{margin-top:15px} #ds-planner .gp-slot-badges{position:absolute;right:3px;top:3px;display:flex;flex-direction:column;gap:3px;z-index:3;pointer-events:none} #ds-planner .gp-slot-badge{display:flex;align-items:center;gap:1px;background:#101011dd;box-shadow:0 0 0 1px #888b9045;font:9px Arial,sans-serif;color:#c5c9d0;padding:1px 2px} #ds-planner .gp-slot .gp-slot-badge img{width:14px;height:14px;filter:none} #ds-planner .gp-slot .gp-slot-badge.gp-skill-badge img{width:20px;height:20px} #ds-planner .gp-slot-wrap .gp-remove{right:auto;left:1px;top:0} #ds-planner .gp-toolbar{gap:20px;margin-bottom:25px} #ds-planner .gp-overlay,#ds-planner .gp-utility-dialog{position:fixed;inset:0;margin:auto;width:min(1080px,calc(100vw - 36px));max-height:85vh;overflow:auto;padding:25px 28px;background:#0e0e0e;border:1px solid #74767a;color:#dce0e8;box-shadow:0 20px 90px #000000cc} #ds-planner .gp-overlay-header{position:sticky;top:-25px;background:#0e0e0e;z-index:5;padding:12px 0;border-bottom:1px solid #74767a44} #ds-planner .gp-utility-dialog{width:min(620px,calc(100vw - 36px))} #ds-planner .gp-editor-field{display:grid;gap:6px;margin:17px 0;color:#b5b9bf;font-size:14px} #ds-planner .gp-editor-field input,#ds-planner .gp-editor-field textarea,#ds-planner .gp-editor-field select{width:100%;border:0;border-bottom:1px solid #686a6e;background:#141415;color:#dce0e8;padding:8px;font:inherit;border-radius:0} #ds-planner .gp-detail-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:13px} #ds-planner .gp-detail-table th,#ds-planner .gp-detail-table td{padding:8px 3px;text-align:right;border-bottom:1px solid #5a5c5f2b} #ds-planner .gp-detail-table th:first-child,#ds-planner .gp-detail-table td:first-child{text-align:left} #ds-planner .gp-effects{margin-top:35px} @media(max-width:1100px){#ds-planner .gp-content{padding-left:22px;padding-right:22px}#ds-planner .gp-layout{gap:22px;grid-template-columns:minmax(210px,.85fr) minmax(295px,1.3fr) minmax(210px,.9fr)}#ds-planner .gp-stat-row{font-size:16px;grid-template-columns:1fr 27px 12px 62px;gap:4px}#ds-planner .gp-equipment-heading{display:block}#ds-planner .gp-slot-badge{font-size:8px}} @media(max-width:930px){#ds-planner .gp-layout{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr)}#ds-planner .gp-right-column{grid-column:1/-1;border-top:1px solid #74767a33;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}#ds-planner .gp-right-column>.gp-status-header,#ds-planner .gp-right-column>.gp-rule{grid-column:1/-1}#ds-planner .gp-right-column .gp-result-grid{display:contents}#ds-planner .gp-load-group{margin-top:0}} @media(max-width:620px){#ds-planner .gp-content{padding:18px 15px}#ds-planner .gp-layout{display:flex;flex-direction:column;gap:30px}#ds-planner .gp-attributes,#ds-planner .gp-equipment,#ds-planner .gp-right-column{width:100%;max-width:none}#ds-planner .gp-stat-row{font-size:18px;grid-template-columns:1fr 35px 16px 90px}#ds-planner .gp-hands{gap:8px}#ds-planner .gp-right-column{display:block}#ds-planner .gp-result-grid{display:flex!important;gap:22px}#ds-planner .gp-result-row{font-size:15px}#ds-planner .gp-overlay,#ds-planner .gp-utility-dialog{padding:16px;max-height:90vh;width:calc(100vw - 20px)}#ds-planner .gp-overlay-header{top:-16px}#ds-planner .gp-slot-badge{font-size:9px}#ds-planner .gp-slot .gp-slot-badge img{width:11px;height:11px}#ds-planner .gp-slot .gp-slot-badge.gp-skill-badge img{width:16px;height:16px}#ds-planner .gp-load-group{margin-top:23px}} #ds-planner .gp-equipment{container-type:inline-size;--gp-cell:clamp(44px,calc((100cqw - 20px)/6),74px)} #ds-planner .gp-equipment .gp-slot-grid{gap:4px;justify-content:start;margin-bottom:6px} #ds-planner .gp-equipment .gp-five{grid-template-columns:repeat(5,var(--gp-cell))} #ds-planner .gp-equipment .gp-four{grid-template-columns:repeat(4,var(--gp-cell))} #ds-planner .gp-equipment .gp-six,#ds-planner .gp-equipment .gp-memory{grid-template-columns:repeat(6,var(--gp-cell))} #ds-planner .gp-hands{gap:4px} #ds-planner .gp-hands .gp-group-caption{display:none} #ds-planner .gp-hands .gp-slot-grid{margin-bottom:0} #ds-planner .gp-equipment .gp-slot-subhead{margin-top:10px;margin-bottom:5px} #ds-planner .gp-equipment-heading{margin-bottom:10px} #ds-planner .gp-equipment-grip{justify-content:flex-start;margin:7px 0 9px} #ds-planner .gp-memory-section{margin-top:14px} #ds-planner .gp-flask-section{margin-top:10px} #ds-planner .gp-equipment-grip{justify-content:space-between;max-width:calc(var(--gp-cell)*5 + 16px);margin:0 0 6px} #ds-planner .gp-switch-control{display:inline-flex;align-items:center;gap:7px;font:12px Arial,sans-serif;color:#b5b9bf} #ds-planner .gp-switch{position:relative;width:36px;height:20px;padding:0;border:1px solid #737579;border-radius:12px;background:#1b1c1d;flex-shrink:0} #ds-planner .gp-switch:after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#afb3b9;transition:transform .15s} #ds-planner .gp-switch[aria-checked=true]:after{transform:translateX(16px)} #ds-planner .gp-switch[aria-checked=true]{background:#313234} #ds-planner .gp-memory-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} #ds-planner .gp-memory-heading h3{margin:0} #ds-planner .gp-flask-headings{display:grid;grid-template-columns:repeat(4,var(--gp-cell));justify-content:space-between;text-align:center;align-items:end;margin-bottom:6px;font-size:13px;color:#adb1b7} #ds-planner .gp-flask-headings>span:first-child{grid-column:span 2} #ds-planner .gp-equipment .gp-flask-section .gp-slot-grid{grid-template-columns:repeat(4,var(--gp-cell));justify-content:space-between} #ds-planner .gp-flask-section .gp-slot-wrap{width:var(--gp-cell);justify-self:center} @media(prefers-reduced-motion:reduce){#ds-planner .gp-switch:after{transition:none}}#ds-planner .mw-special-BuildPlanner .as-native-wrap{max-width:none;padding:0}#ds-planner .mw-special-BuildPlanner #firstHeading{display:none} #ds-planner{font-size:16px;line-height:1.4} #ds-planner h2,#ds-planner h3{border:0;padding:0;text-transform:none} #ds-planner button{cursor:pointer} #ds-planner .gp-titlebar{flex-wrap:wrap} #ds-planner .gp-page{min-height:0} #ds-planner .gp-preview-notice{font:12px/1.5 Arial,sans-serif;color:#a7aab0;margin:8px 0 14px} #ds-planner .gp-modal-form{display:grid;gap:12px} #ds-planner .gp-modal-form label{display:grid;gap:5px} #ds-planner .gp-modal-form input,#ds-planner .gp-modal-form textarea{width:100%;background:#141415;border:1px solid #545659;padding:8px;color:#dce0e8;font:inherit} #ds-planner .gp-empty-results{grid-column:1/-1;color:#a7aab0;font:13px/1.5 Arial,sans-serif} #ds-planner .gp-picker-item img{max-width:100%} #ds-planner .gp-picker-item{overflow-wrap:anywhere} @media(max-width:620px){#ds-planner .gp-picker-columns{grid-template-columns:1fr}#ds-planner .gp-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#ds-planner .gp-meta{text-align:left;margin-left:0}#ds-planner .gp-conditions{gap:12px}#ds-planner .gp-tools{margin-left:0}#ds-planner .gp-effects table{font-size:12px}#ds-planner .gp-effects th{font-size:9px;padding:7px 3px}#ds-planner .gp-effects td{padding:9px 3px}} #ds-planner .gp-hands,#ds-planner .gp-flask-section,#ds-planner .gp-equipment-grip{width:calc(var(--gp-cell)*6 + 20px);max-width:100%} #ds-planner .gp-equipment .gp-hands .gp-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))} #ds-planner .gp-hands .gp-slot-badges{right:5px;top:5px;gap:4px} #ds-planner .gp-hands .gp-slot-badge{font-size:11px;padding:2px 3px} #ds-planner .gp-hands .gp-slot .gp-slot-badge img{width:20px;height:20px} #ds-planner .gp-hands .gp-slot .gp-skill-badge img,#ds-planner .gp-hands .gp-slot .gp-ammo-badge img{width:30px;height:30px} #ds-planner .gp-ammo-select{display:flex;align-items:center;gap:12px;margin:14px 0} #ds-planner .gp-ammo-select>img{width:46px;height:46px;object-fit:contain} #ds-planner .gp-ammo-select label{flex:1} #ds-planner .gp-command:disabled{opacity:.4;cursor:default} #ds-planner .gp-equipment .gp-slot-grid{justify-content:center} #ds-planner .gp-hands,#ds-planner .gp-flask-section,#ds-planner .gp-equipment-grip{margin-left:auto;margin-right:auto} #ds-planner .gp-equipment-heading,#ds-planner .gp-equipment-heading h3,#ds-planner .gp-equipment .gp-slot-subhead,#ds-planner .gp-memory-heading,#ds-planner .gp-flask-options{justify-content:center} #ds-planner .gp-equipment-heading{text-align:center} #ds-planner .gp-equipment .gp-flask-section .gp-slot-grid{justify-content:space-between} #ds-planner .gp-name-save{display:flex;align-items:center;gap:12px;margin-bottom:10px} #ds-planner .gp-name-save .gp-name{min-width:0;flex:1;padding:0} #ds-planner .gp-save-name{flex:none;border:1px solid #74767a;background:#212223;color:#c7cbd2;padding:5px 12px;font:12px Arial,sans-serif} #ds-planner .gp-summon-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} #ds-planner .gp-summon-heading h3{margin:0} #ds-planner .gp-summon-heading select{max-width:115px;border:0;border-bottom:1px solid #616366;background:#0e0e0e;color:#c2c6cd;font:12px Arial,sans-serif;padding:4px} #ds-planner .gp-stat-row,#ds-planner .gp-attr-caption{grid-template-columns:minmax(74px,1fr) repeat(3,minmax(44px,1.3fr));gap:8px} #ds-planner .gp-attr-caption{padding-left:13px} #ds-planner .gp-needed{text-align:center;color:#a2a5ab;font:12px Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap} #ds-planner .gp-stat-row>.gp-value,#ds-planner .gp-attr-caption>span{text-align:center} #ds-planner .gp-attributes .gp-load-group{margin-top:24px} #ds-planner .gp-equipment>.gp-slot-grid.gp-four{width:calc(var(--gp-cell)*6 + 20px);max-width:100%;margin-left:auto;margin-right:auto;grid-template-columns:repeat(4,minmax(0,1fr))} @media(min-width:621px) and (max-width:1100px){#ds-planner .gp-stat-row,#ds-planner .gp-attr-caption{grid-template-columns:minmax(67px,1fr) repeat(3,minmax(0,1fr));gap:4px}#ds-planner .gp-stepper{gap:0}#ds-planner .gp-step{min-width:8px;padding:4px 0;font-size:16px}#ds-planner .gp-number{width:21px}} #ds-planner .gp-slot{overflow:hidden} #ds-planner .gp-slot>img{position:absolute;inset:12%;width:76%;height:76%;max-width:76%;max-height:76%;object-fit:contain} #ds-planner .gp-slot>img.gp-empty{inset:14% 19%;width:62%;height:72%;max-width:62%;max-height:72%} #ds-planner .gp-hands .gp-slot{--gp-weapon-badge:clamp(24px,8cqw,38px)} #ds-planner .gp-hands .gp-slot>img{position:absolute;inset:12%;width:76%;height:76%;max-width:76%;max-height:76%;object-fit:contain} #ds-planner .gp-hands .gp-slot>img.gp-empty{inset:16% 22%;width:56%;height:68%;max-width:56%;max-height:68%} #ds-planner .gp-hands .gp-slot-badges{top:auto;bottom:12%;right:16%;flex-direction:row;align-items:center;gap:3px} #ds-planner .gp-hands .gp-slot-badge{width:var(--gp-weapon-badge);height:var(--gp-weapon-badge);flex:none;overflow:hidden;padding:0;background:none;box-shadow:none} #ds-planner .gp-hands .gp-slot .gp-slot-badge img{width:100%;height:100%;object-fit:contain;filter:none} #ds-planner .gp-hands .gp-skill-badge,#ds-planner .gp-hands .gp-ammo-badge{background:var(--gp-slot-image) center/130% 130% no-repeat} #ds-planner .gp-hands .gp-slot .gp-skill-badge img,#ds-planner .gp-hands .gp-slot .gp-ammo-badge img{padding:2px} #ds-planner .gp-upgrade-label{position:absolute;top:12%;right:12%;z-index:3;font:11px Arial,sans-serif;color:#c5c9d0;text-shadow:0 1px 3px #000000} #ds-planner .gp-weapon-overlay{width:82vw;height:82dvh;max-width:1500px;max-height:90dvh;padding:18px;border:0;background:transparent;box-shadow:none;overflow:visible} #ds-planner .gp-weapon-overlay::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--gp-slot-image) center/100% 100% no-repeat;pointer-events:none} #ds-planner .gp-weapon-overlay .gp-overlay-surface{height:100%;min-height:0;display:flex;flex-direction:column;padding:10px 22px} #ds-planner .gp-weapon-overlay .gp-overlay-header{position:static;background:none;flex:none;padding:6px 0 16px;border-color:#74767a55} #ds-planner .gp-weapon-overlay .gp-overlay-header h3{font-size:29px;margin:0;color:#c1c5cc} #ds-planner .gp-weapon-overlay .gp-overlay-header button{font:13px Arial,sans-serif;padding:9px 0 9px 18px;white-space:nowrap} #ds-planner .gp-weapon-workspace{min-height:0;display:flex;flex:1;flex-direction:column} #ds-planner .gp-weapon-intro{display:flex;justify-content:space-between;gap:14px;padding:13px 0;color:#999ca1;font:11px/1.5 Arial,sans-serif} #ds-planner .gp-weapon-intro>span:first-child{color:#c1c5cc;text-transform:uppercase;letter-spacing:.12em} #ds-planner .gp-weapon-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:35px;min-height:0;flex:1} #ds-planner .gp-weapon-catalog,#ds-planner .gp-weapon-detail{min-width:0;overflow:auto;scrollbar-color:#5a5c5f transparent;scrollbar-width:thin;padding:5px 8px 15px 0} #ds-planner .gp-weapon-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #74767a;padding:7px 0} #ds-planner .gp-weapon-search span{font-size:25px;color:#adb1b7} #ds-planner .gp-weapon-search input{width:100%;background:none;border:0;padding:6px;color:#dce0e8;font:15px Arial,sans-serif} #ds-planner .gp-weapon-filters{display:flex;gap:22px;margin:20px 0 12px} #ds-planner .gp-weapon-filters label{flex:1;min-width:0;color:#9a9da2;font:11px Arial,sans-serif;display:grid;gap:6px} #ds-planner .gp-weapon-overlay select{background:#111112;border:0;border-bottom:1px solid #545659;padding:7px 2px;color:#d1d5dc;max-width:100%;font:13px Arial,sans-serif} #ds-planner .gp-weapon-count{font:11px Arial,sans-serif;color:#85888d;margin:18px 0 12px} #ds-planner .gp-weapon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:18px 12px;align-content:start} #ds-planner .gp-weapon-tile{background:none;border:0;text-align:center;padding:0;color:#c5c9d0;min-width:0} #ds-planner .gp-weapon-tile-art{display:block;position:relative;aspect-ratio:1;background:var(--gp-slot-image) center/100% 100% no-repeat;margin-bottom:8px} #ds-planner .gp-weapon-tile-art:after{content:'';position:absolute;inset:0;background:var(--gp-slot-glow) center/100% 100%;opacity:0;pointer-events:none} #ds-planner .gp-weapon-tile:hover .gp-weapon-tile-art:after{opacity:1} #ds-planner .gp-weapon-tile[aria-pressed=true] .gp-weapon-tile-art{outline:1px solid #77797d;outline-offset:-7px} #ds-planner .gp-weapon-tile img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain} #ds-planner .gp-weapon-tile>span:last-of-type{display:block;font-size:15px} #ds-planner .gp-weapon-tile small{display:block;color:#808388;font:10px Arial,sans-serif;margin-top:4px} #ds-planner .gp-weapon-catalog-note{font:11px/1.6 Arial,sans-serif;color:#818489;margin-top:28px;max-width:370px} #ds-planner .gp-weapon-detail{border-left:1px solid #74767a33;padding-left:25px} #ds-planner .gp-weapon-detail-heading{display:flex;align-items:center;gap:12px;min-height:150px} #ds-planner .gp-weapon-detail-heading>div{flex:1} #ds-planner .gp-weapon-detail-heading h3{font-size:26px;margin:5px 0;color:#d7dbe3} #ds-planner .gp-weapon-detail-heading>img{width:40%;height:150px;object-fit:contain} #ds-planner .gp-weapon-overlay h4{font-weight:normal;color:#aeb2b8;margin:15px 0;font-size:17px} #ds-planner .gp-weapon-config>label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0;min-height:34px;font-size:15px} #ds-planner .gp-weapon-config>label>select{width:52%} #ds-planner .gp-weapon-upgrade{display:flex;align-items:center;justify-content:space-between;width:52%;gap:8px} #ds-planner .gp-weapon-upgrade button{background:none;border:0;padding:4px 7px;color:#b0b4ba} #ds-planner .gp-weapon-upgrade select{flex:1;text-align:center} #ds-planner .gp-weapon-config-icon{display:flex;align-items:center;gap:8px;width:52%} #ds-planner .gp-weapon-config-icon img{width:30px;height:30px;object-fit:contain} #ds-planner .gp-weapon-config-icon select{min-width:0;width:100%} #ds-planner .gp-weapon-preview-values{border-top:1px solid #74767a33;margin-top:20px} #ds-planner .gp-weapon-preview-values p,#ds-planner .gp-weapon-empty p{font:12px/1.7 Arial,sans-serif;color:#92959a} #ds-planner .gp-weapon-commit{position:sticky;bottom:0;z-index:2;display:grid;gap:10px;margin-top:25px;padding:12px 0 10px;background:#0e0e0e;border-top:1px solid #74767a44} #ds-planner .gp-weapon-commit .gp-command{padding:12px 18px;background:linear-gradient(90deg,#50525566,#74767a22);border:1px solid #74767a66;color:#caced5} #ds-planner .gp-weapon-commit .gp-quiet{font:11px Arial,sans-serif;color:#989ba0} #ds-planner .gp-weapon-empty{text-align:center;padding:35px 10px} #ds-planner .gp-weapon-empty img{width:100px;height:100px;object-fit:contain;opacity:.45} @media(max-width:850px){#ds-planner .gp-weapon-overlay{width:94vw;height:88dvh}#ds-planner .gp-weapon-columns{gap:18px;grid-template-columns:minmax(0,1fr) minmax(245px,1fr)}#ds-planner .gp-weapon-overlay .gp-overlay-surface{padding:8px 10px}#ds-planner .gp-weapon-detail{padding-left:14px}} @media(max-width:620px){#ds-planner .gp-weapon-overlay{width:98vw;height:94dvh;max-height:96dvh;padding:12px}#ds-planner .gp-weapon-intro{display:block}#ds-planner .gp-weapon-intro>span{display:block;margin-bottom:5px}#ds-planner .gp-weapon-columns{display:block;overflow:auto}#ds-planner .gp-weapon-catalog,#ds-planner .gp-weapon-detail{overflow:visible}#ds-planner .gp-weapon-detail{padding-left:0;border-left:0;border-top:1px solid #74767a44;margin-top:15px}#ds-planner .gp-weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#ds-planner .gp-weapon-overlay .gp-overlay-header h3{font-size:24px}#ds-planner .gp-weapon-tile>span:last-of-type{font-size:13px}} #ds-planner .gp-weapon-detail{display:flex;flex-direction:column;overflow:hidden} #ds-planner .gp-weapon-detail-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#5a5c5f transparent;padding-right:5px} #ds-planner .gp-weapon-commit{position:static;flex:none;margin-top:10px} @media(max-width:620px){#ds-planner .gp-weapon-detail{display:block;overflow:visible}#ds-planner .gp-weapon-detail-scroll{overflow:visible}} #ds-planner .gp-weapon-columns{grid-template-columns:minmax(0,1fr) minmax(245px,1.05fr) minmax(240px,1fr);gap:22px} #ds-planner .gp-weapon-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:14px 7px} #ds-planner .gp-weapon-detail{padding-left:18px} #ds-planner .gp-weapon-filters{gap:10px} #ds-planner .gp-weapon-loadout{min-width:0;overflow:auto;padding:0 5px 15px 18px;border-left:1px solid #74767a33;scrollbar-width:thin;scrollbar-color:#5a5c5f transparent} #ds-planner .gp-weapon-pool-heading{display:flex;justify-content:space-between;align-items:center;gap:10px} #ds-planner .gp-weapon-pool-heading h4{margin:5px 0 10px} #ds-planner .gp-built-pool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px} #ds-planner .gp-built-weapon{min-width:0;border:1px solid transparent;background:none;text-align:center;padding:3px;cursor:grab} #ds-planner .gp-built-weapon[aria-pressed=true]{border-color:#909398;background:#9fa2a810} #ds-planner .gp-built-art{display:block;position:relative;width:100%;aspect-ratio:1;background:var(--gp-slot-image) center/100% 100% no-repeat} #ds-planner .gp-built-art:after,#ds-planner .gp-overlay-hand-slot:after{content:'';position:absolute;inset:0;background:var(--gp-slot-glow) center/100% 100% no-repeat;opacity:0;pointer-events:none} #ds-planner .gp-built-weapon:hover .gp-built-art:after,#ds-planner .gp-overlay-hand-slot:hover:after,#ds-planner .gp-overlay-hand-slot.gp-drop-target:after{opacity:1} #ds-planner .gp-built-art img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain} #ds-planner .gp-built-art>small{position:absolute;left:10%;bottom:9%;z-index:1;font:10px Arial,sans-serif;color:#c2c6cd} #ds-planner .gp-built-weapon>span:last-child{display:block;font-size:13px;line-height:1.4;margin-top:3px} #ds-planner .gp-built-weapon small{display:block;color:#9fa2a8;font:10px/1.6 Arial,sans-serif} #ds-planner .gp-built-actions{display:flex;gap:8px 12px;flex-wrap:wrap;min-height:42px;margin:14px 0} #ds-planner .gp-built-actions button{font:11px Arial,sans-serif;color:#b3b7bd} #ds-planner .gp-overlay-hands{border-top:1px solid #74767a33;padding-top:4px;margin-top:10px} #ds-planner .gp-overlay-hands h4{margin:10px 0 5px;font-size:15px} #ds-planner .gp-overlay-hand-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px} #ds-planner .gp-overlay-hand-slot{position:relative;aspect-ratio:1;min-width:0;border:0;background:var(--gp-slot-image) center/100% 100%;padding:0;overflow:hidden} #ds-planner .gp-overlay-hand-slot img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain} #ds-planner .gp-overlay-hand-slot img.gp-empty{opacity:.4} #ds-planner .gp-overlay-hand-slot>span,#ds-planner .gp-overlay-hand-slot>small{position:absolute;z-index:1;bottom:10%;font:10px Arial,sans-serif;left:9%;color:#c6cad1;text-shadow:0 1px 3px #000000} #ds-planner .gp-overlay-hand-slot>small{left:auto;right:10%} #ds-planner .gp-weapon-loadout>p{font:11px/1.6 Arial,sans-serif;color:#999ca1;margin:10px 0} @media(max-width:1000px){#ds-planner .gp-weapon-overlay{width:95vw}#ds-planner .gp-weapon-columns{gap:14px;grid-template-columns:minmax(0,1fr) minmax(220px,1fr) minmax(210px,1fr)}#ds-planner .gp-weapon-loadout,#ds-planner .gp-weapon-detail{padding-left:10px}} @media(max-width:760px){#ds-planner .gp-weapon-columns{display:block;overflow:auto}#ds-planner .gp-weapon-catalog,#ds-planner .gp-weapon-detail,#ds-planner .gp-weapon-loadout{display:block;overflow:visible;border-left:0;padding-left:0}#ds-planner .gp-weapon-detail-scroll{overflow:visible}#ds-planner .gp-weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#ds-planner .gp-weapon-loadout{border-top:1px solid #74767a33;margin-top:15px;padding-top:15px}#ds-planner .gp-built-pool{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(min-width:761px){ #ds-planner .gp-weapon-loadout{display:flex;flex-direction:column;overflow:hidden} #ds-planner .gp-weapon-loadout>p:first-of-type{display:none} #ds-planner .gp-built-pool{flex:1;min-height:60px;overflow:auto;align-content:start;scrollbar-width:thin;gap:6px;margin-top:6px} #ds-planner .gp-built-weapon{display:flex;align-items:center;gap:5px;text-align:left} #ds-planner .gp-built-art{width:45px;min-width:45px;height:45px;aspect-ratio:auto} #ds-planner .gp-built-weapon>span:last-child{font-size:12px;margin:0} #ds-planner .gp-built-actions{flex:none;min-height:29px;margin:7px 0} #ds-planner .gp-overlay-hands{flex:none;width:100%;max-width:220px;margin:5px auto 0} #ds-planner .gp-overlay-hands h4{font-size:13px;margin:6px 0 2px} #ds-planner .gp-weapon-loadout>p:last-child{font-size:10px;margin:7px 0 0;flex:none} } #ds-planner .gp-weapon-flow .gp-weapon-columns{grid-template-columns:minmax(250px,1.1fr) minmax(270px,1.3fr) minmax(210px,.95fr);gap:22px} #ds-planner .gp-weapon-flow .gp-weapon-intro{padding:10px 0} #ds-planner .gp-wf-picker,#ds-planner .gp-wf-inventory,#ds-planner .gp-wf-equipment{display:flex;flex-direction:column;min-height:0;min-width:0} #ds-planner .gp-wf-inventory,#ds-planner .gp-wf-equipment{border-left:1px solid #74767a33;padding-left:20px} #ds-planner .gp-wf-equipment{overflow:auto;scrollbar-width:thin;scrollbar-color:#5a5c5f transparent} #ds-planner .gp-wf-pane-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:35px;flex:none;margin-bottom:8px} #ds-planner .gp-wf-pane-title h4{margin:0;font-size:21px;color:#c1c5cc} #ds-planner .gp-wf-pane-title button.gp-quiet{font:13px Arial,sans-serif;padding:7px 0} #ds-planner .gp-wf-config-scroll,#ds-planner .gp-wf-catalog-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#5a5c5f transparent;padding-right:6px} #ds-planner .gp-weapon-flow .gp-weapon-filters{margin:14px 0;gap:12px} #ds-planner .gp-weapon-flow .gp-weapon-search{padding:3px 0;flex:none} #ds-planner .gp-weapon-flow .gp-weapon-search input{font-size:13px;padding:6px 0} #ds-planner .gp-weapon-flow .gp-weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 7px} #ds-planner .gp-weapon-flow .gp-weapon-tile>span:last-of-type{font-size:13px} #ds-planner .gp-weapon-flow .gp-weapon-detail-heading{min-height:110px;gap:5px} #ds-planner .gp-weapon-flow .gp-weapon-detail-heading>img{height:110px;width:38%} #ds-planner .gp-weapon-flow .gp-weapon-detail-heading h3{font-size:23px} #ds-planner .gp-weapon-flow .gp-weapon-config>label{font-size:14px} #ds-planner .gp-weapon-flow .gp-weapon-config{margin:12px 0} #ds-planner .gp-wf-config-scroll h4{font-size:15px;margin:18px 0 8px} #ds-planner .gp-wf-config-scroll h4 small{font:11px Arial,sans-serif;color:#a3a6ac;margin-left:8px} #ds-planner .gp-wf-affinities{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px} #ds-planner .gp-wf-affinities button{padding:3px;border:1px solid transparent;background:#a0a3a908;aspect-ratio:1} #ds-planner .gp-wf-affinities button[aria-pressed=true],#ds-planner .gp-wf-skills button[aria-pressed=true]{border-color:#94979c;background:#7c7f831e} #ds-planner .gp-wf-affinities img{width:100%;height:100%;object-fit:contain} #ds-planner .gp-wf-skills button{display:flex;align-items:center;gap:9px;background:none;border:1px solid transparent;padding:5px;color:#c1c5cc;font-size:13px;width:100%} #ds-planner .gp-wf-skills img{width:35px;height:35px;object-fit:contain} #ds-planner .gp-wf-data-note{font-size:10px;margin:22px 0 8px;line-height:1.6} #ds-planner .gp-wf-build-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #74767a44;padding-top:10px;margin-top:8px;flex:none} #ds-planner .gp-wf-build-actions .gp-command{background:linear-gradient(90deg,#5f616444,#5f616412);border:1px solid #74767a66;padding:10px 13px;flex:1;font-size:14px;white-space:nowrap} #ds-planner .gp-wf-quantity{display:grid;gap:3px;font:10px Arial,sans-serif;color:#a5a8ae} #ds-planner .gp-wf-quantity input{width:50px;background:none;border:0;border-bottom:1px solid #696b6f;padding:4px;color:#cdd1d8;font-size:13px} #ds-planner .gp-wf-insert{display:flex;justify-content:space-between;width:100%;gap:12px;font:10px Arial,sans-serif} #ds-planner .gp-wf-inventory-sort{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;flex:none} #ds-planner .gp-wf-inventory-sort select{max-width:70%;font-size:11px} #ds-planner .gp-weapon-flow .gp-built-pool{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-height:80px;overflow:auto;align-content:start;gap:16px 8px;margin:0;padding:3px;scrollbar-width:thin;scrollbar-color:#5a5c5f transparent} #ds-planner .gp-weapon-flow .gp-built-weapon{display:block;min-width:0;text-align:center;padding:2px;border:1px solid transparent} #ds-planner .gp-weapon-flow .gp-built-weapon[aria-pressed=true]{border-color:#909398;background:#9fa2a810} #ds-planner .gp-weapon-flow .gp-built-art{position:relative;display:block;width:100%;min-width:0;height:auto;aspect-ratio:1;background:var(--gp-slot-image) center/100% 100% no-repeat} #ds-planner .gp-weapon-flow .gp-built-art>img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain} #ds-planner .gp-weapon-flow .gp-built-art>small{font:9px Arial,sans-serif;bottom:8%;left:9%;color:#dbdfe7;text-shadow:0 1px 3px #000000} #ds-planner .gp-wf-badges{position:absolute;right:11%;bottom:21%;display:flex;gap:1px;z-index:1} #ds-planner .gp-weapon-flow .gp-wf-badges img{position:static;inset:auto;width:16px;height:16px;object-fit:contain} #ds-planner .gp-weapon-flow .gp-built-weapon>span:last-child{font-size:12px;margin-top:5px;line-height:1.35} #ds-planner .gp-weapon-flow .gp-built-weapon small{font-size:9px} #ds-planner .gp-weapon-flow .gp-built-actions{display:block;flex:none;min-height:82px;border-top:1px solid #74767a33;margin:10px 0 0;padding:9px 0 0} #ds-planner .gp-weapon-flow .gp-built-actions strong{font-size:13px;font-weight:normal;color:#c3c7ce} #ds-planner .gp-built-actions>div{display:flex;gap:6px 13px;flex-wrap:wrap;margin-top:5px} #ds-planner .gp-weapon-flow .gp-built-actions button{font-size:11px;padding:4px 0} #ds-planner .gp-weapon-flow .gp-overlay-hands{width:100%;max-width:none;border:0;margin:0;padding:0;flex:none} #ds-planner .gp-weapon-flow .gp-overlay-hands h4{font-size:13px;margin:13px 0 6px} #ds-planner .gp-weapon-flow .gp-overlay-hand-slot .gp-built-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto} #ds-planner .gp-weapon-flow .gp-overlay-hand-slot .gp-built-art>img{inset:12%;width:76%;height:76%} #ds-planner .gp-weapon-flow .gp-overlay-hand-slot .gp-wf-badges img{position:static;inset:auto;width:16px;height:16px} #ds-planner .gp-wf-assignment-hint{margin-top:18px;border-top:1px solid #74767a33;padding-top:12px;min-height:65px} #ds-planner .gp-wf-assignment-hint small{font:11px/1.6 Arial,sans-serif;color:#9a9da2} #ds-planner .gp-wf-assignment-hint p{margin:5px 0;color:#c4c8cf;font-size:14px} #ds-planner .gp-wf-equipped-list{display:grid;gap:9px;margin-top:18px} #ds-planner .gp-wf-equipped-list>div{display:grid;grid-template-columns:22px 1fr;gap:9px;font:11px/1.5 Arial,sans-serif;color:#999ca1} #ds-planner .gp-wf-equipped-list>div>span:first-child{color:#c4c8cf} #ds-planner .gp-wf-notice{flex:none;min-height:22px;padding-top:7px;font:11px Arial,sans-serif;color:#b9bdc4} @media(max-width:1000px){#ds-planner .gp-weapon-flow .gp-weapon-columns{grid-template-columns:minmax(225px,1fr) minmax(225px,1.1fr) minmax(185px,.85fr);gap:14px}#ds-planner .gp-wf-inventory,#ds-planner .gp-wf-equipment{padding-left:12px}} @media(max-width:760px){#ds-planner .gp-weapon-flow .gp-weapon-columns{display:block;overflow:auto}#ds-planner .gp-wf-picker{min-height:320px}#ds-planner .gp-wf-config-scroll{flex:none;max-height:450px}#ds-planner .gp-wf-catalog-scroll{overflow:visible}#ds-planner .gp-wf-inventory{height:450px;padding:16px 0 0;border:0;border-top:1px solid #74767a33;margin-top:22px}#ds-planner .gp-wf-equipment{display:block;overflow:visible;padding:16px 0 0;border:0;border-top:1px solid #74767a33;margin-top:22px}#ds-planner .gp-weapon-flow .gp-built-pool{grid-template-columns:repeat(3,minmax(0,1fr))}#ds-planner .gp-weapon-flow .gp-overlay-hands{max-width:330px;margin:auto}#ds-planner .gp-wf-notice{font-size:10px}} #ds-planner .gp-armor-category-tabs{display:flex;gap:5px;margin:3px 0 13px;flex:none} #ds-planner .gp-armor-category-tabs button,#ds-planner .gp-armor-picker-modes>button{background:none;border:0;border-bottom:1px solid transparent;padding:6px 8px;font:12px Arial,sans-serif;color:#999ca1} #ds-planner .gp-armor-category-tabs button[aria-pressed=true],#ds-planner .gp-armor-picker-modes>button[aria-pressed=true]{border-color:#aeb2b8;color:#caced5;background:#999ca10b} #ds-planner .gp-armor-picker-modes{display:flex;align-items:center;gap:9px;margin:12px 0 16px;flex:none} #ds-planner .gp-armor-picker-modes>span{font-size:10px;margin-left:auto} #ds-planner .gp-armor-flow .gp-wf-inventory-sort select{max-width:48%;min-width:0} #ds-planner .gp-armor-equipped-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px} #ds-planner .gp-armor-equipped-grid h4{margin:10px 0 5px;font-size:13px} #ds-planner .gp-armor-equipped-grid .gp-overlay-hand-slot{display:block;width:100%;aspect-ratio:1} #ds-planner .gp-armor-equipped-grid .gp-built-art{position:absolute;inset:0;width:100%;height:100%} #ds-planner .gp-armor-equipped-name{display:block;font:10px/1.5 Arial,sans-serif;color:#999ca1;margin-top:5px;min-height:30px} #ds-planner .gp-armor-equipped-grid .gp-compatible-target{outline:1px solid #7a7c80;outline-offset:-5px} #ds-planner .gp-armor-equipped-grid .gp-invalid-target{outline:1px solid #b7664b;outline-offset:-5px} #ds-planner .gp-armor-inspect-art{height:190px;background:radial-gradient(ellipse,#64666a1a,transparent 70%);display:grid;place-items:center} #ds-planner .gp-armor-inspect-art img{width:80%;height:180px;object-fit:contain} #ds-planner .gp-armor-detail-name{font-size:24px;color:#c8ccd3;margin:12px 0 6px} @media(max-width:760px){#ds-planner .gp-armor-equipped-grid{max-width:300px;margin:auto}#ds-planner .gp-armor-flow .gp-wf-catalog-scroll{min-height:180px}} #ds-planner .gp-spell-picker-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;flex:none} #ds-planner .gp-spell-picker-options>select{max-width:58%} #ds-planner .gp-spell-picker-options>div{display:flex;gap:9px} #ds-planner .gp-spell-picker-options button{background:none;border:0;border-bottom:1px solid transparent;padding:5px 3px;font:12px Arial,sans-serif;color:#999ca1} #ds-planner .gp-spell-picker-options button[aria-pressed=true]{border-color:#aeb2b8;color:#caced5} #ds-planner .gp-spell-cost-badge{position:absolute;top:9%;right:11%;font:11px Arial,sans-serif;color:#d8dce4;text-shadow:0 1px 3px #000000;z-index:1} #ds-planner .gp-spell-added{position:absolute;bottom:10%;right:11%;color:#bdc1c8;font:13px Arial,sans-serif;z-index:1} #ds-planner .gp-spell-memory-meter{height:3px;background:#43444666;margin:12px 0 7px;flex:none} #ds-planner .gp-spell-memory-meter>span{display:block;height:100%;background:#9ea1a7} #ds-planner .gp-spell-remaining{margin:5px 0 20px;font-size:11px} #ds-planner .gp-spell-memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:none} #ds-planner .gp-spell-cell-wrap{position:relative;min-width:0} #ds-planner .gp-spell-memory-cell{display:block;width:100%;aspect-ratio:1} #ds-planner .gp-spell-memory-cell[aria-pressed=true]{outline:1px solid #92959a;outline-offset:-5px} #ds-planner .gp-spell-memory-cell.gp-spell-reserved>img{opacity:.2} #ds-planner .gp-spell-memory-cell .gp-spell-reservation{position:absolute;right:10%;bottom:10%;left:auto;font-size:13px;color:#a7aab0} #ds-planner .gp-spell-forget{position:absolute;right:0;top:-3px;background:#0e0e0ebf;border:0;font:13px Arial,sans-serif;color:#9ea1a7;padding:0 3px;opacity:0;z-index:2} #ds-planner .gp-spell-cell-wrap:hover .gp-spell-forget,#ds-planner .gp-spell-cell-wrap:focus-within .gp-spell-forget{opacity:1} #ds-planner .gp-spell-detail-cost{display:flex;justify-content:space-between;gap:12px;color:#a7aab0;font-size:14px;margin-top:22px} #ds-planner .gp-spell-detail-cost strong{color:#c7cbd2;font-weight:normal} #ds-planner .gp-memory-reserved .gp-slot>img{opacity:.2} #ds-planner .gp-memory-cost{position:absolute;right:10%;bottom:12%;font:9px Arial,sans-serif;color:#caced5;text-shadow:0 1px 3px #000000} #ds-planner .gp-memory-continuation{position:absolute;right:12%;bottom:12%;font:13px Arial,sans-serif;color:#9b9ea4} @media(max-width:760px){#ds-planner .gp-spell-memory-grid{max-width:330px;margin:auto}#ds-planner .gp-spell-flow .gp-wf-catalog-scroll{min-height:210px;max-height:370px;overflow:auto}#ds-planner .gp-spell-forget{opacity:.8;padding:3px}} #ds-planner .gp-talisman-flow img{pointer-events:none;user-select:none;-webkit-user-drag:none} #ds-planner .gp-item-flow img{pointer-events:none;user-select:none;-webkit-user-drag:none} #ds-planner .gp-item-type{background:none;border:0;border-bottom:1px solid #6f717550;padding:6px 0;margin-bottom:8px;width:100%;font:12px Arial,sans-serif} #ds-planner .gp-item-equipped-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 6px;margin:18px 0} #ds-planner .gp-item-equipped-grid>div{min-width:0} #ds-planner .gp-item-equipped-grid h4{font:11px Arial,sans-serif;text-align:center;margin:0 0 5px;color:#a4a7ad} #ds-planner .gp-item-equipped-grid .gp-armor-equipped-name{display:none} #ds-planner .gp-item-equipped-grid .gp-built-art{width:100%;height:100%;margin:0;aspect-ratio:1} #ds-planner .gp-item-equipped-grid .gp-built-art img{width:90%;height:90%;object-fit:contain} #ds-planner .gp-item-equipped-grid .gp-overlay-hand-slot{display:block;width:100%;aspect-ratio:1;padding:0} #ds-planner .gp-modal-host{position:fixed;inset:0;z-index:100000} #ds-planner .gp-modal-shade{position:absolute;inset:0;background:#030303b8} #ds-planner .gp-modal-shade-equipment{background:#030303a0} #ds-planner .gp-modal-host>.gp-overlay{z-index:1;display:block} /* Adapted redesign.css */ #ds-planner.gp-redesign{--gp-text:#dce0e8;--gp-muted:#9fa2a8;--gp-gold:#b0b4ba;font-family:'EB Garamond',Georgia,serif} #ds-planner.gp-redesign .gp-content{max-width:1600px;margin:auto;padding:0 28px 28px} #ds-planner.gp-redesign .gp-page{background:#0b0b0b} #ds-planner.gp-redesign .gp-buildbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:0 -28px;padding:16px 28px;background:#141415;border-bottom:1px solid #6f717540} #ds-planner.gp-redesign .gp-build-title{display:flex;align-items:center;gap:10px} #ds-planner.gp-redesign .gp-build-title>img{width:32px;height:34px;object-fit:contain} #ds-planner.gp-redesign .gp-build-title h2{font-size:23px;font-variant:small-caps;white-space:nowrap} #ds-planner.gp-redesign .gp-preview-badge{border:1px solid #61636660;padding:2px 6px;font:9px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#9da0a6} #ds-planner.gp-redesign .gp-build-name input{width:155px;max-width:100%;background:none;border:0;border-bottom:1px dashed #686a6e77;font:600 19px Georgia,serif;padding:3px 0} #ds-planner.gp-redesign .gp-class-label{border:1px solid #61636660;padding:4px 9px;font-size:15px} #ds-planner.gp-redesign .gp-level-label{white-space:nowrap;font-size:15px;color:var(--gp-muted)} #ds-planner.gp-redesign .gp-level-label strong{color:var(--gp-text);margin-left:5px} #ds-planner.gp-redesign .gp-build-actions{display:flex;align-items:center;gap:12px;margin-left:auto} #ds-planner.gp-redesign .gp-outline{background:none;border:1px solid #6f717570;padding:6px 10px;color:var(--gp-gold);font-size:12px} #ds-planner.gp-redesign .gp-save{padding:6px 20px;text-transform:uppercase;letter-spacing:.08em;border-color:#a0a3a9} #ds-planner.gp-redesign .gp-toolbar{margin:0 -28px;padding:10px 28px;gap:16px;border-bottom:1px solid #6f717540} #ds-planner.gp-redesign .gp-view-links{display:flex;border:1px solid #61636660} #ds-planner.gp-redesign .gp-view-links button,#ds-planner.gp-redesign .gp-effect-filters button{background:none;border:0;padding:5px 13px;color:#b0b4ba;font-size:14px} #ds-planner.gp-redesign .gp-view-links button:hover,#ds-planner.gp-redesign .gp-effect-filters button:hover,#ds-planner.gp-redesign .gp-effect-filters button[aria-pressed=true]{background:#252627;color:#c7cbd2} #ds-planner.gp-redesign .gp-mode-controls{display:flex;gap:20px;align-items:center;margin-left:auto} #ds-planner.gp-redesign .gp-preview-notice{margin:10px 0 18px;font-size:11px;color:#989ba0} #ds-planner.gp-redesign .gp-layout{display:grid;grid-template-columns:240px minmax(420px,1.7fr) minmax(280px,1fr);gap:24px;align-items:start} #ds-planner.gp-redesign .gp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #6f717530;min-width:0} #ds-planner.gp-redesign .gp-section-heading h3{font-size:17px;font-variant:small-caps;line-height:1.2;gap:7px;color:#c7cbd2;white-space:nowrap} #ds-planner.gp-redesign .gp-section-heading h3 img{height:22px;width:22px;object-fit:contain} #ds-planner.gp-redesign .gp-section-heading .gp-fine{font-size:10px;text-align:right} #ds-planner.gp-redesign .gp-attr-caption,#ds-planner.gp-redesign .gp-stat-row{grid-template-columns:minmax(76px,1fr) 29px 32px 66px;gap:3px} #ds-planner.gp-redesign .gp-attr-caption{margin:8px 0;color:#96999e;font-size:9px;text-align:center} #ds-planner.gp-redesign .gp-stat-list{padding-left:9px} #ds-planner.gp-redesign .gp-stat-row{font-size:17px;min-height:36px} #ds-planner.gp-redesign .gp-stat-row .gp-value{text-align:center} #ds-planner.gp-redesign .gp-needed{font-size:11px;text-align:center} #ds-planner.gp-redesign .gp-stat-row label{font-weight:400} #ds-planner.gp-redesign .gp-stat-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:14px} #ds-planner.gp-redesign .gp-stat-tiles>div{display:flex;flex-direction:column;border:1px solid #6f717540;padding:7px 8px;min-width:0} #ds-planner.gp-redesign .gp-stat-tiles>div>span{font:9px/1.3 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#989ba0;overflow-wrap:anywhere} #ds-planner.gp-redesign .gp-stat-tiles strong{font-size:21px;font-weight:500;margin-top:3px} #ds-planner.gp-redesign .gp-rune-tiles{grid-template-columns:1fr 1fr;margin:14px 0 6px} #ds-planner.gp-redesign .gp-action-row{gap:8px;margin-top:8px} #ds-planner.gp-redesign .gp-action-row .gp-quiet{font-size:11px;text-align:left} #ds-planner.gp-redesign .gp-progression{margin-top:24px} #ds-planner.gp-redesign .gp-progression-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px} #ds-planner.gp-redesign .gp-progression-grid>label,#ds-planner.gp-redesign .gp-progression-grid>div{display:flex;flex-direction:column;border:1px solid #6f717540;padding:6px 8px;color:#a2a5ab;font-size:12px;gap:5px} #ds-planner.gp-redesign .gp-progression-grid select{background:none;border:0;text-align:center;color:var(--gp-text);width:100%;font-size:18px} #ds-planner.gp-redesign .gp-progression-grid strong{text-align:center;color:var(--gp-text);font-size:18px;font-weight:400} #ds-planner.gp-redesign .gp-shadow-control{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font-size:15px} #ds-planner.gp-redesign input[type=checkbox]{accent-color:#b0b4ba} #ds-planner.gp-redesign .gp-summon{margin-top:23px;padding:0;border:0} #ds-planner.gp-redesign .gp-summon h3{font-size:16px;font-variant:small-caps} #ds-planner.gp-redesign .gp-summon .gp-result-row{font-size:13px} #ds-planner.gp-redesign .gp-summon .gp-fine{font-size:10px} #ds-planner.gp-redesign .gp-equipment{container-type:normal} #ds-planner.gp-redesign .gp-equipment .gp-slot-grid{display:grid;gap:7px;justify-content:stretch;margin-bottom:0} #ds-planner.gp-redesign .gp-equipment .gp-armaments{grid-template-columns:repeat(6,minmax(0,1fr))} #ds-planner.gp-redesign .gp-slot{padding:3px} #ds-planner.gp-redesign .gp-slot>img:not(.gp-empty){width:91%;height:91%;position:absolute;inset:4.5%;object-fit:contain} #ds-planner.gp-redesign .gp-armaments .gp-slot-badges{top:auto;bottom:5px;right:5px;left:auto;flex-direction:row;gap:2px} #ds-planner.gp-redesign .gp-armaments .gp-slot-badge{padding:0;background:#0b0b0ba0;border:1px solid #80838866} #ds-planner.gp-redesign .gp-armaments .gp-slot .gp-slot-badge img{width:18px;height:18px;position:static;filter:none} #ds-planner.gp-redesign .gp-upgrade-label{right:5px;top:3px;font-size:10px} #ds-planner.gp-redesign .gp-item-caption{display:block;font-size:12px;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#c4c8cf;line-height:1.4} #ds-planner.gp-redesign .gp-item-caption small{display:block;color:#999ca1;font-size:10px;overflow:hidden;text-overflow:ellipsis} #ds-planner.gp-redesign .gp-armour-talisman{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px} #ds-planner.gp-redesign .gp-armour-talisman>div{min-width:0} #ds-planner.gp-redesign .gp-equipment .gp-four{grid-template-columns:repeat(4,minmax(0,1fr))} #ds-planner.gp-redesign .gp-armour-talisman .gp-item-caption{font-size:10px} #ds-planner.gp-redesign .gp-memory-section,#ds-planner.gp-redesign .gp-quick-section{margin-top:23px} #ds-planner.gp-redesign .gp-equipment .gp-memory{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px} #ds-planner.gp-redesign .gp-equipment .gp-quick-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px} #ds-planner.gp-redesign .gp-memory-cost{font-size:7px;padding:1px 2px;right:2px;top:2px} #ds-planner.gp-redesign .gp-slot-label{font-size:8px;bottom:1px;left:3px} #ds-planner.gp-redesign .gp-specials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px} #ds-planner.gp-redesign .gp-specials>section{min-width:0;border:1px solid #6f717540;padding:10px} #ds-planner.gp-redesign .gp-specials .gp-section-heading{border:0;padding:0;margin-bottom:10px} #ds-planner.gp-redesign .gp-specials .gp-section-heading h3{font-size:15px} #ds-planner.gp-redesign .gp-specials .gp-tears{grid-template-columns:repeat(2,minmax(0,52px))} #ds-planner.gp-redesign .gp-specials .gp-special-single{grid-template-columns:minmax(0,52px)} #ds-planner.gp-redesign .gp-specials label{font-size:12px;display:flex;gap:5px;align-items:center;margin-top:10px} #ds-planner.gp-redesign .gp-status{margin-top:0;min-width:0;display:block;border:0;padding:0} #ds-planner.gp-redesign .gp-status>.gp-section-heading:not(:first-child){border:0;padding:0;margin:14px 0 8px} #ds-planner.gp-redesign .gp-status>.gp-section-heading:not(:first-child) h3{font-size:14px} #ds-planner.gp-redesign .gp-result-row{font-size:12px;gap:7px;padding:3px 0} #ds-planner.gp-redesign .gp-attack-grid,#ds-planner.gp-redesign .gp-defence-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:15px} #ds-planner.gp-redesign .gp-attack-grid .gp-result-row{font-size:11px} #ds-planner.gp-redesign .gp-load-track{margin:6px 0 10px} #ds-planner.gp-redesign .gp-load-panel{margin-bottom:16px} #ds-planner.gp-redesign .gp-resistance-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px} #ds-planner.gp-redesign .gp-resistance-tiles>div{text-align:center;padding:5px 2px} #ds-planner.gp-redesign .gp-resistance-tiles>div>span{font-size:8px;letter-spacing:0} #ds-planner.gp-redesign .gp-resistance-tiles strong,#ds-planner.gp-redesign .gp-casting-tiles strong{font-size:16px} #ds-planner.gp-redesign .gp-casting-tiles>div>span{text-transform:none;letter-spacing:0;font-size:10px} #ds-planner.gp-redesign .gp-effects{border-top:1px solid #6f717550;margin:28px -28px 0;padding:22px 28px 0;background:#090909} #ds-planner.gp-redesign .gp-effects-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #ds-planner.gp-redesign .gp-effects-head .gp-section-heading{border:0;margin:0;padding:0;flex:1 1 auto} #ds-planner.gp-redesign .gp-effects-head .gp-section-heading h3{font-size:21px} #ds-planner.gp-redesign .gp-effect-filters{display:flex;border:1px solid #6f717550} #ds-planner.gp-redesign .gp-effects-head>input{background:none;border:1px solid #6f717550;padding:6px 10px;width:170px;font-size:13px} #ds-planner.gp-redesign .gp-conditions{gap:8px;margin:16px 0} #ds-planner.gp-redesign .gp-conditions label{border:1px solid #6f717550;padding:4px 9px;font-size:12px} #ds-planner.gp-redesign .gp-ledger-scroll{overflow:auto;border:1px solid #6f717540} #ds-planner.gp-redesign .gp-effects table{min-width:760px;table-layout:auto} #ds-planner.gp-redesign .gp-effects td{padding:9px 12px;font-size:13px;vertical-align:middle} #ds-planner.gp-redesign .gp-effects th{padding:8px 12px} #ds-planner.gp-redesign .gp-ledger-group{background:#141415} #ds-planner.gp-redesign .gp-ledger-group th{color:#a8abb1;font-size:10px;letter-spacing:.1em} #ds-planner.gp-redesign .gp-effect-source{display:flex;align-items:center;gap:9px;white-space:nowrap} #ds-planner.gp-redesign .gp-effect-source img{width:28px;height:28px;object-fit:contain;background:var(--gp-slot-image) center/100% 100%} #ds-planner.gp-redesign .gp-state{display:flex;align-items:center;gap:7px;font-size:12px;color:#9ea1a7;white-space:nowrap} #ds-planner.gp-redesign .gp-state:before{content:'';width:11px;height:11px;border:1px solid #6a6c70;flex-shrink:0} #ds-planner.gp-redesign .gp-state-enabled{color:#b4b8be} #ds-planner.gp-redesign .gp-state-enabled:before{background:#a8abb1;border-color:#a8abb1} #ds-planner.gp-redesign .gp-state-conditional{color:#c59076} #ds-planner.gp-redesign .gp-state-conditional:before{border-color:#c59076} #ds-planner.gp-redesign .gp-ledger-note{margin-bottom:0} #ds-planner.gp-redesign .gp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} @media(min-width:1500px){#ds-planner.gp-redesign .gp-layout{grid-template-columns:280px minmax(540px,1.8fr) minmax(320px,1fr)}} @media(max-width:1090px){#ds-planner.gp-redesign .gp-layout{grid-template-columns:240px minmax(0,1fr)}#ds-planner.gp-redesign .gp-status{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}#ds-planner.gp-redesign .gp-status>.gp-section-heading:first-child{grid-column:1/-1}#ds-planner.gp-redesign .gp-status>.gp-section-heading:not(:first-child){grid-column:1/-1;margin-top:12px}#ds-planner.gp-redesign .gp-status .gp-stat-tiles,#ds-planner.gp-redesign .gp-status .gp-defence-grid,#ds-planner.gp-redesign .gp-status .gp-attack-grid{grid-column:1/-1}#ds-planner.gp-redesign .gp-build-actions{margin-left:0}#ds-planner.gp-redesign .gp-layout{gap:24px}} @media(max-width:700px){#ds-planner.gp-redesign .gp-content{padding:0 16px 20px}#ds-planner.gp-redesign .gp-buildbar{margin:0 -16px;padding:14px 16px;gap:12px}#ds-planner.gp-redesign .gp-build-title{width:100%}#ds-planner.gp-redesign .gp-build-actions{width:100%;justify-content:space-between}#ds-planner.gp-redesign .gp-toolbar{margin:0 -16px;padding:10px 16px}#ds-planner.gp-redesign .gp-mode-controls{margin-left:0;gap:14px}#ds-planner.gp-redesign .gp-layout{display:flex;flex-direction:column;gap:28px}#ds-planner.gp-redesign .gp-attributes,#ds-planner.gp-redesign .gp-equipment,#ds-planner.gp-redesign .gp-status{width:100%}#ds-planner.gp-redesign .gp-attr-caption,#ds-planner.gp-redesign .gp-stat-row{grid-template-columns:1fr 40px 44px 80px}#ds-planner.gp-redesign .gp-stat-row{font-size:19px}#ds-planner.gp-redesign .gp-equipment .gp-armaments{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#ds-planner.gp-redesign .gp-armour-talisman{grid-template-columns:1fr;gap:20px}#ds-planner.gp-redesign .gp-equipment .gp-memory{grid-template-columns:repeat(6,minmax(0,1fr))}#ds-planner.gp-redesign .gp-equipment .gp-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#ds-planner.gp-redesign .gp-specials{gap:7px}#ds-planner.gp-redesign .gp-specials>section{padding:7px}#ds-planner.gp-redesign .gp-specials .gp-section-heading h3{font-size:13px}#ds-planner.gp-redesign .gp-specials label{font-size:10px}#ds-planner.gp-redesign .gp-status{display:block}#ds-planner.gp-redesign .gp-effects{margin:24px -16px 0;padding:20px 16px 0}#ds-planner.gp-redesign .gp-effects-head .gp-section-heading{width:100%;flex-wrap:wrap}#ds-planner.gp-redesign .gp-effect-filters button{padding:5px 10px}#ds-planner.gp-redesign .gp-effects-head>input{width:100%}} #ds-planner.gp-redesign .gp-ledger-scroll{overflow-x:auto} #ds-planner.gp-redesign .gp-ledger-scroll table{table-layout:fixed;width:100%;min-width:760px} #ds-planner.gp-redesign .gp-ledger-scroll th:nth-child(1){width:22%} #ds-planner.gp-redesign .gp-ledger-scroll th:nth-child(2){width:11%} #ds-planner.gp-redesign .gp-ledger-scroll th:nth-child(3){width:38%} #ds-planner.gp-redesign .gp-ledger-scroll th:nth-child(4){width:17%} #ds-planner.gp-redesign .gp-ledger-scroll th:nth-child(5){width:12%} #ds-planner.gp-redesign .gp-ledger-scroll td{overflow-wrap:break-word;word-break:normal} #ds-planner.gp-redesign .gp-effect-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px} #ds-planner.gp-redesign .gp-effect-group{min-width:0;padding:16px 0;border-top:1px solid #62646755} #ds-planner.gp-redesign .gp-effect-group>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px} #ds-planner.gp-redesign .gp-effect-source{white-space:normal;min-width:0} #ds-planner.gp-redesign .gp-effect-source strong{font-weight:400;color:#c5c9d0} #ds-planner.gp-redesign .gp-effect-source small{display:block;color:#888b90;font:11px Arial,sans-serif;margin-top:3px} #ds-planner.gp-redesign .gp-effect-group ul{padding:0;margin:0;list-style:none} #ds-planner.gp-redesign .gp-effect-group li{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 0} #ds-planner.gp-redesign .gp-effect-group li>div{min-width:0} #ds-planner.gp-redesign .gp-effect-group p{margin:0;font-size:15px;line-height:1.5} #ds-planner.gp-redesign .gp-effect-group .gp-state{margin-top:4px;font-size:11px} #ds-planner.gp-redesign .gp-effect-requirements{display:block;color:#9fa2a8;font:11px/1.5 Arial,sans-serif;margin-top:4px} #ds-planner.gp-redesign .gp-effect-group details{font:11px/1.5 Arial,sans-serif;color:#9a9da2;margin-top:5px} #ds-planner.gp-redesign .gp-effect-group details p{font:inherit;margin-top:5px} #ds-planner.gp-redesign .gp-effect-activation{display:flex;align-items:center;gap:6px;white-space:nowrap;font:12px Arial,sans-serif} #ds-planner.gp-redesign .gp-trigger-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font:12px Arial,sans-serif;color:#9fa2a8} #ds-planner.gp-redesign .gp-trigger-control select{max-width:160px;padding:5px} #ds-planner.gp-redesign .gp-effect-diagnostics{margin-top:16px;color:#9a9da2;font:12px/1.6 Arial,sans-serif} #ds-planner.gp-redesign .gp-effect-diagnostics li{margin-bottom:5px} @media(max-width:900px){#ds-planner.gp-redesign .gp-effect-groups{grid-template-columns:1fr}} @media(max-width:420px){#ds-planner.gp-redesign .gp-effect-group li{gap:10px}#ds-planner.gp-redesign .gp-effect-group p{font-size:14px}#ds-planner.gp-redesign .gp-state{white-space:normal;min-width:76px}} #ds-planner.gp-redesign .gp-state-ready{color:#9ea1a7} #ds-planner.gp-redesign .gp-state-ready:before{background:transparent;border-color:#808388} #ds-planner.gp-redesign .gp-effect-source-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end} #ds-planner.gp-redesign .gp-weapon-effect-controls{margin:16px 0;padding:12px 0;border-block:1px solid #71737740} #ds-planner.gp-redesign .gp-weapon-effect-controls h4{margin:0 0 10px;font-weight:400;color:#bec2c9} #ds-planner.gp-redesign .gp-weapon-effect-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px} #ds-planner.gp-redesign .gp-weapon-effect-row>span{min-width:180px;flex:1} #ds-planner.gp-redesign .gp-weapon-effect-row small{display:block;color:#9ea1a7;font:12px/1.6 Arial,sans-serif} @media(max-width:600px){#ds-planner.gp-redesign .gp-weapon-effect-row>span{flex-basis:100%}#ds-planner.gp-redesign .gp-weapon-effect-row{gap:10px}} #ds-planner.gp-redesign .gp-hand-select{display:flex;align-items:center;gap:9px;color:var(--gp-muted,#a8abb1);font:12px/1.4 Arial,sans-serif;white-space:nowrap} #ds-planner.gp-redesign .gp-hand-select select{appearance:none;-webkit-appearance:none;box-sizing:border-box;min-width:86px;width:86px;border:1px solid #67696d;background-color:#141415;background-image:linear-gradient(45deg,transparent 50%,#b8bcc3 50%),linear-gradient(135deg,#b8bcc3 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat;color:#cfd3da;padding:7px 28px 7px 11px;border-radius:0;font:13px/1.3 Georgia,serif;text-align:left;cursor:pointer} #ds-planner.gp-redesign .gp-hand-select select option{background:#141415;color:#cfd3da} #ds-planner.gp-redesign .gp-hand-select select:focus-visible{outline:2px solid #b9bdc4;outline-offset:2px} #ds-planner.gp-redesign .gp-stat-target-note{font:11px/1.5 Arial,sans-serif;color:#a8abb1;margin:8px 0} /* Adapted workbench.css */ #ds-planner.gp-redesign .gp-collection-guide{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #616366;padding:0 0 12px;margin:0 0 16px} #ds-planner.gp-redesign .gp-collection-guide p{margin:4px 0 0;color:#c3c7ce;font-size:14px;line-height:1.4} #ds-planner.gp-redesign .gp-collection-guide ol{display:flex;gap:14px;list-style:none;padding:0;margin:0;white-space:nowrap;color:#b3b7bd;font-size:13px} #ds-planner.gp-redesign .gp-collection-guide li{display:flex;align-items:center;gap:6px} #ds-planner.gp-redesign .gp-collection-guide b{display:grid;place-items:center;border:1px solid #616366;width:23px;height:23px;font-size:12px} #ds-planner.gp-redesign .gp-weapon-flow .gp-wf-picker,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-inventory,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-equipment{background:#131314;border:1px solid #464749;padding:12px;min-width:0} #ds-planner.gp-redesign .gp-weapon-flow .gp-wf-inventory{background:#181819;border-top:2px solid #999ca1} #ds-planner.gp-redesign .gp-weapon-flow .gp-wf-equipment{background:#101011;border-top:2px solid #6c6e72} #ds-planner.gp-redesign .gp-wf-pane-title{border-bottom:1px solid #4f5154;padding-bottom:10px;margin-bottom:10px;gap:8px;min-height:28px} #ds-planner.gp-redesign .gp-wf-pane-title h4{font-size:20px;color:#caced5} #ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions{background:#1f2021;padding:10px;min-height:74px;border:1px solid #4a4c4f} #ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions strong{font-size:15px} #ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions button{font-size:13px;padding:7px 9px;border:1px solid #64666a;min-height:32px} #ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions button:disabled{opacity:.35} #ds-planner.gp-redesign .gp-remove,#ds-planner.gp-redesign .gp-spell-forget{background-color:transparent;background-image:linear-gradient(#721f22,#721f22),linear-gradient(#979a9f,#979a9f);background-size:16px 16px,18px 18px;background-position:center;background-repeat:no-repeat;color:#d4d8e0;border:0;opacity:1;font:bold 14px/24px Arial,sans-serif;width:24px;min-width:24px;height:24px;padding:0;display:grid;place-items:center;box-sizing:border-box;z-index:4} #ds-planner.gp-redesign .gp-remove:hover,#ds-planner.gp-redesign .gp-spell-forget:hover{background-color:transparent;background-image:linear-gradient(#a23231,#a23231),linear-gradient(#979a9f,#979a9f);color:#e9eef6} #ds-planner.gp-redesign .gp-remove:focus-visible,#ds-planner.gp-redesign .gp-spell-forget:focus-visible{outline:2px solid #dbdfe7;outline-offset:2px} #ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions .gp-discard{background:#641e21;border-color:#94979c;color:#ced2d9} #ds-planner.gp-redesign .gp-item-details{margin-top:14px;font-size:14px;line-height:1.45;color:#d1d5dc} #ds-planner.gp-redesign .gp-item-details dl{margin:0 0 12px} #ds-planner.gp-redesign .gp-item-details dl>div{display:grid;grid-template-columns:minmax(85px,.8fr) minmax(0,1.2fr);gap:12px;border-bottom:1px solid #414244;padding:5px 0} #ds-planner.gp-redesign .gp-item-details dd{margin:0;text-align:right;overflow-wrap:anywhere} #ds-planner.gp-redesign .gp-item-details dt{color:#adb1b7} #ds-planner.gp-redesign .gp-item-details p{margin:8px 0} #ds-planner.gp-redesign .gp-item-details h4{font-size:16px;margin:12px 0 6px} #ds-planner.gp-redesign .gp-item-details small{color:#a6a9af} #ds-planner.gp-redesign .gp-weapon-flow .gp-caption-name{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media(max-width:760px){#ds-planner.gp-redesign .gp-collection-guide{display:block}#ds-planner.gp-redesign .gp-collection-guide ol{margin-top:10px;gap:12px}#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-picker,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-inventory,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-equipment{padding:12px;margin-top:14px}#ds-planner.gp-redesign .gp-remove,#ds-planner.gp-redesign .gp-spell-forget{width:28px;min-width:28px;height:28px;font-size:15px;background-size:18px 18px,20px 20px}} /* Adapted inventory.css */ #ds-planner.gp-redesign .gp-inventory-workspace{display:flex;flex-direction:column;flex:1;min-height:0;font-size:15px} #ds-planner.gp-redesign .gp-inventory-tools{display:grid;grid-template-columns:minmax(180px,1fr) 150px 150px;gap:16px;margin:12px 0} #ds-planner.gp-redesign .gp-inventory-tools input,#ds-planner.gp-redesign .gp-inventory-tools select{width:100%;min-width:0;background:none;border:0;border-bottom:1px solid #6f717560;padding:8px 0;font:13px Arial,sans-serif} #ds-planner.gp-redesign .gp-inventory-categories{display:flex;flex-wrap:wrap;gap:5px 20px;border-bottom:1px solid #6f717540;padding-bottom:12px;margin-bottom:16px} #ds-planner.gp-redesign .gp-inventory-categories button{padding:4px 0;background:none;border:0;border-bottom:1px solid transparent;color:#9ea1a7;font-size:15px} #ds-planner.gp-redesign .gp-inventory-categories button[aria-pressed=true]{color:#c5c9d0;border-bottom:1px solid #abaeb4} #ds-planner.gp-redesign .gp-inventory-categories button span{font:10px Arial,sans-serif;margin-left:6px;color:#979a9f} #ds-planner.gp-redesign .gp-inventory-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;flex:1;min-height:0} #ds-planner.gp-redesign .gp-inventory-collection,#ds-planner.gp-redesign .gp-inventory-detail{min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#5a5c5f transparent;padding:0 5px 12px 0} #ds-planner.gp-redesign .gp-inventory-detail{border-left:1px solid #6f717540;padding-left:22px} #ds-planner.gp-redesign .gp-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:14px 10px;align-content:start} #ds-planner.gp-redesign .gp-inventory-workspace .gp-built-art{display:block;position:relative;width:100%;height:auto;min-width:0;aspect-ratio:1} #ds-planner.gp-redesign .gp-inventory-grid .gp-built-weapon{display:block;min-width:0;text-align:center} #ds-planner.gp-redesign .gp-inventory-grid .gp-built-weapon>span:last-child{font-size:14px} #ds-planner.gp-redesign .gp-inventory-inspect{display:flex;align-items:center;gap:16px;margin:16px 0 24px} #ds-planner.gp-redesign .gp-inventory-inspect>.gp-built-art{width:110px;height:110px;flex:none} #ds-planner.gp-redesign .gp-inventory-inspect h4{font-size:22px;margin:0 0 6px} #ds-planner.gp-redesign .gp-inventory-inspect p{margin:6px 0;color:#b0b4ba;font-size:14px} #ds-planner.gp-redesign .gp-inventory-skill{width:26px;height:26px;object-fit:contain;vertical-align:middle} #ds-planner.gp-redesign .gp-inventory-slot-heading{font-size:16px;margin:12px 0 8px} #ds-planner.gp-redesign .gp-inventory-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;max-width:300px} #ds-planner.gp-redesign .gp-inventory-targets:has(>div:only-child){grid-template-columns:minmax(0,90px)} #ds-planner.gp-redesign .gp-inventory-quick-targets{grid-template-columns:repeat(5,minmax(0,1fr))} #ds-planner.gp-redesign .gp-inventory-targets>div>span{display:block;text-align:center;font:10px Arial,sans-serif;color:#a5a8ae;margin-top:5px} #ds-planner.gp-redesign .gp-inventory-targets button{display:block;width:100%} #ds-planner.gp-redesign .gp-inventory-targets button:disabled{opacity:.35;cursor:not-allowed} #ds-planner.gp-redesign .gp-inventory-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0} #ds-planner.gp-redesign .gp-inventory-warning{color:#9a9da2;font-size:13px} #ds-planner.gp-redesign .gp-inventory-empty{padding:28px 8px;color:#adb1b7;text-align:center} #ds-planner.gp-redesign .gp-inventory-empty h4{font-size:22px;font-weight:normal;color:#c1c5cc;margin:0 0 12px} #ds-planner.gp-redesign .gp-inventory-empty p{line-height:1.5} #ds-planner.gp-redesign .gp-inventory-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid #6f717540;padding-top:14px;margin-top:12px;flex:none} #ds-planner.gp-redesign .gp-inventory-footer [role=status]{flex-basis:100%;font-size:12px;color:#b3b7bd;min-height:16px} @media(max-width:760px){#ds-planner.gp-redesign .gp-inventory-workspace{overflow:auto;display:block}#ds-planner.gp-redesign .gp-inventory-tools{grid-template-columns:1fr 1fr;gap:10px}#ds-planner.gp-redesign .gp-inventory-tools input{grid-column:1/-1}#ds-planner.gp-redesign .gp-inventory-categories{gap:5px 14px}#ds-planner.gp-redesign .gp-inventory-columns{display:block}#ds-planner.gp-redesign .gp-inventory-collection{max-height:340px;min-height:150px}#ds-planner.gp-redesign .gp-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px 6px}#ds-planner.gp-redesign .gp-inventory-detail{padding:16px 0;border-left:0;border-top:1px solid #6f717540;margin-top:16px}#ds-planner.gp-redesign .gp-inventory-footer .gp-outline{font-size:11px}} /* Adapted item-hover.css */ #ds-planner .gp-hover-root{display:contents}#ds-planner .ashenborne-item-tooltip{position:fixed;z-index:1000000;box-sizing:border-box;width:360px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;overscroll-behavior:contain;pointer-events:auto;background:#111112;color:#cdd1d8;border:1px solid #626467;box-shadow:0 8px 24px #00000099;padding:14px 16px;font:13px/1.4 Georgia,serif;contain:layout paint;scrollbar-width:thin}#ds-planner .ashenborne-item-tooltip header{border-bottom:1px solid #67696d66;padding-bottom:9px;margin-bottom:10px}#ds-planner .ashenborne-item-tooltip header small{display:block;color:#a1a4aa;font:10px/1.5 Arial,sans-serif;letter-spacing:.06em}#ds-planner .ashenborne-item-tooltip header strong{display:block;font-size:20px;font-weight:400;color:#caced5;line-height:1.2;margin-top:3px}#ds-planner .ashenborne-item-tooltip dl{margin:0}#ds-planner .ashenborne-item-tooltip dt{color:#b2b6bc}#ds-planner .ashenborne-item-tooltip dd{margin:0;font-variant-numeric:tabular-nums;color:#e1e6ee}#ds-planner .ashenborne-item-tooltip .ashenborne-hover-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 10px}#ds-planner .ashenborne-hover-metrics>div{padding:7px 9px;background:#abaeb40a;border:1px solid #67696d44}#ds-planner .ashenborne-hover-metrics dt{font:10px/1.4 Arial,sans-serif}#ds-planner .ashenborne-hover-metrics dd{font-size:21px;line-height:1.2;margin-top:3px}#ds-planner .ashenborne-item-tooltip .ashenborne-hover-pairs{display:grid;gap:3px;margin:8px 0}#ds-planner .ashenborne-hover-pairs>div{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:baseline;column-gap:10px;padding:3px 0;border-bottom:1px solid #67696d20}#ds-planner .ashenborne-hover-pairs dd{overflow-wrap:anywhere}#ds-planner .ashenborne-item-tooltip .ashenborne-hover-pairs-split{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}#ds-planner .ashenborne-hover-pairs-split>div{grid-template-columns:minmax(0,1fr) 40px;column-gap:6px}#ds-planner .ashenborne-hover-pairs-split dd{text-align:right}#ds-planner .ashenborne-item-tooltip .ashenborne-hover-chips{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 9px}#ds-planner .ashenborne-hover-chips>div{display:flex;align-items:baseline;gap:7px;background:#abaeb40a;border:1px solid #67696d33;padding:3px 7px}#ds-planner .ashenborne-hover-chips dd{font-weight:700}#ds-planner .ashenborne-hover-damage{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px;font-variant-numeric:tabular-nums}#ds-planner .ashenborne-hover-damage th,#ds-planner .ashenborne-hover-damage td{padding:4px 3px;border-bottom:1px solid #67696d30;text-align:right}#ds-planner .ashenborne-hover-damage th:first-child{width:29%;text-align:left}#ds-planner .ashenborne-hover-damage thead th{font:10px/1.4 Arial,sans-serif;color:#a1a4aa}#ds-planner .ashenborne-hover-damage tbody th{font-weight:400;color:#b2b6bc}#ds-planner .ashenborne-hover-damage td{color:#e1e6ee}#ds-planner .ashenborne-item-tooltip h4,#ds-planner aside.ashenborne-item-tooltip h4{font-size:12px;font-weight:400;color:#b9bdc4;margin:12px 0 5px}#ds-planner .ashenborne-item-tooltip h4 span{font:10px Arial,sans-serif;color:#999ca1}#ds-planner .ashenborne-item-tooltip p,#ds-planner aside.ashenborne-item-tooltip p{font-size:12px;margin:7px 0 0}#ds-planner .ashenborne-item-tooltip .ashenborne-hover-note,#ds-planner aside.ashenborne-item-tooltip .ashenborne-hover-note{font:10px/1.5 Arial,sans-serif;color:#999ca1}#ds-planner .ashenborne-item-tooltip .ashenborne-hover-effect{border-top:1px solid #67696d44;margin-top:10px;padding-top:1px} @media(hover:none){#ds-planner .ashenborne-item-tooltip{display:none}} /* Adapted equipment-comparison.css */ #ds-planner.gp-redesign .gp-comparison{font-size:13px;line-height:1.4;min-width:0;padding-right:6px} #ds-planner.gp-redesign .gp-compare-destination{display:grid;gap:6px;color:#c2c6cd;font-size:13px;margin:4px 0 10px} #ds-planner.gp-redesign .gp-compare-destination select{width:100%;min-height:32px;max-width:100%} #ds-planner.gp-redesign .gp-compare-safe{color:#b0b4ba;font-size:12px;border-left:2px solid #8e9196;padding-left:8px;margin:8px 0 14px} #ds-planner.gp-redesign .gp-compare-names{border-top:1px solid #616366;border-bottom:1px solid #616366;padding:8px 0} #ds-planner.gp-redesign .gp-compare-names p{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 6px;margin:4px 0} #ds-planner.gp-redesign .gp-compare-names small,#ds-planner.gp-redesign .gp-compare-names strong,#ds-planner.gp-redesign .gp-compare-names span{display:block;overflow-wrap:anywhere} #ds-planner.gp-redesign .gp-compare-names small{color:#979a9f;font-size:11px} #ds-planner.gp-redesign .gp-compare-names strong{font-size:13px;color:#c5c9d0;font-weight:normal} #ds-planner.gp-redesign .gp-comparison table{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed} #ds-planner.gp-redesign .gp-comparison th,#ds-planner.gp-redesign .gp-comparison td{padding:5px 2px;border-bottom:1px solid #404143;text-align:right;overflow-wrap:anywhere;vertical-align:top} #ds-planner.gp-redesign .gp-comparison th:first-child{width:35%;text-align:left;font-weight:normal;color:#b7bbc2} #ds-planner.gp-redesign .gp-comparison thead th{color:#989ba0;font-size:10px;font-weight:normal} #ds-planner.gp-redesign .gp-comparison td{font-variant-numeric:tabular-nums} #ds-planner.gp-redesign .gp-comparison .gp-compare-delta{color:#c4c8cf} #ds-planner.gp-redesign .gp-comparison .gp-compare-shortfall{color:#bbbfc6;font-weight:normal} #ds-planner.gp-redesign .gp-comparison ul{padding-left:15px;margin:6px 0} #ds-planner.gp-redesign .gp-comparison li{margin:6px 0;overflow-wrap:anywhere} #ds-planner.gp-redesign .gp-comparison li small{display:block;color:#a2a5ab} #ds-planner.gp-redesign .gp-comparison summary{cursor:pointer;padding:10px 0;color:#bdc1c8;border-bottom:1px solid #454648} @media(max-width:760px){#ds-planner.gp-redesign .gp-comparison{max-height:460px;overflow:auto;overscroll-behavior:contain}} #ds-planner.gp-redesign .gp-compare-names span{grid-column:2;font-size:11px} #ds-planner.gp-redesign .gp-comparison h4{font-size:14px;margin:10px 0 5px} /* Adapted detailed-stats.css */ #ds-planner.gp-redesign .gp-modal-host>.gp-stats-overlay{top:5dvh;bottom:auto;margin:0 auto;height:auto;min-height:0;max-height:90dvh;width:min(1120px,calc(100vw - 32px));box-sizing:border-box;padding:18px 24px 22px} #ds-planner .gp-stats-overlay .gp-overlay-header{top:-18px;padding:8px 0 12px} #ds-planner .gp-stats-overlay .gp-overlay-header h3{margin:0;font-size:22px} #ds-planner .gp-detailed-stats{font-size:16px;line-height:1.35} #ds-planner .gp-ds-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:15px 0;border-bottom:1px solid #74767a44} #ds-planner .gp-ds-overview div{display:flex;flex-direction:column;gap:3px} #ds-planner .gp-ds-overview span{font:11px Arial,sans-serif;color:var(--gp-muted)} #ds-planner .gp-ds-overview strong{font-size:20px;font-weight:500} #ds-planner .gp-ds-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:26px} #ds-planner .gp-ds-layout section{margin-top:20px;min-width:0} #ds-planner .gp-ds-layout h4{font-size:19px;font-weight:500;color:var(--gp-gold);margin:0 0 9px;display:flex;justify-content:space-between;align-items:baseline;gap:8px} #ds-planner .gp-ds-layout h4 small{font:11px Arial,sans-serif;color:var(--gp-muted)} #ds-planner .gp-ds-scroll{overflow-x:auto} #ds-planner .gp-ds-attributes{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;font-variant-numeric:tabular-nums} #ds-planner .gp-ds-attributes th,#ds-planner .gp-ds-attributes td{padding:7px 5px;text-align:center;border-bottom:1px solid #74767a2e} #ds-planner .gp-ds-attributes thead th{font:11px Arial,sans-serif;color:var(--gp-muted);padding-top:5px;padding-bottom:9px} #ds-planner .gp-ds-attributes th:first-child{width:25%;text-align:left;padding-left:0;font-weight:400} #ds-planner .gp-ds-attributes .gp-ds-total{font-weight:600;color:#caced5;background:#9fa2a80b} #ds-planner .gp-ds-invested{color:#b0b4ba} #ds-planner .gp-ds-muted{color:#74767a} #ds-planner .gp-ds-bonus,#ds-planner .gp-ds-met{color:#bbbfc6} #ds-planner .gp-ds-short{color:#adb1b7} #ds-planner .gp-ds-note{font:12px/1.5 Arial,sans-serif;color:var(--gp-muted);margin:9px 0 0} #ds-planner .gp-ds-requirements article{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(120px,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #74767a2e} #ds-planner .gp-ds-item{display:flex;flex-direction:column;gap:2px} #ds-planner .gp-ds-item strong,#ds-planner .gp-ds-sources strong{font-weight:500} #ds-planner .gp-ds-item>span{font:11px Arial,sans-serif;color:var(--gp-muted)} #ds-planner .gp-ds-checks{display:flex;flex-wrap:wrap;gap:3px 9px;font-size:14px} #ds-planner .gp-ds-checks b{font-size:12px;font-weight:400} #ds-planner .gp-ds-requirements article>span{font:11px Arial,sans-serif;white-space:nowrap} #ds-planner .gp-ds-sources>div{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:12px;padding:8px 0;border-bottom:1px solid #74767a2e} #ds-planner .gp-ds-sources span{font-size:14px;color:#bcc0c7} #ds-planner .gp-ds-facts{margin:0;font-variant-numeric:tabular-nums} #ds-planner .gp-ds-facts>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #74767a22} #ds-planner .gp-ds-facts dt{color:#aeb2b8} #ds-planner .gp-ds-facts dd{margin:0;text-align:right} @media(max-width:800px){#ds-planner .gp-ds-layout{grid-template-columns:1fr}#ds-planner .gp-ds-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}#ds-planner .gp-ds-secondary section:last-child{grid-column:1/-1}} @media(max-width:500px){#ds-planner.gp-redesign .gp-modal-host>.gp-stats-overlay{width:calc(100vw - 16px);top:3dvh;max-height:94dvh;padding:12px}#ds-planner .gp-stats-overlay .gp-overlay-header{top:-12px}#ds-planner .gp-stats-overlay .gp-overlay-header h3{font-size:18px}#ds-planner .gp-ds-overview{grid-template-columns:repeat(2,minmax(0,1fr))}#ds-planner .gp-ds-attributes{min-width:340px}#ds-planner .gp-ds-requirements article{grid-template-columns:minmax(0,1fr) auto}#ds-planner .gp-ds-checks{grid-column:1/-1;grid-row:2}#ds-planner .gp-ds-secondary{grid-template-columns:1fr}#ds-planner .gp-ds-sources>div{grid-template-columns:1fr;gap:3px}} /* Adapted build-presets.css */ #ds-planner .gp-presets{max-width:1000px;margin:auto}#ds-planner .gp-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}#ds-planner .gp-preset-card{border:1px solid #4a4c4f;padding:18px;min-width:0}#ds-planner .gp-preset-card h4{font-size:23px;color:#c0c4cb;margin:0 0 6px}#ds-planner .gp-preset-card p{line-height:1.5;margin:8px 0}#ds-planner .gp-preset-card a{color:#c0c4cb;font-size:14px}#ds-planner .gp-preset-gear{color:#c0c4cb}#ds-planner .gp-preset-confirm{border:1px solid #a1a4aa;background:#222324;padding:14px;margin-top:15px;position:sticky;top:0;z-index:2}#ds-planner .gp-preset-confirm p{margin:0 0 10px}@media(max-width:650px){#ds-planner .gp-preset-grid{grid-template-columns:1fr}#ds-planner .gp-preset-card{padding:14px}} /* Adapted fidelity.css */ @font-face{font-family:'Planner Garamond';src:url('assets/ashenborne-planner-eb-garamond.ttf') format('truetype');font-weight:400 800;font-display:swap} @font-face{font-family:'Planner Cinzel';src:url('assets/ashenborne-planner-cinzel.ttf') format('truetype');font-weight:400 900;font-display:swap} #ds-planner.gp-redesign{--gp-text:oklch(.9 .008 260);--gp-muted:oklch(.68 .008 260);--gp-gold:oklch(.78 .008 260);--gp-fidelity-line:oklch(.29 .008 260);font-family:'Planner Garamond',serif;font-size:18px} #ds-planner.gp-redesign .gp-page{background:oklch(.15 .008 260)} #ds-planner.gp-redesign .gp-page:before{opacity:.35} #ds-planner.gp-redesign .gp-content{max-width:1440px;width:100%;margin:0 auto;padding:0} #ds-planner.gp-redesign .gp-buildbar{min-height:64px;margin:0;padding:10px 28px;gap:18px;background:oklch(.18 .008 260);border-color:var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-build-title{gap:12px} #ds-planner.gp-redesign .gp-build-title>img{width:40px;height:40px} #ds-planner.gp-redesign .gp-build-title h2{font:400 24px 'Planner Cinzel',serif;font-variant:normal;letter-spacing:0} #ds-planner.gp-redesign .gp-preview-badge{font:10px 'Planner Cinzel',serif;letter-spacing:.12em;border-color:var(--gp-fidelity-line);padding:3px 7px} #ds-planner.gp-redesign .gp-build-name{padding-left:18px;border-left:1px solid var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-build-name input{font:600 22px 'Planner Garamond',serif;width:145px} #ds-planner.gp-redesign .gp-class-label{font-size:17px;padding:4px 12px;border-color:var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-level-label{font-size:17px} #ds-planner.gp-redesign .gp-build-actions{gap:16px} #ds-planner.gp-redesign .gp-build-actions .gp-quiet{font:16px 'Planner Garamond',serif;color:var(--gp-muted)} #ds-planner.gp-redesign .gp-outline{font:12px 'Planner Cinzel',serif;padding:7px 10px;letter-spacing:.04em;border-color:var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-buildbar>.gp-outline{font:15px 'Planner Garamond',serif;letter-spacing:0;padding:4px 12px} #ds-planner.gp-redesign .gp-outline:disabled{opacity:.55;cursor:default} #ds-planner.gp-redesign .gp-save{font:14px 'Planner Cinzel',serif;padding:6px 18px;border-color:var(--gp-gold)} #ds-planner.gp-redesign .gp-toolbar{min-height:48px;margin:0;padding:6px 28px;border-color:var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-view-links{border-color:var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-view-links button{font:16px 'Planner Garamond',serif;padding:5px 16px} #ds-planner.gp-redesign .gp-mode-controls{gap:12px} #ds-planner.gp-redesign .gp-mode-controls>.gp-label{font:11px 'Planner Cinzel',serif;letter-spacing:.12em} #ds-planner.gp-redesign .gp-segment-switch{display:flex;background:none;border:1px solid var(--gp-fidelity-line);padding:0;font:15px 'Planner Garamond',serif;color:var(--gp-muted)} #ds-planner.gp-redesign .gp-segment-switch>span{padding:4px 14px} #ds-planner.gp-redesign .gp-segment-switch[aria-checked=false]>span:first-child,#ds-planner.gp-redesign .gp-segment-switch[aria-checked=true]>span:last-child{background:oklch(.24 .008 260);color:var(--gp-gold)} #ds-planner.gp-redesign .gp-preview-notice{max-width:1440px;margin:0 auto;padding:10px 28px 0;font:11px/1.4 Arial,sans-serif} #ds-planner.gp-redesign .gp-layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px;padding:22px 28px 28px;max-width:1440px;width:100%;margin:0 auto} #ds-planner.gp-redesign .gp-attributes{flex:0 1 300px;min-width:260px;width:auto} #ds-planner.gp-redesign .gp-equipment{flex:1 1 520px;min-width:min(520px,100%);width:auto} #ds-planner.gp-redesign .gp-status{flex:1 1 300px;min-width:280px;max-width:100%;width:auto;display:block} #ds-planner.gp-redesign .gp-section-heading{padding:0 0 8px;margin:0 0 10px;border-bottom:1px solid var(--gp-fidelity-line);gap:10px} #ds-planner.gp-redesign .gp-section-heading h3{font:400 17px 'Planner Cinzel',serif;font-variant:normal;white-space:normal} #ds-planner.gp-redesign .gp-section-heading h3 img{height:24px;width:24px} #ds-planner.gp-redesign .gp-section-heading .gp-fine{font:14px 'Planner Garamond',serif} #ds-planner.gp-redesign .gp-attr-caption{grid-template-columns:1fr 88px 48px;gap:0;font:10px 'Planner Cinzel',serif;letter-spacing:.12em;margin:0 0 3px} #ds-planner.gp-redesign .gp-attr-caption>span:last-child{text-align:right} #ds-planner.gp-redesign .gp-current-stats{padding-left:18px;border-left:1px solid #878a8f45} #ds-planner.gp-redesign .gp-current-stats .gp-stat-row{grid-template-columns:1fr 88px 48px;min-height:32px;font-size:18px;gap:0;margin:0;padding:0} #ds-planner.gp-redesign .gp-current-stats .gp-value{display:none} #ds-planner.gp-redesign .gp-current-stats .gp-needed{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden} #ds-planner.gp-redesign .gp-current-stats .gp-stepper{grid-column:2;display:grid;grid-template-columns:26px 36px 26px;gap:0} #ds-planner.gp-redesign .gp-current-stats .gp-number{font:600 18px 'Planner Garamond',serif;width:36px} #ds-planner.gp-redesign .gp-current-stats .gp-step{font-size:20px} #ds-planner.gp-redesign .gp-effective-total{text-align:right;color:var(--gp-gold);font-weight:600;font-size:18px} #ds-planner.gp-redesign .gp-stat-tiles>div{padding:6px 10px;border-color:var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-stat-tiles>div>span{font:10px 'Planner Cinzel',serif;letter-spacing:.1em} #ds-planner.gp-redesign .gp-stat-tiles strong{font-size:22px;font-weight:600} #ds-planner.gp-redesign .gp-rune-tiles{gap:6px;margin:12px 0 6px} #ds-planner.gp-redesign .gp-rune-tiles strong{font-size:18px} #ds-planner.gp-redesign .gp-stat-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px} #ds-planner.gp-redesign .gp-stat-actions button{text-transform:uppercase;font-size:12px;text-align:center} #ds-planner.gp-redesign .gp-action-row .gp-quiet{font:13px 'Planner Garamond',serif} #ds-planner.gp-redesign .gp-progression{margin-top:22px} #ds-planner.gp-redesign .gp-progression-grid{gap:6px} #ds-planner.gp-redesign .gp-progression-grid>label,#ds-planner.gp-redesign .gp-progression-grid>div{font-size:13px;padding:6px 10px;border-color:var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-progression[data-dlc=false] .gp-progression-grid>label{opacity:.4} #ds-planner.gp-redesign .gp-shadow-control{font-size:17px} #ds-planner.gp-redesign .gp-summon h3{font:400 17px 'Planner Cinzel',serif} #ds-planner.gp-redesign .gp-summon .gp-result-row{font-size:17px} #ds-planner.gp-redesign .gp-summon .gp-fine{font:12px 'Planner Garamond',serif} #ds-planner.gp-redesign .gp-equipment .gp-armaments{grid-template-columns:repeat(6,minmax(64px,92px));gap:10px;justify-content:start} #ds-planner.gp-redesign .gp-armaments .gp-slot-badges,#ds-planner.gp-redesign .gp-armaments .gp-upgrade-label{display:none} #ds-planner.gp-redesign .gp-item-caption{font-size:14px;line-height:1.35;margin-top:3px} #ds-planner.gp-redesign .gp-item-caption small{font:13px 'Planner Garamond',serif;display:flex;align-items:center;gap:5px;min-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #ds-planner.gp-redesign .gp-item-caption small>img{width:28px;height:28px;object-fit:contain;flex-shrink:0;border:1px solid var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-armour-talisman{gap:24px;margin-top:18px} #ds-planner.gp-redesign .gp-armour-talisman .gp-slot-grid{grid-template-columns:repeat(4,minmax(0,72px));gap:8px} #ds-planner.gp-redesign .gp-armour-talisman .gp-item-caption{font-size:13px} #ds-planner.gp-redesign .gp-memory-section,#ds-planner.gp-redesign .gp-quick-section{margin-top:18px} #ds-planner.gp-redesign .gp-equipment .gp-memory{gap:6px} #ds-planner.gp-redesign .gp-equipment .gp-quick-grid{gap:6px} #ds-planner.gp-redesign .gp-specials{gap:16px;margin-top:18px} #ds-planner.gp-redesign .gp-specials>section{padding:10px;border-color:oklch(.24 .008 260)} #ds-planner.gp-redesign .gp-specials .gp-section-heading h3{font:400 15px 'Planner Cinzel',serif} #ds-planner.gp-redesign .gp-specials label{font-size:15px} #ds-planner.gp-redesign .gp-status>.gp-section-heading:first-child h3{font-size:19px} #ds-planner.gp-redesign .gp-status>.gp-section-heading:not(:first-child) h3{font:400 14px 'Planner Cinzel',serif;color:var(--gp-gold)} #ds-planner.gp-redesign .gp-status>.gp-section-heading:not(:first-child){margin-top:12px} #ds-planner.gp-redesign .gp-result-row{font-size:16px;gap:4px} #ds-planner.gp-redesign .gp-attack-grid .gp-result-row{font-size:15px} #ds-planner.gp-redesign .gp-defence-grid{column-gap:20px;row-gap:3px} #ds-planner.gp-redesign .gp-defence-grid .gp-result-row{font-size:16px;flex-wrap:wrap} #ds-planner.gp-redesign .gp-load-panel .gp-fine{font:14px 'Planner Garamond',serif} #ds-planner.gp-redesign .gp-resistance-tiles>div>span,#ds-planner.gp-redesign .gp-casting-tiles>div>span{font:12px 'Planner Garamond',serif;letter-spacing:0;text-transform:none} #ds-planner.gp-redesign .gp-resistance-tiles strong,#ds-planner.gp-redesign .gp-casting-tiles strong{font-size:16px} #ds-planner.gp-redesign .gp-effects{margin:0;border-top:1px solid var(--gp-fidelity-line);padding:24px max(28px,calc((100% - 1384px)/2)) 40px;background:oklch(.135 .008 260)} #ds-planner.gp-redesign .gp-effects-head{gap:16px} #ds-planner.gp-redesign .gp-effects-head .gp-section-heading h3{font:400 22px 'Planner Cinzel',serif} #ds-planner.gp-redesign .gp-effect-filters button{font:15px 'Planner Garamond',serif;padding:4px 14px} #ds-planner.gp-redesign .gp-effects-head>input{height:32px;width:200px;font:15px 'Planner Garamond',serif;border-color:var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-effects-head>.gp-quiet{font:15px 'Planner Garamond',serif} #ds-planner.gp-redesign .gp-conditions label{font-size:15px;padding:3px 12px} #ds-planner.gp-redesign .gp-effects th{font:11px 'Planner Cinzel',serif;letter-spacing:.1em} #ds-planner.gp-redesign .gp-effects td{font-size:16px;padding:8px 16px} #ds-planner.gp-redesign .gp-state{font-size:16px} #ds-planner.gp-redesign .gp-ledger-note{font:14px 'Planner Garamond',serif} @media(max-width:700px){#ds-planner.gp-redesign .gp-buildbar{padding:12px 16px;gap:12px}#ds-planner.gp-redesign .gp-build-name{padding-left:0;border:0}#ds-planner.gp-redesign .gp-toolbar{padding:8px 16px}#ds-planner.gp-redesign .gp-layout{padding:20px 16px;gap:26px}#ds-planner.gp-redesign .gp-attributes,#ds-planner.gp-redesign .gp-equipment,#ds-planner.gp-redesign .gp-status{min-width:0;flex-basis:100%;width:100%}#ds-planner.gp-redesign .gp-mode-controls{flex-wrap:wrap;gap:8px}#ds-planner.gp-redesign .gp-preview-notice{padding:10px 16px 0}#ds-planner.gp-redesign .gp-equipment .gp-armaments{grid-template-columns:repeat(3,minmax(0,1fr))}#ds-planner.gp-redesign .gp-effects{padding:22px 16px}#ds-planner.gp-redesign .gp-section-heading .gp-fine{font-size:12px}#ds-planner.gp-redesign .gp-build-title h2{font-size:22px}#ds-planner.gp-redesign .gp-effects-head .gp-section-heading h3{font-size:20px}} #ds-planner.gp-redesign .gp-equipment .gp-slot{background-image:var(--gp-slot-image)} /* Adapted integration.css */ #ds-planner.gp-redesign .gp-current-stats .gp-stat-row,#ds-planner.gp-redesign .gp-attr-caption{grid-template-columns:minmax(80px,1.4fr) repeat(3,minmax(48px,1fr));gap:0} #ds-planner.gp-redesign .gp-current-stats .gp-value{display:block} #ds-planner.gp-redesign .gp-current-stats .gp-stepper{grid-column:3;grid-template-columns:16px minmax(0,1fr) 16px;width:100%;max-width:80px;justify-self:center} #ds-planner.gp-redesign .gp-current-stats .gp-number{width:100%;min-width:0} #ds-planner.gp-redesign .gp-effective-total{font-size:14px;text-align:center;color:#b2b6bc} #ds-planner.gp-redesign .gp-attr-caption{padding-left:18px} #ds-planner.gp-redesign .gp-attr-caption>span,#ds-planner.gp-redesign .gp-attr-caption>span:last-child{min-width:0;text-align:center;letter-spacing:.06em} #ds-planner.gp-redesign .gp-current-stats .gp-step{height:28px;min-height:0;padding:0;align-self:center} #ds-planner.gp-redesign .gp-current-stats .gp-stat-row{box-sizing:border-box;margin-left:-18px;padding-left:18px;width:calc(100% + 18px)} #ds-planner.gp-redesign .gp-current-stats .gp-stat-row:hover,#ds-planner.gp-redesign .gp-current-stats .gp-stat-row:focus-within{background:var(--gp-row-glow) center/100% 137.5% no-repeat} #ds-planner .gp-buff-controls{display:grid;gap:8px;margin:12px 0 18px;font-size:13px} #ds-planner .gp-buff-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap} #ds-planner .gp-buff-row label{font-size:11px;color:var(--gp-muted)} #ds-planner .gp-buff-row select,#ds-planner .gp-buff-controls select{max-width:100%;background:#161617;border:1px solid #6f717560;color:inherit;padding:5px} #ds-planner .gp-conditions input[type=number]{width:65px;background:none;border:0;border-bottom:1px solid #6f717560} #ds-planner .gp-state-held,#ds-planner .gp-calculation-warning{color:#adb1b7} #ds-planner .gp-slot[data-locked=true]{opacity:.32} #ds-planner .gp-catalog-more{display:block;margin:12px auto;padding:7px 20px} @media(max-width:700px){#ds-planner.gp-redesign .gp-current-stats .gp-stat-row,#ds-planner.gp-redesign .gp-attr-caption{grid-template-columns:minmax(80px,1.4fr) repeat(3,minmax(48px,1fr))}} /* DS-only differences to the current ER interface: native counts, assets and palette. */ #ds-planner.gp-redesign{--gp-text:#e0e3e8;--gp-muted:#a7afb9;--gp-gold:#c1c7d0;--gp-fidelity-line:#353a42;--gp-slot-glow:radial-gradient(ellipse,#ed79222b,transparent 70%)} #ds-planner.gp-redesign .gp-layout{grid-template-columns:minmax(240px,.9fr) minmax(0,1.85fr) minmax(300px,1.2fr)} #ds-planner.gp-redesign .gp-content{max-width:1440px;width:100%;margin:0 auto;padding:0} #ds-planner.gp-redesign .gp-armaments{grid-template-columns:repeat(4,minmax(0,1fr))} #ds-planner.gp-redesign .gp-armour-talisman{display:grid;grid-template-columns:2fr 1fr;gap:20px} #ds-planner.gp-redesign .ds-rings{grid-template-columns:repeat(2,minmax(0,1fr))} #ds-planner.gp-redesign .gp-equipment>.gp-four{grid-template-columns:repeat(4,minmax(0,1fr));max-width:360px} #ds-planner.gp-redesign .gp-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:400px} #ds-planner.gp-redesign .gp-slot img{inset:12%;width:76%;height:76%;pointer-events:none} #ds-planner.gp-redesign .gp-slot img.gp-empty{inset:18%;width:64%;height:64%;opacity:.4} #ds-planner.gp-redesign .gp-slot .ds-slot-label{font:10px Arial,sans-serif;color:#bbc0c8} #ds-planner.gp-redesign .gp-overlay-hand-row{grid-template-columns:repeat(2,minmax(0,1fr))} #ds-planner.gp-redesign .ds-workshop-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #ds-planner.gp-redesign .gp-armor-equipped-grid>div{grid-column:auto} #ds-planner.gp-redesign .gp-overlay-hand-slot{display:block;width:100%;aspect-ratio:1;min-width:0} #ds-planner.gp-redesign .gp-item-caption{display:block;text-align:center;overflow-wrap:anywhere;font:14px/1.3 'Planner Garamond',Georgia,serif} #ds-planner.gp-redesign .gp-item-caption small{display:block;font:11px/1.5 'Planner Garamond',Georgia,serif;color:#aeb5be;margin-top:3px} #ds-planner.gp-redesign .ds-path-choices{display:flex;flex-wrap:wrap;gap:6px} #ds-planner.gp-redesign .ds-path-choices button{width:auto;height:auto;min-height:32px;padding:6px 8px;font-size:13px;letter-spacing:0} #ds-planner.gp-redesign [data-drop-active=true]{outline:2px solid #dcb08b;outline-offset:2px;background-color:#db742a25} #ds-planner.gp-redesign .gp-built-pool[data-drop-active=true]{box-shadow:inset 0 0 24px #eb853633} #ds-planner.gp-redesign [draggable=true]{cursor:grab} #ds-planner.gp-redesign [draggable=true]:active{cursor:grabbing} #ds-planner.gp-redesign .gp-weapon-tile-art img,#ds-planner.gp-redesign .gp-built-art img{object-fit:contain;pointer-events:none} #ds-planner.gp-redesign .gp-wf-notice{flex-shrink:0} #ds-planner.gp-redesign .gp-overlay-surface{min-width:0} #ds-planner.gp-redesign .gp-character-bar,#ds-planner .ds-character-bar{margin:0;padding:12px 28px} #ds-planner.gp-redesign .gp-drag-preview img{object-fit:contain;filter:drop-shadow(0 5px 7px black)} #ds-planner.gp-redesign .gp-item-details dt{text-transform:capitalize} #ds-planner.gp-redesign .gp-item-details a{font-size:12px} #ds-planner.gp-redesign .gp-section-heading h3{gap:7px} #ds-planner.gp-redesign .gp-section-heading h3>img{width:20px;height:20px;object-fit:contain;opacity:.6} #ds-planner.gp-redesign .gp-effects .ds-effects-table{min-width:0;width:100%;table-layout:fixed} @media(max-width:1100px){#ds-planner.gp-redesign .gp-layout{grid-template-columns:240px minmax(0,1fr)}#ds-planner.gp-redesign .gp-status{grid-column:1/-1}} @media(max-width:760px){#ds-planner.gp-redesign .gp-weapon-columns{display:block;overflow:auto}#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-picker,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-inventory,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-equipment{min-height:320px;margin-bottom:12px}#ds-planner.gp-redesign .gp-wf-catalog-scroll{max-height:380px;flex:none}#ds-planner.gp-redesign .gp-weapon-flow .gp-built-pool{max-height:320px;flex:none}#ds-planner.gp-redesign .gp-mode-controls{flex-wrap:wrap}#ds-planner.gp-redesign .gp-armour-talisman{grid-template-columns:2fr 1fr;gap:12px}} @media(max-width:620px){#ds-planner.gp-redesign .gp-layout{display:flex;flex-direction:column}#ds-planner.gp-redesign .gp-armaments{grid-template-columns:repeat(4,minmax(0,1fr))}#ds-planner.gp-redesign .gp-memory{grid-template-columns:repeat(6,minmax(0,1fr))}#ds-planner.gp-redesign .gp-attr-caption,#ds-planner.gp-redesign .gp-current-stats .gp-stat-row{grid-template-columns:minmax(86px,1.4fr) repeat(3,minmax(46px,1fr))}#ds-planner.gp-redesign .gp-status{width:100%}} #ds-planner.gp-redesign .gp-weapon-overlay::before{background:radial-gradient(ellipse at 48% 90%,#b55f1210,transparent 65%),linear-gradient(135deg,#1b1b1b,#111 55%,#181818);border:0;box-shadow:0 20px 70px #000c;mask-image:linear-gradient(to right,transparent,#000 1.5%,#000 98.5%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect} #ds-planner.gp-redesign .gp-weapon-flow .gp-built-pool{min-height:0;align-content:start}#ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions{max-height:42%;overflow:auto;min-height:0;box-sizing:border-box}#ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions button{font:12px/1.2 Arial,sans-serif;padding:6px 7px;min-height:28px}#ds-planner.gp-redesign .gp-wf-inventory{overflow:hidden} #ds-planner.gp-redesign .gp-message:empty{display:none}#ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions{max-height:115px}#ds-planner.gp-redesign .gp-weapon-flow .gp-built-pool{min-height:100px}@media(min-width:761px) and (max-height:780px){#ds-planner.gp-redesign .gp-weapon-overlay{height:82dvh;max-height:90dvh}} /* One geometry contract for square item art. Explicit maxima clear the inherited 76% caps. */ #ds-planner.gp-redesign .gp-slot>img:not(.gp-empty), #ds-planner.gp-redesign .gp-weapon-tile-art>img, #ds-planner.gp-redesign .gp-built-art>img, #ds-planner.gp-redesign .gp-weapon-flow .gp-overlay-hand-slot .gp-built-art>img, #ds-planner.gp-redesign .gp-overlay-hand-slot>img:not(.gp-empty){position:absolute;inset:4.5%;width:91%;height:91%;max-width:none;max-height:none;transform:none;object-fit:contain;object-position:50% 50%;margin:0;padding:0;box-sizing:border-box} #ds-planner.gp-redesign .gp-slot>img.gp-empty, #ds-planner.gp-redesign .gp-overlay-hand-slot>img.gp-empty{position:absolute;inset:18%;width:64%;height:64%;max-width:none;max-height:none;transform:none;object-fit:contain;object-position:50% 50%;margin:0;padding:0;box-sizing:border-box} /* DS has two rings. Override the inherited four-slot ER row without shrinking its image squares. */ #ds-planner.gp-redesign .gp-armour-talisman .ds-rings{grid-template-columns:repeat(2,minmax(0,72px))} /* Native four hand/ammunition slots must fit the equipment column at phone widths. */ #ds-planner.gp-redesign .gp-equipment .gp-slot-grid.gp-armaments{grid-template-columns:repeat(4,minmax(0,92px));max-width:398px;width:100%} #ds-planner.gp-redesign .gp-equipment>.gp-slot-grid.gp-four{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:360px} #ds-planner.gp-redesign .gp-equipment .gp-slot{min-height:0;padding:0;box-sizing:border-box;aspect-ratio:1} #ds-planner.gp-redesign .gp-equipment .gp-slot-grid.gp-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:400px} /* Match the current planner frame and menu hierarchy using Dark Souls charcoal/silver. */ body.as-dsr-planner .as-native-wrap{max-width:none;padding:14px 0 0} #ds-planner.gp-redesign{--gp-text:#e0e0e0;--gp-muted:#aaa;--gp-gold:#c9c9c9;--gp-fidelity-line:#383838;background:#101010} #ds-planner.gp-redesign .gp-page{background:#101010} #ds-planner.gp-redesign .gp-page::before{background:radial-gradient(ellipse 65% 32% at 80% 42%,#8888880c,transparent 80%),radial-gradient(ellipse 75% 35% at 0 8%,#88888808,transparent 75%)} #ds-planner.gp-redesign .gp-layout{max-width:1440px;width:100%;margin:0 auto} #ds-planner.gp-redesign .gp-buildbar{background:#191919} #ds-planner.gp-redesign .gp-attributes{flex:0 1 270px;min-width:250px} #ds-planner.gp-redesign .gp-equipment{flex:1 1 460px;min-width:min(460px,100%)} #ds-planner.gp-redesign .gp-status{flex:1 1 300px;min-width:280px} #ds-planner.gp-redesign .gp-character-bar,#ds-planner.gp-redesign .ds-character-bar{background:#191919;border:1px solid var(--gp-fidelity-line);padding:10px 28px;font:16px/1.5 'Planner Garamond',serif} #ds-planner.gp-redesign .gp-character-bar a,#ds-planner.gp-redesign .ds-character-bar a{color:var(--gp-text)} #ds-planner.gp-redesign .gp-effects{background:#121212} #ds-planner.gp-redesign .gp-stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} #ds-planner.gp-redesign .gp-stat-tiles>div{background:#141414;border-color:var(--gp-fidelity-line)} #ds-planner.gp-redesign .gp-current-stats{border-left-color:#77777755} #ds-planner.gp-redesign .gp-stat-actions button{background:transparent;border-color:var(--gp-fidelity-line);color:var(--gp-text)} #ds-planner.gp-redesign .ds-setting input,#ds-planner.gp-redesign .ds-setting select{background:#171717;border-color:#444;color:var(--gp-text)} #ds-planner.gp-redesign .gp-section-heading h3>img{filter:grayscale(1) brightness(1.6)} #ds-planner.gp-redesign .gp-stat-actions>button:last-child{grid-column:1/-1;text-align:left;border:0;background:none;padding:3px 0;text-transform:none;font:14px 'Planner Garamond',serif} #ds-planner.gp-redesign .gp-equipment .gp-item-caption{white-space:normal;overflow:visible;text-overflow:clip} #ds-planner.gp-redesign .gp-item-caption small{white-space:normal;min-height:0;color:var(--gp-muted);font-size:12px} #ds-planner.gp-redesign .gp-remove{opacity:0;background:#181818;border-color:#777;color:#ddd} #ds-planner.gp-redesign .gp-slot-wrap:hover .gp-remove,#ds-planner.gp-redesign .gp-remove:focus-visible{opacity:1} #ds-planner.gp-redesign .gp-slot,#ds-planner.gp-redesign .gp-built-art,#ds-planner.gp-redesign .gp-weapon-tile-art,#ds-planner.gp-redesign .gp-overlay-hand-slot{isolation:isolate;background-image:none;background-color:transparent} #ds-planner.gp-redesign .gp-slot::before,#ds-planner.gp-redesign .gp-built-art::before,#ds-planner.gp-redesign .gp-weapon-tile-art::before,#ds-planner.gp-redesign .gp-overlay-hand-slot::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--gp-slot-image) center/100% 100% no-repeat;filter:grayscale(1) brightness(2.1);pointer-events:none} #ds-planner.gp-redesign .gp-slot .gp-built-art::before,#ds-planner.gp-redesign .gp-overlay-hand-slot .gp-built-art::before{display:none} #ds-planner.gp-redesign .gp-overlay:not(.gp-weapon-overlay){background:#151515;border-color:#555} #ds-planner.gp-redesign .gp-overlay:not(.gp-weapon-overlay) .gp-overlay-header{background:#151515} #ds-planner.gp-redesign .gp-weapon-overlay .gp-overlay-header h3{color:var(--gp-text)} #ds-planner.gp-redesign .gp-weapon-flow .gp-wf-picker,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-equipment{background:#11111170;border-color:#555} #ds-planner.gp-redesign .gp-weapon-flow .gp-wf-inventory{background:#20202099;border-color:#666} #ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions{background:#26262666;border-color:#555} #ds-planner.gp-redesign .gp-weapon-overlay select{background:#171717;color:var(--gp-text);border-bottom-color:#555} #ds-planner.gp-redesign .gp-armor-equipped-grid{display:block} #ds-planner.gp-redesign .gp-armor-equipped-grid .ds-workshop-slots{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px 12px} #ds-planner.gp-redesign .gp-armor-equipped-grid .gp-overlay-hand-slot{max-width:110px;margin:0 auto} @media(max-width:700px){#ds-planner.gp-redesign .gp-attributes,#ds-planner.gp-redesign .gp-equipment,#ds-planner.gp-redesign .gp-status{min-width:0;flex-basis:100%;width:100%}#ds-planner.gp-redesign .gp-character-bar,#ds-planner.gp-redesign .ds-character-bar{padding:10px 16px}#ds-planner.gp-redesign .gp-remove{opacity:.65}} @media(max-width:700px){#ds-planner.gp-redesign .gp-equipment .gp-slot-grid.gp-armaments{grid-template-columns:repeat(2,minmax(0,92px));row-gap:18px}#ds-planner.gp-redesign .gp-armour-talisman{grid-template-columns:1fr;gap:18px}#ds-planner.gp-redesign .gp-armour-talisman .gp-four{grid-template-columns:repeat(4,minmax(0,72px))}} /* Explicit slot geometry: the single group wrapper must never consume one grid cell. */ #ds-planner.gp-redesign .gp-weapon-flow .gp-weapon-columns{grid-template-columns:minmax(250px,1.1fr) minmax(270px,1.3fr) minmax(260px,.95fr)} #ds-planner.gp-redesign .gp-item-equipped-grid{display:block} #ds-planner.gp-redesign .gp-item-equipped-grid>.ds-workshop-slots,#ds-planner.gp-redesign .gp-item-equipped-grid>div{width:100%;min-width:0} #ds-planner.gp-redesign .gp-wf-equipment .ds-workshop-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;width:100%} #ds-planner.gp-redesign .gp-spell-flow .gp-wf-equipment .ds-workshop-slots{grid-template-columns:repeat(3,minmax(0,1fr))} #ds-planner.gp-redesign .gp-wf-equipped-card{min-width:0} #ds-planner.gp-redesign .gp-wf-equipment .gp-overlay-hand-slot{width:100%;min-width:0;max-width:none;aspect-ratio:1;min-height:0} #ds-planner.gp-redesign .gp-wf-equipment .gp-item-caption{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3} #ds-planner.gp-redesign .gp-wf-equipment .gp-overlay-hand-slot>small{font:10px/1 Arial,sans-serif;left:6px;right:auto;bottom:5px;max-width:calc(100% - 12px);white-space:nowrap} #ds-planner.gp-redesign .gp-built-weapon>span,#ds-planner.gp-redesign .gp-weapon-tile>span,#ds-planner.gp-redesign .gp-weapon-tile>small,#ds-planner.gp-redesign .gp-overlay-hand-slot>span,#ds-planner.gp-redesign .gp-overlay-hand-slot>img,#ds-planner.gp-redesign .gp-overlay-hand-slot>small{pointer-events:none} /* Near-black presentation, without a lighter gray wash behind the equipment. */ #ds-planner.gp-redesign,#ds-planner.gp-redesign .gp-page{background:#080808} #ds-planner.gp-redesign .gp-page::before{background:none} #ds-planner.gp-redesign .gp-buildbar,#ds-planner.gp-redesign .gp-effects{background:#0a0a0a} #ds-planner.gp-redesign .gp-character-bar,#ds-planner.gp-redesign .ds-character-bar{background:#0e0e0e} #ds-planner.gp-redesign .gp-stat-tiles>div{background:#0b0b0b} #ds-planner.gp-redesign .gp-weapon-overlay::before{background:#0b0b0b} #ds-planner.gp-redesign .gp-weapon-flow .gp-wf-picker,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-equipment{background:#0a0a0a} #ds-planner.gp-redesign .gp-weapon-flow .gp-wf-inventory{background:#101010} #ds-planner.gp-redesign .gp-weapon-flow .gp-built-actions{background:#151515} #ds-planner.gp-redesign .gp-overlay:not(.gp-weapon-overlay),#ds-planner.gp-redesign .gp-overlay:not(.gp-weapon-overlay) .gp-overlay-header{background:#0b0b0b} /* Larger than the ER desktop reference: 92 / 68 / 46 / 56 px respectively. */ #ds-planner.gp-redesign .gp-attributes{flex:0 1 240px;min-width:240px} #ds-planner.gp-redesign .gp-equipment{flex:1 1 604px;min-width:min(604px,100%)} #ds-planner.gp-redesign .gp-status{flex:0 1 280px;min-width:280px} #ds-planner.gp-redesign .gp-equipment .gp-slot-grid.gp-armaments{grid-template-columns:repeat(4,112px);gap:10px;max-width:478px} #ds-planner.gp-redesign .gp-armour-talisman{grid-template-columns:392px 192px;gap:20px;max-width:604px} #ds-planner.gp-redesign .gp-armour-talisman .gp-four{grid-template-columns:repeat(4,92px);gap:8px} #ds-planner.gp-redesign .gp-armour-talisman .ds-rings{grid-template-columns:repeat(2,92px);gap:8px} #ds-planner.gp-redesign .gp-equipment .gp-memory{grid-template-columns:repeat(6,56px);gap:6px;max-width:366px;row-gap:10px} #ds-planner.gp-redesign .gp-equipment .gp-slot-grid.gp-quick-grid{grid-template-columns:repeat(5,80px);gap:8px;max-width:432px} @media(max-width:700px){ #ds-planner.gp-redesign .gp-attributes,#ds-planner.gp-redesign .gp-equipment,#ds-planner.gp-redesign .gp-status{min-width:0;flex-basis:100%;width:100%} #ds-planner.gp-redesign .gp-equipment .gp-slot-grid.gp-armaments{grid-template-columns:repeat(2,112px);row-gap:18px} #ds-planner.gp-redesign .gp-armour-talisman{grid-template-columns:1fr;gap:18px;max-width:100%} #ds-planner.gp-redesign .gp-armour-talisman .gp-four{grid-template-columns:repeat(2,92px);row-gap:18px} #ds-planner.gp-redesign .gp-equipment .gp-memory{grid-template-columns:repeat(4,56px)} #ds-planner.gp-redesign .gp-equipment .gp-slot-grid.gp-quick-grid{grid-template-columns:repeat(3,80px);row-gap:18px} } @media(max-width:1000px){#ds-planner.gp-redesign .gp-weapon-flow .gp-weapon-columns{display:block;overflow:auto}#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-picker,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-inventory,#ds-planner.gp-redesign .gp-weapon-flow .gp-wf-equipment{min-height:320px;margin-bottom:12px}#ds-planner.gp-redesign .gp-wf-catalog-scroll{max-height:380px;flex:none}#ds-planner.gp-redesign .gp-weapon-flow .gp-built-pool{max-height:320px;flex:none}} @media(max-width:1000px){#ds-planner.gp-redesign .gp-wf-equipment .ds-workshop-slots,#ds-planner.gp-redesign .gp-wf-equipment .gp-overlay-hand-row{grid-template-columns:repeat(2,minmax(0,160px))}#ds-planner.gp-redesign .gp-spell-flow .gp-wf-equipment .ds-workshop-slots{grid-template-columns:repeat(3,minmax(0,96px))}}