/* GameOnCue Mod Inspector: real reviewed art, original frame, no simulated official UI. */
.wf-mod-desk{max-width:1380px;margin:clamp(30px,5vw,65px) auto;padding:clamp(22px,3.5vw,42px);background:#101a25;color:#edf1f4;border-top:3px solid #baad88;border-bottom:1px solid #405362}
.wf-mod-desk a{color:#e5cf9c;text-decoration-thickness:1px;text-underline-offset:.17em}
.wf-mod-kicker{font-weight:750;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:#e5cf9c}
.wf-mod-desk h2{font-size:clamp(1.65rem,3.3vw,2.5rem);line-height:1.13;margin:.5rem 0 .8rem;letter-spacing:-.025em}
.wf-mod-intro{max-width:76ch;line-height:1.65;color:#d6dfe6}
.wf-mod-toolbar{display:flex;gap:1rem;flex-wrap:wrap;align-items:end;margin:1.65rem 0 .7rem}
.wf-mod-toolbar label{display:grid;gap:.4rem;min-width:min(100%,140px);font-size:.82rem;font-weight:750;color:#e1e8ed}
.wf-mod-toolbar label:first-child{flex:1 1 270px}
.wf-mod-toolbar input,.wf-mod-toolbar select,.wf-mod-rank select,.wf-mod-action{background:#07121c;color:#f2f5f7;border:1px solid #71818e;border-radius:5px;padding:.65rem .8rem;min-height:44px;font:inherit}
.wf-mod-toolbar input,.wf-mod-toolbar select{width:100%}
.wf-mod-action{cursor:pointer;font-weight:700}
.wf-mod-action:hover,.wf-mod-action[aria-pressed="true"]{border-color:#e5cf9c;color:#ffe5ae;background:#253440}
.wf-mod-count{font-size:.85rem;color:#d0dae3;line-height:1.5;margin:.8rem 0 1.25rem}
.wf-mod-layout{display:grid;grid-template-columns:minmax(195px,300px) minmax(0,1fr);gap:clamp(18px,2.4vw,40px);align-items:start}
.wf-mod-browse{min-width:0}
.wf-mod-pagination{display:flex;gap:.45rem;align-items:center;justify-content:space-between;margin:.65rem 4px;font-size:.85rem}
.wf-mod-pagination[hidden],.wf-mod-desk img[hidden],.wf-mod-visual-fallback[hidden]{display:none}
.wf-mod-action:disabled{opacity:.56;cursor:default}
.wf-mod-list{list-style:none;margin:0;padding:4px;max-height:510px;overflow-y:auto;display:grid;gap:.4rem;align-content:start}
.wf-mod-choice{width:100%;display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;border:1px solid #435564;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer;min-height:75px}
.wf-mod-choice:hover,.wf-mod-choice[aria-pressed="true"]{background:#253440;border-color:#ddcba4}
.wf-mod-choice img{display:block;width:48px;height:61px;object-fit:contain;flex:none}
.wf-mod-choice-info{display:grid;gap:.22rem;min-width:0}
.wf-mod-choice strong{font-size:.96rem}
.wf-mod-choice small{font-size:.8rem;color:#c8d7df}
.wf-mod-preview{min-width:0;display:grid;grid-template-columns:minmax(155px,260px) minmax(0,1fr);gap:clamp(17px,3vw,35px);align-items:center}
.wf-mod-inspect-card{--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:35%;position:relative;overflow:hidden;border:2px solid #8793a0;border-radius:13px;background:#192532;color:#fff;cursor:zoom-in;width:min(100%,270px);aspect-ratio:3/4;padding:.4rem;display:grid;place-items:center;transform:perspective(880px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .17s ease-out, border-color .17s ease-out;box-shadow:0 15px 28px rgba(0,0,0,.24);isolation:isolate}
.wf-mod-inspect-card{grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:8px;border-radius:6px;background:#111820}
.wf-mod-art-frame{width:100%;height:100%;min-height:0;display:grid;place-items:center;background:#0c1117}
.wf-mod-inspect-card img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}
.wf-mod-art-label{width:100%;padding:8px 2px 5px;border-top:1px solid #6c7480;color:#f4e4c9;font-size:.72rem;font-weight:700;line-height:1.35;text-align:center}
.wf-mod-art-stage{align-self:start}
.wf-mod-inspect-card .wf-mod-foil{pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,243,202,.45),rgba(255,243,202,.08) 33%,transparent 65%);mix-blend-mode:screen;opacity:0;transition:opacity .18s ease-out}
.wf-mod-rarity-common{border-color:#bc9076}
.wf-mod-rarity-uncommon{border-color:#b3b4ad;--foil-strength:.28}
.wf-mod-rarity-rare{border-color:#ddb668;--foil-strength:.55}
.wf-mod-rarity-legendary{border-color:#c3a1e7;--foil-strength:.72}
.wf-mod-tilting .wf-mod-foil{opacity:var(--foil-strength,0)}
.wf-mod-desk :focus-visible{outline:2px solid #fff;outline-offset:2px}
.wf-mod-visual-fallback{font-size:.9rem;padding:1rem;line-height:1.5;text-align:center}
.wf-mod-inspect-copy h3{font-size:clamp(1.45rem,2.8vw,2.1rem);line-height:1.15;margin:.4rem 0 .8rem}
.wf-mod-eyebrow{font-size:.76rem;letter-spacing:.1em;color:#e5cf9c;font-weight:750}
.wf-mod-summary{font-size:1.05rem;line-height:1.6}
.wf-mod-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem;margin:1.2rem 0}
.wf-mod-facts div{border-top:1px solid #5c6c77;padding-top:.65rem}
.wf-mod-facts dt{font-size:.77rem;color:#bac9d4}
.wf-mod-facts dd{font-weight:700;margin:.2rem 0 0}
.wf-mod-inspect-copy>p:not(.wf-mod-eyebrow){line-height:1.65}
.wf-mod-rank,.wf-mod-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}
.wf-mod-rank{padding:.7rem 0;border-block:1px solid #5c6c77}
.wf-mod-rank output{flex-basis:100%;font-size:1.05rem;font-weight:750;color:#ffe5ae}
.wf-mod-farm-heading{margin:1rem 0 .25rem;font-size:1rem}
.wf-mod-farm-heading+p{margin-top:0}
.wf-mod-drops{padding-left:1.1rem;margin-top:.35rem;line-height:1.5}
.wf-mod-drops li+li{margin-top:.4rem}
.wf-mod-coverage{border-top:1px solid #405362;margin-top:1.2rem;padding-top:.9rem;color:#d6dfe6}
.wf-mod-coverage summary{cursor:pointer;font-weight:750}
.wf-mod-coverage p{max-width:76ch}
.wf-mod-collection,.wf-mod-comparison{border-block:1px solid #405362;padding:.85rem 0;margin:1rem 0}
.wf-mod-collection{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem 1.2rem}
.wf-mod-desk [hidden]{display:none}
.wf-mod-collection p{margin:.2rem 0 .55rem}
.wf-mod-collection progress{width:min(100%,300px);accent-color:#ddcba4}
.wf-mod-collection summary{font-weight:700;cursor:pointer}
.wf-mod-notice{grid-column:1/-1;color:#ffe5ae}
.wf-mod-notice:empty{display:none}
.wf-mod-file{display:grid;gap:.35rem;margin:.7rem 0}
.wf-mod-file input{width:100%;font:inherit}
.wf-mod-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.wf-mod-compare-grid article{background:#192532;padding:1rem;border-left:2px solid #baad88}
.wf-mod-compare-grid h4,.wf-mod-comparison h3{margin:0 0 .5rem}
.wf-mod-compare-grid p{line-height:1.55}
@media(max-width:580px){.wf-mod-collection,.wf-mod-compare-grid{grid-template-columns:1fr}}
.wf-mod-source{display:inline-flex;align-items:center;min-height:44px}
.wf-mod-empty{color:#d0dae2;padding:1rem 0}
@media(max-width:750px){.wf-mod-layout{grid-template-columns:1fr}.wf-mod-list{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;padding-bottom:.6rem}.wf-mod-list>li{min-width:180px;max-width:245px}.wf-mod-preview{grid-template-columns:minmax(130px,210px) minmax(0,1fr)}}
@media(max-width:530px){.wf-mod-preview{grid-template-columns:1fr}.wf-mod-inspect-card{width:min(72vw,260px);margin:auto}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.wf-mod-inspect-card{transform:none!important;transition:none}.wf-mod-inspect-card .wf-mod-foil{opacity:0!important}}
[data-motion="reduce"] .wf-mod-inspect-card{transform:none;transition:none}
[data-motion="reduce"] .wf-mod-inspect-card .wf-mod-foil{opacity:0}
@media(prefers-contrast:more){.wf-mod-desk{border:2px solid #e7e7e7}.wf-mod-choice{border-width:2px}.wf-mod-inspect-card{box-shadow:none}}