/* Monochrome field-guide theme, adapted to the existing multi-page site. */
:root{--paper:#fafafa;--muted:#a3a3a3;--line:#292929}html{background:#050505}body{background:#050505;color:#dedede;font-family:'Schibsted Grotesk',Arial,sans-serif}header{background:#050505;border-color:var(--line)}nav{max-width:1500px;padding:28px 5vw;gap:20px}.brand{font:500 15px/1.5 'Martian Mono',monospace;letter-spacing:-.5px}.brand span,.accent{color:var(--paper)}nav .links{gap:22px}nav .links a{font:400 12px/1.7 'Martian Mono',monospace;color:#999;text-transform:uppercase;letter-spacing:.5px}nav .links a:hover,nav [aria-current=page]{color:white!important}nav [aria-current=page]{text-decoration:underline!important;text-underline-offset:8px}.wrap{max-width:1500px;padding:72px 5vw 90px}.eyebrow,.meta,.number,.toc strong{font-family:'Martian Mono',monospace}.eyebrow{font-size:12px;color:#a3a3a3;letter-spacing:1.8px}h1{font-family:'Syne',Arial,sans-serif;font-size:clamp(52px,8vw,116px);line-height:.98;letter-spacing:-.055em;font-weight:800;margin:28px 0 32px;color:#fafafa}.intro{color:#aaa;max-width:680px;font-size:18px;line-height:1.85}h2,h3{font-family:'Syne',Arial,sans-serif}h2{color:#fafafa}a{color:#e8e8e8}a:focus-visible{outline-color:#fff}.actions{margin:32px 0 62px}.button{border:1px solid #fafafa;border-radius:0;background:#fafafa;color:#050505;font:500 12px/1.8 'Martian Mono',monospace;padding:16px 23px;text-transform:uppercase;letter-spacing:.4px}.button:hover{background:#ccc;color:#000}.button.secondary{border-color:#444;color:#ddd}.button.secondary:hover{background:#181818}.feature-strip{border-color:var(--line);gap:40px;padding:32px 0}.feature-strip strong{font-size:17px}.feature-strip span{color:#999}.home-section{padding-top:95px}.home-section>h2{font-size:clamp(28px,4vw,50px);letter-spacing:-1.5px;max-width:850px}.steps{gap:40px}.steps b{font:400 13px/1.5 'Martian Mono',monospace;color:#888}.steps h3,.command h3{font-size:22px}.steps p,.command p{color:#aaa}.note{border:1px solid #333;border-left:1px solid #777;border-radius:0;background:#0a0a0a;color:#bbb}.meta{color:#909090;font-size:12px;line-height:1.9}code{color:#eee;background:#202020;border-radius:0;font-family:'Martian Mono',monospace;font-size:.85em}.cards{gap:0}.card{background:transparent;border:1px solid #333;border-radius:0;padding:36px}.card+.card{border-left:0}.card:hover{background:#101010;transform:none;border-color:#777}.card .number{color:#999;font-size:12px}.card strong{color:#eee}.card p{color:#aaa}.card h3{font-size:32px}.faq{border-color:#333}.faq details{border-color:#333;padding:24px 0}.faq p{color:#aaa}.faq summary{font-size:19px}.faq summary:focus-visible{outline-color:white}.layout{grid-template-columns:230px minmax(0,800px);gap:70px}.toc{border-color:#333}.toc strong{color:#aaa}.toc a{color:#999}.toc a:hover{color:#fff}article section{border-color:#292929}footer{border-color:#292929;color:#888}footer div{max-width:1350px}.catalog{gap:1px;background:#292929;border:1px solid #292929}.entry{border:0;border-radius:0;background:#080808}.picture-slot{background:#0a0a0a;border-color:#242424;height:190px}.entry-body{padding:27px}.entry h2{font-size:25px}.entry p{color:#aaa}.entry dl div{border-color:#242424}.entry dt{color:#999}.entry dd{color:#eee}.entry h3{font-family:'Martian Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.catalog-controls input{background:#0b0b0b;border-color:#444;border-radius:0;color:#eee}.catalog-controls input:focus{outline-color:#fff}.catalog-controls label{color:#aaa;font:12px/1.6 'Martian Mono',monospace}.command{background:#080808;border:0;border-radius:0;padding:28px}.rarity{color:#bbb!important;font-family:'Martian Mono',monospace;font-size:11px}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:#fff;width:100%;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.welcome-hero{position:relative;min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:20px 0 30px}.welcome-hero h1{font-size:clamp(64px,10vw,150px);max-width:1200px}.welcome-hero:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(#ffffff16 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,transparent 25%,black)}.welcome-hero>*{position:relative}.welcome-hero .actions{margin-bottom:25px}.section-counter{font:12px/1.6 'Martian Mono',monospace;color:#777;margin-bottom:12px}.skip:focus{background:#111}.reveal-in{animation:rise-in .65s ease-out both}@keyframes rise-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){nav{padding:22px 6vw;align-items:flex-start}.wrap{padding:42px 6vw 65px}nav .links{gap:12px 20px}nav .links a{font-size:11px}.layout{grid-template-columns:1fr;gap:28px}.welcome-hero{min-height:0;padding-bottom:20px}.home-section{padding-top:65px}.card+.card{border-left:1px solid #333;border-top:0}.feature-strip{gap:25px}h1{overflow-wrap:normal}.catalog{gap:1px}}@media(prefers-reduced-motion:reduce){.reveal-in{animation:none}*{scroll-behavior:auto!important}}@media print{body{background:#fff;color:#111}h1,h2,h3,.intro,.meta,.entry p,.entry dt,.entry dd{color:#111}.scroll-progress{display:none}.entry,.command{background:white}.picture-slot:empty{display:none}.catalog{background:white}.wrap{max-width:none}}

/* Original transparent sheet, displayed as 10 columns by 5 rows. */
.picture-slot:has(.equipment-sprite){display:flex;align-items:center;justify-content:center}.equipment-sprite{display:block;flex:0 0 auto;width:132px;aspect-ratio:707 / 706;background-image:url('assets/equipment-sprites.png');background-size:1000% 500%;background-repeat:no-repeat}.picture-slot.has-custom-image .equipment-sprite{display:none}@media(max-width:560px){.equipment-sprite{width:125px}}

/* Reference-inspired sections and stronger foreground contrast. */
body{color:#eceff3}.intro,.steps p,.command p,.card p,.faq p,.feature-strip span,.entry p{color:#c3cbd4}.eyebrow,.meta,.card .number,.steps b,.section-counter,.catalog-controls label,footer,.toc strong{color:#b7c2d0}.entry dt,.toc a{color:#c0cad7}nav .links a{color:#c5ccd6}.button.secondary{color:#f0f4fa;border-color:#8290a2}.entry dd{color:#fff}a{color:#e8f2ff}.rarity{color:#dbe7f6!important}.catalog-controls input::placeholder{color:#acb9ca;opacity:1}.catalog-controls input{border-color:#7d8da1}.picture-slot:has(.equipment-sprite),.picture-slot.has-custom-image{background:#becbd9;border-bottom:1px solid #8193a7}.equipment-sprite{filter:drop-shadow(0 2px 2px #18212b44)}.picture-slot:not(:has(.equipment-sprite)):not(.has-custom-image){background:#111b28}.friend-title{display:flex;flex-direction:column;text-transform:uppercase;line-height:.88!important;font-size:clamp(64px,13.3vw,190px)!important;letter-spacing:-.055em!important;margin:40px 0!important}.friend-title span{display:block}.welcome-hero{padding-top:15px;min-height:76vh}.welcome-hero>.eyebrow{border-bottom:1px solid #485363;padding-bottom:20px}.hero-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #485363;margin-top:30px;padding-top:19px;font:12px/1.8 'Martian Mono',monospace;color:#bac5d3}.loops-section .feature-strip{counter-reset:loops;border-bottom:0;display:block}.loops-section .feature-strip>div{counter-increment:loops;display:grid;grid-template-columns:60px 1fr 1.3fr;gap:25px;border-bottom:1px solid #394452;padding:28px 0;align-items:baseline}.loops-section .feature-strip>div:before{content:'0' counter(loops);font:13px/1.8 'Martian Mono',monospace;color:#b9c6d6}.loops-section .feature-strip strong{font-family:'Syne',sans-serif;font-size:26px}.loops-section .feature-strip span{margin:0}.light-start{margin:80px -5vw 0;padding:65px 5vw!important;background:#edf2f7;color:#1b2736}.light-start h2,.light-start h3{color:#101b2a}.light-start .eyebrow,.light-start .steps b{color:#40546b}.light-start p{color:#34475c}.light-start code{background:#d3dde8;color:#142438}.light-start .steps{display:block;counter-reset:steps}.light-start .steps>div{display:grid;grid-template-columns:60px 1fr 1.6fr;gap:28px;align-items:baseline;border-top:1px solid #aab8c8;padding:25px 0}.light-start .steps h3{margin:0}.light-start .note{background:#e1e8f0;border-color:#a1b1c3;color:#24384f}.closing h2{font-size:clamp(52px,8vw,110px);line-height:1;letter-spacing:-.05em;margin-bottom:40px}.entry .rarity.common{color:#d3dce8!important}.entry .rarity.uncommon{color:#a8e9b6!important}.entry .rarity.rare{color:#afd1ff!important}.entry .rarity.epic{color:#dfbaff!important}.entry .rarity.legendary{color:#ffdb90!important}.entry .rarity.mythic{color:#ffbbc9!important}@media(max-width:760px){.light-start{margin-left:-6vw;margin-right:-6vw;padding:42px 6vw!important;margin-top:50px}.light-start .steps>div,.loops-section .feature-strip>div{grid-template-columns:32px 1fr;gap:12px 18px}.light-start .steps p,.loops-section .feature-strip span{grid-column:2}.welcome-hero{min-height:0}.hero-foot{font-size:12px}.friend-title{font-size:clamp(60px,15vw,112px)!important}.loops-section .feature-strip strong{font-size:23px}}@media print{body,.intro,.steps p,.command p,.card p,.faq p,.feature-strip span,.entry p,.eyebrow,.meta,.entry dt,.entry dd{color:#111}.light-start{background:white}.equipment-sprite{filter:none}}

/* Supplied animation and demo integration. */
.welcome-hero:before{display:none}#dots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}#crosshair{position:absolute;inset:0;pointer-events:none;opacity:0;overflow:hidden;z-index:0}#crosshair .x{position:absolute;left:0;top:0;width:100%;height:1px;background:#c5ddff45}#crosshair .y{position:absolute;left:0;top:0;width:1px;height:100%;background:#c5ddff45}#crosshair .read{position:absolute;left:0;top:0;font:11px monospace;color:#d8e9ff}.demo-section{display:grid;grid-template-columns:1fr minmax(260px,440px);gap:70px;align-items:center;border-bottom:1px solid #394452;padding-bottom:70px}.demo-copy h2{font-size:clamp(35px,5vw,65px);line-height:1.05}.demo-copy .meta{margin-top:20px}.demo-frame{padding:12px;background:#18202b;border:1px solid #7e90a7;border-radius:12px}.demo-frame video{display:block;width:100%;max-height:660px;aspect-ratio:978 / 1304;object-fit:contain;background:#111;border-radius:4px}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mobile-toggle{display:none}.to-top{display:block;margin:0 5vw 25px auto;padding:10px 16px;color:white;background:#172435;border:1px solid #95a9c1;cursor:pointer;font:14px monospace}.toc a.reading{color:#fff;text-decoration:underline;text-underline-offset:5px}button:focus-visible{outline:3px solid white;outline-offset:4px}[hidden]{display:none!important}@media(max-width:760px){.demo-section{grid-template-columns:1fr;gap:28px}.demo-frame{max-width:440px;width:100%;margin:auto}.demo-frame video{max-height:550px}.mobile-toggle{display:block;background:#182435;color:white;border:1px solid #96acc5;padding:10px 16px;font:14px monospace;cursor:pointer}nav:has(.mobile-toggle:not([hidden])){display:grid;grid-template-columns:1fr auto}nav:has(.mobile-toggle:not([hidden])) .links{display:none;grid-column:1 / -1}nav:has(.mobile-toggle:not([hidden])) .links.menu-open{display:flex;animation:rise-in .2s ease-out}#crosshair{display:none}}@media(prefers-reduced-motion:reduce){.links.menu-open{animation:none!important}}@media print{#dots,#crosshair,.mobile-toggle,.to-top,.demo-section{display:none}}

/* Individual artwork, no sprite-grid offsets. */
.picture-slot.has-custom-image{display:flex;justify-content:center;align-items:center;background:#899db4;min-height:170px}.picture-slot.has-custom-image img{display:block;width:auto;height:auto;max-width:140px;max-height:140px;object-fit:contain;padding:6px}.picture-slot[data-kind="biomes"] img{max-width:110px;max-height:110px}.demo-frame video{display:block;min-height:250px}video::-webkit-media-controls{display:none!important}

/* v9: larger art inside the existing gray panels, without cropping. */
.picture-slot.has-custom-image img{width:calc(100% - 24px);height:calc(100% - 16px);max-width:240px;max-height:174px;object-fit:contain;padding:0}
.picture-slot[data-kind="biomes"] img{width:calc(100% - 24px);height:calc(100% - 16px);max-width:220px;max-height:174px;object-fit:contain}
@media(max-width:560px){.picture-slot.has-custom-image img{max-height:164px}}

/* Transparent equipment panels. */
.picture-slot.has-custom-image[data-kind="weapons"],.picture-slot.has-custom-image[data-kind="ammo"]{background:transparent;border-bottom:0}.picture-slot[data-kind="weapons"] img,.picture-slot[data-kind="ammo"] img{filter:drop-shadow(0 0 1px #edf6ff) drop-shadow(0 0 3px #dcecff55)}
.ranking-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:32px 0 18px}.ranking-controls label{color:#d4dfed}.ranking-controls select{background:#172231;color:#fff;border:1px solid #8194ae;padding:12px 16px;font:inherit;max-width:100%}.ranking-table-wrap{overflow-x:auto;margin-top:24px;border:1px solid #4c6079}.ranking-table-wrap table{width:100%;border-collapse:collapse;min-width:320px}.ranking-table-wrap caption{text-align:left;padding:20px;color:#f4f7fc;font-weight:700}.ranking-table-wrap th,.ranking-table-wrap td{padding:16px 20px;text-align:left;border-top:1px solid #34445a}.ranking-table-wrap th{color:#bacce3;font-size:14px}.ranking-table-wrap td{color:#f1f5fb}.ranking-table-wrap th:last-child,.ranking-table-wrap td:last-child{text-align:right}.ranking-table-wrap tbody tr:nth-child(-n+3){background:#142234}
.rank-badge{width:20px;height:20px;object-fit:contain;vertical-align:-5px;margin-right:8px;filter:drop-shadow(0 0 3px #ffffff22)}

/* Badge guide */
.badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:32px 0 64px}
.badge-grid .badge-card{display:block;padding:24px;border:1px solid #383838;border-radius:16px;background:transparent;color:#f7f7f7;min-width:0}
.badge-card h2{font-size:1.35rem;margin:0 0 20px}.badge-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.badge-tier img{display:block;width:128px;height:128px;max-width:100%;object-fit:contain;background:transparent;border:0;filter:drop-shadow(0 0 5px #ffffff22);margin:0 auto 16px}
.badge-tier h3{font-size:1rem;margin:0 0 8px}.badge-tier.gold h3{color:#f6d479}.badge-tier.platinum h3{color:#d8eafa}.badge-tier p{font-size:.9rem;line-height:1.65;color:#e0e0e0;margin:0}.badge-card>.meta{margin-top:20px}.badge-grid [hidden]{display:none!important}
@media(max-width:720px){.badge-grid{grid-template-columns:1fr}.badge-grid .badge-card{padding:20px}.badge-tiers{gap:16px}}