/* Das Große Tal v2.5 – weathered stone / golden-hour / forest.
   Overrides presentation only; game logic, API and database remain unchanged. */
:root{
  --bg:#0c100f; --side:#111612; --panel:#191d19; --panel2:#22241f;
  --line:#49443a; --text:#ede9df; --muted:#aaa89b;
  --gold:#d2ad74; --gold2:#edd19e; --green:#839985;
  --red:#c97a68; --radius:16px;
  --dgt-stone:#211f1b; --dgt-border:#514a3d; --dgt-amber:#d2ad74;
}
body{background:radial-gradient(ellipse at 72% 6%,#1b211c 0,#0c100f 55%);color:var(--text)}
::selection{background:#765a38;color:#fff8e8}
.sidebar{background:linear-gradient(180deg,#171a16 0%,#111613 52%,#0b0f0d 100%);border-right:1px solid #52473780}
.sidebar .logo{align-items:center;gap:12px;margin-bottom:32px}
.brand-icon{width:63px;height:63px;border:1px solid #93795180;border-radius:50%;background:#151611;box-shadow:0 0 0 3px #0d110e,0 8px 22px #0008}
.logo-text{font-family:Georgia,'Times New Roman',serif;font-size:14px;letter-spacing:1.1px;color:#f1e5d3;white-space:normal;line-height:1.22}
.logo-text small{font-family:Inter,Segoe UI,sans-serif;color:#d1ae7a;letter-spacing:1.8px;font-size:9px;margin-top:7px}
.sidebar-heading,.navgroup{color:#9f9380!important}
nav a{color:#c0baad;border-radius:10px}
nav a:hover{background:#292b23;border-color:#6f5d43;color:#f4e6cf}
nav a.active{background:linear-gradient(92deg,#433725,#24261e);border-color:#92734b;color:#ffedcb;box-shadow:inset 0 0 0 1px #d8b77a10}
nav a.active:before{background:linear-gradient(#f5d49a,#a57942)}
.sidebar-service{background:#1b211b;border:1px solid #4d4939}
.sidebar-service small,.tagline{color:#a1a091}
.topbar{background:linear-gradient(90deg,#151b17,#1b1e19);border-bottom:1px solid #57483466}
.breadcrumb{color:#c0b5a0}.breadcrumb span{color:#a68b62}
.wallet-chip{background:#322c21;border:1px solid #8b714a;color:#f0d19a;box-shadow:inset 0 1px 0 #ffffff10}
.button{border-radius:9px;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s}
.button:active{transform:translateY(1px)}
.button-primary{background:linear-gradient(180deg,#e2c28d,#bb925d);color:#21190d;border-color:#ecd2a8;box-shadow:0 3px 14px #0005}
.button-primary:hover{background:linear-gradient(180deg,#efd7aa,#cda573);box-shadow:0 6px 18px #0008}
.button-outline{background:#24251e;color:#f2e7d5;border-color:#76684f}
.button-outline:hover{background:#3b3527;border-color:#b58b57}
.button-ghost{background:#262c24;border-color:#64725b;color:#eceddc}
.button-danger{background:linear-gradient(180deg,#9a5749,#703c34);border-color:#b16c59;color:#fff4ed}
.button-danger:hover{background:#a96556}
input,select,textarea{border-color:#575044;background:#181c19;color:#f3eee4}
input:focus,select:focus,textarea:focus{border-color:#d5aa73;box-shadow:0 0 0 2px #bd935238}
.hero{background:#121814;border-bottom:1px solid #705e3f;min-height:0}
.hero-art{display:block;line-height:0;overflow:hidden;background:#111612}
.hero-art img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;object-position:center;max-width:100%}
.hero-intro{background:linear-gradient(180deg,#20231c,#111713);border-bottom:1px solid #594a34;padding-block:30px 32px}
.hero-intro .eyebrow{color:#d0b78d}
.hero-intro h1{color:#f2e9d7}
.hero-intro h1 em{color:#edc68e}
.hero-intro p:not(.eyebrow){color:#c5c1b3}
.eyebrow{color:#dfbd87}
.page-title,.section-title{color:#e7d6b5}
.page-subtitle{color:#bcb7ab}
.stat,.card,.panel{background:linear-gradient(152deg,#232720,#151a17);border:1px solid #524b3c;box-shadow:0 12px 26px #0003}
.stat{border-top:2px solid #937249}
.stat small,.card p,.panel p{color:#b8b5a9}
.stat strong{color:#f6edde}
.card{transition:border-color .2s,transform .2s,box-shadow .2s}
a.card:hover{transform:translateY(-2px);border-color:#ac895c;box-shadow:0 15px 30px #0007}
.card-icon{background:radial-gradient(circle at 35% 25%,#51412b,#242921);border-color:#8b7450;color:#f1d29d}
.card-link,.product .price{color:#e4be86}
.badge{border-color:#85704b;background:#332e22;color:#e9d4ac}
.badge.warn{background:#453a25;border-color:#ad8248;color:#f4dba9}
.banner,.notice{border-color:#81704e;background:#2a291f;color:#e9d7ad}
.banner.negative{border-color:#976357;background:#382322;color:#f1c4b6}
.field{color:#d3c8b4}.divider,hr{background:#4b4435;border-color:#4b4435}
th{color:#c0ad8c;border-bottom-color:#65533b}td{border-bottom-color:#403b32}
.empty{border-color:#6a5a40}
.wheel{border-color:#ab8959;box-shadow:0 8px 40px #0009,inset 0 0 0 3px #f0d8a7;background:conic-gradient(#865b42 0 24%,#64785c 24% 52%,#ae935f 52% 74%,#3c665b 74% 88%,#7f6a52 88% 97%,#d4b175 97% 100%)}
.wheel:after{background:#242b21;border-color:#d8ba83;box-shadow:0 0 0 3px #47422f}
.wheel-legend span,.color-field{background:#242921;border-color:#55503f}
.preview-area{background:radial-gradient(ellipse,#3f4939,#1a251e 65%,#111714);border-color:#61573f}
.map-stage{background-color:#18231f;border-color:#62553d}
.map-legend{background:#161b17e8;border-color:#756241}
.code{background:#111715;border-color:#504836;color:#e5d8bc}
.footer{border-top:1px solid #534837;color:#a9a394}
#toast{background:#303b2d;border-color:#998251;color:#f4ead5}
.modal-overlay{background:#050806dc}
.modal{background:linear-gradient(155deg,#262820,#161a17);border:1px solid #827153;box-shadow:0 18px 80px #000b}
.modal h2{color:#eddbbc}
/* Premium garage cards retain hierarchy and all existing controls. */
.garage-dino-card{background:linear-gradient(165deg,#22231c,#131814);border-color:#695640;color:#e9e4d7;box-shadow:0 16px 44px #0008}
.garage-media{background:radial-gradient(ellipse at 50% 40%,#484a38,#1c231d 74%);border-bottom-color:#5a4c36}
.garage-media-caption{color:#e6c8a388}
.garage-note{color:#edc38d;font-family:Impact,'Arial Narrow',system-ui,sans-serif!important;letter-spacing:.6px}
.garage-species{color:#ac9e83!important}
.garage-slot{background:#2c2b21;border-color:#766148;color:#d1bc9a}
.garage-metrics dt,.garage-mutation-group h4{color:#ae9a7a}
.garage-metrics dd{color:#ece6d7}
.garage-metrics .garage-big{color:#fff1d6}
.garage-mutation{background:#292920;border-color:#67553c;color:#d8c4a2}
.garage-inherited{color:#bcad92}
.garage-muted{color:#a39b89}
.garage-details{border-top-color:#584a36}
.garage-details summary,.garage-edit-note{color:#dfbe88}
.garage-details pre{background:#121713;color:#c8c1b0}
.garage-card-actions{border-top-color:#554735}
.garage-card-actions .button-outline{background:#26261f;border-color:#866d4f;color:#f0e1c8}
.garage-card-actions .button-outline:hover{background:#3f3628}
.garage-card-actions .button-danger{background:linear-gradient(180deg,#b96c5c,#8d433a);border-color:#c78373;color:#fff}
.garage-card-actions .button-danger:hover{background:#aa5547}
.garage-edit-note:focus-visible,.garage-card-actions .button:focus-visible{outline-color:#f0c887}
@media(max-width:770px){.brand-icon{width:57px;height:57px}.hero-intro{padding-block:23px 26px}.hero-art img{width:100%;height:auto;object-fit:contain}}
@media(prefers-reduced-motion:reduce){.button,a.card{transition:none}}

/* v2.6 – eigenständige TalMarken-Währung, Belohnungen und Wochenquests */
.talmarken-icon{display:inline-block;width:19px;height:19px;vertical-align:-4px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 3px #0007)}
.talmarken-amount{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#e0bb70;font-weight:800}
.wallet-chip{display:inline-flex;align-items:center;gap:6px}
.wallet-unit{font-size:10px;opacity:.82;font-weight:600;letter-spacing:.02em}
.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.reward-panel{display:flex;flex-direction:column;align-items:flex-start}
.reward-panel .button{margin-top:auto}
.reward-hero{display:flex;align-items:center;gap:10px;margin:12px 0 14px;color:#efcc87}
.reward-hero .talmarken-icon{width:36px;height:36px}
.reward-hero strong{font:600 clamp(28px,4vw,42px)/1 Georgia,serif}
.reward-hero span{font-weight:700}
.quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.quest-card{border:1px solid #67573c;border-radius:14px;background:linear-gradient(148deg,#29271f,#161c18);padding:22px;min-width:0;box-shadow:inset 0 1px #e7c0801c}
.quest-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.quest-heading h3{font-family:Georgia,serif;font-size:22px;line-height:1.2;margin:0}
.quest-card p{min-height:44px;color:#b4b6a9}
.quest-progress{width:100%;height:11px;background:#101513;border:1px solid #5b5944;border-radius:12px;overflow:hidden}
.quest-progress span{display:block;height:100%;background:linear-gradient(90deg,#9e6c33,#eac589);border-radius:12px;transition:width .3s}
.quest-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;color:#b7b4a7;font-size:12px;flex-wrap:wrap}
.positive{color:#81c896}.negative-number{color:#e99b90}
@media(max-width:1050px){.quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.reward-grid,.quest-grid{grid-template-columns:1fr}.wallet-unit{display:none}.reward-hero strong{font-size:32px}}

.wheel:after{content:'';background:#242b21 url('/assets/talmarken.svg') center center / 50px 50px no-repeat;border-color:#d8ba83}