.dgn{--font-pixel: "Minecraft Dungeons", "Minecraft Seven", "Pixelify Sans", monospace;--font-display: "Minecraft Dungeons", "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-mc: "Minecraft Seven", "Minecraft Dungeons", "Pixelify Sans", monospace;--radius-xs: 0px;--radius-sm: 2px;--radius-md: 2px;--radius-pill: 2px}.dgn-panel{position:relative;background:var(--surface);border:2px solid var(--border-strong);border-radius:0;padding:clamp(16px,2.4vw,24px);box-shadow:var(--shadow-md),inset 0 0 0 2px var(--void-950),inset 0 2px #ffffff0d}.dgn-panel:before{content:"";position:absolute;inset:5px;pointer-events:none;z-index:3;opacity:.4;--cc: var(--gold-700);--cl: 13px;--ct: 2px;background-image:linear-gradient(var(--cc),var(--cc)),linear-gradient(var(--cc),var(--cc)),linear-gradient(var(--cc),var(--cc)),linear-gradient(var(--cc),var(--cc)),linear-gradient(var(--cc),var(--cc)),linear-gradient(var(--cc),var(--cc)),linear-gradient(var(--cc),var(--cc)),linear-gradient(var(--cc),var(--cc));background-size:var(--cl) var(--ct),var(--ct) var(--cl),var(--cl) var(--ct),var(--ct) var(--cl),var(--cl) var(--ct),var(--ct) var(--cl),var(--cl) var(--ct),var(--ct) var(--cl);background-position:left top,left top,right top,right top,right bottom,right bottom,left bottom,left bottom;background-repeat:no-repeat}.dgn-panel--flush{padding:0}.dgn-panel--flush:before{inset:4px;opacity:.5}.dgn-label{font-family:var(--font-pixel);font-size:13px;letter-spacing:.14em;color:var(--gold-300);text-transform:uppercase;margin:0 0 16px;padding-bottom:11px;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:10px}.dgn-label:before{content:"";width:4px;height:16px;background:var(--sl-acc, var(--gold));box-shadow:0 0 7px color-mix(in srgb,var(--sl-acc, var(--gold)) 55%,transparent);flex:none}.dgn-label .dgn-count{margin-left:auto;color:var(--text-faint);letter-spacing:.08em;font-size:11px}.dgn-tile{--acc: var(--gold);position:relative;overflow:hidden;border-radius:3px;background:linear-gradient(152deg,#232b3b,#161b27 52%,#0d1019);box-shadow:inset 2px 2px #ffffff17,inset -2px -2px #0000008c,0 2px 6px #00000073}.dgn-tile:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--acc),transparent 82%);opacity:.85}.dgn-hex-badge{position:relative;width:52px;height:58px;flex:none}.dgn-hex{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.dgn-hex-outer{position:absolute;inset:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.dgn-hex-inner{position:absolute;inset:3px;background:var(--void-900);display:grid;place-items:center}.dgn-hex-val{font-family:var(--font-pixel);font-weight:700;font-size:17px;line-height:1}.dgn-hex-label{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-family:var(--font-pixel);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);background:var(--void-950);padding:1px 6px;border-radius:2px;white-space:nowrap}.dgn-bar{height:12px;background:var(--void-950);border:1px solid var(--border-soft);overflow:hidden;box-shadow:var(--bevel-slot)}.dgn-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--gold-700),var(--gold) 60%,var(--gold-300));box-shadow:0 0 10px #fa06;transition:width .8s var(--ease-out)}.dgn-medal{width:30px;height:30px;margin:0 auto;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-family:var(--font-pixel);font-size:13px;font-weight:700;color:#1a130a}.dgn-medal--1{background:linear-gradient(155deg,#ffe9a8,var(--gold) 60%,#b8860b);box-shadow:0 0 12px #ffaa0080}.dgn-medal--2{background:linear-gradient(155deg,#f4f8ff,#aeb9cc 60%,#7d899e)}.dgn-medal--3{background:linear-gradient(155deg,#f0b681,#c4763a 60%,#8a4f23);color:#2a1606}.dgn-rank{font-family:var(--font-pixel);font-size:14px;font-weight:700;color:var(--text-faint);text-align:center}.dgn-msg{display:flex;align-items:center;justify-content:center;gap:12px;min-height:120px;padding:28px;text-align:center;color:var(--text-muted)}.dgn-msg--idle{color:var(--text-faint)}.dgn-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--void-600);border-top-color:var(--gold);animation:dgn-spin .7s linear infinite;flex:none}@keyframes dgn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dgn-spinner{animation:none}}.dgn-hero{position:relative;isolation:isolate;overflow:hidden;background-color:#0b0810;background-image:radial-gradient(rgba(255,255,255,.022) 1px,transparent 1px),radial-gradient(130% 80% at 50% -14%,rgba(255,170,0,.18),transparent 56%),radial-gradient(150% 120% at 50% 42%,transparent 34%,rgba(0,0,0,.66) 100%),linear-gradient(180deg,#140e18d1,#0c0910e6 55%,#08060bf2),url(/assets/hero-stonebrick.png);background-size:3px 3px,auto,auto,auto,104px 104px;background-repeat:repeat,no-repeat,no-repeat,no-repeat,repeat;box-shadow:var(--shadow-panel),inset 0 0 0 2px var(--void-950),inset 0 2px #ffffff0f}.dgn-hero-rays{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(/assets/hero-rays.svg) right top / cover no-repeat;mix-blend-mode:screen;transform-origin:100% 0%;animation:dgn-godray 15s ease-in-out infinite;opacity:.55}@keyframes dgn-godray{0%,to{opacity:.45;transform:rotate(-.7deg) scale(1)}50%{opacity:.62;transform:rotate(.7deg) scale(1.02)}}@media(prefers-reduced-motion:reduce){.dgn-hero-rays{animation:none}}.dgn-gilded{border-color:var(--gold)!important;box-shadow:var(--glow-gold-md),var(--shadow-panel)}