#dg .head{flex-wrap:wrap;margin-bottom:24px}
#dg .brand{min-width:0;gap:12px}
#dg h1{font-size:clamp(16px,3.3vw,38px);line-height:1.2;letter-spacing:-.8px;white-space:nowrap;margin:0}
#dg .headright{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:12px}
#dg .edition-options{display:flex;gap:4px;flex-wrap:wrap}
#dg .edition-options button{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);padding:8px 10px;font-size:12px;min-height:42px}
#dg .edition-options button[aria-pressed="true"]{border-color:var(--green);color:var(--green);background:var(--panel)}
#dg .run-total{display:flex;flex-direction:column;align-items:flex-end;font-size:10px;color:var(--muted);white-space:nowrap}
#dg .run-total b{font:20px Consolas,monospace;color:var(--green);font-variant-numeric:tabular-nums}
#dg .titlebar{flex-wrap:wrap}
#dg .disk-data{font:12px Consolas,monospace;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}
#dg .season-art{margin:0 0 20px}
#dg .progress-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:14px 0 8px}
#dg .progress-head span{font-variant-numeric:tabular-nums;color:var(--green)}
#dg .progress-track{position:relative;margin:0 0 20px}
#dg progress{display:block;width:100%;height:10px;margin:0;border:0;border-radius:8px;background:var(--line);accent-color:var(--green);overflow:hidden}
#dg[data-edition="thanksgiving"] .progress-track{padding-top:32px}
#dg .progress-marker{position:absolute;bottom:0;left:clamp(25px,var(--progress,0%),calc(100% - 25px));width:50px;height:40px;transform:translateX(-50%);pointer-events:none;transition:left .18s linear;filter:drop-shadow(0 2px 2px #0008)}
#dg .progress-marker svg{display:block;width:100%;height:100%}
#dg progress::-webkit-progress-bar{background:var(--line);border-radius:8px}
#dg progress::-webkit-progress-value{background:var(--green);border-radius:8px}
#dg progress::-moz-progress-bar{background:var(--green);border-radius:8px}
#dg .eyebrow{letter-spacing:.07em}
#dg .scan{width:100%;margin-bottom:12px}
#dg .raidboard{margin-top:16px;aspect-ratio:auto;background:transparent!important}
#dg .raidmap{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:16px 0 0}
#dg .raidgroup{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;height:auto;min-height:38px;padding:6px;border:1px solid var(--line);border-radius:5px;background:var(--bg)!important;overflow:hidden}
#dg .raidgroup i{display:block;height:2px;background:var(--drive-color);opacity:.75}
#dg .raidgroup:after{content:'';position:absolute;left:0;bottom:0;width:var(--order);height:2px;background:var(--green)}
#dg .raidgroup[aria-pressed="true"]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
#dg .raidgroup[data-active="true"]{filter:brightness(1.5);box-shadow:0 0 10px color-mix(in srgb,var(--green) 35%,transparent)}
#dg .raidgroup[data-blocked="true"]{border-color:#e6c076;box-shadow:0 0 0 1px #e6c076}
#dg .boardhint{min-height:48px;padding:12px 0}
#dg .payload{width:min(900px,94vw);overflow:hidden;background:var(--panel)}
#dg .payload-stage{border-radius:0}
#dg .payload-header{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px 18px}
#dg .payload-tools{position:static;display:flex;gap:8px}
#dg .payload-tools button{width:auto;height:auto;min-height:40px;padding:8px 12px;border-radius:6px;font-size:13px;white-space:nowrap}
#dg .payload-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px}
#dg .payload-footer p{font-size:12px;flex:1}
#dg .payload-footer a{font-size:13px;color:var(--green)}
#dg .contact-dialog{width:min(680px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--ink);overflow:auto;box-shadow:0 24px 80px #0008}
#dg .contact-dialog::backdrop{background:#000b}
#dg .contact-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
#dg .contact-heading h2{margin:0;font-size:24px;font-weight:550}
#dg .contact-close{width:44px;height:44px;padding:0;font-size:26px;line-height:1}
#dg .contact-dialog form{display:grid;gap:10px}
#dg .contact-dialog label{font-size:14px;color:var(--muted)}
#dg .contact-dialog input,#dg .contact-dialog textarea{display:block;width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--field,var(--bg));color:var(--ink);padding:12px;font:inherit}
#dg .contact-dialog input{margin-bottom:10px}
#dg .contact-dialog textarea{min-height:260px;resize:vertical;line-height:1.6}
#dg .contact-dialog :is(input,textarea,button,a):focus-visible{outline:3px solid var(--green);outline-offset:3px}
#dg .contact-actions{display:flex;justify-content:flex-end;margin-top:12px}
#dg .contact-actions a{width:auto;min-width:150px;text-align:center;text-decoration:none}
@media(max-width:720px){
  #dg .mark{display:none}
  #dg h1{font-size:clamp(16px,4.7vw,32px)}
  #dg .disklabel{grid-column:1/-1;margin:4px 0}
  #dg .scan{grid-column:2;margin:0}
  #dg .payload-header{flex-wrap:wrap;padding:12px}
  #dg .contact-dialog{padding:18px}
  #dg .contact-dialog textarea{min-height:220px}
}