/* Syndicate Boss page, dressed in the game's "Mafia UI Kit": ink navy,
   panels cut at two corners and outlined in ink, gold slab buttons with a
   bottom lip, Alfa Slab One with a hard ink shadow, Rubik labels, and the
   cream City Tribune. Values come from the game's www/css/style.css.
   Fonts are SIL OFL (licence files alongside them). */
@font-face{font-family:"Alfa Slab One";font-weight:400;font-display:swap;src:url("/assets/fonts/syndicate-boss/AlfaSlabOne-Regular.ttf") format("truetype")}
@font-face{font-family:"Rubik";font-weight:300 900;font-display:swap;src:url("/assets/fonts/syndicate-boss/Rubik-Variable.ttf") format("truetype")}

.theme-syndicate-boss{
  --ink:#0a0d16; --bg:#0f1118; --bg2:#1e1f28; --panel:#171a24; --panel2:#232737; --line-sb:#2c2f3d;
  --muted-sb:#9a978f; --body-sb:#c9c2b2; --cream:#efe4cc;
  --gold:#e3b94a; --gold-hi:#f0cc6a; --gold-mid:#d9a93a; --gold-lo:#a67a1c;
  --blood:#7a1f2b; --teal:#3ceec8; --alert:#e05a4f;
  --slab:"Alfa Slab One",Rockwell,serif; --rubik:Rubik,-apple-system,sans-serif;
  --cut:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  /* The ink outline that follows the cut corners: an inset ring for the
     straight edges plus two ink bands along the diagonals. */
  --ink-corners:linear-gradient(135deg,var(--ink) 13px,transparent 13px),linear-gradient(315deg,var(--ink) 13px,transparent 13px);
  background:linear-gradient(180deg,var(--bg2),var(--bg) 600px);color:var(--body-sb);font-family:var(--rubik);
}
.theme-syndicate-boss .site-head{background:linear-gradient(180deg,var(--panel2),var(--panel));border-color:var(--ink);border-bottom-width:3px;color:var(--cream)}
.theme-syndicate-boss .site-head .brand span i{color:var(--muted-sb)}
.theme-syndicate-boss .site-nav a{font-weight:900;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-sb)}
.theme-syndicate-boss .site-nav a:hover{color:var(--cream);border-color:var(--gold)}
.theme-syndicate-boss .site-nav a[aria-current="page"]{background:var(--gold);color:var(--ink);border:0;padding:8px 10px;border-radius:6px}

/* Hero: the title screen's wine glow and gold stripes */
.theme-syndicate-boss .g-hero{background:repeating-linear-gradient(-35deg,transparent 0 26px,rgba(227,185,74,.05) 26px 30px),
  radial-gradient(ellipse at 50% 20%,#4a1620 0%,#15161c 55%,#0b0d14 100%);border-color:var(--ink);border-bottom-width:3px;color:var(--cream)}
.theme-syndicate-boss .crumbs{font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-sb)}
.theme-syndicate-boss .g-kicker{font-weight:900;font-size:11px;letter-spacing:.2em;color:var(--gold);opacity:1}
.theme-syndicate-boss .g-hero h1{font-family:var(--slab);font-weight:400;letter-spacing:.01em;font-size:clamp(40px,5vw,66px);line-height:1.02;color:var(--cream);
  text-shadow:3px 3px 0 var(--ink),5px 5px 0 var(--blood)}
.theme-syndicate-boss .title img{border-radius:0;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.theme-syndicate-boss .g-hero .lede{color:var(--body-sb);font-weight:500}
.theme-syndicate-boss .g-hero .cover{border-radius:0;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  border:0;box-shadow:none;outline:0}
.theme-syndicate-boss .gp{border-radius:0;border:3px solid var(--ink);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  box-shadow:inset 0 -4px 0 #000}

/* Panels: the chamfer */
.theme-syndicate-boss .g-body{background:var(--bg)}
.theme-syndicate-boss .g-panel{background:var(--ink-corners),linear-gradient(180deg,var(--panel2),var(--panel));border:0;border-radius:0;clip-path:var(--cut);
  box-shadow:inset 0 0 0 3px var(--ink);color:var(--body-sb);font-weight:500;font-size:16px;line-height:1.6}
.theme-syndicate-boss .g-panel h2{font-family:var(--slab);font-weight:400;font-size:24px;letter-spacing:.01em;color:var(--cream);text-shadow:2px 2px 0 var(--ink)}
.theme-syndicate-boss .g-facts h2::before{content:"";display:inline-block;width:16px;height:16px;margin-right:12px;background:var(--gold);transform:rotate(45deg);box-shadow:0 3px 0 var(--gold-lo)}
.theme-syndicate-boss .g-facts dl div{border-bottom:1px solid var(--line-sb)}
.theme-syndicate-boss .g-facts dt{font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-sb);align-self:center}
.theme-syndicate-boss .g-facts dd{font-family:var(--slab);font-weight:400;font-size:18px;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}
.theme-syndicate-boss .g-facts .more{color:var(--teal);border-color:currentColor;font-weight:700}
/* The City Tribune */
.theme-syndicate-boss .g-cost{position:relative;background:var(--ink-corners),var(--cream);color:#15161c}
.theme-syndicate-boss .g-cost h2{font-size:22px;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#15161c;text-shadow:none;
  border-top:3px solid #15161c;border-bottom:3px solid #15161c;padding:8px 0 6px}
.theme-syndicate-boss .g-cost p{color:#3a3630}
.theme-syndicate-boss .g-cost::after{content:"\2605 Family of the year \2605";position:absolute;right:16px;bottom:14px;transform:rotate(-3deg);
  font-weight:900;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--blood);border:2px solid var(--blood);padding:4px 8px;opacity:.85}
.theme-syndicate-boss .g-cost{padding-bottom:54px}

/* Gallery */
.theme-syndicate-boss .g-gallery{background:radial-gradient(ellipse at 50% 0%,#1b2233 0%,#0d1220 70%)}
.theme-syndicate-boss .g-gallery h2{font-family:var(--slab);font-weight:400;letter-spacing:.01em;color:var(--cream);text-shadow:3px 3px 0 var(--ink)}
.theme-syndicate-boss .shot-btn{background:var(--ink);padding:3px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.theme-syndicate-boss .shot-btn img{border:0;border-radius:0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.theme-syndicate-boss .shot-btn:hover{background:var(--gold)}
.theme-syndicate-boss .shots-grid figcaption{font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.45;color:var(--muted-sb);opacity:1}
.theme-syndicate-boss .lb-cap{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.theme-syndicate-boss .lightbox button{border-radius:0;border:3px solid var(--ink);background:var(--gold);color:var(--ink);box-shadow:inset 0 -4px 0 var(--gold-lo)}

.theme-syndicate-boss .others{background:var(--bg);border-color:var(--ink);border-top-width:3px}
.theme-syndicate-boss .others h2{font-family:var(--slab);font-weight:400;letter-spacing:.01em;color:var(--cream);text-shadow:2px 2px 0 var(--ink)}
.theme-syndicate-boss .others a{border-radius:0;border:0;clip-path:var(--cut);background:var(--ink-corners),var(--panel2);box-shadow:inset 0 0 0 3px var(--ink),inset 0 -6px 0 #11131b;
  color:var(--cream);font-weight:900}
.theme-syndicate-boss .others a:hover{background:var(--ink-corners),linear-gradient(180deg,var(--gold-hi),var(--gold-mid));color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink),inset 0 -6px 0 var(--gold-lo)}
.theme-syndicate-boss .others a:hover small{color:#3a3630}
.theme-syndicate-boss .others img{border-radius:0}
.theme-syndicate-boss .others small{color:var(--muted-sb);font-weight:500}
.theme-syndicate-boss .site-foot{background:var(--ink);color:var(--body-sb);border-color:var(--ink)}
.theme-syndicate-boss .site-foot .muted,.theme-syndicate-boss .site-foot .legal{color:var(--muted-sb)}

/* Loading screen in the game's colours */
.theme-syndicate-boss .loader{--loader-bg:#0b0d14;--loader-ink:var(--cream);--loader-line:var(--ink);--loader-track:var(--panel2);--loader-fill:var(--gold);
  background-image:radial-gradient(ellipse at 50% 30%,#4a1620 0%,#15161c 55%,#0b0d14 100%)}
.theme-syndicate-boss .loader-bar{box-shadow:0 0 0 3px var(--gold-lo)}
.theme-syndicate-boss .loader-row{font-family:var(--rubik);font-weight:900;font-size:12px;letter-spacing:.2em}