/* DGT v2.7 – screenshot-approved Stone & Amber dashboard.
   Everything interactive remains real HTML backed by existing APIs. */
:root{--bg:#100e0c;--side:#15120f;--panel:#211b16;--panel2:#2b2118;--line:#6b5239;--text:#f2e5cf;--muted:#c1a98b;--gold:#e6b96d;--gold2:#f7d899;--green:#8ebd4f;--red:#bc7564;--radius:7px}
html{scrollbar-color:#715738 #12100d}
body{font-family:Georgia,'Times New Roman',serif;color:#f3e5cc;background:#100d0b;background-image:radial-gradient(ellipse at 60% 12%,#4e2d1618,transparent 65%),linear-gradient(45deg,#110e0a,#1a1511 45%,#0f0c0b)}
.sidebar{width:220px;min-width:220px;background:radial-gradient(ellipse at top left,#2f271c,#14120f 46%,#0e0d0b);border-right:2px solid #5c4a30;box-shadow:5px 0 22px #0009;padding:7px 10px 12px}
.sidebar .logo{flex-direction:column;align-items:center;margin:0 0 12px;gap:0}
.brand-icon,.sidebar .brand-icon{width:194px;height:194px;max-width:100%;border:0;border-radius:50%;box-shadow:0 0 0 2px #4b361d,0 0 26px #bb752b24;object-fit:contain}
.sidebar .logo-text,.sidebar-heading,.sidebar nav .navgroup{display:none!important}
.sidebar nav{gap:0;overflow:auto;padding:3px 0 6px}
.sidebar nav a{min-height:43px;border-bottom:1px solid #55453755;border-radius:0;color:#e6d6bd;gap:13px;padding:8px 10px;font:18px Georgia,serif;white-space:nowrap;transition:background .15s,box-shadow .15s}
.sidebar nav a .navico{color:#efc17f;width:24px;font-size:22px;filter:drop-shadow(0 1px 2px #000b);opacity:1}
.sidebar nav a:hover{color:#fff4db;background:#3b291c;border-color:#9a7048}
.sidebar nav a.active{color:#fff0d4;background:linear-gradient(180deg,#6e451d,#49321d 55%,#332317);border:1px solid #dcaa57;border-radius:4px;box-shadow:inset 0 0 0 1px #f7d28e33,0 0 13px #bc792835}
.sidebar nav a.active:before{display:none}
.sidebar-bottom{margin-top:auto;padding:10px 3px 0}
.sidebar-service{background:#201b15;border-color:#705337;padding:9px;border-radius:5px}
.sidebar-service strong,.sidebar-service small{color:#c5b39c}.tagline{font:10px Georgia,serif;color:#ac8961;letter-spacing:1px;padding-top:8px}
.main-wrap{position:relative;min-width:0;background:linear-gradient(#17120f,#0e0b09)}
.topbar{min-height:60px;height:60px;background:linear-gradient(180deg,#33251b,#1a1512 72%,#120f0d);border-bottom:2px solid #927048;box-shadow:inset 0 1px #b89b6852,0 2px 12px #0009;padding:0 14px;gap:12px}
.topbar .breadcrumb{display:none}
.top-actions{flex:0 0 auto;gap:10px}
.topbar #loginArea .button{font:16px Georgia,serif;padding:8px 12px;border-radius:4px;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar #loginArea .button-outline{background:#241d17;border-color:#6e5236;color:#e9cf9f}
.dgt-topnav{display:flex;flex:1;align-items:stretch;height:100%;flex-direction:row;gap:0;min-width:0;overflow:auto;scrollbar-width:none}
.dgt-topnav::-webkit-scrollbar{display:none}
.dgt-topnav a{display:flex;align-items:center;gap:7px;padding:0 clamp(6px,.95vw,17px);font:clamp(13px,1.1vw,17px) Georgia,serif;white-space:nowrap;border-bottom:3px solid transparent;color:#ebdcc5;transition:background .18s}
.dgt-topnav a:hover{background:#6d492b45;color:#ffdf9b}
.dgt-topnav a.active{background:linear-gradient(180deg,#60412355,transparent);border-color:#e8ac55;color:#ffe4a7;text-shadow:0 0 14px #e6ab6660}
.dgt-topnav .dgt-menu-symbol{font:22px Georgia,serif;color:#e7bb7e;text-shadow:0 2px #000}
body:has(.dgt-dashboard) .wallet-chip{position:absolute;z-index:9;top:63px;right:13px;min-width:195px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(#46301f,#18130f);border:1px solid #bd894b;border-radius:4px;box-shadow:0 2px 12px #000b,inset 0 1px #d4a5636b;color:#ffe0a9;font:16px Georgia,serif;padding:6px 12px}
.wallet-unit{font-size:12px;color:#e4c38c;font-weight:400}.wallet-chip .talmarken-icon{width:20px;height:20px}
.topbar:not(:has(+ #app .dgt-dashboard)) .wallet-chip{font-family:Georgia,serif}
#app{max-width:none;width:100%;margin:0;flex:1;min-width:0}
.dgt-dashboard{background:linear-gradient(150deg,#1c1712,#100e0b 60%,#17120d);padding-bottom:18px;min-width:0}
.dgt-showcase{position:relative;line-height:0;overflow:hidden;border-bottom:2px solid #665039;background:#1e140f;min-height:0}
.dgt-showcase img{display:block;width:100%;height:auto;aspect-ratio:1452/280;object-fit:cover;object-position:center}
.dgt-summary{display:grid;grid-template-columns:1.45fr repeat(4,minmax(0,1fr));align-items:stretch;gap:11px;margin:0 14px;padding:10px 0 12px;min-height:152px}
.dgt-summary-currency{min-width:0;display:flex;align-items:center;gap:6px;border:1px solid #69513b;border-radius:7px;padding:12px 9px 12px 1px;background:radial-gradient(ellipse at left,#453326,#221a15 75%);box-shadow:inset 0 1px #c79a6159,0 9px 18px #0007}
.dgt-summary-currency img{width:clamp(70px,8vw,120px);height:auto;filter:drop-shadow(0 0 12px #f1a33b54)}
.dgt-summary-currency strong{display:block;font:clamp(23px,2.4vw,41px)/1 Georgia,serif;letter-spacing:-.9px;color:#f5dfb7;text-shadow:0 3px 2px #000}
.dgt-summary-currency span{display:block;font:clamp(11px,1.0vw,15px)/1.3 Georgia,serif;text-align:center;color:#e2d1b8;margin-top:12px}
.dgt-summary-feature{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;text-align:center;background:linear-gradient(180deg,#211912bb,#2c221a 65%,#1a1511);border:1px solid #69513c;box-shadow:inset 0 1px #b48e5b50,0 8px 14px #0008;border-radius:6px;padding:7px 6px 12px;color:#ecd8b8}
.dgt-summary-feature:hover,.dgt-summary-currency:hover{border-color:#d0a461;box-shadow:0 0 17px #d397403b}
.dgt-summary-feature .dgt-feature-icon{font:clamp(35px,3.3vw,51px)/1 Georgia,serif;color:#f1c375;filter:drop-shadow(0 0 10px #bc793d5b);text-shadow:0 2px 1px #000;margin-bottom:1px}
.dgt-summary-feature strong{font:clamp(13px,1.12vw,17px)/1.15 Georgia,serif;color:#ffebc8}
.dgt-summary-feature>span:last-child{font:clamp(11px,1vw,14px)/1.3 Georgia,serif;color:#f3d99e}
.dgt-rewards-layout{display:grid;grid-template-columns:1fr .83fr 1.35fr .98fr;gap:12px;padding:0 14px 13px;align-items:stretch}
.dgt-stone-card{min-width:0;min-height:318px;background-color:#1a1511;background-image:radial-gradient(circle at 19% 20%,#4f38264d,transparent 44%),linear-gradient(138deg,#28201b 0%,#16110e 64%,#242017 100%);border:2px ridge #826346;box-shadow:inset 0 0 0 2px #100d0a,inset 0 8px 22px #0004,0 8px 18px #0008;border-radius:5px;padding:11px 13px 12px;display:flex;flex-direction:column}
.dgt-stone-card h2{font:clamp(18px,1.35vw,24px)/1.2 Georgia,serif;color:#f2dcac;text-shadow:1px 2px 1px #000;margin:0 0 12px;border-bottom:1px solid #7860438c;padding:2px 1px 12px;white-space:normal}
.dgt-heading-icon{font:25px Georgia,serif;color:#e9ad5b;margin-right:4px}
.dgt-daily-main{display:flex;align-items:center;justify-content:space-around;flex:1;gap:6px;min-height:170px}
.dgt-daily-copy{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;font:16px Georgia,serif;color:#e7d8c2;text-align:center}
.dgt-daily-copy strong{font:clamp(34px,2.8vw,46px)/1.1 Georgia,serif;color:#f4d4a0;text-shadow:0 2px #000}
.dgt-chest{position:relative;width:clamp(100px,10vw,160px);height:145px;flex:none;filter:drop-shadow(0 0 9px #cf84395b)}
.dgt-chest-lid{position:absolute;bottom:77px;left:8%;width:85%;height:40px;transform:skewY(-8deg);border:5px ridge #af8247;border-radius:11px 13px 2px 2px;background:linear-gradient(150deg,#4b2b16 10%,#b37838 33%,#322016 45%,#97622e 75%,#2e1c12);box-shadow:inset 0 3px #ffd89a60,0 0 15px #d7963c}
.dgt-chest-gold{position:absolute;bottom:43px;left:20%;font:72px Georgia,serif;color:#ffd269;text-shadow:0 0 15px #f7a53c,0 0 25px #b76d22;z-index:1}
.dgt-chest-base{position:absolute;bottom:13px;left:7%;width:88%;height:72px;border:6px ridge #b68a51;border-radius:6px 6px 12px 12px;background:repeating-linear-gradient(90deg,#472817 0 12%,#8c4e20 12% 21%,#372114 21% 29%);box-shadow:inset 0 12px 15px #0008,0 7px 6px #0009;z-index:2}
.dgt-chest-base:before{content:'✦';position:absolute;color:#ffd896;text-shadow:0 0 6px #f5a544;left:40%;top:10px;font:25px Georgia,serif}
.dgt-card-bottom{margin-top:auto;display:flex}.dgt-card-bottom>*{width:100%}
.dgt-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:41px;line-height:1.2;padding:8px 12px;border-radius:4px;border:2px ridge #cf9951;font:16px Georgia,serif;color:#fff0cd;cursor:pointer;text-shadow:0 1px 2px #000;transition:filter .16s,transform .16s}
.dgt-action:hover{filter:brightness(1.17);transform:translateY(-1px)}.dgt-action:disabled{filter:saturate(.3);opacity:.55;cursor:not-allowed;transform:none}
.dgt-action-gold{background:linear-gradient(#ad6b22 0%,#754319 43%,#41270f 100%);box-shadow:inset 0 1px #ffc47789,0 4px 7px #0009}
.dgt-action-green{background:linear-gradient(#699b2d 0%,#395819 60%,#283914 100%);border-color:#88bf44;box-shadow:inset 0 1px #b5e06e8c,0 4px 7px #0009}
.dgt-hint{font:10px/1.4 Georgia,serif!important;color:#9f927e!important;text-align:center;margin:7px 0 0!important;min-height:14px}
.dgt-playtext{font:clamp(15px,1.18vw,18px)/1.55 Georgia,serif;color:#eadfcb;margin:10px 2px 12px}.dgt-playtext strong{color:#f3ca87}
.dgt-timer{margin-top:auto;margin-bottom:16px;padding:11px 8px;background:linear-gradient(115deg,#110e0b,#251e17);border:1px solid #564532;color:#d6c5ad;font:13px Georgia,serif}
.dgt-timer>span,.dgt-timer>strong{display:block}.dgt-timer>strong{text-align:right;color:#fff1cf;margin:3px 0 5px;font-weight:400}
.dgt-progress-line{background:linear-gradient(#12100e,#35312b);border:1px solid #756852;height:15px;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 4px #000}
.dgt-progress-bar{height:100%;background:linear-gradient(#92c94f,#427d27);box-shadow:inset 0 1px #cbefa0;max-width:100%}
.dgt-weekly-list{flex:1;display:flex;flex-direction:column;gap:8px;padding-bottom:10px}
.dgt-quest-row{padding-bottom:7px;border-bottom:1px solid #5d4c3680}
.dgt-quest-row:last-child{border-bottom:0}.dgt-quest-item-head{display:flex;align-items:center;justify-content:space-between;gap:6px;font:clamp(12px,1.04vw,15px)/1.15 Georgia,serif;color:#f3e2c6}
.dgt-quest-name{font-weight:bold}.dgt-quest-payout{white-space:nowrap;color:#f8c17c;display:inline-flex;align-items:center;gap:1px}.dgt-quest-payout .talmarken-icon{width:18px;height:18px}
.dgt-quest-row p{font:11px/1.25 Georgia,serif;color:#baa994;margin:4px 0 5px}
.dgt-quest-row .dgt-progress-line{height:11px}.dgt-quest-count{display:block;text-align:right;font:10px Georgia,serif;color:#baa78f;margin-top:2px}
.dgt-wheel-panel{text-align:center}.dgt-wheel-panel h2{text-align:center}
.dgt-wheel-wrap{position:relative;width:min(100%,228px);aspect-ratio:1;margin:0 auto 10px;padding:4px}
.dgt-wheel-disc{width:100%;height:100%;position:relative;border:10px ridge #d9a656;border-radius:50%;background:conic-gradient(#5c3822 0deg 60deg,#3c5725 60deg 120deg,#664a25 120deg 180deg,#3f2b5a 180deg 240deg,#73502c 240deg 300deg,#365133 300deg 360deg)!important;box-shadow:0 0 10px #e5ab62a3,inset 0 0 0 3px #f6cf80,0 7px 12px #000!important;transition:transform 4s cubic-bezier(.15,.8,.12,1)}
.dgt-wheel-disc:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 59.5deg,#f2c982 59.5deg 60.5deg);box-shadow:inset 0 0 18px #0006}
.dgt-wheel-disc:after{display:none!important}
.dgt-wheel-center{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:31%;height:auto;filter:drop-shadow(0 2px 7px #000)}
.dgt-wheel-label{position:absolute;z-index:1;font:17px Georgia,serif;color:#ffe4ae;text-shadow:0 1px 3px #000,0 0 3px #000;top:50%;left:50%;transform:translate(-50%,-50%)}
.dgt-wl1{top:24%;left:65%}.dgt-wl2{top:50%;left:76%}.dgt-wl3{top:76%;left:64%}.dgt-wl4{top:76%;left:36%}.dgt-wl5{top:50%;left:24%}.dgt-wl6{top:24%;left:35%}
.dgt-wheel-pointer{position:absolute;z-index:5;top:-5px;left:calc(50% - 13px);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:27px solid #ffd67f;filter:drop-shadow(0 2px 5px #000)}
.dgt-wheel-note{font:13px Georgia,serif;color:#f2dcc0;margin:2px 0 8px}
.dgt-server-bar{min-height:49px;display:flex;align-items:center;justify-content:space-around;gap:12px;margin:0 14px;border:2px ridge #69523b;border-radius:5px;background:linear-gradient(#35281d,#171310);padding:8px 12px;box-shadow:inset 0 1px #d4a4683d}
.dgt-server-bar strong{font:clamp(14px,1.35vw,22px) Georgia,serif;color:#ead2a7}.dgt-server-bar span{font:clamp(11px,1vw,14px) Georgia,serif;color:#ddcbb0}
.dgt-server-bar .dgt-online{color:#b4e56c}.dgt-server-bar .dgt-offline{color:#cfa27a}.dgt-status-link{font:12px Georgia,serif;color:#e8bb79}
.dgt-dashboard-note{padding:10px 15px 0;text-align:center;color:#b6a48c;font:11px Georgia,serif}
/* Internal pages receive the same stone-and-amber visual language. */
.container{padding:34px 3vw 55px}.card,.panel,.stat,.quest-card{border:1px solid #776044;background:linear-gradient(145deg,#30251c,#191512 82%)!important;box-shadow:inset 0 1px #c69d6450,0 7px 19px #0008;border-radius:6px}
.page-title,.section-title,.panel h3{color:#f2d8ad;font-family:Georgia,'Times New Roman',serif;text-shadow:0 1px #000}
.page-subtitle,.card p,.panel p{color:#c3b29b}
.button-primary{color:#fff4da;background:linear-gradient(#ac752e,#604018)!important;border-color:#cf9b5a}.button-outline{background:#312519;border-color:#a18055;color:#f3d3a4}.button-outline:hover{background:#503a23}
.garage-dino-card{background:linear-gradient(160deg,#2b221a,#14110f)!important;border-color:#856144!important}.garage-note{color:#e5bd79!important}.garage-media{background:#211914!important}
#app .reward-panel,#app .quest-card{background:linear-gradient(160deg,#2f241a,#16110e)!important}.reward-hero strong{color:#f3c781}
@media(max-width:1480px){.dgt-rewards-layout{grid-template-columns:1fr .92fr 1.3fr}.dgt-wheel-panel{grid-column:3;grid-row:2}.dgt-summary{grid-template-columns:1.3fr repeat(4,1fr)}.dgt-topnav a{padding:0 7px}.dgt-summary-feature strong{font-size:13px}}
@media(min-width:1240px) and (max-width:1480px){.dgt-wheel-panel{grid-column:auto;grid-row:auto}.dgt-rewards-layout{grid-template-columns:1fr .92fr 1.3fr .96fr}.dgt-wheel-wrap{width:170px}.dgt-wheel-label{font-size:12px}}
@media(max-width:1120px){.dgt-rewards-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.dgt-wheel-panel{grid-column:auto;grid-row:auto}.dgt-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.dgt-summary-currency{grid-column:span 4;justify-content:center;min-height:100px}.dgt-summary-currency span{font-size:13px}.dgt-topnav a{font-size:12px}}
@media(max-width:770px){.sidebar{width:242px;min-width:242px;position:fixed;transform:translateX(-105%);z-index:30}.sidebar.open{transform:translateX(0)}.topbar{padding:0 8px;min-height:57px;height:57px}.topbar .mobile-menu{display:inline-flex;flex:none}.dgt-topnav{height:57px}.dgt-topnav a{font:12px Georgia,serif;padding:0 8px}.dgt-topnav .dgt-menu-symbol{font-size:18px}.topbar #loginArea .button{font-size:11px;max-width:112px}.top-actions{gap:4px}body:has(.dgt-dashboard) .wallet-chip{top:60px;right:6px;font-size:11px;min-width:114px;padding:3px 6px}.wallet-unit{font-size:9px}.dgt-showcase img{height:auto;aspect-ratio:1452/280;min-height:122px;object-fit:cover}.dgt-summary{grid-template-columns:repeat(2,1fr);gap:8px;margin:0 9px}.dgt-summary-currency{grid-column:span 2;padding:7px;min-height:85px}.dgt-summary-currency img{width:76px}.dgt-summary-currency strong{font-size:30px}.dgt-summary-feature{min-height:108px;padding:10px 5px}.dgt-summary-feature .dgt-feature-icon{font-size:28px}.dgt-summary-feature strong{font-size:13px}.dgt-summary-feature>span:last-child{font-size:11px}.dgt-rewards-layout{padding:0 9px 10px;gap:9px;grid-template-columns:1fr}.dgt-stone-card{min-height:270px}.dgt-weekly{min-height:330px}.dgt-wheel-wrap{width:220px}.dgt-server-bar{margin:0 9px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.dgt-server-bar strong{grid-column:span 2;font-size:18px}.dgt-server-bar span{font-size:12px}.footer{padding:16px 10px}.container{padding:25px 4vw 48px}}
@media(max-width:380px){.dgt-summary{grid-template-columns:1fr}.dgt-summary-currency{grid-column:span 1}.dgt-summary-feature{min-height:90px}.dgt-topnav a{padding:0 6px}.dgt-showcase img{min-height:90px}}
@media(prefers-reduced-motion:reduce){.dgt-wheel-disc,.dgt-action{transition:none!important}}