/* Sukimt2: obsidian, crimson and antique gold. Artwork stays outside readable surfaces. */
:root {
  --ink:#100c0c; --ink-2:#0b0808; --panel:#191212; --panel-2:#251919; --panel-3:#302121;
  --line:#45312b; --line-2:#6b4939; --bone:#f1e7d5; --soft:#d5c7b7; --mute:#b7a697; --faint:#a49384;
  --amber:#d6ae65; --amber-hot:#f5dca4; --amber-dim:#c09653; --bronze-lit:#b78d4a; --bronze:#96703e; --bronze-shade:#513624;
  --wood:#231616; --wood-deep:#160e0e; --link:#e5c383; --link-hot:#fff0cb; --accent:#d6ae65; --accent-hot:#f5dca4;
  --row-alt:rgba(214,174,101,.025); --row-hover:rgba(214,174,101,.075); --wrap:1200px;
}
body { background:#100c0c url(/assets/brand-v2/sukimt2-background.webp) center / cover fixed no-repeat; color:var(--bone); }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background:linear-gradient(180deg,transparent,#100c0c99 90%); }
.top { background:linear-gradient(180deg,#170e0ef5,#0d0909fa); border-bottom:1px solid #9b743b70; box-shadow:0 4px 30px #0006; }
.top__in,.top__bar { min-height:90px; padding-block:0; }
.brand-v2-logo { width:196px; height:auto; max-height:84px; object-fit:contain; }
.brand { gap:1rem; }
.brand__mark { filter:sepia(.5); }
.topnav { background:#150c0ddd; border-top:1px solid #d6ae651c; }
.topnav__link { padding:.85rem 1.2rem; font-family:var(--body); font-size:.94rem; letter-spacing:.02em; }
.topnav__link.is-active { color:var(--amber-hot); background:linear-gradient(0deg,#b0242220,transparent); }
.topnav__link.is-active::after { background:#b63d32; box-shadow:0 0 12px #b63d3240; }
.btn { background:linear-gradient(135deg,#a8352b,#6f1d20); color:#fff2de; border:1px solid #d58c55; border-radius:2px; clip-path:none; min-height:44px; box-shadow:inset 0 1px #ffd89920,0 4px 16px #0004; font-family:var(--body); font-weight:600; }
.btn:hover { background:linear-gradient(135deg,#be4636,#8b2828); color:#fff; box-shadow:0 0 22px #992c2830; }
.btn:focus-visible { outline:2px solid var(--amber-hot); outline-offset:3px; }
.btn--ghost { background:#120b0bbc; border-color:#a3814d; color:var(--amber-hot); box-shadow:none; }
.btn--ghost:hover { background:#362018; }
.btn--small { min-height:38px; }
.plate,.panel { border:1px solid #8b663c70; border-radius:3px; clip-path:none; background:linear-gradient(135deg,#231817f5,#151010fa); box-shadow:0 10px 25px #0003,inset 0 1px #e7bb6012; }
.plate::before,.panel::before { display:none; }
.corners > .corner { display:none; }
.beam { height:1px; background:linear-gradient(90deg,transparent,#ae8247,transparent); border:0; box-shadow:none; }
.beam::after { display:none; }
.foot { background:linear-gradient(180deg,#110b0bef,#080606); border-top:1px solid #86613960; }
.foot__skyline,.foot__beam { display:none; }
.foot__in { padding-block:3rem; }
.foot__h { color:var(--amber); }
.foot__note { color:var(--mute); }
.foot__brand { color:var(--amber-hot); }
.field input,.field select,.field textarea,.input,.gsearch__input { background:#100b0bed; border-color:#70503c; color:var(--bone); border-radius:2px; }
.field input:focus,.field textarea:focus,.input:focus { outline:2px solid #d6ae6560; border-color:var(--amber); }
.status { background:#110d0d; border-color:#674831; }
.v2-eyebrow { color:var(--amber); letter-spacing:.22em; font-size:.78rem; font-weight:600; }
@media(max-width:600px) { .brand-v2-logo { width:145px; } .top__in,.top__bar { min-height:74px; } .topnav__link { padding:.8rem .85rem; } body { background-size:auto 820px; background-attachment:scroll; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; scroll-behavior:auto!important; transition:none!important; } }
@media print { body { background:white; color:black; } }
:root { --side-w:14rem; --page-w:1500px; }
.v2-wiki-badge { display:inline-block; border-left:1px solid #936b3f; padding-left:.9rem; color:var(--amber); font-size:.75rem; letter-spacing:.18em; }
.top__bar .brand-v2-logo { width:175px; }
.shell { background:#120d0dd6; }
.side { background:#140d0edb; border-color:#80573740; }
.sidenav__title { color:#c29a5b; letter-spacing:.15em; margin-top:1.5rem; }
.sidenav__link { padding:.55rem .6rem; font-size:.93rem; }
.sidenav__link.is-active { border-color:#ac3d30; background:linear-gradient(90deg,#95251f35,transparent); }
.main { padding-top:1.6rem; }
.gsearch__btn { background:linear-gradient(135deg,#a8352b,#6f1d20); border-color:#af7044; color:#fff0dc; font-family:var(--body); }
.gsearch__input { background:#100b0bec; }
.gsearch__list { background:#211415; border-color:#795433; }
.hm-hero { min-height:425px; padding:2.7rem; border:1px solid #9b743b70; background:#100b0c; overflow:visible; }
.hm-hero__art { background:url(/assets/brand-v2/sukimt2-archive.webp) center/cover; transform:none; }
.hm-hero__art::after { transform:none; background:linear-gradient(90deg,#100909e3,#100909a0 42%,#10090910 80%); }
.hm-hero__copy { max-width:37rem; min-width:0; width:100%; }
.hm-hero__eyebrow { letter-spacing:.2em; font-weight:600; margin-bottom:1.1rem; }
.hm-hero h1 { font-size:clamp(2.5rem,3.4vw,3.6rem); line-height:1.12; max-width:30rem; }
.hm-hero h1 span { color:var(--amber-hot); display:block; }
.hm-hero__lead { max-width:30rem; margin-block:1.1rem 1.4rem; color:#e0d0bd; }
.hm-hero .gsearch { max-width:31rem; margin-left:0; box-shadow:0 8px 22px #0004; }
.hm-hero .gsearch { width:100%; min-width:0; }
.hm-hero__lead { overflow-wrap:anywhere; }
.hm-hero .gsearch__input { min-height:3.25rem; }
.hm-hero__try { color:#c8b5a1; }
.hm-facts { background:#211515; padding:1.2rem; border-color:#71503260; border-left:2px solid #a33b2e; gap:1rem; }
.hm-facts__list { gap:1rem 1.5rem; }
.hm-facts__list strong { font-size:1.65rem; }
.hm-facts__list span { margin-top:.2rem; color:var(--soft); }
.hm-tiles { gap:.85rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.hm-tile { min-height:140px; align-items:flex-start; padding:1.15rem; border:1px solid #73503160; background:linear-gradient(135deg,#291a18,#181010); border-radius:3px; }
.hm-tile__ic { width:2.75rem; height:2.75rem; background:#160c0b; border-color:#90673570; }
.hm-tile__t { font-size:1.22rem; }
.hm-tile__d { line-height:1.45; }
.hm-tile__n { color:#d3ac68; margin-top:.35rem; }
.hm-tile--hot { background:linear-gradient(120deg,#441c1b,#221212); border-color:#9d713e; }
.hm-tile--hot .hm-tile__ic { background:#351512; color:var(--amber-hot); border-color:#b48743; }
.hm-tile--hot .hm-tile__t { color:var(--amber-hot); }
.hm-main { background:linear-gradient(120deg,#401b1a,#1a1010); border-top:1px solid #a7793d; }
.section__title,.pagehead__title { color:var(--amber-hot); }
.table-wrap,.tablebox,.data-table { background:#160f10; }
thead { background:#2b1b18; }
.card,.section,.filterbar { border-color:#71503260; }
@media(max-width:1100px) { .hm-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); } .hm-hero { padding:2rem; } }
@media(max-width:760px) { .top__bar .brand-v2-logo { width:145px; } .v2-wiki-badge { padding-left:.6rem; font-size:.65rem; } .hm-tile { min-height:155px; } .hm-hero { min-height:435px; padding:1.5rem; } .hm-hero__art::after { background:linear-gradient(90deg,#100909ee,#1009099e); } }
@media(max-width:560px) { .main { padding:1rem .8rem 2rem; } .hm-hero { min-height:445px; padding:1.4rem 1.1rem; } .hm-hero__art { background-image:url(/assets/brand-v2/sukimt2-archive.webp); background-position:67% center; transform:none; } .hm-hero__art::after { background:linear-gradient(90deg,#100909ed,#100909b0); } .hm-hero h1 { font-size:2.65rem; } .hm-hero__lead { font-size:1rem; } .hm-tile { padding:.85rem; } .hm-tile__t { font-size:1.08rem; } .hm-tiles__hot .hm-tile { align-items:flex-start; } .hm-facts__list { gap:.8rem 1.1rem; } .hm-facts__list strong { font-size:1.35rem; } }