:root{--gold:#d5a155;--line:rgba(215,172,95,.24);--fg:#f2eddb;--mut:#a8aaa4;--bg:#071115}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 Inter,Arial,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #e3bc70;outline-offset:4px}
.grid-bg{position:fixed;inset:0;background:linear-gradient(rgba(191,161,91,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(191,161,91,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#0008,transparent 90%);pointer-events:none;animation:gridmove 30s linear infinite}
@keyframes gridmove{to{background-position:0 58px,58px 0}}.grain{position:fixed;inset:0;opacity:.17;pointer-events:none;z-index:6;background-image:url('/dhg-ghost.png');background-size:780px;background-position:center center;filter:grayscale(1) brightness(.12)}
.glow{pointer-events:none;position:fixed;width:60vw;height:50vh;filter:blur(85px);border-radius:50%;opacity:.16}.glow-a{left:-24%;top:2%;background:#ac5a1f}.glow-b{right:-34%;bottom:-12%;background:#448c80}.scan{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 5px,rgba(0,0,0,.07) 6px);z-index:5}
.bar{height:75px;position:relative;z-index:9;border-bottom:1px solid var(--line);background:#061014eb;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,80px);gap:18px;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px}.brand b{border:1px solid #b78d4c;padding:0 8px;font:900 31px Barlow Condensed;color:var(--gold);transform:skew(-7deg)}.brand span{font:800 12px/.91 Barlow Condensed;letter-spacing:2px}.bar nav{display:flex;align-items:center;gap:clamp(12px,2.5vw,38px)}.bar nav a,.back{font:800 13px Barlow Condensed;letter-spacing:2px;color:#cbc5b4}.bar nav a:hover,.bar nav .active,.back:hover{color:var(--gold)}
.wrap{position:relative;max-width:1330px;margin:auto;padding:28px clamp(18px,4vw,60px) 40px;z-index:4}.intel{display:flex;gap:12px;align-items:center;color:#d9bb7c;font:700 11px Barlow Condensed;letter-spacing:3px}.pulse{width:7px;height:7px;background:#66e5a3;border-radius:50%;box-shadow:0 0 15px #66e5a3;animation:blip 2s infinite}.divider{opacity:.4}.live-label{margin-left:auto;color:#8c9f94}@keyframes blip{50%{opacity:.35}}
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:end;gap:40px;padding:65px 0 45px}.eyebrow,.section-kicker{color:var(--gold);font:800 13px Barlow Condensed;letter-spacing:3px}.hero h1{font:900 clamp(58px,8.5vw,132px)/.84 Barlow Condensed;margin:14px 0 24px;letter-spacing:1px;text-shadow:0 5px 45px #000b}.hero h1 em{font-style:normal;color:var(--gold)}.lead{max-width:600px;color:#b9bcb8;font-size:15px}.timer-frame{background:linear-gradient(145deg,#102123df,#080e10ee);border:1px solid var(--line);padding:28px;box-shadow:0 15px 40px #0005;clip-path:polygon(0 0,95% 0,100% 14%,100% 100%,0 100%)}.timer-label{font:700 12px Barlow Condensed;letter-spacing:2px;color:var(--gold)}.clock{font:900 clamp(35px,4.3vw,64px) Barlow Condensed;letter-spacing:2px;font-variant-numeric:tabular-nums}.until{font-size:11px;letter-spacing:1px;color:#9ea9a2}.timebar{height:3px;background:#314034;margin-top:20px}.timebar span{display:block;height:100%;width:0;background:var(--gold);transition:width 1s}
.status-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#0b1718ec;border:1px solid var(--line)}.status-strip>div{padding:16px 20px;border-right:1px solid var(--line);min-width:0}.status-strip>div:last-child{border-right:0}.status-strip small{display:block;font:800 11px Barlow Condensed;letter-spacing:2px;color:#899d92}.status-strip strong{display:block;margin-top:4px;font:800 22px Barlow Condensed;letter-spacing:.6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ballot{margin-top:56px}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:15px}.section-head h2{font:900 clamp(32px,4vw,52px) Barlow Condensed;margin:3px 0 0}.badge{border:1px solid #a27d47;color:#e3bc7a;font:800 11px Barlow Condensed;letter-spacing:2px;padding:8px 13px}.notice{padding:12px 15px;color:#c5ba9d;background:#192321;border-left:3px solid var(--gold);margin-bottom:17px;font-size:13px}.notice.error{border-color:#e16e66;color:#ffc1bc}.signin{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px;background:linear-gradient(100deg,#233024,#111a19);border:1px solid #85663c;margin-bottom:24px}.signin strong{font:800 23px Barlow Condensed;letter-spacing:2px}.signin p{margin:5px 0 0;color:#bbc1b4;max-width:590px;font-size:13px}.steam-btn{white-space:nowrap;background:#d5a155;padding:13px 20px;color:#0e1313;font:900 14px Barlow Condensed;letter-spacing:2px}.steam-btn:hover{background:#f0be72}
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.choice{min-height:223px;text-align:left;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;background:linear-gradient(130deg,#132221ec,#0b1517ee);border:1px solid rgba(211,161,75,.24);padding:23px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.choice:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,rgba(188,144,63,.08),transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 28px,#d8b67608 29px);pointer-events:none}.choice:hover:not(:disabled){transform:translateY(-4px);border-color:#d5a155;box-shadow:0 15px 35px #0006}.choice:disabled{cursor:not-allowed;opacity:.74}.choice.chosen{border-color:#edbe70;box-shadow:inset 0 0 0 1px #edbe70,0 0 24px #d3a65a18}.choice .fill{z-index:-1;position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(0deg,#cc964b42,#cc964b08);border-top:2px solid #c5965b;transition:height .65s}.choice .top{font:800 11px Barlow Condensed;letter-spacing:2px;color:#ccae7a;display:flex;justify-content:space-between;gap:12px}.choice h3{font:900 clamp(28px,3.1vw,46px)/1 Barlow Condensed;margin:18px 0 9px;letter-spacing:.5px;color:#fff0d6}.choice p{color:#b8c1b8;font:13px/1.5 Inter;margin:0;max-width:370px}.choice .bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:25px}.choice .pct{font:900 38px Barlow Condensed;letter-spacing:1px}.choice .count{font:700 12px Barlow Condensed;letter-spacing:1px;color:#d8bc8e}.choice .action{font:900 13px Barlow Condensed;letter-spacing:2px;color:#ffd184}.choice.chosen .action{color:#7cecaa}.footnote{margin-top:23px;color:#90a39b;font-size:12px}
footer{margin-top:80px;padding:22px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;color:#83968f;font:700 11px Barlow Condensed;letter-spacing:2px}footer a{color:#d1a563}
.helicopter{position:fixed;z-index:2;pointer-events:none;opacity:.55;width:150px;height:55px;filter:drop-shadow(0 5px 9px #000);animation:fly 42s linear infinite}.helicopter.one{top:16%;left:-200px}.helicopter.two{top:38%;left:-200px;transform:scale(.55);animation-duration:63s;animation-delay:-23s}.helicopter .body{position:absolute;left:35px;top:23px;width:75px;height:23px;background:#313e3d;clip-path:polygon(0 20%,55% 0,88% 26%,100% 50%,85% 100%,25% 92%)}.helicopter .tail{position:absolute;left:0;top:26px;width:48px;height:6px;background:#394441}.helicopter .tail:before{content:'';position:absolute;left:0;top:-12px;width:6px;height:29px;background:#36423e}.helicopter .rotor{position:absolute;left:38px;top:11px;width:100px;height:3px;background:#535e56;animation:rotor .07s linear infinite alternate}.helicopter .rotor:after{content:'';position:absolute;left:49px;top:2px;height:14px;width:2px;background:#515b55}@keyframes fly{to{left:calc(100vw + 250px);transform:translateY(-85px)}}@keyframes rotor{to{opacity:.3;transform:scaleX(.7)}}
@media(max-width:850px){.bar .back{display:none}.bar nav{gap:12px}.hero{grid-template-columns:1fr;padding-top:45px;gap:22px}.status-strip{grid-template-columns:repeat(2,1fr)}.status-strip>div:nth-child(2){border-right:0}.status-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.choices{grid-template-columns:1fr}.signin{flex-direction:column;align-items:start}.choice{min-height:205px}.timer-frame{max-width:500px}}
@media(max-width:480px){.bar{padding:0 13px}.bar nav{gap:10px}.bar nav a{font-size:11px;letter-spacing:1px}.brand span{display:none}.hero h1{font-size:60px}.intel{font-size:9px;letter-spacing:1px}.live-label{display:none}.status-strip strong{font-size:18px}.choice h3{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Respect the HTML hidden attribute even on custom flex panels. */
.signin[hidden],.steam-session[hidden]{display:none!important}
.steam-session{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:15px 22px;margin-bottom:24px;border:1px solid rgba(99,213,157,.3);background:rgba(25,56,41,.67)}
.steam-session strong{font:800 17px Barlow Condensed;letter-spacing:1.5px;color:#a4e4c5}
.steam-session p{margin:0;font-size:12px;color:#acbdb4}
.steam-session button{background:transparent;color:#e6bd83;border:1px solid #aa8b59;padding:9px 14px;cursor:pointer;font:800 12px Barlow Condensed;letter-spacing:1.5px}
.steam-session button:hover{background:#d5a155;color:#101514}

/* DHG homepage-inspired mouse-follow tactical light.
   Fixed behind content, noninteractive, and fine-pointer only. */
.dhg-cursor-light{display:none}
@media (pointer:fine) and (prefers-reduced-motion:no-preference){
  .dhg-cursor-light{
    display:block;
    position:fixed;
    inset:0;
    z-index:1;
    pointer-events:none;
    opacity:0;
    background:radial-gradient(circle 260px at var(--dhg-mouse-x,50%) var(--dhg-mouse-y,40%),rgba(217,157,69,.13) 0%,rgba(217,157,69,.065) 32%,transparent 100%);
    transition:opacity .25s ease;
    will-change:opacity;
  }
  .dhg-cursor-light.is-active{opacity:1}
}
