:root{--dgn-gold:#f2c94c;--dgn-gold-soft:#ffe9bd;--dgn-bg:#0a0804;--dgn-bg-2:#120c06;--dgn-text:#f3ead6;--dgn-wood:#6b4626;--dgn-wood-edge:#1b1008}.dgn-btn{letter-spacing:1px;text-align:center;cursor:pointer;-webkit-appearance:none;touch-action:manipulation;text-rendering:optimizelegibility;background-image:url(/assets/ui_skin/wood_planks.webp);background-size:150px;background-color:var(--dgn-wood);min-width:48px;min-height:48px;color:var(--dgn-gold-soft);box-shadow:inset 0 0 0 2px var(--dgn-wood-edge), inset 0 2px 1px #ffe0a561, inset 0 -5px 9px #00000073, 0 4px 0 #170d04, 0 6px 11px #00000080;text-shadow:0 1px #fff0cd4d,0 -1px #1e0e0299,0 1px 2px #000,0 2px 4px #000c;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-family:Cinzel,serif;font-size:13px;font-weight:700;transition:transform 50ms ease-out,box-shadow 50ms ease-out,filter .12s;display:inline-flex;position:relative;overflow:hidden}@media (hover:hover){.dgn-btn:hover{filter:brightness(1.1)}}.dgn-btn:active{box-shadow:inset 0 0 0 2px var(--dgn-wood-edge), inset 0 2px 5px #00000080, 0 1px 0 #170d04;filter:brightness(.94);transform:translateY(3px)}.dgn-btn:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff26,#0000 70%);transition:opacity .2s;position:absolute;inset:-1px}@media (hover:hover){.dgn-btn:hover:after{opacity:1}}.dgn-btn--sm{letter-spacing:.5px;border-radius:3px;min-width:0;min-height:34px;padding:7px 14px;font-size:12px}.dgn-btn--gold{color:#fff3d2;text-shadow:0 1px #281604f2,0 1px 2px #000,0 2px 4px #0009;box-shadow:inset 0 0 0 2px #5a3f10,inset 0 2px 1px #ffeca580,inset 0 -5px 9px #0000006b,inset 0 0 18px #ffc84633,0 4px #170d04,0 6px 12px #0000008c,0 0 18px #f2c94c47}.dgn-btn--green{color:#c2ffce;text-shadow:0 1px #081e0af2,0 1px 2px #000,0 2px 4px #0009;box-shadow:inset 0 0 0 2px #1c4a1c,inset 0 2px 1px #c8ffc84d,inset 0 -5px 9px #0000006b,inset 0 0 16px #44cc4429,0 4px #170d04,0 6px 12px #0000008c,0 0 15px #44cc4438}.dgn-btn--red{color:#ffcaca;text-shadow:0 1px #280606f2,0 1px 2px #000,0 2px 4px #0009;box-shadow:inset 0 0 0 2px #5a1414,inset 0 2px 1px #ffc8c84d,inset 0 -5px 9px #0000006b,inset 0 0 16px #cc444429,0 4px #170d04,0 6px 12px #0000008c,0 0 15px #cc444438}.dgn-btn--blue{color:#cae4ff;text-shadow:0 1px #061228f2,0 1px 2px #000,0 2px 4px #0009;box-shadow:inset 0 0 0 2px #143a5a,inset 0 2px 1px #c8e0ff4d,inset 0 -5px 9px #0000006b,inset 0 0 16px #448ccc29,0 4px #170d04,0 6px 12px #0000008c,0 0 15px #448ccc38}.dgn-btn:disabled,.dgn-btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;filter:grayscale(.5)brightness(.6);color:#b8b0a0;transform:none}.dgn-btn:focus-visible{outline:3px solid var(--dgn-gold);outline-offset:2px}.dgn-btn.dgn-gem{clip-path:polygon(12% 0,88% 0,100% 28%,100% 72%,88% 100%,12% 100%,0 72%,0 28%);background-color:#0000;background-image:linear-gradient(180deg, #fff9 0%, #ffffff24 10%, #ffffff0a 24%, transparent 34%), linear-gradient(180deg, transparent 33%, #0000002e 33.5%, transparent 34.5%, transparent 63%, #0003 63.5%, transparent 64.5%), linear-gradient(180deg, transparent 34%, #ffffff2e 35%, transparent 36%, transparent 64%, #ffffff1c 65%, transparent 66%), linear-gradient(135deg, #ffffff57 0 11%, transparent 11%), linear-gradient(225deg, #ffffff42 0 11%, transparent 11%), linear-gradient(45deg, #00000038 0 11%, transparent 11%), linear-gradient(315deg, #0003 0 11%, transparent 11%), radial-gradient(80% 55% at 50% 120%, #00000073, transparent 60%), linear-gradient(180deg, var(--gl) 0%, var(--gm) 50%, var(--gd) 100%);box-shadow:none;color:#fff;text-shadow:0 1px 2px #000000d9, 0 0 7px var(--gg);filter:drop-shadow(0 5px 7px #0009) drop-shadow(0 0 12px var(--ga));border:none;border-radius:0}.dgn-btn.dgn-gem:before{content:"";pointer-events:none;filter:blur(.3px);background:radial-gradient(circle,#fff,#ffffff4d 40%,#0000 68%);border-radius:50%;width:22%;height:24%;position:absolute;top:10%;left:16%}.dgn-btn.dgn-gem:after{content:"";clip-path:inherit;opacity:1;pointer-events:none;box-shadow:inset 0 0 0 1.5px #fff6, inset 0 3px 2px #ffffff80, inset 0 -12px 16px #0006, inset 0 0 16px var(--gg);background:0 0;position:absolute;inset:0}@media (hover:hover){.dgn-btn.dgn-gem:hover{filter:drop-shadow(0 5px 7px #0009) drop-shadow(0 0 16px var(--ga)) brightness(1.08)}}.dgn-btn.dgn-gem:active{box-shadow:none;filter:drop-shadow(0 2px 3px #0009) drop-shadow(0 0 10px var(--ga)) brightness(.95);transform:translateY(2px)}.dgn-gem-amber{--gl:#ffe08a;--gm:#e89a2a;--gd:#7e4408;--gg:#ffc85080;--ga:#ffaa2880}.dgn-gem-sapphire{--gl:#9fd6ff;--gm:#2a78d8;--gd:#0c2f6e;--gg:#78c8ff80;--ga:#50aaff80}.dgn-gem-ruby{--gl:#ff9fa8;--gm:#d62a3a;--gd:#640c1a;--gg:#ff5a5a80;--ga:#e63c4680}.dgn-gem-emerald{--gl:#9affc0;--gm:#1fb05a;--gd:#0a5e2a;--gg:#3cdc7880;--ga:#28c86480}.dgn-gem-amethyst{--gl:#d6a8ff;--gm:#8a3fd8;--gd:#3a1070;--gg:#b46eff80;--ga:#9650eb80}.dgn-panel{background:linear-gradient(160deg,#140e08ed,#090603f7) 0 0/cover no-repeat,url(/assets/ui_skin/stone_blocks.webp) 0 0/120px 120px;border:15px solid #0000;border-image:url(/assets/ui_skin/stone_blocks.webp) 38 repeat;border-radius:0;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffcd5a73,inset 0 0 22px #0000008c,0 14px 60px #000000eb,0 0 40px #ffb4322e}.dgn-panel-header{letter-spacing:.12em;text-transform:uppercase;color:var(--dgn-gold);background:linear-gradient(#281e1080,#0000);border-bottom:1px solid #ffcd5a2e;padding:14px 18px;font-family:Cinzel,serif;font-size:14px;font-weight:700}.dgn-panel-body{color:var(--dgn-text);padding:18px}.dgn-divider{align-items:center;gap:16px;margin:28px 0;display:flex}.dgn-divider:before,.dgn-divider:after{content:"";flex:1;height:1px}.dgn-divider:before{background:linear-gradient(90deg,#0000,#f2c94c66,#f2c94c99)}.dgn-divider:after{background:linear-gradient(270deg,#0000,#f2c94c66,#f2c94c99)}.dgn-divider>span{color:#f2c94cbf;letter-spacing:.25em;font-family:Cinzel,serif;font-size:13px;line-height:1}.dgn-parchment{position:relative}.dgn-parchment:before{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(at top,#f2c94c0a 0%,#0000 60%),radial-gradient(at 100% 100%,#f2c94c08 0%,#0000 50%);position:absolute;inset:0}.dgn-nav-ico{object-fit:contain;filter:drop-shadow(0 1px 2px #0009);width:28px;height:28px}@media (max-width:480px){.dgn-btn{min-width:0}.dgn-panel{background:linear-gradient(160deg,#120c06f7,#090603fc) 0 0/cover,url(/assets/ui_skin/stone_blocks.webp) 0 0/128px 128px;border:none;border-image:;width:100%;max-width:none;height:100%;max-height:100%;margin:0;box-shadow:inset 0 0 0 2px #ffd7004d}}@media (prefers-reduced-motion:reduce){.dgn-btn,.dgn-btn.dgn-gem{transition:none}}.dgn-btn.dgn-btn:not(.dgn-gem){background-color:var(--dgn-wood);color:var(--dgn-gold-soft);background-image:url(/assets/ui_skin/wood_planks.webp)}.dgn-btn--gold.dgn-btn--gold.dgn-btn--gold{color:#fff3d2}.dgn-btn--green.dgn-btn--green.dgn-btn--green{color:#c2ffce}.dgn-btn--red.dgn-btn--red.dgn-btn--red{color:#ffcaca}.dgn-btn--blue.dgn-btn--blue.dgn-btn--blue{color:#cae4ff}