/* Das Große Tal 2.8 · freigegebene Art Direction – echtes HTML, keine Screenshot-Klickflächen. */
:root{--bg:#100d0a;--side:#100e0b;--panel:#1a1511;--panel2:#2a1e14;--line:#86613d;--text:#f4eadb;--muted:#c6ad8d;--gold:#edbd72;--gold2:#ffdfa1;--green:#83b43a;--radius:5px}
body{background:#0d0b09;color:#f5e8d0}
.sidebar{width:217px;min-width:217px;border-right:3px ridge #96754a;background:linear-gradient(180deg,#1c1712ed 0%,#100f0beb 68%,#11100ddd 100%),url(/assets/dgt-side-fern.webp) center bottom/100% auto no-repeat,#12100d;box-shadow:inset -2px 0 9px #000c,4px 0 15px #0008}
.sidebar .brand-icon{width:203px;height:203px;filter:drop-shadow(0 5px 9px #000b)}
.sidebar nav a{min-height:43px;font-size:17px;color:#f2dec0;text-shadow:0 1px 2px #000b;border-bottom:1px solid #a287533a}
.sidebar nav a.active{background:linear-gradient(130deg,#81521a,#42301c 61%,#533719);border:1px solid #f3c475;box-shadow:inset 0 0 0 1px #f2cc813b,0 0 17px #e39b4b4f,0 4px 5px #000a;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.dgt-svg-icon{width:1.1em;height:1.1em;stroke:currentColor;vertical-align:middle;filter:drop-shadow(0 0 2px #ec9b4680)}
.sidebar nav a .navico{display:inline-flex;align-items:center;justify-content:center;width:26px;color:#ffd18a}.sidebar nav a .navico .dgt-svg-icon{width:24px;height:24px}
.topbar{background:linear-gradient(180deg,#393025,#1c1813 68%,#100e0a);box-shadow:inset 0 1px #d5a75d4d,0 3px 9px #000d;border-bottom:2px solid #b58a50}
.dgt-topnav .dgt-menu-symbol{display:inline-flex;align-items:center;color:#f0bb7b}.dgt-topnav .dgt-menu-symbol .dgt-svg-icon{width:22px;height:22px}
.dgt-topnav a:hover{color:#fff0ce;text-shadow:0 0 8px #ffa8479c;background:#65472d65}
.dgt-topnav a.active{box-shadow:inset 0 -3px 12px #f7a33a24;background:linear-gradient(#64421f78,#3e2a1773)}
body:has(.dgt-dashboard) .wallet-chip{z-index:10;top:62px;min-width:195px;border:1px ridge #e3ad63;background:linear-gradient(180deg,#55351c,#22160f);box-shadow:inset 0 1px #ffd594b3,0 2px 16px #000d,0 0 8px #e49f3f4a;padding:4px 7px;color:#ffe1a5;font-weight:bold}
.wallet-chip .talmarken-icon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 6px #ef9228b6)}
.wallet-plus{display:inline-flex;align-items:center;justify-content:center;color:#ffe3a4;flex:none;width:26px;height:24px;line-height:1;border:1px solid #f3bb66;border-radius:3px;background:linear-gradient(#9f5f1e,#533017);box-shadow:inset 0 1px #ffdb8f7a;font:22px Georgia,serif}
.wallet-plus:hover{filter:brightness(1.2)}
.dgt-showcase{border-bottom:2px solid #87613b;box-shadow:inset 0 0 30px #0007,0 4px 14px #0009}
.dgt-showcase:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#140d090d,transparent 50%,#140d090b),linear-gradient(180deg,transparent 76%,#190f0d50);box-shadow:inset 0 0 18px #08080770}
.dgt-showcase img{filter:saturate(1.08) contrast(1.075)}
.dgt-dashboard{position:relative;background:radial-gradient(ellipse at 75% 12%,#bc62291b,transparent 45%),linear-gradient(180deg,#1f1710,#110d0b);overflow:hidden}
.dgt-dashboard:before{content:'';position:absolute;z-index:0;inset:320px 0 0;pointer-events:none;background:url(/assets/dgt-stone-texture.webp) repeat;opacity:.22;mix-blend-mode:screen}
.dgt-dashboard>section,.dgt-dashboard>.dgt-dashboard-note{position:relative;z-index:1}
.dgt-summary{gap:9px;padding:8px 0 9px;min-height:158px;margin-inline:11px}
.dgt-summary-currency{position:relative;gap:0;padding:8px 10px 9px 0;background:linear-gradient(110deg,#362416 5%,#17120f 100%);border:2px ridge #9c764c;box-shadow:inset 0 1px #e4be8661,inset 0 0 18px #0009,0 6px 15px #000a;clip-path:polygon(8px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 9px),calc(100% - 9px) 100%,10px 100%,0 calc(100% - 9px),0 8px)}
.dgt-summary-currency:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 70%,#dc7a1d2e,transparent 55%);pointer-events:none}
.dgt-summary-currency img{width:clamp(95px,11vw,160px);max-height:142px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 10px #ff99376f);animation:dgt-gem-aura 5s ease-in-out infinite}
.dgt-summary-currency div{position:relative;z-index:1;flex:1;min-width:0}
.dgt-summary-currency strong{font-size:clamp(23px,2.6vw,43px);color:#ffe6b9;text-shadow:1px 2px 2px #000,0 0 15px #da9c5461}
.dgt-summary-currency span{font-size:clamp(12px,1.0vw,16px)}
.dgt-summary-feature{justify-content:flex-end;min-height:143px;padding:8px 4px 11px;border:2px ridge #9c754b;border-radius:0;background:linear-gradient(180deg,#3a271bba,#1a1410d9 63%,#2e2118);box-shadow:inset 0 1px #e0b07469,inset 0 0 22px #000a,0 5px 8px #0009;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.dgt-summary-feature:before{content:'';pointer-events:none;position:absolute;inset:0 9px auto;height:3px;background:linear-gradient(90deg,transparent,#f5b760bb,transparent)}
.dgt-summary-feature .dgt-feature-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 0 5px;font-size:unset;color:#ffca73;filter:drop-shadow(0 0 6px #ffaf3ab3)}
.dgt-summary-feature .dgt-feature-icon .dgt-svg-icon{width:49px;height:49px;stroke-width:1.7}
.dgt-summary-feature strong{font-size:clamp(13px,1vw,17px);text-shadow:0 1px #000}
.dgt-summary-feature>span:last-child{font-size:clamp(11px,.86vw,14px)}
.dgt-rewards-layout{grid-template-columns:1.06fr .93fr 1.38fr 1.03fr;gap:9px;padding:0 11px 12px}
.dgt-stone-card{position:relative;min-height:307px;padding:9px 12px 10px;border:2px ridge #997349;border-radius:2px;background-image:linear-gradient(130deg,#3a291c90,#110c09d4),url(/assets/dgt-stone-texture.webp);background-size:cover,310px;box-shadow:inset 0 0 0 2px #050302,inset 0 1px 19px #000b,0 7px 15px #000b;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.dgt-stone-card:before{content:'';position:absolute;inset:3px;border:1px solid #cc9f5e3d;clip-path:inherit;pointer-events:none}
.dgt-stone-card:after{content:'';position:absolute;inset:0 10px auto;height:3px;background:linear-gradient(90deg,transparent,#ffce8b90,transparent);pointer-events:none}
.dgt-stone-card h2{font-size:clamp(17px,1.29vw,23px);color:#ffdfaa;margin:0 0 8px;padding:4px 0 9px;text-shadow:0 0 9px #e3a8554b,1px 2px #000}
.dgt-heading-icon{display:inline-flex;vertical-align:middle;color:#ffd391;margin-right:5px}.dgt-heading-icon .dgt-svg-icon{width:27px;height:27px}
.dgt-daily-main{min-height:154px}.dgt-chest{width:clamp(120px,11vw,171px);height:145px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px #ffac4b87)}
.dgt-chest img{display:block;width:155%;height:114%;object-fit:contain;max-width:none;mix-blend-mode:screen}
.dgt-chest-lid,.dgt-chest-gold,.dgt-chest-base{display:none}
.dgt-daily-copy{font-size:15px}.dgt-daily-copy strong{font-size:clamp(38px,3vw,47px);color:#ffda9e}
.dgt-playtext{font-size:clamp(14px,1.11vw,17px);line-height:1.47;margin:9px 0 7px}
.dgt-timer{margin:8px 0 8px;padding:8px;border:1px solid #ab8151}
.dgt-quest-row{padding-bottom:4px}.dgt-weekly-list{gap:5px;padding-bottom:5px}
.dgt-quest-row p{margin:3px 0 4px}.dgt-quest-count{font-size:10px}
.dgt-quest-payout .talmarken-icon{width:23px;height:23px;filter:drop-shadow(0 0 5px #fa91289c)}
.dgt-action{min-height:36px;padding:7px 10px;border:2px ridge #efbb65;box-shadow:inset 0 1px #ffeba87a,0 4px 9px #000a;color:#fff0cc;font-size:15px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.dgt-action-gold{background:linear-gradient(#c48a3b,#684018 45%,#4a2d13)}
.dgt-action-green{background:linear-gradient(#85b734,#376a17 67%,#2b5014);border-color:#d0f177;box-shadow:inset 0 1px #f6f9a56d,0 0 9px #9deb3d39}
.dgt-action:not(:disabled):hover{filter:brightness(1.24);box-shadow:0 0 16px #eab05b69,0 3px 7px #000}
.dgt-hint{margin:3px 0 0!important;font-size:9px!important}
.dgt-wheel-wrap{width:min(100%,205px);margin-bottom:3px}.dgt-wheel-disc{border:11px ridge #dba45b;background:conic-gradient(#3e2b1f 0 60deg,#442d5a 60deg 120deg,#4b6526 120deg 180deg,#3d2d22 180deg 240deg,#67421d 240deg 300deg,#284c38 300deg 360deg)!important;box-shadow:0 0 8px 3px #f2b14d89,0 0 21px #bd792d73,inset 0 0 0 3px #ffcd8c,0 10px 14px #000c!important}
.dgt-wheel-disc:before{background:repeating-conic-gradient(transparent 0deg 59.4deg,#f6d389 59.4deg 60.6deg);box-shadow:inset 0 0 0 3px #ffca71,inset 0 0 20px #0008}
.dgt-wheel-center{width:34%;filter:drop-shadow(0 0 7px #fa9e26)}
.dgt-wheel-pointer{filter:drop-shadow(0 0 8px #ffad44)}
.dgt-server-bar{background-image:linear-gradient(180deg,#34251b,#160f0b),url(/assets/dgt-stone-texture.webp);border:2px ridge #9a7346;box-shadow:inset 0 1px #f1c88252,0 3px 12px #0008;margin-inline:11px}
.dgt-server-bar .dgt-online{color:#aee96c;text-shadow:0 0 5px #80ff4c}
.dgt-summary-currency,.dgt-summary-feature,.dgt-stone-card{animation:dgt-reveal .5s ease both}
.dgt-summary-feature:nth-child(2),.dgt-stone-card:nth-child(2){animation-delay:.07s}.dgt-summary-feature:nth-child(3),.dgt-stone-card:nth-child(3){animation-delay:.12s}.dgt-summary-feature:nth-child(4),.dgt-stone-card:nth-child(4){animation-delay:.17s}
@keyframes dgt-gem-aura{0%,100%{filter:drop-shadow(0 0 7px #ff9c3d70)}50%{filter:drop-shadow(0 0 16px #ff9c3dcc)}}
@keyframes dgt-reveal{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1440px){.dgt-rewards-layout{grid-template-columns:1.06fr .93fr 1.38fr 1.03fr}.dgt-wheel-panel{grid-column:auto;grid-row:auto}.dgt-wheel-wrap{width:min(100%,205px)}}
@media(max-width:1279px){.dgt-rewards-layout{grid-template-columns:1fr 1fr}.dgt-wheel-panel{grid-column:auto;grid-row:auto}.dgt-stone-card{min-height:290px}.dgt-summary-feature .dgt-feature-icon{height:54px}}
@media(max-width:1120px){.dgt-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.dgt-summary-currency{grid-column:span 4;justify-content:center}.dgt-summary-currency img{width:112px}}
@media(max-width:770px){.sidebar{width:240px;min-width:240px}.dgt-showcase img{min-height:123px}.dgt-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:9px}.dgt-summary-currency{grid-column:span 2}.dgt-summary-currency img{width:93px}.dgt-summary-feature{min-height:112px}.dgt-summary-feature .dgt-feature-icon{height:39px;margin-bottom:2px}.dgt-summary-feature .dgt-feature-icon .dgt-svg-icon{width:35px;height:35px}.dgt-rewards-layout{grid-template-columns:1fr;padding-inline:9px}.dgt-stone-card{min-height:275px}.dgt-wheel-wrap{width:210px}.wallet-plus{width:19px;height:19px;font-size:18px}.dgt-server-bar{margin-inline:9px}}
@media(max-width:380px){.dgt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dgt-summary-currency{grid-column:span 2}.dgt-summary-feature{min-height:114px}}
@media(prefers-reduced-motion:reduce){.dgt-summary-currency,.dgt-summary-feature,.dgt-stone-card{animation:none!important}.dgt-summary-currency img{animation:none!important}}
/* laptop: retain the four-column reference composition without clipping the currency or chest */
@media (min-width:1280px) and (max-width:1500px){
 .dgt-summary{grid-template-columns:1.62fr repeat(4,minmax(0,1fr))}
 .dgt-summary-currency img{width:clamp(94px,8.5vw,126px)}
 .dgt-summary-currency strong{font-size:clamp(26px,2.2vw,32px)}
 .dgt-summary-currency span{font-size:12px;margin-top:8px}
 .dgt-daily-main{justify-content:space-between;gap:1px}
 .dgt-chest{width:109px;min-width:109px;height:140px}
 .dgt-chest img{width:128%;height:104%}
 .dgt-daily-copy{font-size:13px}
 .dgt-daily-copy strong{font-size:38px}
}