/* lootbis.com v1 (2026-10-17). Item-rarity palette: epic purple, legendary orange. Own fonts, no external call. */
@font-face{font-family:"Bricolage";src:url(/assets/fonts/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Public Sans";src:url(/assets/fonts/public-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#121016;--panel:#1d1824;--line:#332b3f;--ink:#ece8f2;--mute:#b6aec3;--leg:#ff8a1f;--epic:#b06cff;--link:#ffb066;--max:52rem}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 "Public Sans",system-ui,sans-serif}
a{color:var(--link);text-underline-offset:.18em}
a:hover{color:#ffd2a6}
:focus-visible{outline:3px solid var(--epic);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:"Bricolage","Public Sans",sans-serif;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5.5vw,3.1rem);margin:.2em 0 .3em;font-weight:800}
h2{font-size:1.35rem;margin:2rem 0 .6rem;font-weight:700}
.skip{position:absolute;left:-999px;top:0;background:var(--leg);color:#120c04;padding:.5rem 1rem;z-index:9}
.skip:focus{left:1rem}
.bar{max-width:var(--max);margin:0 auto;padding:0 16px}
.top{border-bottom:1px solid var(--line);background:#16131b}
.top .bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding-top:.7rem;padding-bottom:.7rem}
.brand{display:flex;align-items:center;gap:.5rem;color:var(--ink);text-decoration:none;font:800 1.25rem "Bricolage",sans-serif}
.brand b{color:var(--leg);font-weight:800}
.nav{display:flex;flex-wrap:wrap;gap:.25rem .9rem;font-size:.95rem}
.nav a{color:var(--mute);text-decoration:none;padding:.2rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--epic)}
.page{max-width:var(--max);margin:0 auto;padding:1.5rem 16px 3rem}
.crumbs{font-size:.9rem;color:var(--mute);margin:0}
.lead{font-size:1.18rem;color:#d9d3e2;max-width:44rem}
.kicker{margin:1.5rem 0 0;color:var(--epic);font:700 .85rem "Public Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.hero h1{max-width:16ch}
.cards{list-style:none;padding:0;margin:1.75rem 0;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.card{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1rem 1.1rem;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--epic);border-radius:10px;color:var(--ink);text-decoration:none}
.card:hover{border-left-color:var(--leg);background:#231d2c}
.card strong{font:700 1.1rem "Bricolage",sans-serif}
.card span:last-child{color:var(--mute);font-size:.95rem;line-height:1.5}
.tag{align-self:flex-start;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#120c04;background:var(--leg);border-radius:4px;padding:.1rem .45rem}
.check,.facts{padding-left:1.2rem}
.check li,.facts li{margin:.45rem 0}
.check li::marker{color:var(--leg)}
.facts li::marker{color:var(--epic)}
.gtk{margin-top:2.25rem;padding:1.25rem 1.25rem .5rem;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.gtk h2:first-child{margin-top:0}
sup a{font-size:.75rem;text-decoration:none;margin-left:.1rem}
.fine{font-size:.9rem;color:var(--mute)}
.srcs li{margin:.3rem 0}
.related{margin-top:2.5rem;border-top:1px solid var(--line)}
.related ul{padding-left:1.2rem}
.more{display:inline-block;margin-top:1rem;padding:.6rem 1rem;border:2px solid var(--leg);border-radius:8px;text-decoration:none;font-weight:700}
.foot{border-top:1px solid var(--line);background:#16131b;margin-top:2rem}
.foot .bar{padding-top:1.25rem;padding-bottom:2rem;font-size:.9rem;color:var(--mute)}
.foot nav{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;margin-bottom:.75rem}
.foot nav a{color:var(--ink)}
.op{margin-top:.75rem}
@media (max-width:520px){body{font-size:1rem}.lead{font-size:1.08rem}.nav{font-size:.9rem;gap:.2rem .7rem}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* 2026-10-17 home clip (same rules as our four other sites): right column from 1000 px, under the text on a phone */
.hero-grid{display:grid;gap:1.25rem;align-items:center}
.clip video{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:9/16;margin:0 auto;background:#000;border:1px solid var(--line);border-radius:14px;cursor:pointer}
@media (min-width:1000px){.home .hero-grid{grid-template-columns:1fr 240px;gap:2rem}.home .clip video{max-width:240px}}
/* 2026-10-17 home band: starter gear -> best in slot (AI pictures, made on the PC) */
.tiers{margin:1.75rem 0 0}
.tiers img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
.tiers figcaption{margin-top:.4rem;font-size:.85rem;color:var(--mute)}