: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{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-size:13px;font-family:Cinzel,serif;font-weight:700;letter-spacing:1px;text-align:center;cursor:pointer;min-height:48px;min-width:48px;position:relative;overflow:hidden;border:none;border-radius:4px;-webkit-appearance:none;touch-action:manipulation;text-rendering:optimizeLegibility;transition:transform .05s ease-out,box-shadow .05s ease-out,filter .12s;background-image:url(/assets/ui_skin/wood_planks.webp);background-size:150px auto;background-color:var(--dgn-wood);color:var(--dgn-gold-soft);box-shadow:inset 0 0 0 2px var(--dgn-wood-edge),inset 0 2px 1px rgba(255,224,165,.38),inset 0 -5px 9px rgba(0,0,0,.45),0 4px 0 #170d04,0 6px 11px rgba(0,0,0,.5);text-shadow:0 1px 0 rgba(255,240,205,.3),0 -1px 0 rgba(30,14,2,.6),0 1px 2px #000,0 2px 4px rgba(0,0,0,.8)}@media (hover:hover){.dgn-btn:hover{filter:brightness(1.1)}}.dgn-btn:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--dgn-wood-edge),inset 0 2px 5px rgba(0,0,0,.5),0 1px 0 #170d04;filter:brightness(.94)}.dgn-btn:after{content:"";position:absolute;inset:-1px;border-radius:inherit;opacity:0;transition:opacity .2s;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.15),transparent 70%)}@media (hover:hover){.dgn-btn:hover:after{opacity:1}}.dgn-btn--gold{color:#fff3d2;text-shadow:0 1px 0 rgba(40,22,4,.95),0 1px 2px #000,0 2px 4px rgba(0,0,0,.6);box-shadow:inset 0 0 0 2px #5a3f10,inset 0 2px 1px rgba(255,236,165,.5),inset 0 -5px 9px rgba(0,0,0,.42),inset 0 0 18px rgba(255,200,70,.2),0 4px 0 #170d04,0 6px 12px rgba(0,0,0,.55),0 0 18px rgba(242,201,76,.28)}.dgn-btn--green{color:#c2ffce;text-shadow:0 1px 0 rgba(8,30,10,.95),0 1px 2px #000,0 2px 4px rgba(0,0,0,.6);box-shadow:inset 0 0 0 2px #1c4a1c,inset 0 2px 1px rgba(200,255,200,.3),inset 0 -5px 9px rgba(0,0,0,.42),inset 0 0 16px rgba(68,204,68,.16),0 4px 0 #170d04,0 6px 12px rgba(0,0,0,.55),0 0 15px rgba(68,204,68,.22)}.dgn-btn--red{color:#ffcaca;text-shadow:0 1px 0 rgba(40,6,6,.95),0 1px 2px #000,0 2px 4px rgba(0,0,0,.6);box-shadow:inset 0 0 0 2px #5a1414,inset 0 2px 1px rgba(255,200,200,.3),inset 0 -5px 9px rgba(0,0,0,.42),inset 0 0 16px rgba(204,68,68,.16),0 4px 0 #170d04,0 6px 12px rgba(0,0,0,.55),0 0 15px rgba(204,68,68,.22)}.dgn-btn--blue{color:#cae4ff;text-shadow:0 1px 0 rgba(6,18,40,.95),0 1px 2px #000,0 2px 4px rgba(0,0,0,.6);box-shadow:inset 0 0 0 2px #143a5a,inset 0 2px 1px rgba(200,224,255,.3),inset 0 -5px 9px rgba(0,0,0,.42),inset 0 0 16px rgba(68,140,204,.16),0 4px 0 #170d04,0 6px 12px rgba(0,0,0,.55),0 0 15px rgba(68,140,204,.22)}.dgn-btn:disabled,.dgn-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.5) brightness(.6);color:#b8b0a0}.dgn-btn:focus-visible{outline:3px solid var(--dgn-gold);outline-offset:2px}.dgn-btn.dgn-gem{border:none;border-radius:0;background-color:transparent;clip-path:polygon(12% 0,88% 0,100% 28%,100% 72%,88% 100%,12% 100%,0 72%,0 28%);background-image:linear-gradient(180deg,rgba(255,255,255,.6) 0,rgba(255,255,255,.14) 10%,rgba(255,255,255,.04) 24%,transparent 34%),linear-gradient(180deg,transparent 33%,rgba(0,0,0,.18) 33.5%,transparent 34.5%,transparent 63%,rgba(0,0,0,.2) 63.5%,transparent 64.5%),linear-gradient(180deg,transparent 34%,rgba(255,255,255,.18) 35%,transparent 36%,transparent 64%,rgba(255,255,255,.11) 65%,transparent 66%),linear-gradient(135deg,rgba(255,255,255,.34) 0 11%,transparent 11%),linear-gradient(225deg,rgba(255,255,255,.26) 0 11%,transparent 11%),linear-gradient(45deg,rgba(0,0,0,.22) 0 11%,transparent 11%),linear-gradient(315deg,rgba(0,0,0,.2) 0 11%,transparent 11%),radial-gradient(80% 55% at 50% 120%,rgba(0,0,0,.45),transparent 60%),linear-gradient(180deg,var(--gl) 0,var(--gm) 50%,var(--gd) 100%);box-shadow:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 7px var(--gg);filter:drop-shadow(0 5px 7px rgba(0,0,0,.6)) drop-shadow(0 0 12px var(--ga))}.dgn-btn.dgn-gem:before{top:10%;left:16%;width:22%;height:24%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1),rgba(255,255,255,.3) 40%,transparent 68%);filter:blur(.3px)}.dgn-btn.dgn-gem:after,.dgn-btn.dgn-gem:before{content:"";position:absolute;pointer-events:none}.dgn-btn.dgn-gem:after{inset:0;clip-path:inherit;opacity:1;background:none;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4),inset 0 3px 2px rgba(255,255,255,.5),inset 0 -12px 16px rgba(0,0,0,.4),inset 0 0 16px var(--gg)}@media (hover:hover){.dgn-btn.dgn-gem:hover{filter:drop-shadow(0 5px 7px rgba(0,0,0,.6)) drop-shadow(0 0 16px var(--ga)) brightness(1.08)}}.dgn-btn.dgn-gem:active{transform:translateY(2px);box-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6)) drop-shadow(0 0 10px var(--ga)) brightness(.95)}.dgn-gem-amber{--gl:#ffe08a;--gm:#e89a2a;--gd:#7e4408;--gg:rgba(255,200,80,.5);--ga:rgba(255,170,40,.5)}.dgn-gem-sapphire{--gl:#9fd6ff;--gm:#2a78d8;--gd:#0c2f6e;--gg:rgba(120,200,255,.5);--ga:rgba(80,170,255,.5)}.dgn-gem-ruby{--gl:#ff9fa8;--gm:#d62a3a;--gd:#640c1a;--gg:rgba(255,90,90,.5);--ga:rgba(230,60,70,.5)}.dgn-gem-emerald{--gl:#9affc0;--gm:#1fb05a;--gd:#0a5e2a;--gg:rgba(60,220,120,.5);--ga:rgba(40,200,100,.5)}.dgn-gem-amethyst{--gl:#d6a8ff;--gm:#8a3fd8;--gd:#3a1070;--gg:rgba(180,110,255,.5);--ga:rgba(150,80,235,.5)}.dgn-panel{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:0;background:linear-gradient(160deg,rgba(20,14,8,.93),rgba(9,6,3,.97)),url(/assets/ui_skin/stone_blocks.webp);background-size:cover,120px 120px;background-repeat:no-repeat,repeat;border:15px solid transparent;-o-border-image:url(/assets/ui_skin/stone_blocks.webp) 38 repeat;border-image:url(/assets/ui_skin/stone_blocks.webp) 38 repeat;box-shadow:inset 0 0 0 2px rgba(255,205,90,.45),inset 0 0 22px rgba(0,0,0,.55),0 14px 60px rgba(0,0,0,.92),0 0 40px rgba(255,180,50,.18)}.dgn-panel-header{padding:14px 18px;font-family:Cinzel,serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dgn-gold);font-size:14px;background:linear-gradient(180deg,rgba(40,30,16,.5),transparent);border-bottom:1px solid rgba(255,205,90,.18)}.dgn-panel-body{padding:18px;color:var(--dgn-text)}.dgn-divider{display:flex;align-items:center;gap:16px;margin:28px 0}.dgn-divider:after,.dgn-divider:before{content:"";flex:1;height:1px}.dgn-divider:before{background:linear-gradient(90deg,transparent,rgba(242,201,76,.4),rgba(242,201,76,.6))}.dgn-divider:after{background:linear-gradient(270deg,transparent,rgba(242,201,76,.4),rgba(242,201,76,.6))}.dgn-divider>span{color:rgba(242,201,76,.75);font-family:Cinzel,serif;font-size:13px;letter-spacing:.25em;line-height:1}.dgn-parchment{position:relative}.dgn-parchment:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at top,rgba(242,201,76,.04) 0,transparent 60%),radial-gradient(ellipse at bottom right,rgba(242,201,76,.03) 0,transparent 50%);mix-blend-mode:screen}.dgn-nav-ico{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.dgn-hairline{position:absolute;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(242,201,76,.55),transparent)}.dgn-hairline[data-edge=top]{top:0}.dgn-hairline[data-edge=bottom]{bottom:0}@media (max-width:480px){.dgn-btn{min-width:0}.dgn-panel{width:100%;max-width:none;height:100%;max-height:100%;margin:0;border:none;-o-border-image:none;border-image:none;box-shadow:inset 0 0 0 2px rgba(255,215,0,.3);background:linear-gradient(160deg,rgba(18,12,6,.97),rgba(9,6,3,.99)),url(/assets/ui_skin/stone_blocks.webp);background-size:cover,128px 128px}}@media (prefers-reduced-motion:reduce){.dgn-btn,.dgn-btn.dgn-gem{transition:none}}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .42s ease-out,transform .42s ease-out}[data-reveal].is-revealed{opacity:1;transform:translateY(0)}[data-reveal]:nth-child(2){transition-delay:40ms}[data-reveal]:nth-child(3){transition-delay:80ms}[data-reveal]:nth-child(4){transition-delay:.12s}[data-reveal]:nth-child(5){transition-delay:.16s}[data-reveal]:nth-child(6){transition-delay:.2s}[data-reveal]:nth-child(7){transition-delay:.24s}[data-reveal]:nth-child(n+8){transition-delay:.28s}.stagger-grid>[data-reveal]{animation:none}.dgn-img-shimmer{position:absolute;inset:0;background:linear-gradient(100deg,rgba(242,201,76,.05) 20%,rgba(242,201,76,.14) 40%,rgba(242,201,76,.05) 60%);background-size:200% 100%;animation:dgn-img-shimmer-sweep 1.6s ease-in-out infinite;pointer-events:none}@keyframes dgn-img-shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.dgn-img-fade{opacity:0;transition:opacity .3s ease-out}.dgn-img-fade.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important}}