/* Compact forged-iron game HUD with original raster frame artwork. */
#diablo-tracker.d4-tracker{--dt-parchment:#e4d7ae;--dt-title:#d49d6c;--dt-iron:#67807d;max-width:560px;margin:0 auto 20px;padding:0;background:none;border:0;box-shadow:none;color:var(--dt-parchment);font-family:Georgia,'Times New Roman',serif;isolation:isolate;display:grid;gap:12px}
#diablo-tracker.d4-tracker *,#diablo-tracker.d4-tracker *:before,#diablo-tracker.d4-tracker *:after{box-sizing:border-box}
#diablo-tracker.d4-tracker [hidden]{display:none!important}
#diablo-tracker .dt-window{position:relative;min-width:0;padding:23px 28px 18px;min-height:195px;text-align:center;background:none;isolation:isolate}
#diablo-tracker .dt-window-content{position:relative;min-width:0}
#diablo-tracker.d4-tracker .dt-window h3{font:700 clamp(23px,5.6vw,31px)/1.15 Georgia,'Times New Roman',serif;color:var(--dt-title);letter-spacing:.015em;margin:0 0 2px;padding:0;text-shadow:0 2px 1px #000c}
#diablo-tracker.d4-tracker .dt-countdown{font:600 clamp(40px,10.8vw,57px)/1.04 Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums;letter-spacing:.025em;color:#e5dfc5;margin:0 0 3px;text-shadow:0 2px 3px #0009;white-space:nowrap}
#diablo-tracker.d4-tracker .dt-summary{font:600 clamp(13px,3.5vw,17px)/1.25 Georgia,'Times New Roman',serif;color:#d9d6c8;margin:0 auto 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:21px;max-width:100%}
#diablo-tracker .dt-window footer{display:flex;align-items:center;justify-content:center;gap:2px;min-height:44px;margin:0;padding:0;border:0;background:none}
#diablo-tracker.d4-tracker .dt-window footer button{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;height:44px;padding:9px;border:1px solid transparent;border-radius:0;box-shadow:none;background:none;color:var(--dt-parchment);cursor:pointer;font:inherit;line-height:1}
#diablo-tracker .dt-window footer button:hover{border-color:#697e74;background:#101b1b66;box-shadow:inset 0 0 0 2px #1b2727}
#diablo-tracker .dt-window footer button[aria-pressed=true]{color:#a33435}
#diablo-tracker .dt-window footer button[aria-pressed=false] .dt-mute-slash{display:none}
#diablo-tracker.d4-tracker .dt-basis{font:11px/1.2 Georgia,serif;letter-spacing:.015em;color:#c1bda8;min-width:0;margin-left:5px;max-width:73px;overflow-wrap:normal}
#diablo-tracker.d4-tracker button:focus-visible,#diablo-tracker.d4-tracker a:focus-visible,#diablo-tracker.d4-tracker input:focus-visible,#diablo-tracker.d4-tracker select:focus-visible{outline:2px solid #eed4a3;outline-offset:2px}
#diablo-tracker.d4-tracker .dt-dialog{position:fixed;inset:0;width:min(94vw,510px);max-width:510px;max-height:min(90dvh,760px);margin:auto;padding:7px;border:3px ridge #607776;border-radius:0;background:#202421;color:#e8ddc1;box-shadow:0 12px 50px #000c;font:15px/1.55 Georgia,'Times New Roman',serif;overflow:auto;color-scheme:dark}
#diablo-tracker .dt-dialog::backdrop{background:#050807cf}
#diablo-tracker .dt-dialog-body{padding:12px;border:1px solid #77827177}
#diablo-tracker .dt-dialog header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid #66706566;background:none}
#diablo-tracker.d4-tracker .dt-dialog h3{font:700 23px/1.2 Georgia,serif;color:var(--dt-title);margin:7px 0 0}
#diablo-tracker.d4-tracker .dt-dialog button,#diablo-tracker.d4-tracker .dt-action{font:15px/1.3 Georgia,serif;min-height:44px;min-width:44px;border:2px ridge #6b7470;border-radius:0;color:#f0e1bf;background:#541d20;box-shadow:inset 0 0 0 2px #261716;padding:9px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
#diablo-tracker.d4-tracker .dt-dialog button:hover,#diablo-tracker.d4-tracker .dt-action:hover{background:#702a2c;color:#fff0d0}
#diablo-tracker.d4-tracker .dt-dialog button:disabled{opacity:.45;cursor:not-allowed}
#diablo-tracker.d4-tracker .dt-dialog [data-close]{flex-shrink:0;width:44px;padding:8px;background:#6a2024}
#diablo-tracker .dt-dialog p{margin:8px 0;line-height:1.55}
#diablo-tracker .dt-dialog a{color:#ead6a5;overflow-wrap:anywhere}
#diablo-tracker .dt-detail-locations{white-space:pre-line}
#diablo-tracker .dt-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
#diablo-tracker.d4-tracker label{font:15px/1.4 Georgia,serif;color:#e8ddc1}
#diablo-tracker.d4-tracker .dt-dialog input[type=number],#diablo-tracker.d4-tracker .dt-dialog select{display:block;width:100%;min-width:0;min-height:44px;margin:5px 0 0;padding:8px;border:2px inset #626c65;border-radius:0;background:#111512;color:#e9e1ca;font:20px/1.3 Georgia,serif;color-scheme:dark}
#diablo-tracker.d4-tracker .dt-check{display:flex;align-items:center;gap:10px;margin:12px 0;min-height:35px}
#diablo-tracker.d4-tracker .dt-dialog input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;accent-color:#b78b5e;flex-shrink:0}
#diablo-tracker .dt-dialog-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
#diablo-tracker.d4-tracker .dt-small,#diablo-tracker .dt-details-source{font:12px/1.6 system-ui,sans-serif;color:#c8c5b4}
#diablo-tracker .dt-details-source{border-top:1px solid #67736766;margin:15px 0 0;padding:9px 0 0}
#diablo-tracker.d4-tracker .dt-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:min(90vw,510px);z-index:30;margin:0;padding:12px 16px;border:2px ridge #6d7a71;background:#262b26;color:#f0e5cd;font:14px/1.5 Georgia,serif;box-shadow:0 5px 20px #000b}
@media(max-width:420px){#diablo-tracker.d4-tracker{gap:9px}#diablo-tracker .dt-window{padding:23px 22px 16px;min-height:185px}#diablo-tracker.d4-tracker .dt-window h3{font-size:24px}#diablo-tracker.d4-tracker .dt-countdown{font-size:44px}#diablo-tracker.d4-tracker .dt-summary{font-size:14px;min-height:20px}#diablo-tracker .dt-window footer{gap:0}#diablo-tracker.d4-tracker .dt-basis{font-size:10px;margin-left:3px;max-width:56px}}
@media(max-width:340px){#diablo-tracker .dt-window{padding-left:20px;padding-right:20px;min-height:180px}#diablo-tracker.d4-tracker .dt-window h3{font-size:22px}#diablo-tracker.d4-tracker .dt-countdown{font-size:40px}#diablo-tracker.d4-tracker .dt-summary{font-size:13px}#diablo-tracker .dt-dialog-body{padding:8px}#diablo-tracker .dt-fields{gap:8px}#diablo-tracker.d4-tracker .dt-dialog h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){#diablo-tracker.d4-tracker *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#diablo-tracker .dt-dialog-note{padding:10px;border:1px solid #856a4c;background:#382c21;color:#f4e3bb;line-height:1.5}

/* A real raster frame, sliced to retain its sculpted corners at every width. */
#diablo-tracker.d4-tracker{container-type:inline-size;gap:12px}
#diablo-tracker.d4-tracker .dt-window{display:grid;align-items:center;padding:0;min-height:clamp(194px,47cqw,266px);border:solid transparent;border-width:clamp(24px,6cqw,42px) clamp(16px,4cqw,28px);border-image-source:url('/arpg/art/event-window-v3.webp');border-image-slice:180 145 180 145 fill;border-image-repeat:stretch;background:none}
#diablo-tracker .dt-window-content{width:100%;padding:0 4px}
#diablo-tracker.d4-tracker .dt-window h3{font-size:clamp(21px,5.5cqw,33px);line-height:1.15;margin:0 0 1px}
#diablo-tracker.d4-tracker .dt-countdown{font-size:clamp(35px,9.3cqw,57px);line-height:1.04;margin:0 0 2px}
#diablo-tracker.d4-tracker .dt-summary{font-size:clamp(12px,3.2cqw,18px);min-height:17px;line-height:1.2;margin:0}
#diablo-tracker.d4-tracker .dt-basis{font:10px/1.1 Georgia,serif;color:#d1c7ae;margin:1px 0 0;max-width:none;min-height:11px;text-align:center}
#diablo-tracker .dt-window footer{justify-content:flex-start;min-height:44px;gap:0;margin-top:1px}
#diablo-tracker.d4-tracker .dt-window footer [data-open=location]{display:flex;flex:1 1 auto;width:auto;min-width:44px;gap:4px;padding:4px 2px;justify-content:flex-start}
#diablo-tracker .dt-location-short{font:600 clamp(11px,2.8cqw,16px)/1.2 Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#diablo-tracker .dt-window footer svg{flex-shrink:0}
@media(max-width:340px){#diablo-tracker.d4-tracker .dt-window footer button{flex-basis:42px;width:42px;min-width:42px;padding:8px}#diablo-tracker.d4-tracker .dt-window footer [data-open=location]{flex-basis:auto;width:auto;min-width:44px}}
