/* Gold Rush Depths 3D: navy / gold / champagne. No white UI backgrounds, no coral chrome. */
.gd-wrap{position:relative;width:100%;height:min(82vh,860px);min-height:460px;border-radius:18px;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#132a6b,#050b24 70%);border:2px solid #C9A227;box-shadow:0 0 0 1px #021F54,0 18px 50px rgba(2,10,40,.55);touch-action:none;user-select:none;-webkit-user-select:none;color:#F7E7CE;font-family:system-ui,Arial,sans-serif}
@media (max-width:600px){.gd-wrap{height:calc(100vh - 16px);height:calc(100dvh - 16px);min-height:500px;border-radius:14px}}
.gd-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}
.gd-hud{position:absolute;inset:0;pointer-events:none}
.gd-wrap[data-mode="panel"] .gd-hud>*:not(.gd-top):not(.gd-corner){opacity:.25}
.gd-top{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.gd-pill{pointer-events:none;padding:.22rem .6rem;border-radius:999px;background:linear-gradient(180deg,rgba(11,37,69,.88),rgba(2,15,50,.88));border:1.5px solid #C9A227;color:#FFE680;font:800 .86rem/1.25 system-ui,Arial;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.gd-dpill{color:#cfe3ff;border-color:#6f8fd8}
.gd-prog{flex:1;max-width:260px;display:flex;flex-direction:column;align-items:center;gap:2px;margin-right:62px}
.gd-prog b{white-space:nowrap;font:900 .72rem system-ui,Arial;letter-spacing:.08em;text-transform:uppercase;color:#F7E7CE;text-shadow:0 1px 3px #000}
.gd-pbar{position:relative;width:100%;height:10px;border-radius:999px;background:rgba(2,12,40,.8);border:1.5px solid #C9A227;overflow:visible}
.gd-pbar>span{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0)*100%);border-radius:999px;background:linear-gradient(90deg,#B8860B,#FFD54F 70%,#FFF3B0);box-shadow:0 0 10px rgba(255,213,79,.7);transition:width .25s}
.gd-st{position:absolute;top:50%;transform:translate(-50%,-50%);font-style:normal;font-size:15px;line-height:1;color:#3a4569;text-shadow:0 0 2px #000}
.gd-st.on{color:#FFD54F;text-shadow:0 0 8px #FFC72C,0 0 2px #000;animation:gd-pop .4s}
.gd-s1{left:40%}.gd-s2{left:70%}.gd-s3{left:95%}
.gd-flag{position:absolute;right:-14px;top:50%;transform:translateY(-55%);font-style:normal;color:#F7E7CE;font-size:14px}
@keyframes gd-pop{50%{transform:translate(-50%,-50%) scale(1.6)}}
.gd-gauges{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:flex;gap:4px;align-items:flex-end;flex-wrap:wrap;width:34px}
.gd-vg{position:relative;width:13px;height:130px;border-radius:8px;background:rgba(2,12,40,.78);border:1.5px solid #C9A227;overflow:hidden}
.gd-vg>span{position:absolute;left:0;right:0;bottom:0;height:calc(var(--p,0)*100%);transition:height .2s}
.gd-cg>span{background:linear-gradient(0deg,#B8860B,#FFD54F)}.gd-eg>span{background:linear-gradient(0deg,#1f6d8f,#7fe0c0)}
.gd-vg.full{animation:gd-blink .8s infinite}.gd-vg.low{border-color:#e05a5a}
@keyframes gd-blink{50%{box-shadow:0 0 12px #FFD54F}}
.gd-gauges small{width:60px;font:800 .62rem system-ui;color:#FFE680;text-shadow:0 1px 2px #000}
.gd-mini{position:absolute;right:8px;top:62px;width:56px;height:80px;border-radius:8px;border:1.5px solid #C9A227;opacity:.9}
.gd-corner{position:absolute;right:8px;top:8px;display:none}
.gd-cbtn{pointer-events:auto;width:36px;height:36px;border-radius:12px;border:1.5px solid #C9A227;background:rgba(2,15,50,.7);color:#FFE680;font-size:1.05rem;cursor:pointer;display:grid;place-items:center}
.gd-cbtn:focus-visible,.gd-homeb:focus-visible{outline:3px solid #FFE680;outline-offset:2px}
.gd-top .gd-dpill{margin-right:0}
.gd-hud .gd-corner{display:flex;flex-direction:column;gap:6px;top:auto;bottom:10px}
.gd-homeb{pointer-events:auto;position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:.4rem .9rem;border-radius:999px;border:1.5px solid #C9A227;background:rgba(2,15,50,.72);color:#FFE680;font:800 .85rem system-ui;cursor:pointer}
.gd-homeb.pulse{animation:gd-pulse 1s infinite;background:rgba(120,90,10,.85)}
@keyframes gd-pulse{50%{box-shadow:0 0 0 6px rgba(255,213,79,.35)}}
.gd-pops{position:absolute;inset:0;overflow:hidden}
.gd-pop{position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,-50%);font:900 1.25rem system-ui;color:var(--pc,#FFD54F);text-shadow:0 2px 0 #021F54,0 0 12px rgba(255,199,44,.7);animation:gd-rise 1.6s ease-out forwards;white-space:nowrap}
@keyframes gd-rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-260%) scale(1)}}
.gd-lock{position:absolute;left:var(--lx);top:var(--ly);transform:translate(-50%,-50%);padding:.1rem .4rem;border-radius:8px;background:rgba(2,15,50,.85);border:1.5px solid #8c90a6;color:#dfe7ff;font:800 .75rem system-ui;opacity:0;transition:opacity .15s}
.gd-lock.on{opacity:1}
.gd-joy{position:absolute;left:var(--jx);top:var(--jy);width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;border:2px solid rgba(255,213,79,.45);background:radial-gradient(circle,rgba(11,37,69,.25),rgba(2,15,50,.15));opacity:0;transition:opacity .15s}
.gd-joy.on{opacity:1}
.gd-joy i{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,243,176,.75),rgba(255,199,44,.55) 60%,rgba(184,134,11,.5));transform:translate(var(--kx,0),var(--ky,0))}
.gd-banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none}
.gd-banner b{display:block;font:900 2.3rem Georgia,serif;color:#FFD54F;text-shadow:0 3px 0 #021F54,0 0 24px rgba(255,199,44,.8);letter-spacing:.04em}
.gd-banner span{font:700 .9rem system-ui;color:#F7E7CE;text-shadow:0 1px 3px #000}
.gd-banner.on{animation:gd-ban 2.6s ease forwards}
@keyframes gd-ban{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0}}
.gd-toast{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);max-width:86%;margin:0;padding:.35rem .8rem;border-radius:12px;background:rgba(2,15,50,.85);border:1.5px solid #C9A227;color:#F7E7CE;font:700 .85rem system-ui;text-align:center;opacity:0;transition:opacity .2s}
.gd-toast.on{opacity:1}.gd-toast.good{border-color:#7fe0c0}.gd-toast.warn{border-color:#FFD54F;color:#FFE680}
/* Panels */
.gd-panel{position:absolute;inset:0;z-index:5;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:linear-gradient(180deg,rgba(5,14,48,.94),rgba(2,8,30,.97));color:#F7E7CE}
.gd-panel[hidden]{display:none}
.gd-menu{align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(19,42,107,.55),rgba(2,8,30,.82))}
.gd-title{font:900 1.9rem Georgia,serif;color:#FFD54F;margin:0;text-shadow:0 3px 0 #021F54,0 0 22px rgba(255,199,44,.55)}
.gd-sub,.gd-mstat{margin:0;max-width:34ch}.gd-mstat{color:#FFE680;font-weight:700}
.gd-sheet{justify-content:center}
.gd-h{font:900 1.3rem Georgia,serif;color:#FFD54F;margin:0}.gd-h2{font:800 1rem system-ui;color:#FFE680;margin:.4rem 0 0}
.gd-sgrid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.gd-items,.gd-supp,.gd-tracks,.gd-rigs{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.gd-items li,.gd-supp li{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;padding:.45rem .6rem;border-radius:12px;background:rgba(11,37,69,.7);border:1px solid rgba(201,162,39,.55)}
.gd-items small,.gd-supp small{flex-basis:100%;color:#cfd8f0;font-size:.8rem}
.gd-supp li .btn{margin-left:auto}
.gd-thead{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;position:sticky;top:-1rem;padding:.4rem 0;background:#060f36;z-index:1}
.gd-tcash{margin:0;font-weight:800;color:#FFE680}
.gd-note{margin:0;color:#cfd8f0;font-size:.88rem}
.gd-tracks{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.gd-track,.gd-rig{display:flex;flex-direction:column;gap:.25rem;padding:.6rem;border-radius:14px;background:linear-gradient(180deg,#0e2a5a,#081c45);border:1.5px solid rgba(201,162,39,.6)}
.gd-trh{display:flex;justify-content:space-between;align-items:baseline}.gd-trh b{color:#FFD54F}
.gd-pips{color:#FFD54F;font-size:.62rem;letter-spacing:1px}
.gd-tier{margin:0;font-weight:700;font-size:.85rem}
.gd-track small,.gd-rig small{color:#cfd8f0;font-size:.78rem}
.gd-stat{display:grid;grid-template-columns:minmax(0,1fr) 44%;gap:.4rem;align-items:center;font-size:.75rem;font-weight:700}
.gd-sbar{position:relative;height:8px;border-radius:999px;background:#031033;border:1px solid #39507f;overflow:hidden}
.gd-sbar b{position:absolute;left:0;top:0;bottom:0;width:calc(var(--w,0)*100%);border-radius:999px}
.gd-snext{background:rgba(127,224,192,.65)}.gd-snow{background:linear-gradient(90deg,#B8860B,#FFD54F);z-index:1}
.gd-rigs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.gd-rig.on{border-color:#FFD54F;box-shadow:0 0 16px rgba(255,213,79,.35)}
.gd-rig b{color:#FFD54F}
img.gd-rpic{width:100%;max-height:130px;aspect-ratio:7/5;object-fit:cover;border-radius:10px;border:1px solid #1d3b66}
.gd-tag{align-self:flex-start;padding:.15rem .6rem;border-radius:999px;background:#FFD54F;color:#021F54;font-weight:900;font-size:.8rem}
.gd-track .btn,.gd-rig .btn{align-self:flex-start}
.gd-close{align-self:center;margin-top:.4rem}
.gd-mapp{padding-bottom:.6rem}
.gd-map{flex:1 1 0;min-height:220px;width:100%;border-radius:12px;border:1.5px solid #C9A227;background:radial-gradient(120% 70% at 50% 20%,#14306e,#061235);touch-action:none;cursor:pointer}
.gd-mapinfo{margin:0;font-size:.82rem;min-height:2.4em;color:#F7E7CE}
.gd-row{display:flex;flex-wrap:wrap;gap:.4rem}
.btn.sm{padding:.3rem .7rem;font-size:.85rem;min-height:34px}
.gd-fsx{position:fixed;right:10px;top:10px;z-index:10001;padding:.35rem .7rem;border-radius:999px;border:1.5px solid #C9A227;background:rgba(2,15,50,.85);color:#FFE680;font:800 .8rem system-ui;cursor:pointer}
.gd-fsx[hidden]{display:none}
/* Full screen (real API) and CSS fallback */
.g-stage:fullscreen{background:#050b24}.g-stage:fullscreen .gd-wrap{height:100vh;height:100dvh;border-radius:0;border:0}
body.gd-pseudo{overflow:hidden}
body.gd-pseudo header.site,body.gd-pseudo footer.site,body.gd-pseudo .btt{display:none!important}
body.gd-pseudo .pg-depths .g-stage,body.gd-pseudo .g-stage[data-game="depths"]{position:fixed;inset:0;z-index:10000;margin:0;background:#050b24}
body.gd-pseudo .gd-wrap{height:100vh;height:100dvh;border-radius:0;border:0}
@media (prefers-reduced-motion:reduce){.gd-banner.on,.gd-pop,.gd-st.on,.gd-homeb.pulse,.gd-vg.full{animation-duration:.01s}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.gd-btiles{list-style:none;padding:0;margin:.4rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}
.gd-btile{position:relative;width:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.8rem .6rem;border-radius:16px;cursor:pointer;color:#F7E7CE;text-align:center;font:inherit;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 6px),radial-gradient(circle at 50% 0%,#24346e,#0B1A44 70%);border:2px solid #C9A227;box-shadow:inset 0 0 0 1px rgba(255,230,128,.25),0 6px 16px rgba(0,0,0,.4)}
.gd-btile:hover,.gd-btile:focus-visible{border-color:#FFE680;outline:3px solid #FFE680;outline-offset:2px}
.gd-bico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:900 1.15rem Arial;color:#021F54;background:radial-gradient(circle at 35% 30%,#FFF3B0,#FFC72C 60%,#B8860B)}
.gd-btile b{color:#FFD54F;font-size:1.05rem}.gd-btile small{font-size:.88rem;color:#dfe7ff}
.gd-bprice{margin-top:auto;padding:.2rem .7rem;border-radius:999px;background:#021F54;border:1px solid #FFD54F;color:#FFE680;font-weight:900}
.gd-bon{position:absolute;top:6px;right:6px;padding:.1rem .45rem;border-radius:8px;background:#FFD54F;color:#021F54;font-weight:900;font-size:.8rem}
.gd-bnote{padding:.6rem;border-radius:12px;border:1px dashed #C9A227;margin-bottom:.5rem}.gd-bnote .btn{margin:.2rem .3rem 0 0}
.gd-bconf{padding:.8rem;border-radius:14px;border:2px solid #FFD54F;background:#0B1A44}.gd-bbal{font-weight:800;color:#FFE680}.gd-bmsg{color:#F7E7CE}
.gd-close{margin-top:.6rem}
.pg-depths .g-hero + h1{margin-bottom:.4rem}
/* Game first: the score bar and buttons sit just under the mine (games-fx wraps them together for full screen) */
.pg-depths .g-play{display:flex;flex-direction:column}.pg-depths .g-play>.g-stage{order:1}.pg-depths .g-play>.g-bar{order:2;margin-top:.5rem}.pg-depths .g-play>.g-msg{order:3}.pg-depths .g-play>.g-result{order:4}

/* Shared full screen layer (games-fx #g-fs icon): leave room for it and fill the screen */
.gd-sharedfs .gd-top{right:56px}
.g-play.is-full>.g-stage[data-game="depths"]{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:0;margin:0;width:100%}
.g-play.is-full .gd-wrap{flex:1 1 auto;height:auto;min-height:0;width:100%;border-radius:0;border:0}
.gd-cbtn[hidden]{display:none}
.pg-depths .g-stage[data-game="depths"],.g-stage[data-game="depths"]{background:transparent;padding:0;border:0;box-shadow:none}
.gd-sharedfs .gd-thead{padding-right:76px}
@media (orientation:landscape) and (max-height:560px){.gd-wrap{height:calc(100dvh - 12px);min-height:280px}.gd-vg{height:90px}.gd-mini{top:50px;width:46px;height:66px}}

/* Big gold close X on every pad panel: top-right, 60px tap target, returns straight to driving (Esc works too) */
.gd-x{position:absolute;top:.55rem;right:.55rem;z-index:9;width:60px;height:60px;border-radius:50%;border:3px solid #021F54;background:radial-gradient(circle at 35% 30%,#FFF3C4,#FFD54F 45%,#C9A227);color:#021F54;font:900 1.9rem/1 system-ui,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 3px #FFC72C,0 6px 18px rgba(0,0,0,.55);padding:0}
.gd-x[hidden]{display:none}
.gd-x:hover{transform:scale(1.06)}.gd-x:focus-visible{outline:4px solid #F7E7CE;outline-offset:3px}
.gd-wrap[data-mode="panel"] .gd-thead,.gd-sheet>.gd-h{padding-right:76px}
/* while a pad panel is open the shared corner icons step aside so the X owns the corner */
body:has(#gd-x:not([hidden])) #g-fs{visibility:hidden}
/* Depths has its own sound switch (start + pause menus, synced with the site-wide setting), so the shared speaker icon is hidden on this page only */
body:has(#gd-wrap) #g-snd{display:none!important}
.gd-mute{min-height:48px}