/* Every capture gets the same bounded preview, including the seventh photo. */
.v4-loadout-band>.v4-loadout-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px 12px;border-bottom:1px solid #d9e4e7;background:#edf5f6}.v4-loadout-actions>button{min-width:0;min-height:36px;padding:6px;border:1px solid #adcbd4;border-radius:8px;background:#fff;color:#275d70;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-size:12px;font-weight:800;cursor:pointer}.v4-loadout-actions>button:hover{background:#dff5ef}.v4-loadout-actions>button:focus-visible{outline:2px solid #168aad;outline-offset:2px}
.v4-loadout-band>.v4-readout-pane{height:auto;max-height:none;overflow:visible;padding:9px 12px;border-bottom:1px solid #dbe5e7}.v4-loadout-band>.v4-readout-pane:last-child{border:0}.v4i-overview-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;align-items:start}.v4i-overview-row>h3{margin:2px 0;color:#264653;font-size:13px}.v4i-overview-row>div{min-width:0}.v4i-overview-meta{margin:0 0 5px;color:#617e89;font-size:12px;line-height:1.5}.v4i-overview-meta button{margin-left:6px;padding:2px 6px;border:1px solid #b5cfd8;border-radius:5px;background:#eef7fa;color:#326479;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;cursor:pointer}
.v4i-overview-companions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.v4i-overview-companions>div{min-width:0;padding:5px 6px;background:#f0f5f6;border-radius:7px}.v4i-overview-companions>div:first-child{background:#e0f5ed}.v4i-overview-companions small{color:#5d848e;font-size:12px}.v4i-overview-companions strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2d4753;font-size:12px}.v4i-overview-companions span{display:block;color:#6c848c;font-size:12px;white-space:nowrap}
.v4i-overview-pair{display:flex;flex-wrap:wrap;gap:5px 14px;align-items:center;min-height:24px}.v4i-overview-pair>span,.v4i-overview-artifacts>span{display:inline-flex;align-items:center;gap:5px;min-width:0}.v4i-overview-pair small,.v4i-overview-artifacts small{color:#62818d;font-size:12px}.v4i-overview-pair strong,.v4i-overview-artifacts strong{color:#2d4753;font-size:12px;overflow-wrap:anywhere}.v4i-overview-pair em,.v4i-overview-artifacts em{color:#728791;font-size:12px;font-style:normal}.v4i-overview-artifacts{display:flex;flex-wrap:wrap;gap:5px 12px;margin-bottom:4px}
@media(max-width:1100px){.v4i-overview-companions{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.v4-loadout-band>.v4-loadout-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.v4i-overview-row{grid-template-columns:35px minmax(0,1fr);gap:5px}.v4i-overview-companions{grid-template-columns:repeat(2,minmax(0,1fr))}.v4i-overview-pair{gap:5px}.v4i-overview-pair>span{flex-wrap:wrap}.v4-loadout-band>.v4-readout-pane{padding:8px}.v4i-overview-artifacts>span{flex-wrap:wrap}}
.v4i-upload [hidden]{display:none!important}.v4i-ready{width:100%;text-align:center;padding:25px 12px}.v4i-ready>strong{display:block;font-size:18px;color:#e4f6fa}.v4i-ready p{font-size:12px;color:#aac0ca}.v4i-ready button{margin-top:10px;min-height:44px}.v4i-capture-layout.has-photo{grid-template-columns:1fr;gap:8px}.v4i-capture-layout.has-photo .v4i-sample{padding:9px 12px}.v4i-capture-layout.has-photo .v4i-sample:not([open]){min-height:0}.v4i-capture-layout.has-photo .v4i-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;padding:12px}.v4i-capture-layout.has-photo .v4i-upload>img{grid-column:1/-1;max-height:160px;width:100%}.v4i-capture-layout.has-photo .v4i-upload>small{display:none}.v4i-capture-layout.has-photo .v4i-upload-heading>span{font-size:12px}.v4i-preset-meta{margin:12px 0!important}
.v4i-dialog[data-section="companion"],.v4i-dialog[data-section="abilities"]{width:min(1440px,calc(100% - 28px))}
.v4i-companion-strip .v4i-companion-cell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:6px}.v4i-companion-cell>h3,.v4i-companion-cell>.v4i-companion-portrait,.v4i-companion-cell>.v4i-field:first-of-type,.v4i-companion-cell>.v4i-row-actions{grid-column:1/-1}.v4i-companion-strip .v4i-companion-cell .v4i-field{margin:0}.v4i-companion-strip .v4i-companion-cell h3{margin:0}.v4i-companion-cell>.v4i-row-actions{margin-top:2px}
.v4i-companion-portrait{height:70px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;margin:4px 0 7px}.v4i-companion-portrait img{width:54px;height:54px;object-fit:contain}.v4i-companion-portrait>b{font-size:12px;color:#cbdce7}.v4i-companion-cell[data-grade="legendary"]{border-color:#47c992}.v4i-companion-cell[data-grade="unique"]{border-color:#e6ad38}.v4i-companion-cell[data-grade="epic"]{border-color:#ae8cf0}.v4i-companion-cell[data-grade="rare"]{border-color:#83a8ef}.v4i-companion-cell[data-grade="normal"]{border-color:#a9abb3}
@media(max-width:600px){.v4i-capture-layout.has-photo .v4i-upload{grid-template-columns:1fr}.v4i-companion-portrait>b{writing-mode:horizontal-tb;letter-spacing:0}}
#wizardReviewStep{display:block;overflow-y:auto;overscroll-behavior:contain}
#profilePhotos.wizard-review-photos{height:auto;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto;gap:10px;margin-bottom:12px}
#profilePhotos .photo-card{height:auto;grid-template-rows:clamp(140px,20dvh,200px) 64px;background:#10232e}
#profilePhotos .photo-thumb{height:100%!important;min-height:0;max-height:200px;aspect-ratio:auto!important;object-fit:contain!important}
#profilePhotos .photo-meta{min-height:0;padding:10px 100px 10px 10px;background:#10232e}
#profilePhotos .photo-meta strong{font-size:12px;color:#edf9fc}
#profilePhotos .photo-meta span{font-size:12px;color:#b0c5cf}
#profilePhotos .wizard-photo-edit{right:8px;bottom:16px;min-height:32px;padding:0 9px;font-size:12px}
@media(max-width:1199px){#profilePhotos.wizard-review-photos{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:799px){#profilePhotos.wizard-review-photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:479px){#profilePhotos.wizard-review-photos{grid-template-columns:1fr!important}}
.v4i-capture-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.v4i-sample{margin:0;padding:12px;border:1px solid #345267;border-radius:12px;background:#10232f;min-width:0}.v4i-sample>summary{color:#8bc9dc;font-size:12px;font-weight:800;cursor:pointer}.v4i-sample img{display:block;width:100%;max-height:260px;object-fit:contain;margin-top:12px;border-radius:8px}.v4i-sample p{font-size:12px;color:#8facbe;margin:9px 0 0}
.v4i-upload{align-content:center;justify-content:center;min-height:190px;outline-offset:-3px}.v4i-upload:focus-within,.v4i-upload:focus{border-color:#6fe1cc;background:#153842}.v4i-upload-actions{display:flex;flex-wrap:wrap;gap:7px}.v4i-drop-hint{width:100%;text-align:center;padding:20px 5px;color:#78a3b7;font-size:12px}.v4i-upload img{max-height:260px;width:100%}.v4i-upload>small{overflow-wrap:anywhere}
.v4i-companion-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.v4i-companion-cell{min-width:0;padding:10px 8px;background:#112a37;border:1px solid #345062;border-radius:10px}.v4i-companion-cell:first-child{border-color:#4ddabb;background:#15382f}.v4i-companion-cell h3{margin:0 0 10px;font-size:13px}.v4i-companion-cell .v4i-field{font-size:12px;margin-top:8px}.v4i-companion-cell select,.v4i-companion-cell input{padding:7px 5px;font-size:12px;min-height:36px}.v4i-companion-cell .v4i-row-actions{justify-content:center;gap:5px}
.v4i-artifact-example{max-width:100%;margin:12px 0}.v4i-artifact-example .v4i-sample img{max-height:210px}.v4i-artifact-pair>.v4i-card:first-child{border-color:#5a91b4}.v4i-artifact-pair>.v4i-card:last-child{border-color:#35b69a}.v4i-artifact-pair .v4i-upload img{max-height:180px}.v4i-compare-open{margin-bottom:10px}
.v4i-skill-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0;color:#9db8c6;font-size:12px}.v4i-skill-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v4i-skill-slots .v4i-card{margin:0;padding:12px}.v4i-skill-slots .v4i-field{margin-bottom:9px}.v4i-skill-slots h4{margin:0 0 9px}.v4i-skill-page>h3{font-size:15px;color:#83cfdf}.v4i-skill-slots .v4i-row-actions{margin:0}
.v4-start-conditions>summary{font-size:13px;font-weight:800;cursor:pointer;color:#cde9f0;padding:5px 0}.v4-start-conditions[open]>summary{margin-bottom:12px}#v4ScenarioInputs{min-width:0}#v4ScenarioInputs *{box-sizing:border-box}#v4ScenarioInputs .v4i-grid{gap:9px;margin:10px 0}#v4ScenarioInputs .v4i-field{font-size:12px}#v4ScenarioInputs input,#v4ScenarioInputs select{font-size:12px;padding:8px;min-height:36px}#v4ScenarioInputs .v4i-subtitle{font-size:13px;margin:15px 0 9px}#v4ScenarioInputs .v4i-context{font-size:12px;padding:10px;margin:10px 0}
@media(max-width:900px){.v4i-companion-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.v4i-capture-layout{grid-template-columns:1fr}.v4i-sample img{max-height:180px}.v4i-companion-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.v4i-skill-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.v4i-artifact-pair{grid-template-columns:1fr}.v4i-skill-toolbar{align-items:flex-start}.v4i-artifact-example .v4i-sample:not([open]){padding:10px}}
@media(max-width:370px){.v4i-skill-slots{grid-template-columns:1fr}#v4ScenarioInputs .v4i-grid{grid-template-columns:1fr}}
.v4i-skill-slots>.v4i-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.v4i-skill-slots h4{grid-column:1/-1;margin:0;font-size:12px}.v4i-skill-slots .v4i-field:first-of-type{grid-column:1/-1}.v4i-skill-slots .v4i-field{font-size:12px;gap:4px}.v4i-skill-slots input,.v4i-skill-slots select{min-height:32px;padding:7px;font-size:12px}.v4i-skill-slots .v4i-row-actions{grid-column:1/-1;justify-content:flex-end;margin:0}.v4i-skill-slots .v4i-small{padding:4px 10px;min-height:26px}.v4i-upload>img{max-height:160px;object-fit:contain}.v4i-sample a{display:block}.v4i-sample a:focus-visible{outline:2px solid #7ae9dc}.v4i-header h2:focus{outline:none}#v4DefenseReview{padding:12px}
/* V4 readouts share the simulator's dark surfaces; original calculator stays unchanged. */
.wire-dashboard .game-stat-column,.wire-dashboard .game-stat-sheet,.wire-dashboard .v4-loadout-band{background:#0b1922;color:#e6f3f7;border-color:#274554;box-shadow:none}
.wire-dashboard .game-stat-head{border-radius:13px;background:#102733;border-color:#294959;box-shadow:none}
.wire-dashboard .game-stat-profile-card{background:#10232f;border-color:#2a4555}
.wire-dashboard .game-stat-profile-main strong,.wire-dashboard .game-stat-profile-state strong{color:#e4f1f6}
.wire-dashboard .game-stat-profile-main small{color:#9bb9c6}
.wire-dashboard .game-stat-profile-state>span{background:#0b1c26;color:#98b4c1}
.wire-dashboard .game-stat-profile-card .baseline-summary-badge{background:#172e3a;border-color:#365363;color:#b4cbd7}
.wire-dashboard .game-stat-profile-card .baseline-summary-badge.ready{background:#12372e;border-color:#24634e;color:#67e0b5}
.wire-dashboard .game-stat-profile-card .btn{background:#183440;border-color:#345868;color:#d2e6ee}
.wire-dashboard .game-stat-profile-card .btn.primary{background:#177d89;border-color:#2699a5;color:#f0fbfc}
.wire-dashboard #profileReadout .stat-card,.wire-dashboard #profileReferenceReadout .stat-card{background:#0e202b;border-color:#213b48;color:#e5f1f6}
.wire-dashboard #profileReadout .stat-card>strong,.wire-dashboard #profileReferenceReadout .stat-card>strong{color:#e5f1f6}
.wire-dashboard #profileReadout .stat-card-label,.wire-dashboard #profileReferenceReadout .stat-card-label{color:#b2c9d3}
.wire-dashboard #profileReadout .game-stat-section-row,.wire-dashboard #profileReferenceReadout .game-stat-section-row{background:#17303b;border-color:#2b4755;color:#a9c8d4}
.wire-dashboard #profileReadout .info-btn,.wire-dashboard #profileReferenceReadout .info-btn{background:#102630;border-color:#41616f;color:#aac5d0}
.wire-dashboard #profileReadout .stat-card.is-changed,.wire-dashboard #profileReferenceReadout .stat-card.is-changed{background:#12362f}
.wire-dashboard #profileReadout .stat-state.change,.wire-dashboard #profileReferenceReadout .stat-state.change{background:#17513f;color:#7ae8c4}
.wire-dashboard .game-stat-foot,.wire-dashboard .game-stat-utility{background:#0c1c25;border-color:#253e4b;color:#98b1be}
.wire-dashboard .game-stat-utility>summary{color:#a7bdc9}
.wire-dashboard .game-stat-utility .status-box,.wire-dashboard .game-stat-utility .readout{background:#102733;border-color:#294756;color:#d2e3eb}
.wire-dashboard .game-stat-utility .status-box small{color:#95b3c2}
.wire-dashboard .game-stat-empty strong{color:#d8e9f0}.wire-dashboard .game-stat-empty span{color:#91afbd}
.wire-dashboard .v4-loadout-band>header,.wire-dashboard .v4-loadout-band>.v4-loadout-actions{background:#122b36;border-color:#294756}
.wire-dashboard .v4-loadout-band>header>span{color:#9ebbc8}
.wire-dashboard .v4-loadout-actions>button{background:#163a46;border-color:#34616e;color:#d4f1f5}
.wire-dashboard .v4-loadout-actions>button:hover{background:#1c4d58}
.wire-dashboard .v4-loadout-band>.v4-readout-pane{border-color:#243f4d}
.wire-dashboard .v4i-overview-row>h3{color:#d0e9f0}
.wire-dashboard .v4i-overview-meta{color:#a1bcc9}
.wire-dashboard .v4i-overview-meta button{background:#173844;border-color:#3c6071;color:#bfdfeb}
.wire-dashboard .v4i-overview-companions>div{background:#132c38}.wire-dashboard .v4i-overview-companions>div:first-child{background:#123c32}
.wire-dashboard .v4i-overview-companions strong,.wire-dashboard .v4i-overview-pair strong,.wire-dashboard .v4i-overview-artifacts strong{color:#e0eff5}
.wire-dashboard .v4i-overview-companions small,.wire-dashboard .v4i-overview-companions span,.wire-dashboard .v4i-overview-pair small,.wire-dashboard .v4i-overview-artifacts small{color:#a0becb}
.wire-dashboard .v4i-overview-pair em,.wire-dashboard .v4i-overview-artifacts em{color:#9db7c5}
.wire-dashboard #profileReadout .game-stat-group>.stat-card:nth-child(2n),.wire-dashboard #profileReferenceReadout .game-stat-group>.stat-card:nth-child(2n){border-right-color:#213b48}
/* Inline observations, immediately visible capture guides, and the V3 icon deck. */
#wizardManualGroups #v4DefenseReview{display:contents;padding:0}
#v4DefenseReview .v4i-field{padding:12px;border:1px solid #345267;border-radius:12px;background:#10232f;font-size:13px;gap:8px}
#v4DefenseReview input{min-height:42px;padding:10px;font-size:15px}
#v4DefenseReview small{font-size:12px;color:#9eb9c7}
.v4i-error{padding:10px;border:1px solid #ec6e79;border-radius:8px;background:#421e2a;color:#ffd3d8;font-size:13px;line-height:1.5}
.v4i-error[hidden]{display:none}.v4i-equipped-label{font-size:12px;color:#afc9d6;line-height:1.6}
.v4i-dialog[data-section="artifact-compare"],.v4i-dialog[data-section="skills"]{width:min(1440px,calc(100% - 28px))}
.v4i-artifact-workspace{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,2fr);gap:16px;align-items:start;margin-top:14px}
.v4i-artifact-example{margin:0}.v4i-artifact-pair{margin:0!important;align-items:start;gap:12px!important}
.v4i-artifact-pair>.v4i-card{padding:14px;min-width:0;margin:0}.v4i-artifact-pair .v4i-upload{display:flex;flex-direction:column;gap:12px;padding:12px;min-height:200px}.v4i-artifact-pair .v4i-ready{padding:12px 0}.v4i-artifact-pair .v4i-upload-actions{justify-content:center}.v4i-artifact-pair .v4i-upload-heading{text-align:center}
.v4i-sample>h3{margin:0;color:#9ad4e5;font-size:13px}
.v4i-sample img,.v4i-artifact-example .v4i-sample img{width:100%;height:auto;max-height:none;object-fit:contain}
.v4i-capture-layout,.v4i-capture-layout.has-photo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px}
.v4i-capture-layout.has-photo .v4i-sample{padding:12px}
.v4i-capture-layout .v4i-upload,.v4i-capture-layout.has-photo .v4i-upload{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:190px;padding:14px}
.v4i-capture-layout.has-photo .v4i-upload>img{max-height:none;width:100%;height:auto}.v4i-capture-layout.has-photo .v4i-upload>small{display:block}
.v4i-potion-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v4i-potion-settings .v4i-card{margin:0;min-width:0}
.v4i-skill-readout-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.v4i-skill-readout-head h3{font-size:14px;margin:0;color:#d7edf5}.v4i-skill-readout-head button{border:1px solid #37616e;border-radius:7px;background:#173a46;color:#ccebf1;padding:7px 12px;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-size:12px;cursor:pointer}
.v4i-skill-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.v4i-skill-deck h4{font-size:12px;color:#9bc6d6;margin:0 0 7px}.v4i-skill-icon-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.v4i-icon-slot{min-width:0;position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:4px 7px;border:1px solid #294755;border-radius:10px;padding:7px;background:linear-gradient(145deg,#102731,#091923);color:#e6f6fb;text-align:left;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;cursor:pointer}
.v4i-icon-slot[draggable="true"]{cursor:grab}.v4i-icon-slot.is-dragging{opacity:.45}.v4i-icon-slot:hover,.v4i-icon-slot:focus-visible{border-color:#68d7f2;outline:1px solid #68d7f2;outline-offset:1px}.v4i-icon-slot.is-selected{border-color:#68d7f2;background:#163c49}
.v4i-icon-slot>small{grid-column:1/-1;font-size:12px;color:#95b6c5}.v4i-icon-slot>strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere;align-self:center}.v4i-icon-slot>span:last-child{grid-column:1/-1;font-size:12px;color:#91bdd1}
.v4i-skill-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid #37606f;border-radius:8px;background:linear-gradient(145deg,#183845,#0b2029);overflow:hidden;color:#94bfce}
.v4i-skill-icon[data-job-step="3"]{border-color:#786093;background:linear-gradient(145deg,#342a4f,#151c32)}.v4i-skill-icon[data-job-step="4"]{border-color:#8e7950;background:linear-gradient(145deg,#493d25,#19212b)}
.v4i-skill-icon img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.v4i-empty-icon{font-size:22px}
.v4i-skill-editor{margin-top:18px;padding:14px;background:#102934;border:1px solid #325c70;border-radius:12px}.v4i-skill-editor h3{font-size:15px;margin:0 0 12px}.v4i-skill-editor .v4i-grid{margin:0!important}.v4i-skill-editor .v4i-field{margin:0;font-size:12px}.v4i-skill-editor input,.v4i-skill-editor select{min-height:36px;padding:8px}.v4i-skill-editor .v4i-row-actions{justify-content:flex-start}
.v4i-skill-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.v4i-skill-choices button{display:flex;align-items:center;gap:7px;min-width:0;border:1px solid #376071;border-radius:9px;background:#0b202b;padding:7px;color:#d5eaf4;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-size:12px;cursor:pointer}.v4i-skill-choices button>span:last-child{min-width:0;overflow-wrap:anywhere}.v4i-skill-choices .v4i-skill-icon{flex-shrink:0}.v4i-skill-choices button[aria-pressed="true"]{border-color:#60d9b9;background:#15463e}
#v4SkillReadout .v4i-help{margin:8px 0 0;font-size:12px;color:#97b6c7}
@media(max-width:1200px){.v4i-artifact-workspace{grid-template-columns:minmax(230px,.7fr) minmax(0,2fr)}.v4i-skill-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.v4i-artifact-workspace{grid-template-columns:1fr}.v4i-artifact-example .v4i-sample{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.v4i-artifact-example .v4i-sample a{grid-column:1;grid-row:1/4}.v4i-artifact-example .v4i-sample img{margin-top:0}.v4i-artifact-example .v4i-sample h3,.v4i-artifact-example .v4i-sample p{grid-column:2;align-self:start}.v4i-artifact-example .v4i-sample p{margin:0}.v4i-artifact-example .v4i-sample h3{align-self:end}}
@media(max-width:700px){.v4i-skill-deck{grid-template-columns:1fr}.v4i-skill-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.v4i-skill-choices button{flex-direction:column;align-items:center;text-align:center}.v4i-capture-layout,.v4i-capture-layout.has-photo{grid-template-columns:1fr}.v4i-potion-settings{grid-template-columns:1fr}.v4i-artifact-example .v4i-sample{display:block}.v4i-artifact-example .v4i-sample img{margin-top:12px}.v4i-artifact-example .v4i-sample p{margin-top:9px}.v4i-artifact-pair{grid-template-columns:1fr}.v4i-icon-slot{grid-template-columns:34px minmax(0,1fr);padding:6px;gap:3px 5px}.v4i-skill-icon{width:34px;height:34px}.v4i-icon-slot>strong{font-size:12px}}
@media(max-width:380px){.v4i-icon-slot{grid-template-columns:1fr;justify-items:center;text-align:center}.v4i-skill-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Equipped artifacts live with their preset, using the original V3 item icons. */
.v4i-overview-artifacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:7px}
.v4i-artifact-tile{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #2b4552;border-radius:9px;background:#10252f;padding:7px}
.v4i-artifact-tile>div{min-width:0}.v4i-artifact-tile small{display:block;color:#8aafbf;font-size:12px}.v4i-artifact-tile strong{display:block;color:#e0eff5;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.v4i-artifact-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;background:#091c26;border-radius:8px;color:#708f9d}.v4i-artifact-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.v4i-artifact-stars{display:block;color:#eac96e;font-size:12px;letter-spacing:1px;line-height:1.5}
@media(max-width:1200px){.v4i-overview-artifacts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.v4i-artifact-tile{padding:6px;gap:5px}.v4i-artifact-icon{flex-basis:28px;width:28px;height:28px}.v4i-artifact-tile strong{font-size:12px}.v4i-artifact-stars{font-size:12px;letter-spacing:0}}

/* Public V4: the unfinished result surface is inert; the notice remains accessible. */
.v4-results-locked{position:relative;overflow:hidden;min-height:530px;max-height:720px}
.v4-results-locked .v4-locked-content{opacity:.16;filter:blur(2px);pointer-events:none;user-select:none}
.v4-validation-cover{position:absolute;inset:18px;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px 16px;border:2px solid #f1c75d;border-radius:22px;background:linear-gradient(135deg,rgba(63,48,22,.97),rgba(14,24,31,.98));color:#ffe49b}
.v4-validation-cover h2{font-size:clamp(32px,3.1vw,64px);line-height:1.2;margin:0 0 26px;font-weight:900;word-break:keep-all}
.v4-validation-cover p{font-size:clamp(15px,1.1vw,21px);line-height:1.85;margin:0 0 28px;word-break:keep-all;color:#f2dfb4}
.v4-validation-cover strong{display:block;font-size:14px;line-height:1.9;color:#bdcfd3;font-weight:600}
.v4-comparison-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #294653;background:#102732;color:#a9cbd9;font-size:14px}
.v4-comparison-bar p{margin:0;line-height:1.6}.v4-comparison-bar .is-applied{color:#6de5bf}.v4-comparison-bar button{flex-shrink:0;border:1px solid #416172;background:#193541;color:#d7eef5;border-radius:8px;padding:9px 12px}
@media(max-width:920px){.v4-results-locked{min-height:340px;max-height:380px}.v4-validation-cover{inset:12px;padding:18px}.v4-validation-cover h2{font-size:32px;margin-bottom:14px}.v4-validation-cover h2 br{display:none}.v4-validation-cover p{font-size:14px;margin-bottom:14px;line-height:1.6}.v4-validation-cover strong{font-size:12px}.v4-comparison-bar{align-items:flex-start;flex-direction:column}}
.v4i-preset-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.v4i-preset-switch button{display:flex;flex-direction:column;gap:4px;min-width:0;padding:9px 11px;border:1px solid #375969;border-radius:8px;background:#10252f;color:#a8c5d2;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;text-align:left;cursor:pointer}.v4i-preset-switch strong{font-size:12px}.v4i-preset-switch span{font-size:12px;overflow-wrap:anywhere}.v4i-preset-switch button[aria-pressed=true]{border-color:#53d8b3;background:#123c32;color:#c3ffeb}.v4i-preset-switch button:focus-visible,.v4i-artifact-tile:focus-visible{outline:2px solid #76d6ec;outline-offset:3px}.v4i-companion-readonly .v4i-companion-portrait>span{display:block;color:#a0becb;font-size:12px}.v4i-artifact-tile[type=button]{font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;text-align:left;cursor:pointer}.v4i-artifact-tile[type=button]:hover{border-color:#62b8cd}.v4i-artifact-tile[aria-pressed=true]{border-color:#53d8b3;background:#123c32;box-shadow:inset 0 0 0 1px #53d8b3}.v4i-artifact-info{min-width:0}
.v4i-companion-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;margin:10px 0}.v4i-companion-toolbar .v4i-field{flex:1 1 180px;min-width:0}.v4i-companion-toolbar select{width:100%;min-height:36px;padding:7px 9px;border:1px solid #375969;border-radius:7px;background:#091923;color:#d9eaf3;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-size:12px}.v4i-companion-toolbar .v4i-field>span{font-size:12px;color:#a1bfce}.v4i-baseline-badge{display:inline-block;padding:3px 7px;border:1px solid #49bea1;border-radius:5px;background:#123c32;color:#adf4d9;font-size:12px;font-weight:800;white-space:nowrap;vertical-align:middle}.v4i-companion-section{margin:0 0 18px;padding:13px;border:1px solid #345969;border-radius:12px;background:#0e2330}.v4i-companion-section>h3{margin:0 0 7px;color:#cee7f0;font-size:14px}.v4i-companion-section .v4i-help{margin:6px 0 10px}.v4i-companion-section .v4i-companion-cell{padding:7px 5px}.v4i-companion-section .v4i-companion-portrait img{width:48px;height:48px;object-fit:contain}.v4i-companion-section:last-child{margin-bottom:0}@media(max-width:600px){.v4i-companion-toolbar .v4i-field{flex-basis:100%}.v4i-companion-toolbar button{flex:1}.v4i-companion-section{padding:9px}.v4i-companion-section .v4i-companion-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.v4i-companion-section .v4i-companion-cell h3{font-size:12px}.v4i-companion-section .v4i-companion-portrait b{font-size:12px}.v4i-companion-section .v4i-companion-portrait>span{white-space:normal;font-size:12px}}


/* Desktop companion rows stay together; mobile readouts wrap into four plus three. */
.v4i-companion-strip{grid-template-columns:repeat(7,minmax(130px,1fr));overflow-x:auto;padding-bottom:6px;overscroll-behavior-x:contain;scrollbar-color:#4b7b8c #10252f}.v4i-companion-section .v4i-companion-strip{grid-template-columns:repeat(7,minmax(94px,1fr))}.v4i-overview-companions{grid-template-columns:repeat(7,minmax(100px,1fr));overflow-x:auto;padding-bottom:6px;overscroll-behavior-x:contain;scrollbar-color:#4b7b8c #10252f}.v4i-companion-strip:focus-visible,.v4i-overview-companions:focus-visible{outline:2px solid #76d6ec;outline-offset:2px}

@media(max-width:600px){
  .v4i-companion-section .v4i-companion-preview,.v4i-overview-companions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow-x:visible;padding-bottom:0}
  .v4i-companion-section .v4i-companion-readonly{padding:7px 3px;gap:4px}
  .v4i-companion-section .v4i-companion-readonly h3{font-size:12px;line-height:1.4;white-space:nowrap}
  .v4i-companion-section .v4i-companion-portrait{height:auto;min-height:84px;margin:2px 0 0;justify-content:flex-start;text-align:center}
  .v4i-companion-section .v4i-companion-portrait img{width:40px;height:40px;max-width:100%}
  .v4i-companion-section .v4i-companion-portrait b{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
  .v4i-companion-section .v4i-companion-portrait>span{font-size:12px;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
  .v4i-overview-companions>div{padding:5px 3px}
  .v4i-overview-companions strong{font-size:12px;white-space:normal;overflow-wrap:anywhere}
  .v4i-overview-companions span{font-size:12px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
}

.v4-comparison-bar>div:first-child{min-width:0}.v4-comparison-bar small{display:block;margin-top:5px;color:#8eaebb;font-size:12px;line-height:1.6}.v4-comparison-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v4-comparison-actions #v4PromoteBaseline{background:#177d78;border-color:#37b79c;color:#e9fff7;font-weight:800}.v4-comparison-actions button:disabled{opacity:.45;cursor:default}.v4-rebase-progress{width:min(420px,calc(100% - 32px));padding:24px;border:1px solid #365a6b;border-radius:16px;background:#102733;color:#d5ebf3}.v4-rebase-progress h2{font-size:20px;margin:0 0 12px}.v4-rebase-progress p{font-size:14px;line-height:1.7;margin:0}.v4-rebase-progress::backdrop{background:rgba(3,12,18,.75)}@media(max-width:920px){.v4-comparison-actions{width:100%;justify-content:flex-start}.v4-comparison-actions button{flex:1;min-width:120px;white-space:normal}}

/* Shared preset photo upload interaction states. */
.v4i-file-input-hidden{position:fixed!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.v4i-upload.is-armed{border-style:solid;border-color:#49dfb2;background:linear-gradient(145deg,rgba(73,223,178,.105),rgba(104,216,255,.045));box-shadow:0 0 0 3px rgba(73,223,178,.07)}
.v4i-upload-surface{padding:16px;border:1px dashed #43667c;border-radius:10px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.v4i-upload-surface:hover,.v4i-upload-surface:focus-visible,.v4i-upload.is-dragging .v4i-upload-surface{border-color:#68d8ff;background:rgba(104,216,255,.08);outline:2px solid #68d8ff;outline-offset:2px}
.v4i-upload-surface[aria-disabled=true]{cursor:wait;opacity:.6}
.v4i-upload .v4i-upload-surface img{display:block;width:100%;max-height:260px;object-fit:contain;margin:auto}
.v4i-upload .v4i-armed-state{display:inline-flex;justify-content:center;padding:4px 9px;border:1px solid rgba(73,223,178,.34);border-radius:999px;color:#49dfb2;background:rgba(73,223,178,.07);font-size:12px}
.v4i-upload .v4i-drop-hint{padding:8px 0}.v4i-drop-hint>b{display:block;margin-bottom:8px;font-size:25px;color:#68d8ff}
.v4i-upload-actions>button:hover:not(:disabled){border-color:#68d8ff;background:#214959}.v4i-ready>button:hover:not(:disabled){background:#29a3a7}

.v4i-field .v4i-option-unit-warning{color:#f1cf87}
.v4i-ability-option .v4i-option-fields{grid-template-columns:minmax(0,1.7fr) minmax(100px,1fr) minmax(100px,1fr);align-items:start}
.v4i-ability-option .v4i-field:nth-child(2){position:relative}.v4i-ability-option .v4i-field:nth-child(2) input{padding-right:58px}
.v4i-ability-option .v4i-fixed-unit{position:absolute;right:11px;top:40px;font-size:12px;line-height:1;color:#86cbd4;pointer-events:none}
.v4i-ability-option.needs-choice{padding:10px;border:1px solid #9c7740;border-radius:10px;background:#2d271b}
.v4i-ability-warning{grid-column:1/-1;color:#f1cf87;font-size:12px;line-height:1.5}.v4i-ability-warning span{display:block;overflow-wrap:anywhere;color:#bfc1b2}
@media(max-width:760px){.v4i-ability-option .v4i-option-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.v4i-ability-option .v4i-field:first-child{grid-column:1/-1}.v4i-ability-option .v4i-fixed-unit{top:40px}}