/* Diggers skin: an 1870s bone-rush broadside. Rye woodtype, ink rules, museum labels, red sandstone.
   Colours taken from the cards and the box. */
.g-dig{
  --g-bg:#F3EBD7; --g-panel:#E9DDC0; --g-panel-hi:#F8F2E2; --g-face:#FFFDF6;
  --g-red:#A8452D;            /* the page accent slot: red sandstone */
  --g-gold:#C9A14F; --g-jade:#24180E; --g-ink:#24180E; --g-muted:#6B5A44; --g-line:#D5C6A3;
  --dig-title:"Rye",Georgia,serif; --dig-head:"IM Fell English",Georgia,serif; --dig-caps:"IM Fell English SC",Georgia,serif;
  --dig-label:#FFFBEF; --dig-shadow:#24180E;
}
@media (prefers-color-scheme: dark){
  .g-dig{--g-bg:#17120D; --g-panel:#221A13; --g-panel-hi:#2C2219; --g-red:#E9917A; --g-jade:#2C2219;
    --g-ink:#F1E6CF; --g-muted:#BBA888; --g-line:#3A2E22; --dig-label:#231B14; --dig-shadow:#000}
}
.g-dig .g-hero h1{font-family:var(--dig-title);font-weight:400;letter-spacing:.03em;color:var(--g-ink);line-height:1.08;margin-bottom:6px}
.g-dig .g-hero .tag b{display:block;font-family:var(--dig-title);font-weight:400;font-size:clamp(20px,2.2vw,27px);line-height:1.15;letter-spacing:.02em;color:var(--g-red);margin-bottom:8px}
.g-dig .pill{font-family:var(--dig-caps);letter-spacing:.1em;border:2px solid var(--g-ink)}
.g-dig h2{font-family:var(--dig-title);font-weight:400;letter-spacing:.02em;line-height:1.05}
.g-dig h3{font-family:var(--dig-head);font-weight:400;font-stretch:100%;letter-spacing:0}
.g-dig .g-sec h2{font-size:clamp(30px,3.8vw,46px)}
.g-dig .label{font-family:var(--dig-caps);font-size:15px;letter-spacing:.1em;text-transform:none;color:var(--g-red)}
.g-dig .rule h3{font-size:22px}
.g-dig.game .btn{border:2.5px solid var(--g-ink);box-shadow:3px 3px 0 var(--dig-shadow);font-weight:700}
.g-dig.game .btn.red{border-color:var(--g-ink)}
@media (prefers-color-scheme: dark){.g-dig.game .btn.red{color:#17120D}}

/* hero: a still render with view buttons, framed like a plate */
.g-dig .viewer{background:#17120D;border:3px solid var(--g-ink);box-shadow:6px 6px 0 var(--dig-shadow)}
.g-dig .viewer .stage{aspect-ratio:16/10}
.g-dig .viewer .stage img.poster{object-fit:cover;transition:opacity .25s}
.g-dig .viewer .bar{background:var(--g-panel);border-top:3px solid var(--g-ink)}

/* the overview: a lede, then a turn told in three museum labels */
.lede{font-size:clamp(19px,2vw,23px);line-height:1.5;max-width:58ch;margin:0}
.lede b{color:var(--g-red);font-weight:700}
.turn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin-top:clamp(28px,4vw,44px)}
.tag-card{position:relative;display:flex;flex-direction:column;background:var(--dig-label);border:3px solid var(--g-ink);box-shadow:5px 5px 0 var(--dig-shadow)}
.tag-card::after{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--g-ink) 40%,transparent);pointer-events:none}
.tag-card .cap{position:absolute;top:-3px;left:-3px;z-index:2;background:var(--g-red);color:#FBF3E2;border:3px solid var(--g-ink);padding:5px 12px 4px;font-family:var(--dig-caps);font-size:18px;letter-spacing:.05em;line-height:1}
@media (prefers-color-scheme: dark){.tag-card .cap{color:#17120D}}
.tag-card .art{position:relative;height:262px;overflow:hidden;border-bottom:2.5px solid var(--g-ink);background:#E9DFC6;color:#24180E}
.tag-card p{margin:0;padding:14px 16px 18px;font-size:15.5px;line-height:1.5}
.ladder{display:flex;flex-direction:column;justify-content:space-between;padding:54px 18px 14px}
.ladder .g{display:flex;align-items:center;gap:14px}
.ladder .g div{display:flex;flex:none}
.ladder .g img{width:40px;height:auto;border-radius:4px;border:1.5px solid #24180E;display:block}
.ladder .g img+img{margin-left:-12px}
.ladder .g span{font-family:var(--dig-caps);font-size:16px;line-height:1.1}
.ladder .g i{font-style:normal;color:#A8452D}
.poach{background:#DCE3E2}
.poach .c{position:absolute;width:52px;height:auto;border-radius:4px;border:1.5px solid #24180E}
.poach .c1{left:10%;top:58px} .poach .c2{left:28%;top:58px}
.poach .board{position:absolute;left:16%;width:50%;height:auto;top:142px;border:1.5px solid #24180E}
.poach .lift{left:74%;top:178px;transform:rotate(14deg);box-shadow:3px 4px 0 rgba(36,24,14,.55)}
.poach .lbl{position:absolute;font-family:var(--dig-caps);font-size:13px;color:#5E4D38}
.poach .their{right:7%;top:40px} .poach .yours{left:6%;bottom:10px}
.poach svg{position:absolute;inset:0;width:100%;height:100%;color:#24180E}
.seasons{display:flex;flex-direction:column;justify-content:space-between;padding:56px 18px 16px;background:#EADBC9}
.seasons .row{display:flex;align-items:center;justify-content:center;gap:16px}
.seasons .row b{font-family:var(--dig-title);font-weight:400;font-size:34px;line-height:1;min-width:30px;text-align:right}
.seasons .row.last b{color:#A8452D}
.seasons .row img{width:min(46%,140px);height:auto;border:1.5px solid #24180E;display:block}
@media (max-width:900px){.turn{grid-template-columns:1fr;max-width:460px}}

/* the five species */
.species{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.6vw,18px);margin-top:clamp(28px,4vw,44px)}
.species figure{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.species img{width:100%;aspect-ratio:5/7;border-radius:7%/5%;border:2px solid var(--g-ink);box-shadow:4px 4px 0 var(--dig-shadow);transition:transform .2s}
.species figure:hover img{transform:translateY(-4px) rotate(-1.2deg)}
.species figcaption{display:flex;gap:7px;align-items:center;font-family:var(--dig-head);font-size:17px;line-height:1.15;min-width:0}
.species figcaption div{min-width:0;overflow-wrap:anywhere}
.species svg{width:20px;height:20px;flex:none;stroke:var(--g-ink);stroke-width:1;fill-rule:evenodd}
.species figcaption span{display:block;font-family:var(--body);font-size:12.5px;color:var(--g-muted)}
@media (max-width:820px){.species{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* all five slabs assembled */
.slab-sheet{margin:clamp(32px,5vw,56px) 0 0}
.slab-sheet img{display:block;width:100%;max-width:880px;height:auto;margin:0 auto;border:3px solid var(--g-ink);box-shadow:6px 6px 0 var(--dig-shadow)}

/* the four quarries */
.quarries{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(24px,4vw,56px);margin-top:clamp(48px,7vw,88px);align-items:start}
.quarries h3{font-family:var(--dig-title);font-size:clamp(24px,2.6vw,32px);line-height:1.1;margin:0 0 12px}
.quarries .q-head p{font-size:16.5px;color:var(--g-muted);max-width:42ch;margin:0}
.q-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}
.q-grid figure{margin:0;display:flex;flex-direction:column;gap:10px}
.q-grid img{width:100%;height:auto;display:block;border:2px solid var(--g-ink);box-shadow:4px 4px 0 var(--dig-shadow)}
.q-grid figcaption{font-size:15px;line-height:1.45;color:var(--g-muted)}
.q-grid figcaption b{font-family:var(--dig-head);font-weight:400;font-size:19px;color:var(--g-ink)}
.q-grid figcaption span{font-family:var(--dig-caps);font-size:14px;color:var(--g-red);display:block;margin-bottom:2px}
@media (max-width:900px){.quarries{grid-template-columns:1fr}}
@media (max-width:560px){.q-grid{grid-template-columns:1fr}}

/* the box and the card back */
.boxart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,1.25fr);gap:clamp(18px,3vw,40px);align-items:center;margin-top:clamp(48px,7vw,88px)}
.boxart figure{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.boxart img{width:100%;height:auto;display:block;border:3px solid var(--g-ink);box-shadow:6px 6px 0 var(--dig-shadow)}
.boxart figure:nth-child(2) img{border-radius:6%/4.5%}
.boxart figcaption{font-size:14.5px;color:var(--g-muted)}
.boxart figcaption b{display:block;color:var(--g-ink);font-family:var(--dig-head);font-weight:400;font-size:19px}
.comp-list ul{list-style:none;margin:0;padding:0}
.comp-list li{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--g-line);font-size:16px}
.comp-list li:first-child{border-top:1px solid var(--g-line)}
.comp-list li b{font-family:var(--dig-title);font-weight:400;font-size:24px;line-height:1;color:var(--g-red)}
@media (max-width:900px){.boxart{grid-template-columns:1fr 1fr}.boxart > div{grid-column:1/-1}}

.g-dig .renders figure{border:2.5px solid var(--g-ink);border-radius:0;box-shadow:4px 4px 0 var(--dig-shadow)}
.g-dig .renders img{aspect-ratio:16/10}
.g-dig .mode{border-color:var(--g-ink)}
.g-dig .play-frame{border:3px solid var(--g-ink);box-shadow:6px 6px 0 var(--dig-shadow)}
.g-dig .play-frame iframe{height:min(90vh,980px)}
.g-dig .preview img{border:3px solid var(--g-ink);box-shadow:5px 5px 0 var(--dig-shadow)}
.g-dig .g-cta{background:#A8452D;border:3px solid #24180E;box-shadow:6px 6px 0 #24180E}
.g-dig .g-cta h2{font-family:var(--dig-title);font-weight:400}
.g-dig .g-cta .btn.light{color:#24180E}

/* home page card */
.feature.g-dig h3{font-family:var(--dig-title);font-weight:400;letter-spacing:.03em}
.feature.g-dig .feature-art{background:#17120D;padding:0}
.feature.g-dig .feature-art img{width:100%;height:100%;object-fit:cover}