*{box-sizing:border-box;margin:0;padding:0}
body{background:#080e0a;color:#c8d6c8;font-family:"Segoe UI",sans-serif;display:flex;justify-content:center;padding:12px;min-height:100vh;background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(30,60,45,.05) 40px,rgba(30,60,45,.05) 41px)}
#game{width:100%;max-width:1280px}
.main{display:grid;gap:6px}
.left-col,.right-col{display:flex;flex-direction:column;gap:6px;min-width:0}
@media(min-width:900px){
  .main{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
}
@media(max-width:899px){
  #combat{height:250px}
}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#0d1a14,#142a1e);border:1px solid #2c4a36;border-radius:8px;margin-bottom:6px;font-size:13px;position:relative;overflow:hidden}
header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2a6b4a,#3a8b5a,#2a6b4a,transparent)}
header .label{color:#5bc47a;font-weight:600}
#hud-resources{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
#combat{position:relative;display:flex;justify-content:space-around;align-items:center;height:280px;background:linear-gradient(180deg,#0a0f1a 0%,#101828 35%,#0e1a2a 60%,#0c1620 100%);border:1px solid #2c4a36;border-radius:8px;margin-bottom:6px;overflow:hidden;z-index:0}
.scene-layer{position:absolute;inset:0;pointer-events:none}
#stars{background:radial-gradient(1px 1px at 15% 12%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 42% 8%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 68% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 85% 6%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 25% 22%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 55% 18%,rgba(255,255,255,.45),transparent),radial-gradient(1.2px 1.2px at 78% 25%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 35% 5%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 92% 20%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 8% 18%,rgba(255,255,255,.4),transparent);z-index:1;animation:stars-twinkle 4s ease-in-out infinite alternate}
@keyframes stars-twinkle{0%{opacity:.7}100%{opacity:1}}
#moon{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffeebb,#eed88a);box-shadow:0 0 20px 8px rgba(255,238,187,.15),0 0 60px 20px rgba(255,238,187,.06);top:14px;left:52px;z-index:2;opacity:.85}
#trees-far{bottom:0;left:0;right:0;height:55%;z-index:3;background:
  /* Baum 1 */linear-gradient(168deg,transparent 48%,#0a1a0e 48.5%,#0a1a0e 51.5%,transparent 52%) 3% bottom/18px 60% no-repeat,
  linear-gradient(192deg,transparent 48%,#0a1a0e 48.5%,#0a1a0e 51.5%,transparent 52%) 3% bottom/18px 60% no-repeat,
  /* Baum 2 */linear-gradient(170deg,transparent 46%,#0c1e10 46.5%,#0c1e10 53.5%,transparent 54%) 10% bottom/22px 70% no-repeat,
  linear-gradient(190deg,transparent 46%,#0c1e10 46.5%,#0c1e10 53.5%,transparent 54%) 10% bottom/22px 70% no-repeat,
  /* Baum 3 */linear-gradient(168deg,transparent 49%,#0a1a0e 49.5%,#0a1a0e 50.5%,transparent 51%) 20% bottom/16px 55% no-repeat,
  linear-gradient(192deg,transparent 49%,#0a1a0e 49.5%,#0a1a0e 50.5%,transparent 51%) 20% bottom/16px 55% no-repeat,
  /* Baum 4 */linear-gradient(170deg,transparent 47%,#0c1e10 47.5%,#0c1e10 52.5%,transparent 53%) 30% bottom/20px 65% no-repeat,
  linear-gradient(190deg,transparent 47%,#0c1e10 47.5%,#0c1e10 52.5%,transparent 53%) 30% bottom/20px 65% no-repeat,
  /* Baum 5 */linear-gradient(168deg,transparent 48%,#0a1a0e 48.5%,#0a1a0e 51.5%,transparent 52%) 40% bottom/18px 58% no-repeat,
  linear-gradient(192deg,transparent 48%,#0a1a0e 48.5%,#0a1a0e 51.5%,transparent 52%) 40% bottom/18px 58% no-repeat,
  /* Baum 6 */linear-gradient(170deg,transparent 47%,#0c1e10 47.5%,#0c1e10 52.5%,transparent 53%) 55% bottom/22px 72% no-repeat,
  linear-gradient(190deg,transparent 47%,#0c1e10 47.5%,#0c1e10 52.5%,transparent 53%) 55% bottom/22px 72% no-repeat,
  /* Baum 7 */linear-gradient(168deg,transparent 49%,#0a1a0e 49.5%,#0a1a0e 50.5%,transparent 51%) 65% bottom/16px 52% no-repeat,
  linear-gradient(192deg,transparent 49%,#0a1a0e 49.5%,#0a1a0e 50.5%,transparent 51%) 65% bottom/16px 52% no-repeat,
  /* Baum 8 */linear-gradient(170deg,transparent 47%,#0c1e10 47.5%,#0c1e10 52.5%,transparent 53%) 75% bottom/20px 68% no-repeat,
  linear-gradient(190deg,transparent 47%,#0c1e10 47.5%,#0c1e10 52.5%,transparent 53%) 75% bottom/20px 68% no-repeat,
  /* Baum 9 */linear-gradient(168deg,transparent 48%,#0a1a0e 48.5%,#0a1a0e 51.5%,transparent 52%) 88% bottom/18px 60% no-repeat,
  linear-gradient(192deg,transparent 48%,#0a1a0e 48.5%,#0a1a0e 51.5%,transparent 52%) 88% bottom/18px 60% no-repeat,
  /* Baumstämme */linear-gradient(0deg,#0a1a0e 0%,#0a1a0e 100%) 3% bottom/4px 30% no-repeat,
  linear-gradient(0deg,#0a1a0e 0%,#0a1a0e 100%) 10% bottom/5px 35% no-repeat,
  linear-gradient(0deg,#0a1a0e 0%,#0a1a0e 100%) 30% bottom/4px 32% no-repeat,
  linear-gradient(0deg,#0a1a0e 0%,#0a1a0e 100%) 55% bottom/5px 36% no-repeat,
  linear-gradient(0deg,#0a1a0e 0%,#0a1a0e 100%) 75% bottom/4px 34% no-repeat,
  linear-gradient(0deg,#0a1a0e 0%,#0a1a0e 100%) 88% bottom/4px 30% no-repeat;
  opacity:.7}
#water{bottom:0;left:0;right:0;height:38%;z-index:4;background:
  linear-gradient(180deg,rgba(8,30,40,.0) 0%,rgba(8,30,40,.6) 15%,rgba(10,35,48,.85) 40%,#0a2535 100%)}
#water-surface{bottom:0;left:0;right:0;height:38%;z-index:5;
  background:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(40,100,130,.06) 8px,rgba(40,100,130,.06) 9px);
  animation:water-scroll 6s linear infinite}
@keyframes water-scroll{from{background-position:0 0}to{background-position:0 18px}}
#water-surface::before{content:'';position:absolute;top:2px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(80,160,200,.08) 20%,rgba(80,160,200,.12) 50%,rgba(80,160,200,.08) 80%,transparent 100%);animation:water-shimmer 3s ease-in-out infinite alternate}
@keyframes water-shimmer{0%{opacity:.5}100%{opacity:1}}
#trees-near{bottom:0;left:0;right:0;height:50%;z-index:8;
  /* Linke Seite */background:
  linear-gradient(162deg,transparent 42%,#0a160e 42.5%,#0a160e 57.5%,transparent 58%) 0% bottom/30px 80% no-repeat,
  linear-gradient(198deg,transparent 42%,#0a160e 42.5%,#0a160e 57.5%,transparent 58%) 0% bottom/30px 80% no-repeat,
  linear-gradient(0deg,#0a160e,#0a160e) 2% bottom/6px 40% no-repeat,
  /* Rechte Seite */
  linear-gradient(162deg,transparent 42%,#0a160e 42.5%,#0a160e 57.5%,transparent 58%) 100% bottom/30px 80% no-repeat,
  linear-gradient(198deg,transparent 42%,#0a160e 42.5%,#0a160e 57.5%,transparent 58%) 100% bottom/30px 80% no-repeat,
  linear-gradient(0deg,#0a160e,#0a160e) 98% bottom/6px 40% no-repeat;
  mask-image:linear-gradient(90deg,black 0%,black 15%,transparent 40%,transparent 60%,black 85%,black 100%);
  -webkit-mask-image:linear-gradient(90deg,black 0%,black 15%,transparent 40%,transparent 60%,black 85%,black 100%)}
#fog{bottom:28%;left:-10%;width:120%;height:18%;z-index:9;
  background:linear-gradient(90deg,transparent,rgba(80,120,100,.04) 20%,rgba(80,120,100,.07) 50%,rgba(80,120,100,.04) 80%,transparent);
  animation:fog-drift 20s linear infinite;opacity:.6}
@keyframes fog-drift{0%{transform:translateX(-15%)}100%{transform:translateX(15%)}}
#foreground{bottom:0;left:0;right:0;height:14%;z-index:10;
  /* Schilf links */background:
  linear-gradient(175deg,transparent 48%,#0e2218 48.5%,#0e2218 51.5%,transparent 52%) 5% bottom/3px 100% no-repeat,
  linear-gradient(178deg,transparent 47%,#0e2218 47.5%,#0e2218 52.5%,transparent 53%) 7% bottom/2px 90% no-repeat,
  linear-gradient(173deg,transparent 49%,#0e2218 49.5%,#0e2218 50.5%,transparent 51%) 9% bottom/2px 85% no-repeat,
  /* Schilf rechts */
  linear-gradient(185deg,transparent 48%,#0e2218 48.5%,#0e2218 51.5%,transparent 52%) 92% bottom/3px 100% no-repeat,
  linear-gradient(182deg,transparent 47%,#0e2218 47.5%,#0e2218 52.5%,transparent 53%) 94% bottom/2px 90% no-repeat,
  linear-gradient(187deg,transparent 49%,#0e2218 49.5%,#0e2218 50.5%,transparent 51%) 96% bottom/2px 85% no-repeat,
  /* Seerosenblatt */
  radial-gradient(ellipse 8px 4px at 18% 80%,#1a4a2a,transparent),
  radial-gradient(ellipse 6px 3px at 82% 75%,#1a4a2a,transparent);
  opacity:.5}
.fighter{text-align:center;position:relative;z-index:12;animation:fighter-bob 3s ease-in-out infinite}
@keyframes fighter-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.fighter .sprite{font-size:72px;line-height:1;transition:transform .1s}
.fighter.hit .sprite{animation:shake .25s}
.hit-flash{filter:brightness(2.2) saturate(1.25);transition:filter 0s}
.fighter.dead .sprite{animation:fade-out .4s forwards}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@keyframes fade-out{to{opacity:.15;transform:scale(.7)}}
.fighter .hp-bar{width:140px;height:14px;background:#1a1515;border:1px solid #3a2a2a;border-radius:7px;margin:6px auto 2px;overflow:hidden}
.fighter .hp-fill{height:100%;border-radius:6px;transition:width .18s ease,background-color .18s ease}
.fighter .hp-text{font-size:11px;color:#aaa}
.fighter .name{font-size:12px;color:#888;margin-top:4px}
.fighter .stat{font-size:11px;color:#666}
#player-boat{position:relative;z-index:14;margin:-20px auto 0;width:fit-content;line-height:1}
.kahn-wrap{position:relative;display:inline-flex;align-items:center;animation:kahn-rock 4.2s ease-in-out infinite;transform-origin:50% 90%}
@keyframes kahn-rock{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(2px) rotate(1.2deg)}}
.kahn-emoji{font-size:42px;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
.kahn-shield{position:absolute;bottom:-2px;right:-18px;font-size:18px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));animation:fighter-bob 3.8s ease-in-out infinite}
.kahn-crew{position:absolute;top:6px;display:flex;font-size:20px;line-height:1;pointer-events:none;gap:1px}
.kahn-crew .crew-ico{animation:fighter-bob 3.6s ease-in-out infinite;display:inline-block}
.kahn-back{left:-8px;transform:translateX(-100%)}
.kahn-front{right:-8px;transform:translateX(100%)}
.kahn-crew .crew-ico:nth-child(2n){animation-delay:.7s}
.kahn-crew .crew-ico:nth-child(3n){animation-delay:1.2s}
#vs-text{font-size:18px;font-weight:700;color:#3a6b4a;text-shadow:0 0 12px rgba(60,140,80,.3);z-index:12;position:relative}
#floor-label{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:12px;color:#6ab87a;background:rgba(8,16,12,.9);padding:3px 12px;border-radius:4px;border:1px solid #2a4a36;white-space:nowrap;z-index:15}
.dmg{position:absolute;pointer-events:none;font-weight:700;font-size:20px;animation:float-up .85s ease-out forwards;z-index:20}
.dmg.normal{color:#ff6b4a}
.dmg.crit{color:#ffcc00;font-size:26px;text-shadow:0 0 8px rgba(255,200,0,.5)}
.dmg.heal{color:#5ddc5d}
.dmg.crit{color:#e8b84a;font-weight:800;text-shadow:0 1px 2px rgba(40,30,0,.4)}
body.art-modern .dmg{font-weight:800;text-shadow:0 1px 2px rgba(255,255,255,.5)}
body.art-modern .dmg.crit{color:#e8b84a}
@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-28px) scale(1.1)}100%{opacity:0;transform:translateY(-55px) scale(.85)}}
.gold-float{position:absolute;pointer-events:none;font-size:16px;color:#ffd700;animation:gold-fly 1s ease-in forwards;z-index:20}
@keyframes gold-fly{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,-60px)}}
#progress{height:5px;background:#1a2a20;border-radius:3px;margin:0 0 6px;overflow:hidden;border:1px solid #2a3a2e}
#progress-fill{height:100%;background:linear-gradient(90deg,#1a5a3a,#3aaa6a,#5bcea0);width:0%;transition:width .3s}
#shop{background:linear-gradient(180deg,#141d12,#111a10);border:1px solid #2c4a36;border-radius:8px;margin-bottom:6px;overflow:hidden}
#tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #2c4a36}
.tab{flex:1 1 auto;min-width:86px;padding:8px;background:transparent;color:#7d9a77;border:none;cursor:pointer;font-size:13px;font-family:inherit;transition:background .15s;white-space:nowrap}
.tab:hover{background:#1a2a22}
.tab.active{background:#1e2e22;color:#a8d89a;border-bottom:2px solid #5bcea0}
#tab-content{padding:8px 10px;max-height:340px;overflow-y:auto}
.upgrade-row{display:flex;justify-content:space-between;align-items:center;padding:8px 6px;border-bottom:1px solid #1e2a24}
.upgrade-row:last-child{border-bottom:none}
.upgrade-info{flex:1;margin-right:10px}
.upgrade-name{font-size:13px;color:#c8d6c8}
.upgrade-desc{font-size:11px;color:#7d9a77;margin-top:2px}
.upgrade-btn{background:#1a3a28;color:#dff6d4;border:1px solid #3a6a46;border-radius:5px;padding:6px 14px;cursor:pointer;font-size:12px;font-family:inherit;white-space:nowrap;transition:background .15s}
.upgrade-btn:hover:not(:disabled){background:#2a5a38}
.upgrade-btn:disabled{background:#141a14;color:#3a4a3a;border-color:#2a3a2e;cursor:not-allowed}
.floor-row{display:flex;justify-content:space-between;align-items:center;padding:8px 6px;border-bottom:1px solid #1e2a24}
.floor-row.locked{opacity:.45}
.floor-name{font-size:13px;color:#c8d6c8}
.floor-desc{font-size:11px;color:#7d9a77}
.floor-btn{background:#1a3a28;color:#dff6d4;border:1px solid #3a6a46;border-radius:5px;padding:6px 14px;cursor:pointer;font-size:12px;font-family:inherit}
.floor-btn:hover{background:#2a5a38}
.floor-btn.active{background:#3a6a46;border-color:#5bcea0}
#revive-btn{padding:10px 28px;background:#3a6a46;color:#dff6d4;border:2px solid #5bcea0;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:background .15s}
#revive-btn:hover{background:#4a7a56}
.floor-btn:disabled{background:#141a14;color:#3a4a3a;border-color:#2a3a2e;cursor:not-allowed}
#prestige-info{text-align:center;padding:16px 8px}
#prestige-info h3{color:#e8b84a;margin-bottom:8px}
#prestige-info p{font-size:13px;margin:4px 0;color:#c8d6c8}
#prestige-info .bonus{color:#5bcea0}
#prestige-btn{margin-top:14px;padding:10px 24px;background:#3a2a1a;color:#ffd78a;border:2px solid #c89a4a;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;transition:background .15s}
#stats-panel{background:linear-gradient(180deg,#141d14,#111a10);border:1px solid #2c4a36;border-radius:8px;margin:6px 8px}
#stats-body{padding:8px 10px}
.stat-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;border-bottom:1px solid #1e2a24}
.stat-row:last-child{border-bottom:none}
.stat-label{color:#8aa888}
.stat-val{color:#dff6d4;font-weight:600}
.stat-bonus{color:#5ba3d9;font-size:10px;margin-left:4px}
#prestige-btn:hover:not(:disabled){background:#5a4a2a}
#prestige-btn:disabled{background:#1a1814;color:#3a3a2a;border-color:#2a2a1a;cursor:not-allowed}
#log{background:linear-gradient(180deg,#0d1410,#0a100e);border:1px solid #2c4a36;border-radius:0 0 8px 8px;padding:6px 10px;font-size:12px;line-height:1.5;max-height:140px;overflow-y:auto;margin-bottom:6px;transition:max-height .3s}
#log.collapsed{max-height:0;padding:0 10px;overflow:hidden}
.log-entry{margin:1px 0}
.log-gold{color:#ffd700}
.log-damage{color:#ff8a6a}
.log-crit{color:#ffcc00}
.log-heal{color:#5ddc5d}
.log-kill{color:#c8a0ff}
.log-info{color:#7d9a77}
footer{display:flex;gap:8px;justify-content:center;padding:8px}
footer button{background:#1a2a20;color:#7d9a77;border:1px solid #2c4a36;border-radius:5px;padding:6px 14px;cursor:pointer;font-size:12px;font-family:inherit;transition:background .15s}
footer button:hover{background:#2a3a2c}
#quest-panel{background:linear-gradient(180deg,#141d14,#111a10);border:1px solid #2c4a36;border-radius:8px;margin:6px 8px;padding:8px 10px}
#camp-box{background:linear-gradient(180deg,#1e2e20,#161e16);border:2px solid #3a6a46;border-radius:12px;padding:24px;width:min(760px,94vw);max-height:80vh;overflow-y:auto;position:relative}
#camp-abilities{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}
#camp-abilities .upgrade-row{margin:0}
#camp-abilities .camp-section-title{grid-column:1/-1}
@media(max-width:560px){#camp-abilities{grid-template-columns:1fr}}
.quest-head{color:#e8b84a;font-size:13px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}
.quest-head-toggle{color:#7d9a77;font-size:12px}
.quest-claimable{color:#5bcea0}
.quest-row{margin-bottom:6px;padding:6px 8px;border:1px solid #2a3a2e;border-radius:6px;background:transparent}
.quest-row.done{border-color:#3a6a46;background:rgba(40,80,50,.3)}
.quest-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
.quest-title{font-size:13px;font-weight:600;color:#c8d6c8}
.quest-row.done .quest-title{color:#5bcea0}
.quest-count{font-size:11px;color:#8aa888}
.quest-row.done .quest-count{color:#5bcea0}
.quest-desc{font-size:11px;color:#7d9a77;margin-bottom:4px}
.quest-bar{height:5px;background:#1a2a1e;border-radius:3px;overflow:hidden;margin-bottom:4px}
.quest-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#3a8b5a,#5bcea0);border-radius:3px;transition:width .3s}
.quest-bar-fill.done{background:#5bcea0}
.quest-row-bottom{display:flex;justify-content:space-between;align-items:center}
.quest-reward{font-size:10px;color:#8aa888}
.quest-claimed{font-size:10px;color:#5bcea0}
.claim-btn{padding:3px 10px;background:#3a6a46;color:#dff6d4;border:1px solid #5bcea0;border-radius:4px;cursor:pointer;font-size:11px;font-family:inherit;font-weight:600;transition:background .15s}
.claim-btn:hover{background:#4a7a56}
.camp-section-title{color:#e8b84a;font-size:12px;font-weight:600;padding:8px 6px 4px;border-top:1px solid #2a3a2e;grid-column:1/-1}
#log-filter{display:flex;align-items:center;gap:6px;padding:2px 10px;background:linear-gradient(180deg,#141d14,#111a10);border:1px solid #2c4a36;border-bottom:none;border-radius:8px 8px 0 0;margin-bottom:0;font-size:11px}
.log-filter-label{color:#7d9a77;white-space:nowrap}
.log-filter-spacer{flex:1}
#log-filter-btns{display:flex;gap:4px}
#log-collapse-btn{cursor:pointer;color:#e8b84a;font-size:12px}
#tutorial-overlay .tutorial-step-icon{font-size:36px;text-align:center;margin-bottom:8px}
#tutorial-content{color:#c8d6c8}
#tutorial-overlay .tutorial-highlight{background:rgba(60,120,70,.2);border:1px solid #3a6a46;border-radius:6px;padding:8px 12px;margin:6px 0}
#tutorial-overlay .tutorial-key{display:inline-block;background:#2a4a36;color:#5bcea0;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600}
.tut-p{margin:0 0 8px;line-height:1.65}
.tut-p:last-child{margin-bottom:0}
.tut-muted{color:#8aa888}
.tut-term{color:#5bcea0;font-weight:600}
.tut-sub{color:#e8b84a;font-weight:700;font-size:13px;margin:12px 0 5px;letter-spacing:.3px}
.tut-list{list-style:none;padding:0;margin:6px 0}
.tut-list li{margin:4px 0;line-height:1.55}
.tut-badge{display:inline-block;background:#2a4a36;color:#5bcea0;border-radius:6px;padding:0 7px;font-weight:700;font-size:11px;margin-right:2px}
.tut-num{color:#e8b84a;font-weight:700}
@keyframes eventPop{0%{opacity:0;transform:translateX(-50%) scale(.7)}100%{opacity:1;transform:translateX(-50%) scale(1)}}
@keyframes clickBurst{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2.5)}}
.click-burst{position:absolute;pointer-events:none;font-size:20px;animation:clickBurst .4s ease forwards;z-index:20}
.entity-sprite{cursor:pointer}
#spr-enemy{cursor:pointer;transition:transform .1s}
#spr-enemy:hover{transform:scale(1.1)}
#victory-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.cfg{position:absolute;top:-48px;user-select:none;will-change:transform;animation-name:cfgFall;animation-timing-function:linear;animation-iteration-count:infinite}
#victory-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vic-tile{background:rgba(0,0,0,.28);border:1px solid #2a4a36;border-radius:8px;padding:8px 10px;text-align:center}
.vic-tile .vic-val{color:#e8b84a;font-size:18px;font-weight:700;display:block;line-height:1.2}
.vic-tile .vic-lbl{color:#8aa888;font-size:11px}
@keyframes victoryPop{0%{opacity:0;transform:scale(.6) translateY(30px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes victoryBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes cfgFall{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}100%{transform:translateY(115vh) rotate(720deg);opacity:.9}}
.screen-shake{animation:screenShake .5s ease}
@keyframes screenShake{0%,100%{transform:translate(0,0)}10%,50%{transform:translate(-2px,-2px)}20%,60%{transform:translate(2px,2px)}30%,70%{transform:translate(-2px,2px)}40%,80%{transform:translate(2px,-2px)}}
#victory-prestige:hover{filter:brightness(1.15)}
#victory-continue:hover{filter:brightness(1.15)}
#victory-close:hover{color:#c8d6c8}
#erb-options .erb-card{background:linear-gradient(180deg,#3a2630,#24181c);border:2px solid #8a6a3a;border-radius:12px;padding:12px 14px;width:150px;text-align:center;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
#erb-options .erb-card:hover{transform:scale(1.06);border-color:#e8b84a;box-shadow:0 0 18px rgba(232,184,74,.4)}
#erb-options .erb-icon{font-size:34px;margin-bottom:4px}
#erb-options .erb-name{color:#e8b84a;font-weight:700;font-size:13px}
#erb-options .erb-desc{color:#c8a97c;font-size:11px;line-height:1.4;margin-top:4px}
#erb-skip:hover{color:#c8d6c8}
#skill-bar{display:flex;gap:6px;justify-content:center;padding:0 8px 6px;flex-wrap:wrap}
.skill-btn{background:#1a2a44;color:#a8c8f0;border:1px solid #3a5a88;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-family:inherit;transition:background .15s}
.skill-btn:hover:not(:disabled){background:#2a3a64}
.skill-btn:disabled{background:#141a14;color:#4a5a4a;border-color:#2a3a2e;cursor:not-allowed}
.tab-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px}
.gear-cell{background:#141d14;border:1px solid #2a3a2e;border-radius:8px;padding:8px;text-align:center;display:flex;flex-direction:column;gap:2px;align-items:center}
.gear-cell.equip{background:#1a2414}
.gear-btn{background:#22301f;color:#c8d6c8;border:1px solid #3a4a3a;border-radius:4px;padding:3px 8px;cursor:pointer;font-size:11px;font-family:inherit}
.gear-btn:hover:not(:disabled){background:#2f4428}
.gear-btn:disabled{color:#4a5a4a;cursor:not-allowed}
.tab-section-hdr{color:#e8b84a;font-size:12px;font-weight:600;padding:8px 6px 4px;border-top:1px solid #2a3a2e;margin-top:4px}
.opt-row{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;border-bottom:1px solid #2a3a28}
.opt-text{flex:1;margin-right:10px}
.opt-name{font-size:13px;color:#c8d6c8}
.opt-desc{font-size:11px;color:#7d9a77}
.opt-select{background:#1a2a20;color:#c8d6c8;border:1px solid #3a6a46;border-radius:5px;padding:6px 8px;font-size:12px;font-family:inherit}
.opt-toggle{min-width:60px;padding:5px 12px;border-radius:5px;cursor:pointer;font-size:12px;font-family:inherit;border:1px solid}
.opt-toggle.on{background:#2a4a28;border-color:#4a7a46;color:#7ecb6a}
.opt-toggle.off{background:#3a2a1a;border-color:#5a3a2a;color:#aa6644}
.save-tools{margin-top:14px;padding-top:10px;border-top:1px solid #2a3a28}
.save-tool-btn{display:block;width:100%;margin:6px 0;padding:8px;background:#2a4a28;color:#c8d6c8;border:1px solid #3a6a46;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;font-weight:600;transition:background .15s}
.save-tool-btn:hover{background:#34603a}
.save-ta{width:100%;box-sizing:border-box;height:56px;resize:vertical;background:#121a14;color:#9ec79a;border:1px solid #2a4a36;border-radius:6px;padding:6px 8px;font-size:11px;font-family:monospace;margin:2px 0 6px}

/* ═══════════ MODERNER STIL (art-modern) — hell, freundlich, Comic ═══════════ */
body.art-modern{background:#eaf7ef;color:#3b4a40;background-image:radial-gradient(rgba(120,190,150,.18) 2px,transparent 2px);background-size:26px 26px}
body.art-modern header{background:linear-gradient(135deg,#f7fbf0,#e4f6ea);border:3px solid #7ecb6a;border-radius:16px;box-shadow:0 4px 0 rgba(80,150,100,.25),0 10px 24px rgba(80,150,100,.18)}
body.art-modern header::after{height:0}
body.art-modern header .label{color:#4a9a5a}
body.art-modern #hud-level{color:#2e6a42;font-weight:700}
body.art-modern #combat{background:linear-gradient(180deg,#bde9ff 0%,#d2f4e2 45%,#a8e0c8 100%);border:4px solid #8fd4b0;border-radius:20px;box-shadow:0 8px 0 rgba(80,150,110,.2),0 18px 40px rgba(80,150,120,.25)}
body.art-modern #stars{display:none}
body.art-modern #moon{width:66px;height:66px;background:radial-gradient(circle at 38% 35%,#fff7c0,#ffd75e);box-shadow:0 0 40px 16px rgba(255,215,94,.55);opacity:1}
body.art-modern #trees-far{height:45%;background:
  radial-gradient(ellipse 60% 70% at 12% 100%,rgba(158,214,130,.95),transparent),
  radial-gradient(ellipse 46% 60% at 34% 100%,rgba(126,203,120,.9),transparent),
  radial-gradient(ellipse 58% 66% at 68% 100%,rgba(150,210,140,.92),transparent),
  radial-gradient(ellipse 40% 52% at 90% 100%,rgba(170,220,150,.9),transparent);opacity:.85;filter:none}
body.art-modern #water{bottom:0;left:0;right:0;height:36%;background:linear-gradient(180deg,rgba(150,220,215,.0),rgba(150,225,215,.55) 25%,rgba(120,200,205,.85) 60%,#6fcfcf 100%)}
body.art-modern #water-surface{height:36%;background:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(255,255,255,.35) 8px,rgba(255,255,255,.35) 9px)}
body.art-modern #water-surface::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.7) 30%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.7) 70%,transparent)}
body.art-modern #trees-near{height:42%;background:
  linear-gradient(165deg,transparent 40%,#7ecb6a 40.5%,#7ecb6a 60%,transparent 60.5%) 0% bottom/36px 85% no-repeat,
  linear-gradient(195deg,transparent 40%,#7ecb6a 40.5%,#7ecb6a 60%,transparent 60.5%) 0% bottom/36px 85% no-repeat,
  linear-gradient(0deg,#5aaa48,#5aaa48) 2% bottom/8px 45% no-repeat,
  linear-gradient(165deg,transparent 40%,#8fd48a 40.5%,#8fd48a 60%,transparent 60.5%) 100% bottom/36px 85% no-repeat,
  linear-gradient(195deg,transparent 40%,#8fd48a 40.5%,#8fd48a 60%,transparent 60.5%) 100% bottom/36px 85% no-repeat,
  linear-gradient(0deg,#5aaa48,#5aaa48) 98% bottom/8px 45% no-repeat;
  mask-image:linear-gradient(90deg,black 0%,black 18%,transparent 42%,transparent 58%,black 82%,black 100%);
  -webkit-mask-image:linear-gradient(90deg,black 0%,black 18%,transparent 42%,transparent 58%,black 82%,black 100%);opacity:.9}
body.art-modern #fog{bottom:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 30%,rgba(255,255,255,.6) 60%,transparent);opacity:.5}
body.art-modern #foreground{height:12%;background:
  linear-gradient(175deg,transparent 46%,#4f9a5a 46.5%,#4f9a5a 53%,transparent 53.5%) 5% bottom/4px 100% no-repeat,
  linear-gradient(182deg,transparent 45%,#66b06a 45.5%,#66b06a 54%,transparent 54.5%) 94% bottom/4px 100% no-repeat,
  radial-gradient(ellipse 12px 6px at 18% 78%,#4f9a5a,transparent),
  radial-gradient(ellipse 10px 5px at 82% 70%,#4f9a5a,transparent);opacity:.7}
body.art-modern .fighter .hp-bar{width:150px;height:16px;background:#fff;border:3px solid #4a6a50;border-radius:10px;margin:6px auto 3px;box-shadow:0 2px 0 rgba(80,100,90,.15)}
body.art-modern .fighter .hp-fill{border-radius:8px}
body.art-modern .fighter .hp-text{color:#6a7a70;font-weight:700;font-size:12px}
body.art-modern .fighter .name{color:#4a5a50;font-weight:700;font-size:13px}
body.art-modern .fighter .stat{color:#7a8a80;font-size:11.5px;font-weight:600}
body.art-modern #player-boat{margin:-26px auto 0}
body.art-modern .kahn-wrap{animation:kahn-rock 4.2s ease-in-out infinite}
body.art-modern .kahn-back{top:-2px;left:-30px}
body.art-modern .kahn-front{top:-2px;right:-30px}
body.art-modern .kahn-crew{font-size:26px;top:2px}
body.art-modern #vs-text{color:#3a8a5a;text-shadow:none;background:rgba(255,255,255,.55);padding:4px 14px;border-radius:999px;border:2px solid #9ce0b0;font-weight:800}
body.art-modern #floor-label{color:#2e6a42;background:rgba(255,255,255,.85);border:2px solid #9ce0b0;border-radius:999px;box-shadow:0 3px 0 rgba(80,150,100,.15);font-weight:700}
body.art-modern .dmg.normal{color:#ff4d2e;-webkit-text-stroke:1.5px rgba(255,255,255,.6)}
body.art-modern .dmg.crit{color:#ff9d00;-webkit-text-stroke:1.5px rgba(255,255,255,.7)}
body.art-modern .gold-float{color:#ffb300}
body.art-modern .sprite{filter:drop-shadow(0 6px 8px rgba(60,120,80,.35))}
body.art-modern #progress{height:10px;background:#e0efe4;border:2px solid #b8dcc4;border-radius:999px}
body.art-modern #progress-fill{background:linear-gradient(90deg,#7ecb6a,#4fd6a0);border-radius:999px}
body.art-modern #shop{background:linear-gradient(180deg,#fbfef9,#f0faf3);border:3px solid #a8dcc0;border-radius:16px;box-shadow:0 6px 0 rgba(90,160,120,.18),0 16px 40px rgba(90,160,120,.2)}
body.art-modern #tabs{border-bottom:2px solid #cdeedd;gap:4px;padding:8px 8px 0}
body.art-modern .tab{background:#fff;color:#7a9a88;border:2px solid #cdeedd;border-bottom:none;border-radius:12px 12px 0 0;font-weight:700;margin:0 1px;padding:8px 10px}
body.art-modern .tab:hover{background:#f2fbf4;color:#4a8a5a;transform:translateY(-2px)}
body.art-modern .tab.active{background:#4fae6a;color:#fff;border-color:#4fae6a;box-shadow:0 -3px 0 rgba(120,190,150,.3) inset}
body.art-modern #tab-content{max-height:360px;background:#fff;border:2px solid #cdeedd;border-radius:0 12px 12px 12px;margin:0 8px 8px}
body.art-modern .upgrade-row{background:#fff;border-bottom:2px solid #edf6f0;border-radius:10px;margin:4px 6px;padding:9px 10px;transition:transform .12s,box-shadow .12s}
body.art-modern .upgrade-row:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(100,170,140,.25)}
body.art-modern .upgrade-row:last-child{border-bottom:none}
body.art-modern .upgrade-name{color:#2e4a3a;font-weight:700}
body.art-modern .upgrade-desc{color:#7a9a88}
body.art-modern .upgrade-btn{background:#4fae6a;color:#fff;border:2px solid #3d9258;border-radius:8px;font-weight:700;box-shadow:0 3px 0 #2f7a44}
body.art-modern .upgrade-btn:hover:not(:disabled){background:#63c67e;transform:translateY(-1px)}
body.art-modern .upgrade-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 #2f7a44}
body.art-modern .upgrade-btn:disabled{background:#d8e4dc;color:#9ab0a2;border-color:#c0d4c8;box-shadow:none}
body.art-modern .floor-row{background:#fff;border-bottom:2px solid #edf6f0;border-radius:10px;margin:4px 6px;padding:9px 10px}
body.art-modern .floor-row.locked{opacity:.5}
body.art-modern .floor-name{color:#2e4a3a;font-weight:700}
body.art-modern .floor-btn{background:#4fae6a;color:#fff;border:2px solid #3d9258;border-radius:8px;font-weight:700;box-shadow:0 3px 0 #2f7a44}
body.art-modern .floor-btn:hover{background:#63c67e}
body.art-modern .floor-btn.active{background:#2f8a52;border-color:#2f7a44}
body.art-modern .floor-btn:disabled{background:#d8e4dc;color:#9ab0a2;border-color:#c0d4c8;box-shadow:none}
body.art-modern #revive-btn{background:#ffb347;color:#fff;border:3px solid #e0942e;border-radius:14px;box-shadow:0 5px 0 #c57a1e;font-weight:800;transition:transform .12s}
body.art-modern #revive-btn:hover{background:#ffc266;transform:translateY(-2px)}
body.art-modern #prestige-info h3{color:#c77e26}
body.art-modern #prestige-info p{color:#3b4a40}
body.art-modern #prestige-info .bonus{color:#3d9258}
body.art-modern #prestige-btn{background:linear-gradient(180deg,#ffcf8a,#f5a44e);color:#fff;border:3px solid #d98a34;border-radius:12px;box-shadow:0 5px 0 #b36e1e;font-weight:800}
body.art-modern #prestige-btn:hover:not(:disabled){background:linear-gradient(180deg,#ffdc9e,#ffb45e);transform:translateY(-2px)}
body.art-modern #prestige-btn:disabled{background:#d8d4c8;color:#9a9488;border-color:#c0b8a8;box-shadow:none}
body.art-modern #stats-panel,#quest-panel{background:linear-gradient(180deg,#fbfef9,#f0faf3);border:3px solid #a8dcc0;border-radius:16px;box-shadow:0 5px 0 rgba(90,160,120,.18)}
body.art-modern #stats-body{padding:8px 10px}
body.art-modern .stat-row{border-bottom:2px solid #edf6f0}
body.art-modern .stat-label{color:#7a9a88;font-weight:600}
body.art-modern .stat-val{color:#2e4a3a;font-weight:800}
body.art-modern .stat-bonus{color:#4a9ad9}
body.art-modern #log{background:linear-gradient(180deg,#ffffff,#f0faf3);border:3px solid #a8dcc0;border-radius:0 0 14px 14px;box-shadow:0 5px 0 rgba(90,160,120,.15)}
body.art-modern .log-info{color:#7a9a88}
body.art-modern #log-filter{background:linear-gradient(180deg,#fbfef9,#f0faf3);border:3px solid #a8dcc0;border-bottom:none;border-radius:14px 14px 0 0;color:#7a9a88}
body.art-modern footer button{background:#fff;color:#4a8a5a;border:2px solid #a8dcc0;border-radius:999px;font-weight:700;box-shadow:0 3px 0 rgba(90,160,120,.2);transition:transform .12s,box-shadow .12s}
body.art-modern footer button:hover{background:#f2fbf4;transform:translateY(-2px);box-shadow:0 5px 0 rgba(90,160,120,.2)}
body.art-modern #btn-stay-floor{background:#fff;border:2px solid #a8dcc0}
body.art-modern .skill-btn{background:#fff;color:#4a8ad0;border:2px solid #a8c8f0;border-radius:999px;font-weight:700;box-shadow:0 3px 0 rgba(74,138,208,.25)}
body.art-modern .skill-btn:hover:not(:disabled){background:#eef6ff;transform:translateY(-1px)}
body.art-modern .skill-btn:disabled{background:#e6ece8;color:#b0c0b6;border-color:#d0dcd4;box-shadow:none}
body.art-modern .tab-grid{grid-template-columns:1fr 1fr;gap:10px;padding:10px}
body.art-modern .gear-cell{background:#fff;border:3px solid #d8e8dc;border-radius:14px;box-shadow:0 4px 0 rgba(120,160,140,.12);transition:transform .12s,box-shadow .12s}
body.art-modern .gear-cell:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(120,160,140,.25)}
body.art-modern .gear-cell.equip{background:#f0fbf2;border-color:#9ce0b0}
body.art-modern .gear-btn{background:#4fae6a;color:#fff;border:2px solid #3d9258;border-radius:8px;font-weight:700;box-shadow:0 2px 0 #2f7a44}
body.art-modern .gear-btn:hover:not(:disabled){background:#63c67e}
body.art-modern #victory-box,#erb-box{background:linear-gradient(180deg,#fdfcf5,#eef7ee);border:4px solid #e8b84a;border-radius:22px;box-shadow:0 0 70px rgba(232,184,74,.45)}
body.art-modern #tutorial-box{background:linear-gradient(180deg,#fdfcf5,#f0faf3);border:3px solid #a8dcc0}
body.art-modern .vic-tile{background:rgba(255,255,255,.6);border:2px solid #e0f0e4;border-radius:12px}
body.art-modern .vic-tile .vic-lbl{color:#7a9a88}
body.art-modern .vic-tile .vic-val{color:#c77e26}
body.art-modern #erb-options .erb-card{background:linear-gradient(180deg,#fff,#f2fbf4);border:3px solid #d8a04a;border-radius:16px;box-shadow:0 5px 0 rgba(200,150,74,.25);transition:transform .15s,box-shadow .15s}
body.art-modern #erb-options .erb-card:hover{transform:scale(1.07) rotate(1deg);border-color:#e8b84a;box-shadow:0 8px 0 rgba(200,150,74,.3)}
body.art-modern #erb-options .erb-name{color:#c77e26}
body.art-modern #erb-options .erb-desc{color:#8a7a5a}
body.art-modern #camp-overlay>div,#options-overlay>div{background:linear-gradient(180deg,#fdfcf5,#f0faf3);border:3px solid #a8dcc0;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
/* ── Quest-Panel modern ── */
body.art-modern #quest-panel{background:linear-gradient(180deg,#fbfef9,#f0faf3);border:3px solid #a8dcc0;border-radius:16px;box-shadow:0 5px 0 rgba(90,160,120,.18)}
body.art-modern .quest-head{color:#c77e26}
body.art-modern .quest-head-toggle{color:#9ab0a2}
body.art-modern .quest-claimable{color:#3d9258}
body.art-modern .quest-row{background:#fff;border:2px solid #e0f0e4;border-radius:12px;box-shadow:0 3px 0 rgba(120,160,140,.12);transition:transform .12s,box-shadow .12s}
body.art-modern .quest-row:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(120,160,140,.25)}
body.art-modern .quest-row.done{background:#f0fbf2;border-color:#9ce0b0}
body.art-modern .quest-title{color:#2e4a3a}
body.art-modern .quest-row.done .quest-title,body.art-modern .quest-row.done .quest-count{color:#3d9258}
body.art-modern .quest-count{color:#7a9a88;font-weight:700}
body.art-modern .quest-desc{color:#7a9a88}
body.art-modern .quest-bar{background:#e0efe4;border-radius:999px}
body.art-modern .quest-bar-fill{background:linear-gradient(90deg,#7ecb6a,#4fd6a0);border-radius:999px}
body.art-modern .quest-bar-fill.done{background:#4fae6a}
body.art-modern .quest-reward{color:#7a9a88}
body.art-modern .quest-claimed{color:#3d9258}
body.art-modern .claim-btn{background:#ffb347;color:#fff;border:2px solid #e0942e;border-radius:999px;box-shadow:0 3px 0 #c57a1e;font-weight:800}
body.art-modern .claim-btn:hover{background:#ffc266;transform:translateY(-1px)}
/* ── Log modern ── */
body.art-modern #log-filter{background:linear-gradient(180deg,#fbfef9,#f0faf3);border:3px solid #a8dcc0;border-bottom:none;border-radius:14px 14px 0 0;color:#7a9a88;padding:4px 10px}
body.art-modern .log-filter-label{color:#7a9a88;font-weight:700}
body.art-modern #log-collapse-btn{color:#c77e26}
body.art-modern #log{background:#fff;border:3px solid #a8dcc0;border-top:none;border-radius:0 0 14px 14px;box-shadow:0 5px 0 rgba(90,160,120,.15)}
body.art-modern .log-info{color:#7a9a88}
/* ── Camp-Overlay modern: breit + 2 Spalten ── */
body.art-modern #camp-box{width:min(760px,94vw)}
body.art-modern #camp-abilities{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}
body.art-modern #camp-abilities .upgrade-row{background:#fff;border:2px solid #e0f0e4;border-radius:12px;margin:0;padding:9px 10px;box-shadow:0 3px 0 rgba(120,160,140,.12)}
body.art-modern #camp-abilities .camp-section-title{grid-column:1/-1}
body.art-modern #camp-abilities .upgrade-name{color:#2e4a3a}
body.art-modern #camp-abilities .upgrade-desc{color:#7a9a88}
@media(max-width:560px){body.art-modern #camp-abilities{grid-template-columns:1fr}}
/* ── Sektions-Header modern ── */
body.art-modern .tab-section-hdr{color:#c77e26;border-top:2px solid #e0efe4}
/* ── Optionen modern ── */
body.art-modern .opt-row{border-bottom:2px solid #edf6f0}
body.art-modern .opt-name{color:#2e4a3a;font-weight:700}
body.art-modern .opt-desc{color:#7a9a88}
body.art-modern .opt-select{background:#fff;color:#2e4a3a;border:2px solid #cdeedd;border-radius:10px;font-weight:700}
body.art-modern .opt-toggle{font-weight:800;border-radius:999px}
body.art-modern .opt-toggle.on{background:#4fae6a;border-color:#3d9258;color:#fff;box-shadow:0 3px 0 #2f7a44}
body.art-modern .opt-toggle.off{background:#d8e4dc;border-color:#c0d4c8;color:#8a9a90;box-shadow:none}
body.art-modern .save-tools{border-top:2px solid #edf6f0}
body.art-modern .save-tool-btn{background:#4fae6a;color:#fff;border:2px solid #3d9258;border-radius:10px;box-shadow:0 3px 0 #2f7a44}
body.art-modern .save-tool-btn:hover{background:#5cbb78}
body.art-modern .save-ta{background:#fff;color:#2e4a3a;border:2px solid #cdeedd;border-radius:10px}
/* ── Im-Fließ-bleiben-Button modern ── */
body.art-modern #btn-stay-floor{background:#fff !important;color:#4a8a5a !important;border:2px solid #a8dcc0 !important;border-radius:999px !important;font-weight:700}
/* ── Tutorial/Hilfe modern ── */
body.art-modern #tutorial-box{background:linear-gradient(180deg,#fdfcf5,#f0faf3);border:3px solid #a8dcc0}
body.art-modern #tutorial-box .tut-head{background:linear-gradient(90deg,#eafaf0,#dff4e8);border-bottom:2px solid #cdeedd}
body.art-modern #tutorial-box .tut-foot{border-top:2px solid #cdeedd}
body.art-modern #tutorial-title{color:#c77e26 !important}
body.art-modern #tutorial-step-indicator{color:#3d9258}
body.art-modern #tutorial-content{color:#3b4a40}
body.art-modern #tutorial-skip{background:#fff !important;color:#7a9a88 !important;border:2px solid #cdeedd !important;border-radius:999px !important;font-weight:700}
body.art-modern #tutorial-prev{background:#fff !important;color:#4a8a5a !important;border:2px solid #a8dcc0 !important;border-radius:999px !important;font-weight:700}
body.art-modern #tutorial-next{background:#4fae6a !important;color:#fff !important;border:2px solid #3d9258 !important;border-radius:999px !important;font-weight:800;box-shadow:0 3px 0 #2f7a44}
body.art-modern #tutorial-overlay .tutorial-highlight{background:#eafaf0;border:2px solid #9ce0b0;border-radius:12px;color:#2e4a3a}
body.art-modern #tutorial-overlay .tutorial-key{background:#4fae6a;color:#fff}
body.art-modern .tut-muted{color:#7a9a88}
body.art-modern .tut-term{color:#3d9258}
body.art-modern .tut-sub{color:#c77e26}
body.art-modern .tut-badge{background:#eafaf0;color:#3d9258}
body.art-modern .tut-num{color:#c77e26}
/* ── Overlay-Schließen-Buttons modern ── */
body.art-modern #victory-close{background:#fff !important;color:#7a9a88 !important;border:2px solid #cdeedd !important;border-radius:999px !important}
body.art-modern #victory-close:hover{color:#4a8a5a !important}
body.art-modern #erb-skip{background:#fff !important;color:#7a9a88 !important;border:2px solid #cdeedd !important;border-radius:999px !important}
body.art-modern #camp-close{color:#7a9a88}
body.art-modern #camp-auto-label{color:#7a9a88}
body.art-modern #camp-timer{color:#7a9a88}
/* ── Camp-Toggle (AutoBuy AN/AUS) modern ── */
body.art-modern #camp-abilities .upgrade-btn[style]{border-radius:999px !important}