/* Generated by scripts/build-frontend.mjs. Edit src/css/*.css, not this file directly. */

/* Source chunk: 00-core-layout.css */
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Trebuchet MS,Arial,sans-serif;background:#08131f;color:#f2f7ff;user-select:none}button{font:inherit;cursor:pointer;border:0;color:white}.hidden{display:none!important}
.glass{background:linear-gradient(180deg,rgba(13,54,87,.96),rgba(3,24,40,.96));border:2px solid #1c5f92;border-radius:10px;box-shadow:0 0 0 1px rgba(91,181,255,.18) inset,0 10px 28px rgba(0,0,0,.6)}
.boot-screen{position:fixed;inset:0;z-index:80;display:block;overflow:hidden;background:#07121f url("assets/loading-screen-sundering.png?v=239") center center/contain no-repeat}.boot-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 56%,rgba(0,0,0,.18) 100%);pointer-events:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.start-screen{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 28%,#315f8d,#08131f 72%);z-index:50}.start-bg{position:absolute;inset:0}.start-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:repeating-linear-gradient(90deg,#164b20 0 80px,#1d6a2d 80px 160px);border-top:6px solid rgba(255,255,255,.55)}.stadium-light{position:absolute;top:55px;width:160px;height:330px;background:radial-gradient(ellipse at top,rgba(255,255,210,.55),transparent 65%);opacity:.8}.stadium-light.left{left:95px;transform:rotate(18deg)}.stadium-light.right{right:95px;transform:rotate(-18deg)}.crowd{position:absolute;left:0;right:0;bottom:32%;height:90px;background:repeating-linear-gradient(90deg,#182c46 0 18px,#d33 18px 28px,#f2c14d 28px 38px,#2674ba 38px 52px);filter:brightness(.75)}
.start-card{position:relative;width:min(980px,calc(100vw - 36px));height:min(620px,calc(100vh - 36px));padding:28px}.start-logo{text-align:center;line-height:.82;font-style:italic;font-weight:1000;text-shadow:5px 6px 0 #02101c,0 0 18px #77d5ff;transform:skew(-7deg)}.start-logo span{display:block;font-size:58px;color:#f8ffff}.start-logo b{display:block;font-size:64px;color:#ffb21d}.start-sub{text-align:center;color:#d8eaff;font-size:18px;font-weight:900;margin:12px 0 22px}.creator-layout{display:grid;grid-template-columns:1fr 370px;gap:24px;height:420px}.creator-preview{position:relative;border:2px solid #1c5f92;border-radius:12px;background:linear-gradient(#7ac6ff 0 38%,#454b55 39% 100%);overflow:hidden}.creator-form{display:flex;flex-direction:column;gap:12px}.creator-form label{display:grid;gap:8px;color:#d8eaff;font-weight:1000}.creator-form input{height:48px;border-radius:7px;border:2px solid #34688e;background:#07192a;color:white;padding:0 12px;font-size:18px;font-weight:900}.creator-form input.error{border-color:#ff4b4b;box-shadow:0 0 16px #ff4b4b}.choice-group p{margin:0 0 8px;font-weight:1000;color:#d8eaff}.swatches{display:flex;gap:10px}.swatch{width:44px;height:44px;border-radius:50%;background:var(--swatch);border:3px solid #07192a;box-shadow:inset 0 2px 0 rgba(255,255,255,.25)}.swatch.active{outline:3px solid #ffd75f}.customizer{display:grid;gap:8px}.custom-row{height:39px;display:grid;grid-template-columns:1fr 34px 92px 34px;align-items:center;gap:6px;border:1px solid #315f86;border-radius:7px;background:rgba(4,22,37,.72);padding:4px 6px}.custom-row span{font-weight:1000;color:#d8eaff}.custom-row b{text-align:center;color:#ffd75f;font-size:13px}.custom-row button{height:28px;border-radius:5px;background:linear-gradient(#ffc64f,#d78313);font-size:24px;font-weight:1000;line-height:20px;color:#211000}.green-btn{height:45px;border-radius:7px;background:linear-gradient(#9bea5a,#43a92d);border:2px solid #22631e;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 4px 0 #174814;color:white;text-shadow:1px 2px 0 rgba(0,0,0,.35);font-size:18px;font-weight:1000}.big-start{margin-top:auto;height:58px;font-size:22px}
.character{position:absolute;left:50%;top:51%;width:190px;height:470px;transform:translate(-50%,-50%);z-index:3}.preview-character{top:56%;transform:translate(-50%,-50%) scale(.82)}.hair{position:absolute;left:57px;top:8px;width:75px;height:42px;background:#512915;border-radius:70% 30% 55% 35%;transform:rotate(-10deg);box-shadow:18px 8px 0 #2b160d}.head{position:absolute;left:52px;top:34px;width:86px;height:98px;background:#f0a36d;border-radius:46% 46% 42% 42%;box-shadow:inset -8px -8px 0 #c9744d}.head span:before{content:"";position:absolute;left:21px;top:39px;width:10px;height:10px;border-radius:50%;background:#101010;box-shadow:36px 0 0 #101010}.head span:after{content:"";position:absolute;left:29px;top:67px;width:28px;height:11px;border-bottom:4px solid #742d20;border-radius:50%}.neck{position:absolute;left:82px;top:124px;width:29px;height:28px;background:#d8895d}.body{position:absolute;left:39px;top:142px;width:116px;height:138px;background:linear-gradient(120deg,#1b2027 0 46%,#e8e8e8 47% 60%,#272c34 61%);clip-path:polygon(18% 0,82% 0,100% 28%,83% 100%,17% 100%,0 28%);display:grid;place-items:center;color:white;font-size:42px;font-weight:1000;text-shadow:2px 2px #000}.arm{position:absolute;top:154px;width:28px;height:120px;background:#e69a68;border-radius:18px}.arm.left{left:13px;transform:rotate(15deg)}.arm.right{right:10px;transform:rotate(-12deg)}.shorts{position:absolute;left:49px;top:272px;width:96px;height:70px;background:#161b22;border-radius:0 0 24px 24px}.leg{position:absolute;top:336px;width:31px;height:97px;background:#dc8f61;border-radius:14px}.leg.left{left:60px}.leg.right{right:61px}.shoe{position:absolute;top:424px;width:55px;height:24px;background:#d8a21d;border-radius:50% 50% 12px 12px;box-shadow:0 7px 0 #1a1a1a}.shoe.left{left:45px}.shoe.right{right:42px}.ball{position:absolute;left:0;top:230px;font-size:70px;filter:drop-shadow(0 8px 5px #0008)}.character.run{animation:kick .25s ease}@keyframes kick{50%{transform:translate(-48%,-53%) rotate(2deg)}}
.character[data-kit="black"] .body{background:linear-gradient(120deg,#1b2027 0 46%,#e8e8e8 47% 60%,#272c34 61%)}.character[data-kit="blue"] .body{background:linear-gradient(120deg,#165cbd 0 46%,#e8e8e8 47% 60%,#0b3b83 61%)}.character[data-kit="red"] .body{background:linear-gradient(120deg,#b82424 0 46%,#fff 47% 60%,#771414 61%)}.character[data-kit="green"] .body{background:linear-gradient(120deg,#208c3a 0 46%,#fff 47% 60%,#105c24 61%)}.character[data-kit="yellow"] .body{background:linear-gradient(120deg,#e3c21a 0 46%,#1a1a1a 47% 60%,#ab850a 61%)}.preview-character[data-body="1"]{transform:translate(-50%,-50%) scale(.76,.86)}.preview-character[data-body="2"]{transform:translate(-50%,-50%) scale(.9,.86)}.preview-character[data-body="3"]{transform:translate(-50%,-50%) scale(.86,.96)}.character[data-hair="1"] .hair{width:90px;height:50px;border-radius:50%;box-shadow:-10px 8px 0 #2b160d,14px 10px 0 #2b160d}.character[data-hair="2"] .hair{width:82px;height:34px;border-radius:12px 45px 10px 20px;transform:rotate(-5deg);box-shadow:18px 2px 0 #2b160d}.character[data-hair="3"] .hair{width:96px;height:58px;border-radius:30% 70% 45% 55%;transform:rotate(-16deg);box-shadow:18px 12px 0 #2b160d,-14px 15px 0 #512915}.character[data-face="1"] .head{border-radius:50%;width:92px}.character[data-face="2"] .head{border-radius:44% 44% 50% 50%;width:76px;left:58px}.character[data-face="3"] .head{border-radius:34% 34% 42% 42%}.character[data-body="1"] .body{width:96px;left:49px}.character[data-body="2"] .body{width:132px;left:31px}.character[data-body="3"] .body{height:155px;top:135px}.character[data-eyes="1"] .head span:before{height:5px;border-radius:4px;top:43px}.character[data-eyes="3"] .head span:before{width:13px;height:8px;border-radius:9px 9px 2px 2px}.character[data-mouth="1"] .head span:after{width:30px;height:2px;border-bottom:4px solid #742d20;border-radius:0}.character[data-mouth="2"] .head span:after{width:34px;height:15px;border-bottom:5px solid #742d20;top:63px}.character[data-mouth="3"] .head span:after{width:18px;height:14px;border:3px solid #742d20;background:#3a1111;border-radius:50%;top:63px;left:35px}
.game{position:relative;width:100vw;height:100vh;min-width:1180px;min-height:680px;background:#1e5b28 url("assets/kreisliga-bolzplatz.svg") center/cover no-repeat;overflow:hidden}.topbar{position:absolute;left:0;top:0;right:0;height:76px;background:linear-gradient(#10273d,#07121f);border-bottom:3px solid #1d496e;box-shadow:0 8px 25px rgba(0,0,0,.55);display:flex;align-items:center;gap:10px;padding:7px 14px;z-index:10}.brand{width:190px;line-height:.83;font-weight:1000;font-style:italic;letter-spacing:-2px;text-shadow:4px 5px 0 #02101c,0 0 12px #77d5ff;transform:skew(-7deg)}.brand span{display:block;font-size:32px;color:#f8ffff}.brand b{display:block;font-size:36px;color:#ffb21d}.top-spacer{flex:1}.wallet{height:44px;min-width:128px;border-radius:7px;background:linear-gradient(#102b45,#081927);border:1px solid #183a56;display:flex;align-items:center;gap:8px;padding:5px 8px;font-size:18px;font-weight:1000}.wallet span{font-size:25px}.wallet button,.settings{width:31px;height:31px;border-radius:50%;background:linear-gradient(#88e95b,#2d9e27);border:2px solid #184b16;font-size:22px;font-weight:1000;line-height:24px}.settings{border-radius:7px;background:linear-gradient(#203a51,#0b1b2b);font-size:24px;width:52px;height:52px}.left-card{position:absolute;left:14px;top:92px;width:370px;height:555px;padding:24px;z-index:4}.player-title{display:flex;gap:17px;align-items:center}.level-star{width:72px;height:72px;background:linear-gradient(#fff56d,#efaf11);clip-path:polygon(50% 0,62% 32%,97% 32%,69% 53%,80% 90%,50% 67%,20% 90%,31% 53%,3% 32%,38% 32%);display:grid;place-items:center;text-shadow:2px 2px #744100;font-size:31px;font-weight:1000}.player-title h2{margin:0;font-size:31px}.player-title p{margin:6px 0 0;color:#d8eaff;font-size:17px}.xpbar{height:36px;border-radius:5px;border:2px solid #49779a;background:#071928;margin:20px 0 16px;position:relative;overflow:hidden}.xpbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#00deb2,#1fffbf)}.xpbar span{position:absolute;inset:0;display:grid;place-items:center;font-weight:1000;text-shadow:1px 2px #001}.stat-head,.skill-list{display:grid;gap:14px}.stat-head{margin-bottom:5px;font-size:18px;text-transform:uppercase;color:#ffd75f;font-weight:1000;letter-spacing:.5px}.skill{min-height:76px;display:grid;grid-template-columns:48px 1fr 46px;align-items:center;gap:12px;font-weight:900}.skill .ico{font-size:37px;text-align:center;white-space:nowrap;display:grid;place-items:center}.lung-icon{position:relative;width:40px;height:38px;display:block}.lung-icon:before{content:"";position:absolute;left:18px;top:1px;width:4px;height:19px;border-radius:3px;background:#ffd0d8;box-shadow:0 0 0 1px #9d4150}.lung-icon:after{content:"";position:absolute;left:12px;top:15px;width:16px;height:4px;border-radius:4px;background:#ffd0d8;box-shadow:0 0 0 1px #9d4150}.lung-icon i{position:absolute;top:12px;width:18px;height:24px;background:radial-gradient(circle at 55% 36%,#fff8,transparent 0 4px),linear-gradient(#ff9eb0,#e65b78);border:2px solid #92283d;filter:drop-shadow(0 3px 2px #0008)}.lung-icon i:nth-child(1){left:1px;border-radius:70% 35% 65% 55%;transform:rotate(-9deg)}.lung-icon i:nth-child(2){right:1px;border-radius:35% 70% 55% 65%;transform:rotate(9deg)}.tactic-board{position:relative;width:31px;height:42px;display:block;border-radius:5px;background:#1d7f43;border:2px solid #eef7ff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),0 3px 5px #0008}.tactic-board:before{content:"";position:absolute;left:2px;right:2px;top:50%;border-top:2px dashed rgba(255,255,255,.75)}.tactic-board:after{content:"";position:absolute;left:50%;top:7px;width:13px;height:24px;border:2px solid rgba(255,255,255,.75);border-radius:50%;transform:translateX(-50%)}.tactic-board i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffdb4d;box-shadow:0 0 0 1px #5b3600}.tactic-board i:nth-child(1){left:6px;top:6px}.tactic-board i:nth-child(2){right:5px;top:12px;background:#ff5d5d}.tactic-board i:nth-child(3){left:5px;bottom:9px}.tactic-board i:nth-child(4){right:6px;bottom:5px;background:#ff5d5d}.cone-drill{position:relative;width:42px;height:32px;display:block}.cone-drill i{position:absolute;bottom:2px;width:13px;height:22px;background:linear-gradient(#ffb03a 0 32%,#fff 33% 43%,#f26b21 44% 70%,#fff 71% 80%,#d94d13 81%);clip-path:polygon(50% 0,86% 100%,14% 100%);filter:drop-shadow(0 3px 2px #0008)}.cone-drill i:nth-child(1){left:1px;transform:scale(.9)}.cone-drill i:nth-child(2){left:15px;bottom:6px;transform:scale(1.08)}.cone-drill i:nth-child(3){right:0;transform:scale(.9)}.skill-main{min-width:0}.skill-top{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin-bottom:6px}.skill-top b{color:#fff;background:#082139;border:1px solid #2f6f9f;border-radius:5px;text-align:center;padding:2px 8px}.skillbar{height:32px;border-radius:6px;border:2px solid #355b79;background:#071928;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000}.skillbar i{display:block;height:100%;width:var(--skill-progress);background:linear-gradient(90deg,var(--skill-color),#fff7);box-shadow:0 0 12px var(--skill-color)}.skillbar em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:14px;text-shadow:1px 1px #001}.skill-up{width:42px;height:42px;justify-self:end;border-radius:50%;background:linear-gradient(#88e95b,#2d9e27);border:2px solid #184b16;color:#fff;font-size:34px;line-height:34px;font-weight:1000;text-shadow:1px 2px #063;box-shadow:0 3px 0 #0e3d12,0 7px 10px #0008}.skill-up:disabled{filter:grayscale(.85);opacity:.55;cursor:not-allowed}.skill-tooltip{position:fixed;z-index:200;pointer-events:none;padding:8px 11px;border-radius:8px;background:linear-gradient(#173e62,#071b2f);border:2px solid #58b7f0;box-shadow:0 8px 22px #000b;color:#fff;font-weight:1000;text-shadow:1px 1px #001}.skill-tooltip b{display:block;color:#ffd75f;font-size:13px}.skill-tooltip span{display:block;font-size:12px;margin-top:2px}.small-reset{display:none}
.locker-room{position:absolute;left:0;right:0;top:76px;bottom:0;background:transparent;overflow:hidden}.locker-room:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 62%,transparent 0 23%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.55) 100%);z-index:1}.room-bg{position:absolute;inset:0;z-index:0}.scene-title{position:absolute;left:50%;top:22px;transform:translateX(-50%);min-width:320px;text-align:center;z-index:5;padding:8px 22px;border-radius:10px;background:linear-gradient(180deg,rgba(13,54,87,.92),rgba(3,24,40,.92));border:2px solid #56a8da;box-shadow:0 8px 22px #000b,0 0 0 1px rgba(255,255,255,.14) inset}.scene-title span{display:block;color:#ffd75f;text-transform:uppercase;font-size:17px;font-weight:1000;letter-spacing:1px;text-shadow:2px 2px #001}.scene-title b{display:block;color:#fff;font-size:30px;font-weight:1000;line-height:1.08;text-shadow:3px 3px #001}.avatar-stage{position:absolute;left:50%;top:57%;width:610px;height:560px;transform:translate(-50%,-50%);z-index:4}.avatar-stage .character{left:50%;top:52%;transform:translate(-50%,-50%) scale(1.22);transform-origin:center center;z-index:4}.gear-slot{position:absolute;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,rgba(53,93,129,.78),rgba(7,25,40,.88) 72%);border:4px dashed #64a8d8;box-shadow:0 10px 24px #000b,0 0 0 3px rgba(4,17,28,.8),inset 0 3px 0 rgba(255,255,255,.18);z-index:7}.gear-slot>span{font-size:43px;filter:drop-shadow(0 3px 2px #000)}.gear-item{position:absolute;left:50%;top:50%;width:74px;height:74px;transform:translate(-50%,-50%);border-radius:0;background:transparent;border:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;text-align:center;line-height:1;touch-action:none;cursor:grab;z-index:8}.gear-item span{display:block;font-size:56px;line-height:1;filter:drop-shadow(0 8px 5px #000b);transform:translateY(0)}.item-green-shirt span{color:#35b74a}.item-ball span{font-size:62px}.gear-item.dragging{position:fixed!important;z-index:50;cursor:grabbing;filter:brightness(1.15);background:transparent;box-shadow:none}.gear-slot.locked{filter:grayscale(.35);opacity:.82}.slot-shirt{left:58px;top:36px}.slot-pants{left:32px;top:233px}.slot-boots{left:86px;bottom:48px}.slot-accessory{right:58px;top:36px}.slot-gadget{right:32px;top:233px}.slot-throwing{right:86px;bottom:48px}.locker-room .character{z-index:4}.locker-room .ball{filter:drop-shadow(0 8px 5px #0008)}.right-stack{position:absolute;right:14px;top:92px;width:285px;bottom:170px;z-index:4;display:grid;grid-template-rows:210px 150px 1fr;gap:12px}.right-stack section{position:relative;padding:12px 16px}.right-stack h3{height:36px;line-height:36px;margin:-12px -16px 12px;text-align:center;background:linear-gradient(#174976,#0d2b48);border-radius:6px 6px 0 0;text-shadow:2px 2px #001}.task-card{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;margin:14px 0 18px}.task-icon{width:54px;height:54px;border-radius:10px;display:grid;place-items:center;background:#082139;border:1px solid #47779b;font-size:32px}.season div{display:flex;justify-content:space-between;margin:8px 0;font-size:15px}.goals label{height:34px;display:grid;grid-template-columns:28px 1fr 50px 42px;align-items:center;gap:3px;font-size:13px}.goals label:nth-of-type(2),.goals label:nth-of-type(3){grid-template-columns:28px 1fr 50px}.circle{width:20px;height:20px;border-radius:50%;border:2px solid #9bb4c8}.goals button{height:27px;border-radius:5px;background:linear-gradient(#ffc64f,#d78313);font-weight:1000}.reward{position:absolute;left:14px;right:14px;bottom:10px;height:46px;border-radius:6px;background:rgba(255,255,255,.06);display:flex;align-items:center;gap:9px;padding:0 10px}.bottomnav{position:absolute;left:8px;right:8px;bottom:10px;height:162px;display:grid;grid-template-columns:repeat(10,1fr);gap:6px;z-index:6;padding:0 4px;background:linear-gradient(180deg,rgba(4,16,28,0),rgba(4,16,28,.34) 35%,rgba(4,16,28,.62));border-radius:18px}.bottomnav button{position:relative;background:transparent;font-size:12px;font-weight:1000;text-shadow:2px 2px #000;line-height:1.05;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0}.bottomnav span{width:98px;height:98px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#203b56,#0c1d30);border:5px solid #355b79;box-shadow:0 14px 28px #000b;font-size:66px}.bottomnav button.active span{box-shadow:0 0 0 5px #ffcf42,0 14px 28px #000b}.doping-tab span{background:linear-gradient(#b77cff,#5a2694)!important}.beer-tab span{background:linear-gradient(#ffd95b,#da8318)!important}.toast{position:absolute;left:50%;bottom:177px;transform:translateX(-50%);min-width:360px;max-width:650px;background:linear-gradient(#184b73,#082039);border:2px solid #48a8e6;border-radius:8px;box-shadow:0 0 22px #000b;color:white;text-align:center;font-weight:1000;padding:13px 18px;z-index:30}
@media(max-width:1180px),(max-height:680px){.game{transform-origin:top left;width:1180px;height:680px}}

.game[data-section="Missionen"] .avatar-stage{display:none}.game[data-section="Missionen"] .mission-zone{display:block}.mission-zone{position:absolute;left:370px;right:320px;top:96px;bottom:188px;z-index:5;padding:18px;border-radius:14px;background:linear-gradient(180deg,rgba(19,89,43,.96),rgba(9,47,26,.96));border:3px solid #7acb68;box-shadow:0 12px 34px #000b,inset 0 0 0 2px rgba(255,255,255,.15);overflow:hidden}.mission-zone.hidden{display:none}.mission-field{position:absolute;left:18px;right:18px;top:18px;height:195px;border-radius:14px;background:radial-gradient(circle at 30% 35%,#8eea77 0 3px,transparent 4px),radial-gradient(circle at 70% 58%,#fff176 0 3px,transparent 4px),repeating-linear-gradient(90deg,#49a543 0 70px,#3f963d 70px 140px);border:3px solid rgba(255,255,255,.55);box-shadow:inset 0 0 30px rgba(0,0,0,.24)}.flower{position:absolute;color:#fff7a8;font-size:30px;text-shadow:0 2px #2d6f2b}.meadow-a{left:15%;top:42%}.meadow-b{left:58%;top:22%}.meadow-c{right:14%;bottom:18%}.jacket-goal{position:absolute;left:50%;top:45px;width:150px;height:90px;transform:translateX(-50%);border-top:5px dashed rgba(255,255,255,.85)}.jacket-goal span{position:absolute;bottom:0;width:48px;height:30px;border-radius:12px 12px 8px 8px;background:linear-gradient(#e83f3f,#8f1717);box-shadow:0 7px 0 #0005}.jacket-goal span:first-child{left:0;transform:rotate(-8deg)}.jacket-goal span:last-child{right:0;background:linear-gradient(#2f72db,#123d87);transform:rotate(9deg)}.mission-ball{position:absolute;left:calc(50% - 14px);bottom:26px;font-size:30px;filter:drop-shadow(0 5px 3px #0008)}.mission-header{position:absolute;left:38px;top:34px;z-index:2;text-shadow:2px 2px #173b14}.mission-header span{display:block;color:#ffe66b;font-weight:1000;letter-spacing:1px}.mission-header b{display:block;font-size:35px;line-height:1}.mission-header em{display:block;font-style:normal;font-weight:1000;color:#eaffdf}.mission-list{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mission-card{min-height:188px;padding:12px;border-radius:10px;background:linear-gradient(#174976,#0d2b48);border:2px solid #55aee8;box-shadow:0 8px 18px #0008;display:grid;grid-template-rows:1fr auto 38px;gap:8px}.mission-card h4{margin:0 0 6px;color:#ffd75f;font-size:18px;text-shadow:2px 2px #001}.mission-card p{margin:0;color:#dcefff;font-size:13px;font-weight:800}.mission-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:12px;font-weight:1000}.mission-card button{border-radius:8px;background:linear-gradient(#88e95b,#2d9e27);border:2px solid #184b16;font-weight:1000;text-shadow:1px 1px #063}

/* v35: Missionen muss wie eine eigene Hero-Zero-Zone sichtbar sein. */
.game[data-section="Missionen"]{background:#49a543 url("assets/blumenwiese.svg") center/cover no-repeat}
.game[data-section="Missionen"] .locker-room:before{background:linear-gradient(90deg,rgba(0,0,0,.58) 0 31%,rgba(0,0,0,.08) 42% 72%,rgba(0,0,0,.54) 100%);z-index:1}
.mission-zone{display:none}
.game[data-section="Missionen"] .mission-zone{display:block!important;left:402px;right:18px;top:92px;bottom:188px;background:transparent;border:0;box-shadow:none;padding:0;overflow:visible}
.game[data-section="Missionen"] .scene-title{background:linear-gradient(#f4c653,#b96a12);border-color:#fff1a0;color:#2a1600;text-shadow:1px 1px #fff8;box-shadow:0 8px 18px #0009}.game[data-section="Missionen"] .scene-title span,.game[data-section="Missionen"] .scene-title b{color:#2a1600;text-shadow:1px 1px #fff8}
.game[data-section="Missionen"] .mission-field{left:0;right:300px;top:0;height:auto;bottom:0;border-radius:16px;background:url("assets/blumenwiese.svg") center/cover no-repeat;border:4px solid #f3cf64;box-shadow:0 14px 28px #000a,inset 0 0 0 3px rgba(255,255,255,.35)}
.game[data-section="Missionen"] .mission-header{left:24px;top:18px;padding:10px 18px;border-radius:12px;background:linear-gradient(#ffe277,#c98218);border:3px solid #7b3d00;color:#2a1600;text-shadow:1px 1px #fff8;box-shadow:0 8px 16px #0008}.game[data-section="Missionen"] .mission-header span,.game[data-section="Missionen"] .mission-header em{color:#402000;text-shadow:1px 1px #fff8}.game[data-section="Missionen"] .mission-header b{font-size:38px;color:#1d3b0e;text-shadow:1px 1px #fff8}
.game[data-section="Missionen"] .mission-list{position:absolute;top:0;right:0;bottom:0;left:auto;width:286px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:12px;padding:0;z-index:4}
.game[data-section="Missionen"] .mission-card{min-height:0;padding:12px 12px 10px;border-radius:14px;background:linear-gradient(#1f5d90,#0b2b4a 62%,#061b31);border:3px solid #7fc8ff;box-shadow:0 10px 22px #000b,inset 0 0 0 2px rgba(255,255,255,.12);grid-template-rows:auto 1fr 36px;position:relative;overflow:hidden}.game[data-section="Missionen"] .mission-card:before{content:"";position:absolute;left:-30px;top:-35px;width:90px;height:90px;border-radius:50%;background:rgba(255,221,89,.16)}
.game[data-section="Missionen"] .mission-card h4{font-size:18px;color:#ffe36d;margin:0 0 4px}.game[data-section="Missionen"] .mission-card p{font-size:12px;line-height:1.2}.game[data-section="Missionen"] .mission-card ul{grid-template-columns:1fr 1fr;font-size:11px;gap:3px}.game[data-section="Missionen"] .mission-card button{height:36px;border-radius:9px;background:linear-gradient(#ffdb64,#d78516);border:2px solid #6c3500;color:#261200;text-shadow:1px 1px #fff7}

/* v36: Hero-Zero-artige Missionskarte mit anklickbaren Icons statt Kartenliste. */
.game[data-section="Missionen"]{background:#7fd65b url("assets/blumenwiese.svg?v=36") center/cover no-repeat}
.game[data-section="Missionen"] .scene-title{display:none}
.game[data-section="Missionen"] .mission-zone{display:block!important;left:384px;right:0;top:76px;bottom:178px;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.game[data-section="Missionen"] .mission-field,.game[data-section="Missionen"] .mission-header,.game[data-section="Missionen"] .mission-list{display:none!important}
.zone-name{position:absolute;left:50%;top:14px;transform:translateX(-50%);margin:0;z-index:6;padding:9px 38px;border-radius:13px;background:linear-gradient(#ffe375,#c77916);border:4px solid #7d3b00;color:#2c1700;font-size:38px;line-height:1;font-weight:1000;text-shadow:1px 2px #fff6;box-shadow:0 8px 18px #0009, inset 0 2px 0 #fff8}
.mission-map-icons{position:absolute;left:0;right:0;top:0;bottom:0;z-index:5}.mission-map-icon{position:absolute;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#fff5b5,#e49721);border:5px solid #713400;box-shadow:0 11px 0 #5b2700,0 18px 24px #0009,inset 0 3px 0 #fff;color:#111;animation:missionBob 1.8s ease-in-out infinite}.mission-map-icon span{font-size:48px;filter:drop-shadow(0 3px 1px #fff8)}.mission-map-icon.active{outline:6px solid #fff06a;transform:translateY(4px);box-shadow:0 7px 0 #5b2700,0 14px 20px #0009,inset 0 3px 0 #fff}.mission-map-icon-1{left:18%;top:54%}.mission-map-icon-2{left:45%;top:34%;animation-delay:.2s}.mission-map-icon-3{right:19%;top:58%;animation-delay:.38s}@keyframes missionBob{50%{margin-top:-7px}}
.mission-info{position:absolute;right:24px;top:88px;width:314px;min-height:292px;z-index:8;padding:17px;border-radius:15px;background:linear-gradient(#1f5d90,#0b2b4a 62%,#061b31);border:4px solid #80ccff;box-shadow:0 14px 28px #000b,inset 0 0 0 2px rgba(255,255,255,.14)}.mission-info h3{margin:0 0 8px;color:#ffe36d;font-size:25px;text-shadow:2px 2px #001}.mission-info p{margin:0 0 12px;color:#e7f5ff;font-weight:900;line-height:1.25}.mission-info ul{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;font-weight:1000}.mission-info button{width:100%;height:44px;border-radius:10px;background:linear-gradient(#ffdb64,#d78516);border:3px solid #6c3500;color:#261200;font-weight:1000;text-shadow:1px 1px #fff7}

/* v37: bessere Blumenwiese, zentrierter Titel und zentrales Missionsfenster mit Pfeilen. */
.game[data-section="Missionen"]{background:#6fcb47 url("assets/blumenwiese.svg?v=37") center/cover no-repeat}
.game[data-section="Missionen"] .locker-room:before{background:linear-gradient(90deg,rgba(0,0,0,.50) 0 30%,rgba(0,0,0,.05) 43% 74%,rgba(0,0,0,.44) 100%);z-index:1}
.game[data-section="Missionen"] .mission-zone{display:block!important;left:0;right:0;top:76px;bottom:178px;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible;z-index:5}
.zone-name{position:absolute;left:50%;top:18px;transform:translateX(-50%);margin:0;z-index:7;padding:8px 34px;border-radius:16px;background:linear-gradient(#e9fff0,#a6e7b0 45%,#4f9b56);border:4px solid #184f24;color:#103616;font-size:40px;line-height:1;font-weight:1000;text-shadow:0 2px #ffffffb8;box-shadow:0 8px 18px #0008,inset 0 2px 0 #fff}
.mission-map-icon{background:linear-gradient(#f5fff8,#b8f0bd 54%,#59ad5d);border:5px solid #154c21;box-shadow:0 10px 0 #0c3315,0 18px 24px #0009,inset 0 3px 0 #fff;color:#102914}.mission-map-icon.active{outline:6px solid #d7ffd9;box-shadow:0 6px 0 #0c3315,0 14px 20px #0009,inset 0 3px 0 #fff}.mission-map-icon-1{left:38%;top:57%}.mission-map-icon-2{left:56%;top:40%}.mission-map-icon-3{right:18%;top:61%}
.mission-info{position:absolute;left:50%;top:50%;right:auto;transform:translate(-50%,-50%);width:440px;min-height:382px;z-index:20;padding:22px 24px 20px;border-radius:18px;background:linear-gradient(#234f7a,#0c2a48 58%,#06192d);border:4px solid #b9e7ff;box-shadow:0 18px 40px #000d,inset 0 0 0 2px rgba(255,255,255,.16);text-align:center}.mission-info:before{content:"";position:absolute;inset:8px;border-radius:12px;border:1px solid rgba(255,255,255,.16);pointer-events:none}.mission-info-icon{width:74px;height:74px;margin:-5px auto 8px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#f5fff8,#78cf82);border:4px solid #164f22;font-size:42px;box-shadow:0 8px 15px #0008}.mission-info h3{margin:0 46px 8px;color:#fff06d;font-size:28px;text-shadow:2px 2px #001}.mission-teaser{margin:0 0 9px;color:#e7f5ff;font-weight:1000;line-height:1.22}.mission-story{margin:0 0 13px;color:#cfe8ff;font-weight:800;line-height:1.28}.mission-info ul{list-style:none;margin:0 0 15px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;font-weight:1000;text-align:left}.mission-start{width:100%;height:46px;border-radius:10px;background:linear-gradient(#96ee64,#3aa42e);border:3px solid #174d17;color:#082208;font-weight:1000;text-shadow:1px 1px #fff7}.mission-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:62px;border-radius:13px;background:linear-gradient(#e9fff0,#66b96f);border:3px solid #174d20;color:#0f3516;font-size:50px;font-weight:1000;line-height:42px;box-shadow:0 8px 14px #0009}.mission-prev{left:-24px}.mission-next{right:-24px}

/* v38: kleinere Missions-Pfeile. */
.mission-arrow{width:30px;height:42px;border-radius:9px;font-size:30px;line-height:28px;border-width:2px;box-shadow:0 5px 9px #0009}.mission-prev{left:-14px}.mission-next{right:-14px}

/* v39: wirklich kleine Missionswechsel-Buttons, außerhalb vom Textbereich. */
.game[data-section="Missionen"] .mission-info .mission-arrow{top:22px!important;transform:none!important;width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;border-radius:50%!important;font-size:20px!important;line-height:16px!important;border:2px solid #174d20!important;background:linear-gradient(#f5fff7,#7fd585)!important;color:#123b18!important;box-shadow:0 3px 6px #0008!important;z-index:25!important}.game[data-section="Missionen"] .mission-info .mission-prev{left:16px!important}.game[data-section="Missionen"] .mission-info .mission-next{right:16px!important}.mission-kind{display:inline-block;margin:0 auto 6px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);color:#bfffd0;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.5px}.mission-info h3{margin-left:24px!important;margin-right:24px!important}

/* v40: Referenznaher Zonenlook - Holzschild, gemalte Wiese, Pin-Missionsicons. */
.game[data-section="Missionen"]{background:#79c94e url("assets/blumenwiese-zone.png?v=41") center/cover no-repeat}
.game[data-section="Missionen"] .locker-room:before{background:linear-gradient(90deg,rgba(0,0,0,.34) 0 23%,rgba(0,0,0,0) 38% 74%,rgba(0,0,0,.18) 100%);z-index:1}
.zone-name{top:10px!important;padding:17px 72px 20px!important;min-width:460px;text-align:center;border-radius:16px 16px 22px 22px!important;background:linear-gradient(#8a5426,#5a3218 55%,#3d2111)!important;border:5px solid #2a160b!important;color:#fff6df!important;font-size:46px!important;letter-spacing:-1px;text-shadow:0 4px 0 #1b0d06,0 0 8px #000!important;box-shadow:0 10px 22px #0009,inset 0 3px 0 #d49b57,inset 0 -7px 0 #2b160a!important}.zone-name:before{content:"⚽";position:absolute;left:50%;top:-35px;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#f7f7f7,#cfcfcf);border:4px solid #2a160b;font-size:42px;box-shadow:0 7px 12px #0008}.zone-name:after{content:"Hier fing alles an";position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);width:300px;padding:5px 18px 7px;border-radius:6px;background:linear-gradient(#f6c447,#c98219);border:4px solid #6e3a08;color:#34200b;font-size:22px;letter-spacing:0;text-shadow:0 1px #fff7;box-shadow:0 6px 12px #0007}
.mission-map-icons{z-index:8}.mission-map-icon{width:58px!important;height:58px!important;border-radius:50% 50% 50% 8px!important;transform:rotate(-45deg)!important;background:linear-gradient(#fff,#f0f0f0)!important;border:4px solid #fff!important;box-shadow:0 4px 0 #6b4a19,0 9px 18px #0009,inset 0 0 0 4px var(--pin,#e9a51f)!important;animation:missionPinBob 1.8s ease-in-out infinite!important;display:grid!important;place-items:center!important}.mission-map-icon span{transform:rotate(45deg)!important;width:38px;height:38px;border-radius:50%;display:grid!important;place-items:center;background:var(--pin,#e9a51f);font-size:25px!important;line-height:1;filter:drop-shadow(0 2px 1px #0006)!important}.mission-map-icon.active{outline:4px solid #fff7a8!important;box-shadow:0 3px 0 #6b4a19,0 9px 20px #000b,inset 0 0 0 4px var(--pin,#e9a51f)!important}.mission-map-icon-1{--pin:#2f75d6;left:35%!important;top:52%!important}.mission-map-icon-2{--pin:#e7a920;left:50%!important;top:58%!important}.mission-map-icon-3{--pin:#de6b2c;right:25%!important;top:52%!important}@keyframes missionPinBob{50%{margin-top:-8px}}
.mission-info{border-color:#e6c389!important;background:linear-gradient(#6b4326,#332016 62%,#1d120d)!important;box-shadow:0 18px 40px #000d,inset 0 3px 0 #b27a41,inset 0 -4px 0 #140b07!important}.mission-kind{background:rgba(255,210,107,.16);border-color:rgba(255,228,162,.35);color:#ffe49d}.mission-start{background:linear-gradient(#ffd45a,#c98317)!important;border-color:#6f3a07!important;color:#2e1c07!important}.game[data-section="Missionen"] .mission-info .mission-arrow{background:linear-gradient(#fff0bd,#d59723)!important;border-color:#6f3a07!important;color:#2e1c07!important}

/* v41: echte PNG-Grafiken statt CSS/SVG-Nachbau für Zone und Missionspins. */
.game[data-section="Missionen"]{background:#79c94e url("assets/blumenwiese-zone.png?v=42") center/cover no-repeat!important}
.mission-map-icon{width:84px!important;height:104px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;animation:missionPinBob 1.8s ease-in-out infinite!important;filter:drop-shadow(0 10px 8px rgba(0,0,0,.45));}
.mission-map-icon img{width:84px;height:104px;display:block;pointer-events:none}.mission-map-icon span{display:none!important}.mission-map-icon.active{outline:0!important;filter:drop-shadow(0 0 9px #fff3a8) drop-shadow(0 10px 8px rgba(0,0,0,.5))!important}.mission-info-icon{background:transparent!important;border:0!important;box-shadow:none!important}.mission-info-icon img{width:72px;height:90px;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(0,0,0,.5))}

/* v42: hochgeladenes Blumenwiesen-PNG integriert, Missionspins auf freie Flächen gesetzt. */
.mission-map-icon-1{left:36%!important;top:54%!important}.mission-map-icon-2{left:52%!important;top:42%!important}.mission-map-icon-3{right:22%!important;top:56%!important}

/* v43: festes 16:9-Spielbrett. Das komplette Game wird skaliert, nicht neu zusammengedrückt. */
:root{--game-scale:1}.game{position:fixed!important;left:50%!important;top:50%!important;width:1536px!important;height:864px!important;min-width:0!important;min-height:0!important;transform:translate(-50%,-50%) scale(var(--game-scale))!important;transform-origin:center center!important}.game.hidden{display:none!important}body{background:#07121f}

/* v44: Haupt-UI luftiger machen, Bottom-Menü bleibt groß. */
.topbar{height:66px!important;padding:6px 14px!important}.brand{width:168px!important}.brand span{font-size:28px!important}.brand b{font-size:31px!important}.wallet{height:39px!important;min-width:118px!important;font-size:16px!important}.wallet span{font-size:22px!important}.settings{width:44px!important;height:44px!important;font-size:21px!important}
.locker-room{top:66px!important}.left-card{top:84px!important;left:18px!important;width:324px!important;height:498px!important;padding:18px!important}.level-star{width:60px!important;height:60px!important;font-size:26px!important}.player-title{gap:12px!important}.player-title h2{font-size:25px!important}.player-title p{font-size:14px!important}.xpbar{height:30px!important;margin:14px 0 12px!important}.stat-head{font-size:15px!important;margin-bottom:8px!important}.skill-list{gap:8px!important}.skill{height:62px!important;padding:7px 8px!important}.skill .ico{width:38px!important;height:38px!important;font-size:25px!important}.skill-top{font-size:13px!important}.skillbar{height:18px!important}.skill-up{width:34px!important;height:34px!important;font-size:26px!important}
.scene-title{top:16px!important;min-width:270px!important;padding:6px 18px!important}.scene-title span{font-size:14px!important}.scene-title b{font-size:25px!important}.avatar-stage{width:520px!important;height:480px!important;top:54%!important}.avatar-stage .character{transform:translate(-50%,-50%) scale(1.04)!important}.gear-slot{width:70px!important;height:70px!important;border-width:3px!important}.gear-item{width:64px!important;height:64px!important}.gear-item span{font-size:48px!important}.slot-shirt{left:22px!important;top:64px!important}.slot-pants{left:22px!important;top:193px!important}.slot-boots{left:22px!important;top:322px!important}.slot-accessory{right:22px!important;top:64px!important}.slot-gadget{right:22px!important;top:193px!important}.slot-throwing{right:22px!important;top:322px!important}
.right-stack{top:84px!important;right:18px!important;width:270px!important;gap:10px!important}.right-stack .glass{padding:13px!important}.right-stack h3{font-size:15px!important;margin-bottom:8px!important}.task-card{gap:9px!important}.task-icon{font-size:32px!important}.task-card b{font-size:15px!important}.task-card p{font-size:12px!important}.season div,.goals label{font-size:12px!important}.reward{font-size:12px!important}.green-btn{height:39px!important;font-size:14px!important}
.game[data-section="Missionen"] .mission-zone{top:66px!important;bottom:178px!important}.zone-name{top:8px!important;padding:13px 58px 15px!important;min-width:400px!important;font-size:38px!important}.zone-name:before{width:54px!important;height:54px!important;top:-30px!important;font-size:34px!important}.zone-name:after{bottom:-24px!important;width:260px!important;font-size:18px!important}.mission-map-icon{width:72px!important;height:90px!important}.mission-map-icon img{width:72px!important;height:90px!important}.mission-info{width:390px!important;min-height:330px!important;padding:18px 20px 16px!important}.mission-info-icon img{width:58px!important;height:72px!important}.mission-info h3{font-size:23px!important}.mission-teaser,.mission-story{font-size:13px!important}.mission-info ul{font-size:13px!important}.mission-start{height:40px!important}

/* v45: Seitenpanels nur im Dein-Fußballer-Tab; erste Menü-Grafik ersetzt. */
.game:not([data-section="Dein Fußballer"]) .left-card,.game:not([data-section="Dein Fußballer"]) .right-stack,.game:not([data-section="Dein Fußballer"]) .scene-title{display:none!important}.bottomnav .nav-icon-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}

/* v46: generierte Menübilder sind selbst der Button, ohne alten blauen Kreis dahinter. */
.bottomnav span.nav-art{width:108px!important;height:108px!important;margin-bottom:2px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.bottomnav span.nav-art .nav-icon-img{width:108px!important;height:108px!important;object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 13px 12px rgba(0,0,0,.65))}.bottomnav button.active span.nav-art{box-shadow:none!important}.bottomnav button.active span.nav-art .nav-icon-img{filter:drop-shadow(0 0 8px #ffe36d) drop-shadow(0 13px 12px rgba(0,0,0,.7))}

/* v49: Fanshop-Icon an die Größe der anderen Menübilder angleichen. */
.bottomnav span.nav-art-fanshop .nav-icon-img{width:96px!important;height:96px!important;margin:auto!important}
/* v57: Missionen-Titel schlicht, kein Status-Toast bei Menüwechsel, stabiles Missionsfenster. */
.game[data-section="Missionen"] .zone-name{
  top:18px!important;
  min-width:0!important;
  padding:0 54px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff8dc!important;
  font-size:48px!important;
  line-height:1!important;
  text-shadow:0 4px 0 rgba(35,20,8,.95),0 0 10px rgba(0,0,0,.75)!important;
}
.game[data-section="Missionen"] .zone-name:before{content:none!important;display:none!important}
.game[data-section="Missionen"] .zone-name:after{
  content:"›"!important;
  position:absolute!important;
  left:auto!important;
  right:0!important;
  top:50%!important;
  bottom:auto!important;
  width:auto!important;
  transform:translateY(-50%)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff8dc!important;
  font-size:62px!important;
  line-height:.75!important;
  text-shadow:0 4px 0 rgba(35,20,8,.95),0 0 10px rgba(0,0,0,.75)!important;
  pointer-events:none!important;
}
.game[data-section="Missionen"] .mission-info{
  width:430px!important;
  height:360px!important;
  min-height:360px!important;
  max-height:360px!important;
  padding:18px 22px 16px!important;
  overflow:hidden!important;
}
.game[data-section="Missionen"] .mission-info .mission-arrow{
  top:50%!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:78px!important;
  min-width:42px!important;
  border-radius:12px!important;
  font-size:46px!important;
  line-height:58px!important;
  z-index:40!important;
}
.game[data-section="Missionen"] .mission-info .mission-prev{left:-21px!important}
.game[data-section="Missionen"] .mission-info .mission-next{right:-21px!important}
.game[data-section="Missionen"] .mission-info h3{min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:0!important;margin-bottom:5px!important}
.game[data-section="Missionen"] .mission-teaser{min-height:34px!important;margin-bottom:6px!important}
.game[data-section="Missionen"] .mission-story{height:50px!important;overflow:hidden!important;margin-bottom:9px!important}
.game[data-section="Missionen"] .mission-info ul{margin-bottom:10px!important}
/* v58: Missionsfenster-Pfeile nicht mehr abschneiden. */
.game[data-section="Missionen"] .mission-info{
  overflow:visible!important;
}
.game[data-section="Missionen"] .mission-info .mission-arrow{
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:68px!important;
  min-width:36px!important;
  font-size:40px!important;
  line-height:50px!important;
}
.game[data-section="Missionen"] .mission-info .mission-prev{left:8px!important}
.game[data-section="Missionen"] .mission-info .mission-next{right:8px!important}
.game[data-section="Missionen"] .mission-info h3{
  margin-left:48px!important;
  margin-right:48px!important;
}
/* v59: Missionspfeile außerhalb vom Text, Mission läuft mit Timer/Balken. */
.game[data-section="Missionen"] .mission-info{
  width:450px!important;
  height:380px!important;
  min-height:380px!important;
  max-height:380px!important;
  padding:18px 24px 16px!important;
  overflow:visible!important;
}
.game[data-section="Missionen"] .mission-info .mission-arrow{
  top:50%!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:76px!important;
  min-width:42px!important;
  font-size:46px!important;
  line-height:56px!important;
  z-index:50!important;
}
.game[data-section="Missionen"] .mission-info .mission-prev{left:-58px!important}
.game[data-section="Missionen"] .mission-info .mission-next{right:-58px!important}
.game[data-section="Missionen"] .mission-info h3{
  margin-left:20px!important;
  margin-right:20px!important;
}
.mission-info-running,.mission-info-result{text-align:center!important}
.mission-info-running h3,.mission-info-result h3{min-height:60px!important}
.mission-live-text{
  min-height:62px;
  margin:10px 0 14px;
  color:#e7f5ff;
  font-size:16px;
  line-height:1.25;
  font-weight:1000;
}
.mission-progress{
  height:28px;
  border-radius:999px;
  border:3px solid #1b1008;
  background:#130c08;
  overflow:hidden;
  box-shadow:inset 0 3px 8px #000,0 5px 12px #0008;
  margin:10px 0 10px;
}
.mission-progress i{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#55e36d,#ffe15a,#ff9d2d);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.65);
}
.mission-timer{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:10px;
  margin:6px 0 12px;
}
.mission-timer b{font-size:34px;color:#ffe36d;text-shadow:2px 2px #000}
.mission-timer span{font-weight:1000;color:#cfe8ff}
.game[data-section="Missionen"] .mission-info-running ul,
.game[data-section="Missionen"] .mission-info-result ul{grid-template-columns:1fr 1fr!important;text-align:left!important}
.game[data-section="Missionen"] .mission-start span{display:inline-flex;align-items:center;gap:3px;margin-left:9px;padding:3px 8px;border-radius:999px;background:rgba(43,24,6,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.game[data-section="Missionen"] .mission-cancel{height:38px;padding:0 18px;border-radius:12px;border:3px solid #5b1b12;background:linear-gradient(#ff8b70,#b83222);color:#fff4e8;font-weight:1000;box-shadow:0 6px 0 #4a120c,0 10px 14px rgba(0,0,0,.35);cursor:pointer}.game[data-section="Missionen"] .mission-cancel:hover{filter:brightness(1.08)}
/* v61: neuer Hintergrund für Dein Fußballer. */
.game[data-section="Dein Fußballer"],
.game:not([data-section]),
.game[data-section=""]{
  background:#13233f url("assets/dein-fussballer-bg.png?v=61") center/cover no-repeat!important;
}
.game[data-section="Dein Fußballer"] .locker-room:before,
.game:not([data-section]) .locker-room:before{
  background:radial-gradient(circle at 50% 58%,rgba(0,0,0,.02) 0 22%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.48) 100%)!important;
}
/* v62: alle Bottom-Menü-Icons größer und einheitlich. */
.bottomnav span.nav-art{
  width:118px!important;
  height:118px!important;
  margin-bottom:0!important;
}
.bottomnav span.nav-art .nav-icon-img,
.bottomnav span.nav-art-fanshop .nav-icon-img{
  width:118px!important;
  height:118px!important;
  margin:auto!important;
  object-fit:contain!important;
}
.bottomnav button{
  overflow:visible!important;
}


/* v64: Blauen Topbar-Balken entfernen, HUD-Elemente behalten. */
.topbar.simple{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  pointer-events:none;
}
.topbar.simple .brand,
.topbar.simple .wallet,
.topbar.simple .settings{
  pointer-events:auto;
}


/* v68: Oberen Schatten nahtlos über die alte Topbar-Kante ziehen. */
.game::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:132px;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.30) 50%,rgba(0,0,0,0) 100%);
}
.topbar.simple,
.left-card,
.right-stack,
.bottomnav{
  z-index:10;
}
.locker-room .scene-title,
.locker-room .avatar-stage,
.locker-room .mission-zone{
  z-index:5;
}


/* v69: Dunkles Rand-Rendering/Schatten komplett entfernen. */
.game::before,
.game::after,
.locker-room::before,
.locker-room:before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.topbar.simple{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.bottomnav{
  background:transparent!important;
  box-shadow:none!important;
}
.bottomnav span.nav-art,
.bottomnav span.nav-art .nav-icon-img{
  box-shadow:none!important;
}


/* v70: Sanftes dunkles Rand-Rendering/Vignette außen herum. */
.game::before{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:28;
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,.16) 68%, rgba(0,0,0,.42) 86%, rgba(0,0,0,.72) 100%),
    linear-gradient(90deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.22) 8%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,.22) 92%, rgba(0,0,0,.58) 100%),
    linear-gradient(180deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.18) 10%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 78%, rgba(0,0,0,.18) 90%, rgba(0,0,0,.58) 100%);
}
.game::after,
.locker-room::before,
.locker-room:before{
  content:none!important;
  display:none!important;
}
.toast{
  z-index:35!important;
}


/* v74: Missionsmarker mit Kampf-/Zeit-Icons und leichtem Schwebepuls. */
.game[data-section="Missionen"] .mission-map-icon{
  width:104px!important;
  height:104px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  animation:missionIconFloatPulse 2.15s ease-in-out infinite!important;
  filter:drop-shadow(0 13px 11px rgba(0,0,0,.52));
}
.game[data-section="Missionen"] .mission-map-icon-2{animation-delay:.22s!important}
.game[data-section="Missionen"] .mission-map-icon-3{animation-delay:.44s!important}
.game[data-section="Missionen"] .mission-map-icon img{
  width:104px!important;
  height:104px!important;
  object-fit:contain!important;
  display:block!important;
  pointer-events:none!important;
}
.game[data-section="Missionen"] .mission-map-icon span{display:none!important}
.game[data-section="Missionen"] .mission-map-icon.active{
  outline:0!important;
  filter:drop-shadow(0 0 12px #fff1a8) drop-shadow(0 13px 11px rgba(0,0,0,.58))!important;
}
.game[data-section="Missionen"] .mission-info-icon img{
  width:84px!important;
  height:84px!important;
  object-fit:contain!important;
}
@keyframes missionIconFloatPulse{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-9px) scale(1.08)}
}


/* v75: Missionsicons sichtbar pulsieren lassen; Blumenwiese-Titel hoch und kleiner. */
.game[data-section="Missionen"] .zone-name{
  top:-58px!important;
  font-size:34px!important;
  padding-right:36px!important;
  text-shadow:0 3px 0 rgba(35,20,8,.95),0 0 8px rgba(0,0,0,.7)!important;
  z-index:30!important;
}
.game[data-section="Missionen"] .zone-name:after{
  font-size:44px!important;
  line-height:.75!important;
}
.game[data-section="Missionen"] .mission-map-icon{
  animation:none!important;
}
.game[data-section="Missionen"] .mission-map-icon img{
  animation:missionIconRealPulse 1.35s ease-in-out infinite!important;
  transform-origin:50% 62%!important;
  will-change:transform,filter!important;
}
.game[data-section="Missionen"] .mission-map-icon-2 img{animation-delay:.18s!important}
.game[data-section="Missionen"] .mission-map-icon-3 img{animation-delay:.36s!important}
.game[data-section="Missionen"] .mission-map-icon.active img{
  animation-duration:1s!important;
}
@keyframes missionIconRealPulse{
  0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}
  50%{transform:translateY(-7px) scale(1.18);filter:brightness(1.16)}
}


/* v76: Zonentitel deutlich höher; Missionsicons ruhiger/langsamer pulsieren. */
.game[data-section="Missionen"] .zone-name{
  top:-72px!important;
}
.game[data-section="Missionen"] .mission-map-icon img{
  animation-duration:2.35s!important;
}
.game[data-section="Missionen"] .mission-map-icon-2 img{animation-delay:.32s!important}
.game[data-section="Missionen"] .mission-map-icon-3 img{animation-delay:.64s!important}
.game[data-section="Missionen"] .mission-map-icon.active img{
  animation-duration:2.05s!important;
}
@keyframes missionIconRealPulse{
  0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}
  50%{transform:translateY(-3px) scale(1.06);filter:brightness(1.05)}
}


/* v77: Titelhöhe korrekt berechnet: locker-room 66px + mission-zone 76px, daher ca. -130px für HUD-Höhe. */
.game[data-section="Missionen"] .zone-name{
  top:-130px!important;
  z-index:45!important;
}


/* v78: Der Titel darf nicht mehr von .locker-room overflow:hidden abgeschnitten werden. */
.game[data-section="Missionen"] .zone-name{
  position:fixed!important;
  top:10px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:80!important;
}


/* v79: Schrift-Schatten beim Blumenwiese-Titel entfernen. */
.game[data-section="Missionen"] .zone-name{
  text-shadow:none!important;
}


/* v80: Hero-Zero-artiger Titel: helle Füllung, dunkle Kontur, dezenter Comic-Schatten. */
.game[data-section="Missionen"] .zone-name{
  color:#eee7f2!important;
  -webkit-text-stroke:2px #3a303d!important;
  text-shadow:
    0 2px 0 #2a2230,
    2px 3px 0 rgba(0,0,0,.45),
    -1px 1px 0 #3a303d!important;
  letter-spacing:-1px!important;
}

/* Source chunk: 10-profile-fanshop.css */
/* v81: Fanshop-Screen mit Shop-Hintergrund, synchronem Charakter, Inventar und Angebot. */
.fanshop-inventory,
.fanshop-shop{
  display:none;
}
.game[data-section="Fanshop"]{
  background:#071427 url("assets/fanshop-bg.png?v=81") center/cover no-repeat!important;
}
.game[data-section="Fanshop"] .left-card{
  display:block!important;
  height:590px!important;
  background:linear-gradient(180deg,rgba(14,39,72,.94),rgba(4,17,32,.96))!important;
  border:3px solid #315d92!important;
  box-shadow:0 16px 34px #000b,inset 0 0 0 2px rgba(117,174,255,.18)!important;
}
.game[data-section="Fanshop"] .left-card .skill-list{gap:7px!important}
.game[data-section="Fanshop"] .left-card .skill{min-height:50px!important}
.game[data-section="Fanshop"] .fanshop-inventory{
  display:block!important;
  margin-top:14px;
  padding-top:12px;
  border-top:2px solid rgba(129,181,255,.22);
}
.fanshop-inventory h3,
.fanshop-shop h2{
  margin:0 0 10px;
  color:#ffe28a;
  font-size:22px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.5px;
  text-shadow:0 3px 0 #07101f,0 0 10px rgba(255,196,70,.35);
}
.inventory-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.inventory-grid div{
  height:58px;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(8,24,45,.9),rgba(2,8,18,.96));
  border:3px solid #203c64;
  box-shadow:inset 0 3px 8px rgba(0,0,0,.65),0 3px 0 #071225;
}
.game[data-section="Fanshop"] .avatar-stage{
  display:block!important;
  top:55%!important;
  z-index:7!important;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.55));
}
.game[data-section="Fanshop"] .avatar-stage:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:18px;
  width:250px;
  height:52px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(30,102,190,.42),rgba(0,0,0,.22) 62%,transparent 72%);
  z-index:0;
}
.game[data-section="Fanshop"] .fanshop-shop{
  display:block!important;
  position:absolute;
  top:84px;
  right:18px;
  width:430px;
  height:590px;
  z-index:12;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(40,31,24,.96),rgba(14,15,23,.97))!important;
  border:3px solid #b56f22!important;
  box-shadow:0 18px 38px #000c,inset 0 0 0 2px rgba(255,211,113,.18)!important;
}
.fanshop-shop h2{
  text-align:center;
  font-size:28px;
  color:#ffd56b;
  margin-bottom:14px;
}
.shop-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.shop-item{
  min-height:128px;
  padding:9px 7px 8px;
  border-radius:13px;
  text-align:center;
  background:linear-gradient(180deg,#263f64,#101c2d 62%,#07101c);
  border:3px solid #6f8eb8;
  box-shadow:0 5px 0 #06101f,0 10px 16px rgba(0,0,0,.5),inset 0 2px 0 rgba(255,255,255,.18);
}
.shop-item span{
  width:52px;
  height:52px;
  margin:0 auto 6px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(180deg,#f2f6ff,#7aa3df);
  border:3px solid #1c3560;
  font-size:29px;
  box-shadow:inset 0 2px 0 #fff8,0 4px 8px #0007;
}
.shop-item b{
  display:block;
  min-height:30px;
  color:#f5f8ff;
  font-size:13px;
  line-height:1.08;
  text-shadow:0 2px 0 #000;
}
.shop-item em{
  display:inline-block;
  margin-top:6px;
  padding:4px 8px;
  border-radius:999px;
  background:linear-gradient(#ffdc64,#c97916);
  border:2px solid #5d2d05;
  color:#2a1703;
  font-size:13px;
  font-style:normal;
  font-weight:1000;
  box-shadow:inset 0 1px 0 #fff7;
}

/* v82: Dein Fußballer und Fanshop nutzen exakt dieselbe Avatar-/Slot-Höhe und dasselbe linke Panel mit Ablage-Inventar. */
.game[data-section="Dein Fußballer"] .left-card,
.game[data-section="Fanshop"] .left-card{
  display:block!important;
  top:84px!important;
  left:18px!important;
  width:324px!important;
  height:590px!important;
  padding:18px!important;
}
.game[data-section="Dein Fußballer"] .fanshop-inventory,
.game[data-section="Fanshop"] .fanshop-inventory{
  display:block!important;
}
.game[data-section="Dein Fußballer"] .avatar-stage,
.game[data-section="Fanshop"] .avatar-stage{
  display:block!important;
  top:48%!important;
}
.game[data-section="Fanshop"] .avatar-stage:before{
  bottom:42px!important;
}
.inventory-grid [data-inventory-slot]{
  position:relative;
  display:grid;
  place-items:center;
}
.inventory-grid [data-inventory-slot]:empty:after{
  content:"";
  width:26px;
  height:26px;
  border-radius:8px;
  border:2px dashed rgba(145,190,255,.35);
}
.inventory-grid .gear-item{
  width:54px!important;
  height:54px!important;
}
.inventory-grid .gear-item span{
  font-size:38px!important;
}
.new-stock-btn{
  position:absolute;
  left:22px;
  right:22px;
  bottom:18px;
  height:58px;
  border-radius:16px;
  background:linear-gradient(#ffcf55,#ef861c 58%,#a8490a);
  border:4px solid #5b2605;
  color:#351500;
  font-size:27px;
  font-weight:1000;
  text-transform:uppercase;
  text-shadow:0 2px 0 rgba(255,244,184,.75);
  box-shadow:0 7px 0 #351400,0 13px 18px rgba(0,0,0,.55),inset 0 3px 0 rgba(255,255,255,.45);
}

/* v83: Inventar ohne Überschrift, außerhalb vom Profilpanel; Slots wie Equipment-Felder und Items bleiben gleich groß. */
.game[data-section="Dein Fußballer"] .left-card,
.game[data-section="Fanshop"] .left-card{
  height:498px!important;
  overflow:visible!important;
}
.fanshop-inventory{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 12px)!important;
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.fanshop-inventory h3{
  display:none!important;
}
.inventory-grid{
  grid-template-columns:repeat(3,70px)!important;
  justify-content:center!important;
  gap:10px 12px!important;
}
.inventory-grid [data-inventory-slot]{
  width:70px!important;
  height:70px!important;
  border-radius:16px!important;
  background:rgba(6,20,36,.24)!important;
  border:3px solid rgba(164,211,255,.82)!important;
  box-shadow:0 8px 14px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.16),inset 0 8px 18px rgba(255,255,255,.08)!important;
}
.inventory-grid [data-inventory-slot]:empty:after{
  content:none!important;
}
.inventory-grid .gear-item,
.inventory-grid .gear-item:active{
  width:64px!important;
  height:64px!important;
  transform:translate(-50%,-50%)!important;
}
.inventory-grid .gear-item span,
.inventory-grid .gear-item:active span{
  font-size:48px!important;
}
.gear-item:active{
  transform:translate(-50%,-50%)!important;
}
.gear-item.dragging,
.gear-item.dragging:active{
  transform:none!important;
}

/* v84: Equipment-Slots bekommen denselben transparenten Kartenlook; Inventar rückt direkt unter Dribbling. */
.game[data-section="Dein Fußballer"] .left-card,
.game[data-section="Fanshop"] .left-card{
  height:456px!important;
}
.fanshop-inventory{
  top:calc(100% + 8px)!important;
}
.gear-slot{
  border-radius:16px!important;
  background:rgba(6,20,36,.24)!important;
  border:3px solid rgba(164,211,255,.82)!important;
  box-shadow:0 8px 14px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.16),inset 0 8px 18px rgba(255,255,255,.08)!important;
}
.gear-slot:before,
.gear-slot:after{
  content:none!important;
}

/* v85: Linkes Panel bei Dein Fußballer exakt wie Fanshop darstellen. */
.game[data-section="Dein Fußballer"] .left-card,
.game[data-section="Fanshop"] .left-card{
  background:linear-gradient(180deg,rgba(14,39,72,.94),rgba(4,17,32,.96))!important;
  border:3px solid #315d92!important;
  box-shadow:0 16px 34px #000b,inset 0 0 0 2px rgba(117,174,255,.18)!important;
}
.game[data-section="Dein Fußballer"] .left-card .skill-list,
.game[data-section="Fanshop"] .left-card .skill-list{
  gap:7px!important;
}
.game[data-section="Dein Fußballer"] .left-card .skill,
.game[data-section="Fanshop"] .left-card .skill{
  min-height:50px!important;
}

/* v86: Größere Slots und bewegliche/levelbasierte Shop-Items. */
.gear-slot,
.inventory-grid [data-inventory-slot]{
  width:78px!important;
  height:78px!important;
  border-radius:18px!important;
}
.gear-item,
.inventory-grid .gear-item,
.inventory-grid .gear-item:active{
  width:70px!important;
  height:70px!important;
}
.gear-item span,
.inventory-grid .gear-item span,
.inventory-grid .gear-item:active span{
  font-size:52px!important;
}
.inventory-grid{
  grid-template-columns:repeat(3,78px)!important;
}
.shop-item{
  appearance:none;
  color:#f5f8ff;
  cursor:grab;
  touch-action:none;
}
.shop-item:active{cursor:grabbing}
.shop-item small{
  display:block;
  min-height:24px;
  margin-top:4px;
  color:#aee6ff;
  font-size:10px;
  line-height:1.1;
  font-weight:900;
  text-shadow:0 1px 0 #000;
}
.shop-item.dragging{
  position:fixed!important;
  z-index:9999!important;
  width:118px!important;
  min-height:128px!important;
  pointer-events:none;
}
.skill-top small{color:#8dff9d;font-size:12px}

/* v87: Grundwerte zeigen Gesamtwert direkt im Balken; Shop-Angebote nutzen denselben transparenten Slotlook wie Inventar. */
.skill-top{
  justify-content:flex-start!important;
}
.skill-top b,
.skill-top small{
  display:none!important;
}
.skillbar em{
  min-width:auto!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.32)!important;
  color:#fff7d1!important;
  font-weight:1000!important;
  text-shadow:0 2px 0 #000!important;
}
.shop-grid{
  grid-template-columns:repeat(3,92px)!important;
  justify-content:center!important;
  gap:14px 18px!important;
}
.shop-item,
.shop-item:active{
  position:relative!important;
  width:92px!important;
  min-height:122px!important;
  padding:6px 4px 4px!important;
  border-radius:18px!important;
  background:rgba(6,20,36,.24)!important;
  border:3px solid rgba(164,211,255,.82)!important;
  box-shadow:0 8px 14px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.16),inset 0 8px 18px rgba(255,255,255,.08)!important;
  transform:none!important;
}
.shop-item span{
  width:70px!important;
  height:70px!important;
  margin:0 auto 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:52px!important;
  line-height:1!important;
}
.shop-item b{
  min-height:20px!important;
  font-size:10px!important;
  line-height:1!important;
  overflow:hidden!important;
}
.shop-item small{
  min-height:18px!important;
  margin-top:1px!important;
  font-size:9px!important;
  line-height:1!important;
}
.shop-item em{
  margin-top:2px!important;
  padding:2px 6px!important;
  font-size:11px!important;
}
.shop-item.dragging,
.shop-item.dragging:active{
  width:92px!important;
  min-height:122px!important;
  transform:none!important;
}
.new-stock-btn span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:10px;
  padding:3px 10px 4px;
  border-radius:999px;
  background:rgba(80,32,0,.28);
  border:2px solid rgba(91,38,5,.55);
  font-size:22px;
}

/* v88: Shop-Slots exakt wie Inventar/Spieler-Slots; Details nur im Hero-Zero-artigen Hoververgleich. */
.shop-grid{
  grid-template-columns:repeat(3,78px)!important;
  justify-content:center!important;
  align-content:start!important;
  gap:12px 14px!important;
}
.shop-item,
.shop-item:active{
  width:78px!important;
  height:78px!important;
  min-height:78px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:rgba(6,20,36,.24)!important;
  border:3px solid rgba(164,211,255,.82)!important;
  box-shadow:0 8px 14px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.16),inset 0 8px 18px rgba(255,255,255,.08)!important;
  overflow:visible!important;
  transform:none!important;
}
.shop-item span{
  width:70px!important;
  height:70px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:52px!important;
  line-height:1!important;
}
.shop-item b,
.shop-item small,
.shop-item em{
  display:none!important;
}
.shop-item.dragging,
.shop-item.dragging:active{
  width:78px!important;
  height:78px!important;
  min-height:78px!important;
  padding:0!important;
  transform:none!important;
}
.shop-tooltip{
  position:fixed;
  z-index:10000;
  width:268px;
  pointer-events:none;
  padding:12px;
  border-radius:14px;
  color:#f8fbff;
  background:linear-gradient(180deg,rgba(29,41,58,.98),rgba(8,13,22,.98));
  border:3px solid #d4a246;
  box-shadow:0 18px 35px rgba(0,0,0,.72),inset 0 2px 0 rgba(255,255,255,.16);
  font-family:inherit;
}
.shop-tooltip.hidden{display:none!important}
.shop-tooltip-title{
  display:flex;
  align-items:center;
  gap:9px;
  padding-bottom:8px;
  margin-bottom:7px;
  border-bottom:2px solid rgba(255,213,107,.28);
}
.shop-tooltip-title span{font-size:31px;line-height:1}
.shop-tooltip-title b{font-size:17px;line-height:1.05;color:#ffe08b;text-shadow:0 2px 0 #000}
.shop-tooltip-price{
  margin-bottom:8px;
  font-size:13px;
  font-weight:1000;
  color:#ffd66e;
}
.shop-tooltip-rows{display:grid;gap:5px}
.shop-tooltip-row{
  display:grid;
  grid-template-columns:31px 38px 1fr 42px;
  align-items:center;
  min-height:30px;
  padding:4px 6px;
  border-radius:9px;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.shop-tooltip-icon{display:grid;place-items:center;font-size:20px}
.shop-tooltip-icon .lung-icon{transform:scale(.55)}
.shop-tooltip-icon .tactic-board{transform:scale(.58)}
.shop-tooltip-icon .cone-drill{transform:scale(.56)}
.shop-tooltip-row b{font-size:16px;color:#fff;font-weight:1000;text-align:right}
.shop-tooltip-row em{font-size:12px;font-style:normal;color:#d9e8ff;padding-left:7px;font-weight:900}
.shop-tooltip-row strong{font-size:15px;text-align:right;font-weight:1000}
.shop-tooltip-row strong.positive{color:#77ff86}
.shop-tooltip-row strong.negative{color:#ff6b6b}
.shop-tooltip-row strong.neutral{color:#d8d8d8}

/* v89: Fanshop ohne Angebots-Panel; Titel/Buttons frei über dem Hintergrund, Verkauf als Drop-Ziel. */
.game[data-section="Fanshop"] .fanshop-shop{
  top:82px!important;
  right:42px!important;
  width:330px!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  pointer-events:none;
}
.game[data-section="Fanshop"] .fanshop-shop h2{
  display:block!important;
  width:max-content;
  min-width:270px;
  margin:0 auto 18px!important;
  padding:10px 24px 12px;
  border-radius:16px;
  color:#ffe58a!important;
  font-size:31px!important;
  font-weight:1000;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.5px;
  background:linear-gradient(180deg,rgba(69,40,16,.92),rgba(24,15,9,.88));
  border:3px solid rgba(232,169,60,.88);
  box-shadow:0 10px 20px rgba(0,0,0,.48),inset 0 2px 0 rgba(255,255,255,.2);
  text-shadow:0 3px 0 #080604,0 0 10px rgba(255,198,68,.38);
  pointer-events:auto;
}
.game[data-section="Fanshop"] .shop-grid{
  pointer-events:auto;
  width:262px;
  margin:0 auto!important;
}
.game[data-section="Fanshop"] .new-stock-btn,
.game[data-section="Fanshop"] .sell-item-btn{
  pointer-events:auto;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:block;
  width:262px;
  margin:14px auto 0!important;
}
.game[data-section="Fanshop"] .new-stock-btn{
  height:50px!important;
  border-radius:14px!important;
  font-size:22px!important;
}
.sell-item-btn{
  height:48px;
  border-radius:14px;
  border:4px solid #4a1009;
  background:linear-gradient(#ff7575,#c62b22 58%,#7a130d);
  color:#fff6e8;
  font-size:21px;
  font-weight:1000;
  text-transform:uppercase;
  text-shadow:0 2px 0 rgba(0,0,0,.65);
  box-shadow:0 7px 0 #300804,0 13px 18px rgba(0,0,0,.52),inset 0 3px 0 rgba(255,255,255,.32);
}
.sell-item-btn:hover,
.sell-item-btn:focus-visible{
  filter:brightness(1.08);
}
.sell-item-btn:active{
  transform:translateY(2px);
  box-shadow:0 4px 0 #300804,0 9px 14px rgba(0,0,0,.5),inset 0 3px 0 rgba(255,255,255,.28);
}
.shop-tooltip-price{
  color:#fff0a8!important;
}

/* v90: Gekaufte Shop-Plätze bleiben leer; Inventar-Tooltips und belegte Slots bleiben sauber getrennt. */
.shop-item-empty,
.shop-item-empty:active{
  cursor:default!important;
  opacity:.48;
  pointer-events:none!important;
}
.shop-item-empty:after{
  content:"";
  width:34px;
  height:34px;
  border-radius:10px;
  border:2px dashed rgba(164,211,255,.34);
}
.inventory-grid [data-inventory-slot] .gear-item{
  cursor:grab;
}

/* Source chunk: 20-missions-hud.css */
/* v95: Missionsfenster schließen, Innenrahmen raus, mehr Platz + Topbar-Timer. */
.mission-task-timer{
  height:42px;
  min-width:198px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:5px 14px;
  border-radius:10px;
  background:linear-gradient(#72451d,#2d190d 62%,#1a0d07);
  border:3px solid #e0ad53;
  color:#fff4c8;
  font-weight:1000;
  box-shadow:0 7px 16px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.2);
  text-shadow:0 2px 0 #000;
}
.mission-task-timer span{font-size:14px;text-transform:uppercase;letter-spacing:.4px;color:#ffd974}
.mission-task-timer b{font-size:22px;color:#fff}
.game[data-section="Missionen"] .mission-info{
  width:510px!important;
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  padding:18px 30px 20px!important;
  overflow:visible!important;
}
.game[data-section="Missionen"] .mission-info:before{
  content:none!important;
  display:none!important;
  border:0!important;
}
.mission-close{
  position:absolute;
  right:-16px;
  top:-16px;
  z-index:70;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  padding:0;
  border:3px solid #5b1b12!important;
  background:linear-gradient(#ff8b70,#b83222 60%,#70120b)!important;
  color:#fff8ea!important;
  font-size:30px;
  line-height:28px;
  font-weight:1000;
  text-shadow:0 2px 0 #000;
  box-shadow:0 5px 0 #3d0b07,0 10px 14px rgba(0,0,0,.45)!important;
}
.mission-close:hover{filter:brightness(1.08)}
.game[data-section="Missionen"] .mission-info h3{
  min-height:44px!important;
  margin-bottom:6px!important;
}
.game[data-section="Missionen"] .mission-teaser{
  min-height:30px!important;
  margin-bottom:6px!important;
}
.game[data-section="Missionen"] .mission-story{
  height:auto!important;
  min-height:48px!important;
  max-height:78px!important;
  overflow:hidden!important;
  margin-bottom:10px!important;
}
.game[data-section="Missionen"] .mission-info ul{
  margin-bottom:12px!important;
}
.game[data-section="Missionen"] .mission-start{
  height:48px!important;
  font-size:18px!important;
}

/* v96: X-Button darf nicht vom allgemeinen Missionsbutton auf 100% gezogen werden. */
.game[data-section="Missionen"] .mission-info .mission-close{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  padding:0!important;
  right:-16px!important;
  top:-16px!important;
  border-radius:50%!important;
  font-size:30px!important;
  line-height:28px!important;
}

/* v97: Bei laufender Mission ersetzt der Timer das Sundering-Logo in der Topbar. */
.topbar.mission-active .brand{
  display:none!important;
}
.topbar.mission-active .mission-task-timer{
  display:flex!important;
  min-width:310px!important;
  height:50px!important;
  margin-left:0!important;
  border-width:4px!important;
  background:linear-gradient(#8e551f,#3a2010 62%,#1c0e07)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.24)!important;
}
.topbar.mission-active .mission-task-timer span{
  font-size:18px!important;
  color:#ffdf72!important;
}
.topbar.mission-active .mission-task-timer b{
  font-size:30px!important;
  color:#fff!important;
}

/* v98: Missionszeit nur im Browser-Tabtitel, nicht mehr in der Spiel-Topbar. */
.mission-task-timer{display:none!important}
.topbar.mission-active .brand{display:block!important}

/* v99: Belohnung-einsammeln sitzt exakt auf der Mission-starten-Position. */
.game[data-section="Missionen"] .mission-info:not(.hidden){
  display:flex!important;
  flex-direction:column!important;
}
.game[data-section="Missionen"] .mission-info.hidden{
  display:none!important;
}
.game[data-section="Missionen"] .mission-info .mission-start{
  margin-top:auto!important;
  width:100%!important;
  flex:0 0 auto!important;
}
.game[data-section="Missionen"] .mission-info-result .mission-story{
  min-height:78px!important;
  max-height:96px!important;
}
.game[data-section="Missionen"] .mission-info-result ul{
  margin-bottom:12px!important;
}

/* v100: Energie bis max. 200 nur per Kauf; Geld-Plus entfernt. */
.energy-wallet{
  min-width:190px!important;
}
.energy-wallet button{
  width:34px!important;
  height:31px!important;
  border-radius:9px!important;
  font-size:16px!important;
  line-height:21px!important;
}
.energy-wallet #restBeerBtn{
  font-size:18px!important;
}

/* v103: Level/XP global oben links wie Hero-Zero-HUD; aus Profil/Fanshop-Panel entfernt. */
.topbar.simple .top-level-hud{
  pointer-events:auto;
}
.top-level-hud{
  order:-1;
  display:flex;
  align-items:center;
  width:286px;
  height:62px;
  flex:0 0 286px;
  position:relative;
  margin-right:6px;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.5));
}
.top-level-star{
  width:72px;
  height:68px;
  flex:0 0 72px;
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#fff56b 0%,#ffd02f 45%,#c97705 100%);
  clip-path:polygon(50% 0%,61% 31%,96% 22%,72% 48%,91% 82%,55% 67%,28% 100%,31% 62%,0% 48%,35% 37%);
}
.top-level-star:after{
  content:"";
  position:absolute;
  inset:10px;
  background:linear-gradient(145deg,#ffe763,#b85d00);
  clip-path:inherit;
  z-index:-1;
}
.top-level-star span{
  color:#21301f;
  font-size:25px;
  font-weight:1000;
  text-shadow:0 2px 0 rgba(255,255,255,.75);
  transform:translateY(1px) rotate(-4deg);
}
.top-xpbar{
  height:42px;
  width:220px;
  margin-left:-12px;
  padding:7px 8px 7px 18px;
  border-radius:4px;
  border:4px solid #c9b38a;
  background:linear-gradient(#b49c73,#8b7552);
  box-shadow:inset 0 0 0 2px rgba(36,25,13,.5),0 5px 0 rgba(50,35,18,.65);
  overflow:hidden;
  position:relative;
  z-index:1;
}
.top-xpbar:before{
  content:"";
  position:absolute;
  left:18px;
  right:8px;
  top:7px;
  bottom:7px;
  border-radius:2px;
  background:#5e4d35;
  box-shadow:inset 0 3px 6px rgba(0,0,0,.55);
}
.top-xpbar i{
  position:absolute;
  left:18px;
  top:7px;
  bottom:7px;
  width:0%;
  border-radius:2px;
  background:linear-gradient(90deg,#6f00bd,#bf13ff);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 0 10px rgba(190,55,255,.8);
}
.left-card .level-star,
.left-card .xpbar{
  display:none!important;
}
.left-card .player-title{
  margin-bottom:14px!important;
}
.left-card .player-title h2{
  margin-top:0!important;
}

/* v104: Profilpanel ohne Spielername/Zone, kleiner und wieder mittiger; Inventar rückt automatisch mit. */
.game[data-section="Dein Fußballer"] .left-card,
.game[data-section="Fanshop"] .left-card{
  top:122px!important;
  height:330px!important;
}
.left-card .player-title,
.left-card .xpbar{
  display:none!important;
}
.left-card .stat-head{
  margin-top:0!important;
  margin-bottom:10px!important;
}
.game[data-section="Dein Fußballer"] .left-card .skill-list,
.game[data-section="Fanshop"] .left-card .skill-list{
  gap:8px!important;
}
.fanshop-inventory{
  top:calc(100% + 10px)!important;
}

/* v104: Energie-Plus und Aufladefenster für +50 Energie. */
.energy-wallet .energy-plus{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  margin-left:6px!important;
  border-radius:50%!important;
  display:inline-grid;
  place-items:center;
  background:linear-gradient(#64ff8a,#149236)!important;
  border:2px solid #073b17!important;
  color:#06260f!important;
  font-size:22px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 3px 0 #05230e,inset 0 2px 0 rgba(255,255,255,.55)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
}
.energy-wallet .energy-plus.hidden{display:none!important}
.energy-modal{
  position:absolute;
  inset:0;
  z-index:80;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.54);
}
.energy-modal-card{
  position:relative;
  width:390px;
  padding:24px 24px 22px;
  border-radius:18px;
  background:linear-gradient(#22476e,#0c2139 62%,#061526);
  border:4px solid #9ddcff;
  box-shadow:0 22px 45px #000d,inset 0 0 0 2px rgba(255,255,255,.15);
  text-align:center;
}
.energy-modal-card h3{
  margin:0 0 8px;
  color:#ffe36d;
  font-size:31px;
  text-transform:uppercase;
  text-shadow:0 3px 0 #07101f;
}
.energy-modal-card p{
  margin:0 0 16px;
  color:#d8efff;
  font-weight:900;
}
.energy-modal-close{
  position:absolute;
  right:10px;
  top:8px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(#ff6868,#ad1c1c);
  border:3px solid #4b0707;
  color:#fff;
  font-size:24px;
  font-weight:1000;
  line-height:1;
  box-shadow:0 4px 0 #290303;
}
.energy-buy-option{
  width:100%;
  height:68px;
  margin-top:10px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  background:linear-gradient(#ffe06e,#d48419 58%,#944306);
  border:4px solid #542504;
  color:#2b1602;
  box-shadow:0 6px 0 #2b1201,inset 0 2px 0 rgba(255,255,255,.5);
  text-shadow:0 1px 0 rgba(255,245,190,.75);
}
.energy-buy-option.coin{
  background:linear-gradient(#d5f0ff,#4fa2e4 58%,#175a9c);
  border-color:#0b315a;
  color:#061d34;
  box-shadow:0 6px 0 #06182b,inset 0 2px 0 rgba(255,255,255,.55);
}
.energy-buy-option b{font-size:25px;font-weight:1000}
.energy-buy-option span{font-size:20px;font-weight:1000}

/* v105: XP-Tooltip an der Levelleiste. */
.top-level-hud{
  position:relative!important;
}
.top-level-hud:hover:after{
  content:attr(data-xp-tooltip);
  position:absolute;
  left:8px;
  top:56px;
  z-index:120;
  width:230px;
  padding:12px 14px;
  border-radius:12px;
  background:linear-gradient(#263f64,#101c2d 62%,#07101c);
  border:3px solid #9ddcff;
  box-shadow:0 12px 26px rgba(0,0,0,.75),inset 0 0 0 2px rgba(255,255,255,.12);
  color:#f4fbff;
  font-size:15px;
  line-height:1.35;
  font-weight:1000;
  text-align:left;
  white-space:pre-line;
  text-shadow:0 2px 0 #000;
  pointer-events:none;
}
.top-level-hud:hover:before{
  content:"";
  position:absolute;
  left:38px;
  top:46px;
  z-index:121;
  border-left:9px solid transparent;
  border-right:9px solid transparent;
  border-bottom:10px solid #9ddcff;
  pointer-events:none;
}

/* v107: Level-XP-Tooltip nutzt Fanshop-Tooltip-Design und folgt der Maus. */
.top-level-hud:hover:after,
.top-level-hud:hover:before{
  content:none!important;
  display:none!important;
}
.xp-tooltip{
  z-index:30000!important;
  width:286px!important;
}
.xp-tooltip .shop-tooltip-title span{
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.65));
}
.xp-tooltip-row{
  grid-template-columns:31px 62px 1fr 38px!important;
}
.xp-tooltip-row b{
  font-size:15px!important;
}

/* v108: XP-Tooltip als kurzer Erklärungstext im Fanshop-Look. */
.xp-tooltip-text{
  margin-bottom:0!important;
  display:grid;
  gap:8px;
  color:#f8fbff!important;
  line-height:1.28;
  text-shadow:0 2px 0 #000;
}
.xp-tooltip-text p{
  margin:0;
  padding:8px 10px;
  border-radius:9px;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  font-size:14px;
}
.xp-tooltip-text b{
  color:#ffe08b;
}

/* v111: Grundwerte-Tooltips erklären die spätere Kampfberechnung. */
.skill[data-skill-info]{cursor:help}
.combat-skill-tooltip{
  width:318px!important;
  line-height:1.25;
}
.combat-skill-tooltip > b{
  display:block;
  color:#ffe08b;
  font-size:17px;
  margin-bottom:5px;
  text-shadow:0 2px 0 #000;
}
.combat-skill-tooltip > span{
  display:block;
  color:#f8fbff;
  font-size:13px;
  font-weight:900;
  margin-bottom:5px;
}
.combat-skill-tooltip .combat-headline{
  color:#8dff9d;
  text-transform:uppercase;
  letter-spacing:.03em;
  font-size:12px;
}
.combat-skill-tooltip .combat-bonus{color:#8dff9d}
.stat-breakdown{
  display:grid;
  gap:4px;
  margin:8px 0 10px;
  padding:8px;
  border-radius:10px;
  background:rgba(5,18,38,.62);
  box-shadow:inset 0 0 0 1px rgba(141,255,157,.2);
}
.stat-breakdown p{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0;
  padding:4px 7px;
  border-radius:7px;
  color:#eaf4ff;
  font-size:13px;
  font-weight:900;
}
.stat-breakdown p.total{
  background:linear-gradient(90deg,rgba(141,255,157,.22),rgba(255,224,139,.13));
  color:#fff;
  font-size:15px;
}
.stat-breakdown b{color:#ffe08b;font-size:16px;min-width:54px;text-align:right}
.stat-breakdown span{flex:1;text-align:left}
.combat-tooltip-lines{
  display:grid;
  gap:6px;
  margin-top:8px;
}
.combat-tooltip-lines p{
  margin:0;
  padding:7px 9px;
  border-radius:9px;
  background:rgba(255,255,255,.06);
  color:#eaf4ff;
  font-size:13px;
  font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.combat-tooltip-lines b{color:#ffe08b}


/* v118: Missionslayout größer/lesbarer, Timer im Balken, Bier-Skip und Level-Up-Effekt. */
.game[data-section="Missionen"] .mission-info{
  width:650px!important;
  height:520px!important;
  min-height:520px!important;
  max-height:520px!important;
  padding:24px 34px 26px!important;
  border-radius:24px!important;
  border:5px solid #f2c66f!important;
  background:linear-gradient(180deg,#7a4b24 0%,#3a2114 58%,#1a0e08 100%)!important;
  box-shadow:0 24px 52px rgba(0,0,0,.82),inset 0 4px 0 rgba(255,234,172,.32),inset 0 -5px 0 rgba(0,0,0,.38)!important;
}
.game[data-section="Missionen"] .mission-detail-head{
  display:grid;
  grid-template-columns:96px 1fr;
  align-items:center;
  gap:16px;
  text-align:left;
  margin-bottom:8px;
}
.game[data-section="Missionen"] .mission-detail-head h3{
  justify-content:flex-start!important;
  text-align:left!important;
  min-height:0!important;
  margin:4px 0 0!important;
  font-size:34px!important;
  line-height:1.02!important;
}
.game[data-section="Missionen"] .mission-info-icon{width:96px!important;height:96px!important;margin:0!important}
.game[data-section="Missionen"] .mission-info-icon img{width:92px!important;height:92px!important;object-fit:contain!important}
.game[data-section="Missionen"] .mission-kind{
  align-self:start!important;
  width:max-content!important;
  max-width:100%;
  padding:7px 14px!important;
  font-size:14px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
  border-radius:999px!important;
  background:linear-gradient(#ffe18b,#b96c1f)!important;
  border:2px solid rgba(73,35,5,.8)!important;
  color:#2b1705!important;
  text-shadow:0 1px 0 rgba(255,244,196,.7)!important;
}
.game[data-section="Missionen"] .mission-info > h3{
  font-size:34px!important;
  min-height:44px!important;
  line-height:1.02!important;
}
.game[data-section="Missionen"] .mission-teaser{
  font-size:18px!important;
  min-height:28px!important;
  color:#fff4d2!important;
}
.game[data-section="Missionen"] .mission-story{
  min-height:62px!important;
  max-height:86px!important;
  font-size:16px!important;
  line-height:1.32!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:rgba(18,9,4,.32)!important;
  box-shadow:inset 0 0 0 1px rgba(255,224,150,.15)!important;
}
.game[data-section="Missionen"] .mission-rewards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:8px 0 14px!important;
  padding:0!important;
}
.game[data-section="Missionen"] .mission-rewards li{
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  grid-template-rows:1fr auto!important;
  align-items:center!important;
  column-gap:10px!important;
  padding:11px 12px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,244,190,.18),rgba(87,46,16,.38))!important;
  border:2px solid rgba(255,218,128,.42)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.16),0 7px 13px rgba(0,0,0,.32)!important;
  color:#fff7dc!important;
  text-align:left!important;
  font-weight:1000!important;
}
.game[data-section="Missionen"] .mission-rewards li span{
  grid-row:1 / 3;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(0,0,0,.28);
  font-size:29px;
  text-shadow:0 2px 0 #000;
}
.game[data-section="Missionen"] .mission-rewards li b{font-size:22px!important;line-height:1.05;color:#fff!important;text-shadow:0 2px 0 #000}
.game[data-section="Missionen"] .mission-rewards li em{font-size:12px!important;text-transform:uppercase;letter-spacing:.08em;color:#ffd879!important;font-style:normal!important}
.game[data-section="Missionen"] .mission-rewards .reward-opponent{grid-column:1 / -1!important;grid-template-columns:48px 1fr!important}
.game[data-section="Missionen"] .mission-rewards .reward-opponent b{font-size:20px!important}
.game[data-section="Missionen"] .mission-rewards .reward-opponent em{font-size:13px!important;text-transform:none!important;letter-spacing:0!important;color:#ffe8aa!important}
.game[data-section="Missionen"] .mission-start,
.game[data-section="Missionen"] .mission-skip,
.game[data-section="Missionen"] .mission-cancel{
  height:58px!important;
  border-radius:16px!important;
  font-size:21px!important;
  font-weight:1000!important;
}
.game[data-section="Missionen"] .mission-start span,
.game[data-section="Missionen"] .mission-skip span{font-size:18px;margin-left:8px}
.game[data-section="Missionen"] .mission-info-running h3,
.game[data-section="Missionen"] .mission-info-result h3{font-size:34px!important;line-height:1.04!important;min-height:48px!important}
.game[data-section="Missionen"] .mission-live-text{
  font-size:18px!important;
  line-height:1.3!important;
  min-height:50px!important;
  color:#fff4d2!important;
}
.game[data-section="Missionen"] .mission-progress{
  position:relative!important;
  height:58px!important;
  margin:8px 0 14px!important;
  border-radius:18px!important;
  border:4px solid #2d1606!important;
  background:linear-gradient(#2e1b0f,#140905)!important;
  overflow:hidden!important;
  box-shadow:inset 0 5px 10px rgba(0,0,0,.65),0 8px 16px rgba(0,0,0,.45)!important;
}
.game[data-section="Missionen"] .mission-progress:before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,0) 30%,rgba(255,255,255,.12) 55%,rgba(255,255,255,0));
  z-index:2;
  pointer-events:none;
}
.game[data-section="Missionen"] .mission-progress i{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  border-radius:13px;
  background:linear-gradient(90deg,#25b347 0%,#7ee452 48%,#ffd95a 100%)!important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.42),0 0 16px rgba(137,255,76,.8)!important;
  transition:width .45s linear;
}
.game[data-section="Missionen"] .mission-progress b{
  position:absolute;
  inset:0;
  z-index:3;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:30px;
  font-weight:1000;
  text-shadow:0 3px 0 #000,0 0 10px rgba(0,0,0,.9);
}
.game[data-section="Missionen"] .mission-progress span{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  color:#2b1603;
  background:rgba(255,226,113,.92);
  border:2px solid rgba(59,27,4,.65);
  border-radius:999px;
  padding:3px 8px;
  font-size:13px;
  font-weight:1000;
}
.game[data-section="Missionen"] .mission-timer{display:none!important}
.game[data-section="Missionen"] .mission-action-row{
  display:grid!important;
  grid-template-columns:1fr 1.35fr!important;
  gap:12px!important;
  margin-top:auto!important;
}
.game[data-section="Missionen"] .mission-action-row button{width:100%!important;margin:0!important}
.game[data-section="Missionen"] .mission-skip{
  background:linear-gradient(#ffed88,#d68a1c 58%,#8b3b08)!important;
  border:4px solid #4b2105!important;
  color:#261202!important;
  box-shadow:0 6px 0 #281004,inset 0 2px 0 rgba(255,255,255,.55)!important;
  text-shadow:0 1px 0 rgba(255,248,202,.85)!important;
}
.game[data-section="Missionen"] .mission-cancel{
  background:linear-gradient(#cfdfeb,#758796 58%,#3a4654)!important;
  border:4px solid #1e2834!important;
  color:#101820!important;
  box-shadow:0 6px 0 #121820,inset 0 2px 0 rgba(255,255,255,.45)!important;
}
.top-level-hud{align-items:center!important;justify-content:flex-start!important;height:66px!important;overflow:visible!important}
.top-level-star{display:grid!important;place-items:center!important;align-items:center!important;justify-items:center!important;width:74px!important;height:74px!important;flex-basis:74px!important;transform:translateY(-1px)!important}
.top-level-star span{display:block!important;line-height:1!important;text-align:center!important;transform:none!important;margin:0!important;font-size:27px!important}
.top-xpbar{height:44px!important;margin-left:-13px!important;display:block!important;align-self:center!important}
.top-level-hud.level-up-burst .top-level-star{animation:levelStarBurst 1.25s ease-out both!important;filter:drop-shadow(0 0 12px #fff36f) drop-shadow(0 0 24px #ff9d00)}
.top-level-hud.level-up-burst .top-level-star span{animation:levelNumberPop 1.25s ease-out both!important;color:#0d3813!important}
.top-level-hud.level-up-burst .top-xpbar{animation:levelBarGlow 1.25s ease-out both!important}
.top-level-hud.level-up-burst:after{
  content:attr(data-levels-gained);
  position:absolute;
  left:60px;
  top:-18px;
  z-index:60;
  padding:5px 13px;
  border-radius:999px;
  background:linear-gradient(#fff6a8,#ffb820);
  border:3px solid #5d2c05;
  color:#281601;
  font-size:18px;
  font-weight:1000;
  white-space:nowrap;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
  box-shadow:0 7px 12px rgba(0,0,0,.45);
  animation:levelBadgeFloat 1.25s ease-out both;
}
@keyframes levelStarBurst{0%{transform:translateY(-1px) scale(1) rotate(0deg)}18%{transform:translateY(-4px) scale(1.34) rotate(-10deg)}38%{transform:translateY(-2px) scale(1.12) rotate(8deg)}65%{transform:translateY(-1px) scale(1.2) rotate(-4deg)}100%{transform:translateY(-1px) scale(1) rotate(0deg)}}
@keyframes levelNumberPop{0%,100%{transform:scale(1)}20%{transform:scale(1.36)}45%{transform:scale(1.12)}70%{transform:scale(1.22)}}
@keyframes levelBarGlow{0%,100%{filter:none}20%{filter:drop-shadow(0 0 15px #bf13ff) brightness(1.22)}55%{filter:drop-shadow(0 0 20px #fff36f) brightness(1.14)}}
@keyframes levelBadgeFloat{0%{opacity:0;transform:translateY(12px) scale(.85)}18%{opacity:1;transform:translateY(0) scale(1.05)}78%{opacity:1;transform:translateY(-8px) scale(1)}100%{opacity:0;transform:translateY(-24px) scale(.96)}}


/* v119: Missionsdetails ohne Gegnerstats, weniger Überlappung; Level-HUD kräftiger. */
.game[data-section="Missionen"] .mission-info{
  height:540px!important;
  min-height:540px!important;
  max-height:540px!important;
  padding-top:22px!important;
  padding-bottom:24px!important;
}
.game[data-section="Missionen"] .mission-detail-head{
  grid-template-columns:86px 1fr!important;
  gap:13px!important;
  margin-bottom:6px!important;
}
.game[data-section="Missionen"] .mission-detail-head h3{
  font-size:31px!important;
  line-height:1.03!important;
}
.game[data-section="Missionen"] .mission-info-icon{width:86px!important;height:86px!important}
.game[data-section="Missionen"] .mission-info-icon img{width:82px!important;height:82px!important}
.game[data-section="Missionen"] .mission-teaser{
  font-size:17px!important;
  min-height:24px!important;
  margin-bottom:7px!important;
}
.game[data-section="Missionen"] .mission-story{
  min-height:54px!important;
  max-height:74px!important;
  margin-bottom:8px!important;
  font-size:15px!important;
}
.game[data-section="Missionen"] .mission-rewards{
  gap:10px!important;
  margin:6px 0 12px!important;
}
.game[data-section="Missionen"] .mission-rewards li{
  min-height:66px!important;
  padding:9px 10px!important;
  grid-template-columns:44px 1fr!important;
}
.game[data-section="Missionen"] .mission-rewards li span{
  width:42px!important;
  height:42px!important;
  font-size:26px!important;
}
.game[data-section="Missionen"] .mission-rewards li b{font-size:20px!important}
.game[data-section="Missionen"] .mission-rewards li em{font-size:11px!important}
.game[data-section="Missionen"] .mission-info-running .mission-rewards,
.game[data-section="Missionen"] .mission-info-result .mission-rewards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.game[data-section="Missionen"] .mission-info-running .reward-opponent,
.game[data-section="Missionen"] .mission-info-result .reward-opponent{
  grid-column:1 / -1!important;
  min-height:62px!important;
}
.top-level-hud{
  width:326px!important;
  flex-basis:326px!important;
  height:82px!important;
  margin-right:12px!important;
}
.top-level-star{
  width:88px!important;
  height:88px!important;
  flex-basis:88px!important;
  transform:translateY(0)!important;
}
.top-level-star span{
  font-size:31px!important;
}
.top-xpbar{
  width:252px!important;
  height:52px!important;
  margin-left:-15px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  border-width:5px!important;
}
.top-xpbar:before{
  top:8px!important;
  bottom:8px!important;
}
.top-xpbar i{
  top:8px!important;
  bottom:8px!important;
}
.top-level-hud.level-up-burst:after{left:74px!important;top:-12px!important}
@keyframes levelStarBurst{0%{transform:translateY(0) scale(1) rotate(0deg)}18%{transform:translateY(-4px) scale(1.3) rotate(-10deg)}38%{transform:translateY(-2px) scale(1.1) rotate(8deg)}65%{transform:translateY(0) scale(1.17) rotate(-4deg)}100%{transform:translateY(0) scale(1) rotate(0deg)}}

/* v120: Level-HUD tiefer setzen und deutlich größer machen. */
.top-level-hud{
  width:382px!important;
  flex-basis:382px!important;
  height:106px!important;
  transform:translateY(17px)!important;
  margin-right:18px!important;
  z-index:30!important;
}
.top-level-star{
  width:108px!important;
  height:108px!important;
  flex-basis:108px!important;
  transform:translateY(0)!important;
}
.top-level-star span{
  font-size:38px!important;
  line-height:1!important;
}
.top-xpbar{
  width:302px!important;
  height:66px!important;
  margin-left:-20px!important;
  padding:10px 11px 10px 28px!important;
  border-width:6px!important;
  border-radius:8px!important;
}
.top-xpbar:before{
  left:28px!important;
  right:11px!important;
  top:10px!important;
  bottom:10px!important;
  border-radius:5px!important;
}
.top-xpbar i{
  left:28px!important;
  top:10px!important;
  bottom:10px!important;
  border-radius:5px!important;
}
.top-level-hud.level-up-burst:after{
  left:92px!important;
  top:-4px!important;
  font-size:21px!important;
}
@keyframes levelStarBurst{0%{transform:translateY(0) scale(1) rotate(0deg)}18%{transform:translateY(-3px) scale(1.25) rotate(-10deg)}38%{transform:translateY(0) scale(1.08) rotate(8deg)}65%{transform:translateY(0) scale(1.14) rotate(-4deg)}100%{transform:translateY(0) scale(1) rotate(0deg)}}


/* v121: Laufende Mission zeigt nur Fortschritt, keine Belohnungsvorschau. */
.game[data-section="Missionen"] .mission-info-running{
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  width:620px!important;
  padding:28px 34px 28px!important;
}
.game[data-section="Missionen"] .mission-info-running h3{
  min-height:46px!important;
  margin:10px 0 8px!important;
}
.game[data-section="Missionen"] .mission-info-running .mission-live-text{
  min-height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:8px 0 16px!important;
}
.game[data-section="Missionen"] .mission-info-running .mission-progress{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:74px!important;
  margin:12px 0 26px!important;
  flex:0 0 74px!important;
}
.game[data-section="Missionen"] .mission-info-running .mission-progress b{
  font-size:36px!important;
}
.game[data-section="Missionen"] .mission-info-running .mission-action-row{
  margin-top:auto!important;
}
.game[data-section="Missionen"] .mission-info:not(.mission-info-running) .mission-rewards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.game[data-section="Missionen"] .mission-info:not(.mission-info-running) .mission-rewards li:last-child:nth-child(odd){
  grid-column:1 / -1!important;
}


/* v122: Level-HUD wieder etwas kompakter; laufende Mission ohne Prozentanzeige. */
.top-level-hud{
  width:338px!important;
  flex-basis:338px!important;
  height:84px!important;
  transform:translateY(8px)!important;
  margin-right:10px!important;
}
.top-level-star{
  width:88px!important;
  height:88px!important;
  flex-basis:88px!important;
}
.top-level-star span{
  font-size:31px!important;
}
.top-xpbar{
  width:258px!important;
  height:52px!important;
  margin-left:-16px!important;
  padding:8px 10px 8px 24px!important;
  border-width:5px!important;
  border-radius:7px!important;
}
.top-xpbar:before{
  left:24px!important;
  right:10px!important;
  top:8px!important;
  bottom:8px!important;
}
.top-xpbar i{
  left:24px!important;
  top:8px!important;
  bottom:8px!important;
}
.game[data-section="Missionen"] .mission-info-running .mission-kind{
  font-size:16px!important;
}
.game[data-section="Missionen"] .mission-info-running .mission-progress span{
  display:none!important;
}


/* v123: Level-HUD-Größe wiederhergestellt; lila XP-Füllung sauber im inneren Track zentriert. */
.top-level-hud{
  width:382px!important;
  flex-basis:382px!important;
  height:106px!important;
  transform:translateY(17px)!important;
  margin-right:18px!important;
}
.top-level-star{
  width:108px!important;
  height:108px!important;
  flex-basis:108px!important;
}
.top-level-star span{
  font-size:38px!important;
}
.top-xpbar{
  width:302px!important;
  height:66px!important;
  margin-left:-20px!important;
  padding:10px 11px 10px 28px!important;
  border-width:6px!important;
  border-radius:8px!important;
}
.top-xpbar:before{
  left:28px!important;
  right:11px!important;
  top:10px!important;
  bottom:10px!important;
  border-radius:5px!important;
}
.top-xpbar i{
  left:28px!important;
  right:auto!important;
  top:10px!important;
  bottom:10px!important;
  width:calc(100% - 39px)!important;
  max-width:calc(100% - 39px)!important;
  border-radius:5px!important;
  transform-origin:left center!important;
  transform:scaleX(var(--xp-progress, 0))!important;
}

/* Source chunk: 30-doping-combat.css */
/* v124: XP-Füllung mittig im Levelbalken ausrichten. */
.top-xpbar:before{
  left:16px!important;
  right:16px!important;
}
.top-xpbar i{
  left:16px!important;
  width:calc(100% - 32px)!important;
  max-width:calc(100% - 32px)!important;
}


/* v125: Doping-Tab als blaues Hero-Zero-artiges Booster-Panel. */
.doping-panel{
  display:none;
}
.game[data-section="Doping"]{
  background:#102a4a url("assets/kreisliga-bolzplatz.svg") center/cover no-repeat!important;
}
.game[data-section="Doping"] .locker-room:before{
  background:radial-gradient(circle at 50% 44%,rgba(55,142,220,.14),rgba(0,0,0,.58) 72%)!important;
}
.game[data-section="Doping"] .avatar-stage{
  display:none!important;
}
.game[data-section="Doping"] .doping-panel{
  display:block!important;
  position:absolute;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  width:760px;
  min-height:430px;
  z-index:18;
  padding:24px 26px 26px;
  border-radius:18px;
  background:linear-gradient(180deg,#2d75ad 0%,#123c69 52%,#071d36 100%);
  border:4px solid #9fdcff;
  box-shadow:0 22px 46px rgba(0,0,0,.78),inset 0 0 0 2px rgba(255,255,255,.18),inset 0 12px 22px rgba(255,255,255,.08);
  color:#eaf8ff;
}
.doping-panel:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:12px;
  border:1px solid rgba(202,239,255,.2);
  pointer-events:none;
}
.doping-head{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:10px;
  z-index:1;
}
.doping-badge{
  width:82px;
  height:82px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(#eaf9ff,#73b9ff 55%,#2465a0);
  border:4px solid #12365f;
  box-shadow:0 7px 0 #06182c,inset 0 3px 0 rgba(255,255,255,.75);
  font-size:42px;
}
.doping-head span{
  display:block;
  color:#bcecff;
  font-size:15px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:1px;
  text-shadow:0 2px 0 #041425;
}
.doping-head h2{
  margin:0;
  color:#ffe36d;
  font-size:42px;
  line-height:1;
  text-transform:uppercase;
  text-shadow:0 4px 0 #061526,0 0 14px rgba(255,221,80,.34);
}
.doping-copy{
  position:relative;
  z-index:1;
  margin:0 0 18px 100px;
  color:#d8f1ff;
  font-size:16px;
  font-weight:900;
  text-shadow:0 2px 0 #061526;
}
.doping-groups{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.doping-group{
  padding:18px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(11,45,82,.96),rgba(4,18,36,.98));
  border:3px solid #4d95cf;
  box-shadow:0 8px 0 rgba(4,17,31,.9),inset 0 2px 0 rgba(255,255,255,.16);
}
.doping-group h3{
  margin:0 0 6px;
  color:#ffffff;
  font-size:26px;
  text-shadow:0 3px 0 #061526;
}
.doping-group p{
  min-height:38px;
  margin:0 0 13px;
  color:#bfe6ff;
  font-size:14px;
  font-weight:900;
}
.booster-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.booster-card{
  min-height:132px;
  padding:12px 9px;
  border-radius:15px;
  cursor:pointer;
  background:linear-gradient(180deg,#e9f8ff 0%,#77b8f0 42%,#1d5d98 100%);
  border:3px solid #082a4b;
  box-shadow:0 7px 0 #051629,0 12px 16px rgba(0,0,0,.42),inset 0 3px 0 rgba(255,255,255,.75);
  color:#06182c;
  text-align:center;
  font-weight:1000;
}
.booster-card span{
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  margin:0 auto 8px;
  border-radius:50%;
  background:linear-gradient(#fff06f,#ffb829 58%,#b75f05);
  border:3px solid #5a2b00;
  color:#301600;
  font-size:24px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.75),0 4px 8px rgba(0,0,0,.35);
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}
.booster-card b{
  display:block;
  font-size:15px;
  line-height:1.05;
}
.booster-card em{
  display:block;
  margin-top:5px;
  color:#e8f7ff;
  font-size:12px;
  font-style:normal;
  text-shadow:0 2px 0 #0a2745;
}
.booster-card.premium{
  background:linear-gradient(180deg,#fff6bd 0%,#f5bf39 45%,#a45a08 100%);
  border-color:#5c2d00;
}
.booster-card:hover{
  filter:brightness(1.08);
  transform:translateY(-2px);
}


/* v126: Doping ist ein Overlay über dem aktuell geöffneten Tab, keine eigene Seite. */
.game.doping-open .doping-panel{
  display:block!important;
  z-index:85!important;
}
.game.doping-open .locker-room:after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.game.doping-open .doping-panel{
  top:47%!important;
  pointer-events:auto;
}
.doping-close{
  position:absolute;
  right:14px;
  top:12px;
  width:40px;
  height:40px;
  border-radius:50%;
  border:3px solid #09233f;
  background:linear-gradient(#f7fbff,#6fb6f1);
  color:#06182c;
  font-size:28px;
  font-weight:1000;
  line-height:30px;
  z-index:3;
  cursor:pointer;
  box-shadow:0 4px 0 #041427,inset 0 2px 0 rgba(255,255,255,.8);
}
.doping-close:hover{filter:brightness(1.08)}


/* v127: Doping-Panel bekommt seine komplette Panel-Optik auch als Overlay auf jedem Tab. */
.game.doping-open .doping-panel{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:47%!important;
  transform:translate(-50%,-50%)!important;
  width:760px!important;
  min-height:430px!important;
  z-index:85!important;
  padding:24px 26px 26px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#2d75ad 0%,#123c69 52%,#071d36 100%)!important;
  border:4px solid #9fdcff!important;
  box-shadow:0 22px 46px rgba(0,0,0,.78),inset 0 0 0 2px rgba(255,255,255,.18),inset 0 12px 22px rgba(255,255,255,.08)!important;
  color:#eaf8ff!important;
  pointer-events:auto!important;
}
.game.doping-open .doping-panel:before{
  content:""!important;
  display:block!important;
}
.game.doping-open .doping-panel *{
  box-sizing:border-box;
}
.game.doping-open .doping-tab{
  filter:brightness(1.15) drop-shadow(0 0 10px rgba(120,210,255,.65));
}


/* v128: Aktive Doping-Booster sichtbar markieren. */
.doping-status{
  margin:-4px 0 12px;
  padding:7px 10px;
  border-radius:10px;
  background:rgba(0,0,0,.25);
  border:2px solid rgba(151,211,255,.28);
  color:#bfe6ff;
  font-size:13px;
  font-weight:1000;
  text-align:center;
  text-shadow:0 2px 0 #061526;
}
.doping-status.active{
  background:linear-gradient(180deg,rgba(47,178,91,.92),rgba(12,86,40,.92));
  border-color:#94ffb2;
  color:#effff2;
}
.booster-card.booster-active{
  outline:5px solid #7dff9d;
  filter:brightness(1.12);
}


/* v133: Kampfresultat mit sichtbarer Arena und Wurfwaffen-Flug. */
.combat-arena{
  position:relative;
  display:grid;
  grid-template-columns:135px 1fr 135px;
  align-items:center;
  gap:10px;
  min-height:118px;
  margin:6px 0 8px;
  padding:10px 14px 26px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,28,58,.9),rgba(4,14,30,.92));
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.24);
  overflow:hidden;
}
.combat-fighter{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:4px;
  animation:combat-bob 1.2s ease-in-out 2;
}
.combat-opponent{animation-delay:.28s}
.fighter-avatar{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:50%;
  font-size:34px;
  background:radial-gradient(circle at 40% 28%,#fff,#9cc4ff 65%,#1f4f9e);
  box-shadow:0 4px 0 #09234c,0 0 18px rgba(91,172,255,.45);
}
.combat-opponent .fighter-avatar{background:radial-gradient(circle at 40% 28%,#fff,#ffcc87 65%,#9b2f21)}
.combat-fighter b{font-size:13px;color:#fff;text-shadow:0 2px 0 #000;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.combat-fighter i{
  position:relative;
  display:block;
  width:104px;
  height:9px;
  border-radius:99px;
  background:#180b15;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.combat-fighter i:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:var(--hp);
  border-radius:99px;
  background:linear-gradient(90deg,#25e86b,#ffde58);
  animation:hp-settle .9s ease-out both;
}
.combat-action-zone{position:relative;height:74px;z-index:1}
.combat-projectile{
  position:absolute;
  left:0;
  top:24px;
  display:grid;
  place-items:center;
  width:42px;height:42px;
  font-size:31px;
  filter:drop-shadow(0 8px 5px rgba(0,0,0,.45));
  animation:throwing-flight 1.35s cubic-bezier(.2,.8,.2,1) both;
  z-index:4;
}
.combat-hit{
  position:absolute;
  right:6px;
  top:20px;
  font-size:30px;
  opacity:0;
  transform:scale(.2);
  animation:combat-hit-pop .55s ease-out .95s both;
  z-index:3;
}
.combat-hit.hit-two{right:30px;top:42px;font-size:22px;animation-delay:1.14s}
.combat-arena:not(.has-throwing) .combat-hit.hit-one{left:50%;right:auto;animation-delay:.35s}
.combat-arena p{
  position:absolute;
  left:0;right:0;bottom:5px;
  margin:0;
  text-align:center;
  color:#ffe08b;
  font-size:12px;
  font-weight:1000;
  text-shadow:0 2px 0 #000;
}
@keyframes throwing-flight{
  0%{transform:translate(0,18px) rotate(-40deg) scale(.75);opacity:0}
  15%{opacity:1}
  72%{transform:translate(calc(100% + 210px),-4px) rotate(520deg) scale(1.12);opacity:1}
  100%{transform:translate(calc(100% + 250px),10px) rotate(680deg) scale(.5);opacity:0}
}
@keyframes combat-hit-pop{
  0%{opacity:0;transform:scale(.25) rotate(-20deg)}
  45%{opacity:1;transform:scale(1.35) rotate(8deg)}
  100%{opacity:0;transform:scale(.75) rotate(18deg)}
}
@keyframes combat-bob{
  0%,100%{transform:translateY(0)}
  35%{transform:translateY(-5px)}
  65%{transform:translateY(3px)}
}
@keyframes hp-settle{from{width:100%}to{width:var(--hp)}}


/* v134: Großes Hero-Zero-artiges Duellfenster für Kampfmissionen. */
.duel-window{
  position:relative!important;
  width:min(100%,960px)!important;
  height:530px!important;
  margin:0 auto 14px!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(170,150,125,.42),transparent 33%),
    radial-gradient(circle at 50% 62%,rgba(230,218,192,.25),transparent 24%),
    linear-gradient(180deg,#0b0a09 0%,#1b1713 46%,#060606 100%)!important;
  box-shadow:inset 0 0 85px rgba(0,0,0,.95), inset 0 0 0 4px rgba(255,255,255,.08), 0 14px 34px rgba(0,0,0,.5)!important;
}
.duel-window:before,.duel-window:after{
  content:"";position:absolute;top:0;width:94px;height:205px;z-index:1;opacity:.72;
  background:linear-gradient(90deg,rgba(255,239,150,.5),transparent 64%),linear-gradient(#1a160f,#050505);
  clip-path:polygon(0 0,74% 0,50% 100%,0 88%);
  filter:blur(.2px);
}
.duel-window:before{left:0}.duel-window:after{right:0;transform:scaleX(-1)}
.duel-bg-smoke{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 45% 55%,rgba(215,203,186,.42),transparent 34%),radial-gradient(ellipse at 58% 48%,rgba(122,108,98,.32),transparent 38%);animation:duel-smoke 4.5s ease-in-out infinite alternate;pointer-events:none}
.duel-side{position:absolute;top:16px;bottom:16px;width:47%;z-index:3}.duel-player{left:16px}.duel-opponent{right:16px}.duel-opponent{text-align:right}
.duel-hp-row{position:absolute;left:0;right:0;top:0;height:72px;display:flex;align-items:flex-start;gap:10px}.duel-opponent .duel-hp-row{justify-content:flex-end}.duel-level-star{width:70px;height:70px;display:grid;place-items:center;flex:0 0 auto;background:#ffc51e;clip-path:polygon(50% 0,62% 30%,96% 35%,70% 57%,78% 92%,50% 74%,21% 92%,30% 57%,4% 35%,38% 30%);filter:drop-shadow(0 5px 0 #684616) drop-shadow(0 0 6px rgba(0,0,0,.75));font-size:26px;font-weight:1000;color:#fff;text-shadow:0 3px 0 #4a2d05}.duel-level-star span{margin-top:2px}
.duel-topbar{width:300px;max-width:calc(100% - 76px);padding-top:4px}.duel-opponent .duel-topbar{max-width:300px}.duel-hp-track{position:relative;height:29px;border-radius:7px;background:#221d1b;border:3px solid rgba(0,0,0,.65);box-shadow:inset 0 3px 4px rgba(0,0,0,.75),0 2px 0 rgba(255,255,255,.12);overflow:hidden}.duel-hp-track i{position:absolute;left:0;top:0;bottom:0;width:var(--hp);background:linear-gradient(180deg,#7eea39 0%,#29ae28 62%,#197d1e 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.35);animation:duel-hp-drop .9s ease-out both}.duel-hp-track b{position:absolute;inset:0;display:grid;place-items:center;font-size:17px;color:#d6ff72;text-shadow:0 2px 0 #000;font-weight:1000}.duel-topbar strong{display:block;margin-top:2px;color:#f4f4f4;font-size:21px;line-height:1;text-shadow:0 3px 0 #000,0 0 4px #000;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duel-opponent .duel-topbar strong{text-align:center}
.duel-figure-wrap{position:absolute;left:95px;right:60px;top:98px;bottom:105px}.duel-opponent .duel-figure-wrap{left:80px;right:85px}.duel-player .character{position:absolute!important;left:48%!important;top:51%!important;transform:translate(-50%,-50%) scale(1.08)!important;filter:drop-shadow(0 10px 8px rgba(0,0,0,.55));}.duel-player .character .ball{display:none!important}.duel-opponent-character{position:absolute;left:50%;top:50%;width:155px;height:300px;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 8px rgba(0,0,0,.52))}.opp-head{position:absolute;left:57px;top:30px;width:55px;height:62px;border-radius:48% 50% 45% 45%;background:#ffc884;border:3px solid #9d5b2e}.opp-hair{position:absolute;left:42px;top:12px;width:86px;height:80px;border-radius:50% 50% 45% 45%;background:linear-gradient(135deg,#ffe572,#c98d18);box-shadow:20px 40px 0 -12px #d99a21;z-index:-1}.opp-body{position:absolute;left:39px;top:91px;width:86px;height:78px;border-radius:34px 34px 18px 18px;background:linear-gradient(135deg,#67d4dc 0 42%,#d77ee2 43% 100%);border:3px solid #7f447b}.opp-arm{position:absolute;top:100px;width:24px;height:100px;border-radius:18px;background:#ffc884;border:3px solid #9d5b2e}.opp-arm.left{left:24px;transform:rotate(20deg)}.opp-arm.right{right:9px;transform:rotate(-37deg);transform-origin:top center}.opp-skirt{position:absolute;left:35px;top:155px;width:94px;height:58px;border-radius:0 0 50% 50%;background:linear-gradient(135deg,#e181e8,#7adce0);border:3px solid #774179}.opp-leg{position:absolute;top:204px;width:24px;height:83px;border-radius:18px;background:#ffc884;border:3px solid #9d5b2e}.opp-leg.left{left:55px;transform:rotate(7deg)}.opp-leg.right{left:93px;transform:rotate(-9deg)}.opp-shoe{position:absolute;top:282px;width:42px;height:22px;border-radius:14px;background:#ba76e6;border:3px solid #63336f}.opp-shoe.left{left:43px}.opp-shoe.right{left:86px}.opp-fan{position:absolute;right:-10px;top:78px;font-size:48px;transform:rotate(-16deg);filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}
.duel-projectile{position:absolute;left:42%;top:42%;font-size:46px;z-index:6;filter:drop-shadow(0 7px 4px rgba(0,0,0,.6));animation:duel-projectile-flight 1.45s cubic-bezier(.2,.82,.14,1) both}.duel-impact{position:absolute;left:112%;top:41%;font-size:54px;opacity:0;z-index:7;animation:duel-impact-pop .6s ease-out 1.05s both}.duel-window:not(.has-throwing) .duel-impact{left:50%;animation-delay:.45s}.duel-opponent .duel-impact{display:none}
.duel-stats{position:absolute;left:0;bottom:0;width:220px;margin:0;padding:8px;background:rgba(17,19,24,.94);border:4px solid #3e4650;box-shadow:inset 0 0 0 2px #111,0 6px 14px rgba(0,0,0,.45);list-style:none;display:grid;gap:6px}.duel-opponent .duel-stats{left:auto;right:0}.duel-stats li{height:30px;position:relative;display:grid;grid-template-columns:34px 48px 1fr;align-items:center;border-radius:14px;background:#202126;border:3px solid #4a4e56;overflow:hidden}.duel-stat-icon{position:relative;z-index:2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffd97a,#b67815);font-size:18px;margin-left:-2px}.duel-stat-icon .lung-icon,.duel-stat-icon .tactic-board,.duel-stat-icon .cone-drill{transform:scale(.55)}.duel-stats b{position:relative;z-index:2;color:#eee;font-size:18px;text-shadow:0 2px 0 #000;text-align:center}.duel-stats li i{position:absolute;left:33px;top:4px;bottom:4px;width:calc(var(--skill-progress) * .72);max-width:150px;border-radius:8px;background:linear-gradient(90deg,#f8d23e,#d89215);box-shadow:inset 0 2px 0 rgba(255,255,255,.3)}
.duel-skip{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);z-index:8;min-width:170px;height:43px;border-radius:8px;border:2px solid #ffb323;background:linear-gradient(#ff9f13,#ce6500);box-shadow:0 4px 0 #743600,0 9px 16px rgba(0,0,0,.38);color:#fff;font-size:18px;font-weight:1000;text-shadow:0 2px 0 #633000;cursor:pointer}.duel-result-ribbon{position:absolute;left:50%;top:82px;transform:translateX(-50%);z-index:5;padding:7px 22px;border-radius:99px;background:rgba(0,0,0,.48);color:#ffe37a;text-shadow:0 2px 0 #000;font-size:20px;font-weight:1000;opacity:.0;animation:duel-ribbon .8s ease-out 1.35s both}.mission-info-result .mission-story,.mission-info-result .mission-rewards{max-width:960px;margin-left:auto!important;margin-right:auto!important}.mission-info-result .mission-kind{display:none!important}.mission-info-result>h3{display:none!important}
@keyframes duel-smoke{from{opacity:.7;transform:translateX(-12px) scale(1.02)}to{opacity:1;transform:translateX(12px) scale(1.05)}}
@keyframes duel-hp-drop{from{width:100%}to{width:var(--hp)}}
@keyframes duel-projectile-flight{0%{opacity:0;transform:translate(0,40px) rotate(-70deg) scale(.65)}15%{opacity:1}72%{opacity:1;transform:translate(360px,-38px) rotate(500deg) scale(1.1)}100%{opacity:0;transform:translate(440px,15px) rotate(720deg) scale(.45)}}
@keyframes duel-impact-pop{0%{opacity:0;transform:scale(.25) rotate(-20deg)}45%{opacity:1;transform:scale(1.25) rotate(8deg)}100%{opacity:0;transform:scale(.8) rotate(20deg)}}
@keyframes duel-ribbon{from{opacity:0;transform:translate(-50%,8px) scale(.8)}to{opacity:1;transform:translate(-50%,0) scale(1)}}


/* v135: Kampfmissionen zeigen das Duell als eigenes großes Ergebnisfenster statt im kleinen Missionskarten-Frame. */
.game[data-section="Missionen"] .mission-info.mission-info-duel-result{
  left:50%!important;
  top:50%!important;
  right:auto!important;
  width:1120px!important;
  height:640px!important;
  min-height:640px!important;
  max-height:none!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  z-index:60!important;
}
.game[data-section="Missionen"] .mission-info.mission-info-duel-result:before{content:none!important;display:none!important}
.game[data-section="Missionen"] .mission-info.mission-info-duel-result .duel-window{
  width:1120px!important;
  max-width:1120px!important;
  height:555px!important;
  margin:0!important;
}
.duel-reward-strip{
  position:absolute;
  left:40px;
  right:40px;
  bottom:12px;
  z-index:12;
  display:grid;
  grid-template-columns:1.1fr 1.8fr 230px;
  align-items:center;
  gap:14px;
  padding:10px 12px;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(15,27,38,.94),rgba(5,12,20,.96));
  border:3px solid rgba(255,210,97,.65);
  box-shadow:0 9px 18px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.12);
}
.duel-reward-strip p{margin:0!important;color:#fff6d7!important;font-size:14px!important;line-height:1.2!important;font-weight:900;text-shadow:0 2px 0 #000;max-height:52px;overflow:hidden}.duel-reward-strip .mission-rewards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:0!important}.duel-reward-strip .mission-rewards li{min-height:48px!important;padding:6px!important}.duel-claim-btn{width:100%!important;height:48px!important;margin:0!important;font-size:17px!important}.game[data-section="Missionen"] .mission-info.mission-info-duel-result .duel-stats{bottom:78px}.game[data-section="Missionen"] .mission-info.mission-info-duel-result .duel-result-ribbon{top:80px}.game[data-section="Missionen"] .mission-info.mission-info-duel-result .duel-projectile{animation-duration:1.7s}


/* v198: Fullscreen-Duellphase nur bei sichtbarem Kampf im Missionen-Tab.
   Verhindert Partial-UI-Bug, wenn ein altes/verstecktes Duell-Ergebnis im DOM bleibt. */
.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .topbar,
.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .bottomnav,
.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .left-card,
.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .right-stack,
.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .avatar-stage,
.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .zone-name,
.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .mission-map-icons,
.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .fanshop-shop{display:none!important}
.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .locker-room{top:0!important;bottom:0!important;z-index:80!important}.game[data-section="Missionen"]:has(.mission-info-duel-result:not(.hidden)) .mission-zone{position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:0!important;z-index:90!important;overflow:visible!important}.game[data-section="Missionen"] .mission-info.mission-info-duel-result{position:absolute!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:1536px!important;height:864px!important;min-height:864px!important;max-height:none!important;transform:none!important;padding:0!important;overflow:hidden!important;border:0!important;background:#050505!important;box-shadow:none!important;z-index:100!important}.game[data-section="Missionen"] .mission-info.mission-info-duel-result .duel-window{width:1536px!important;max-width:none!important;height:864px!important;margin:0!important;border-radius:0!important}.mission-info-duel-result .duel-side{top:34px!important;bottom:28px!important;width:48%!important}.mission-info-duel-result .duel-player{left:34px!important}.mission-info-duel-result .duel-opponent{right:34px!important}.mission-info-duel-result .duel-hp-row{height:96px!important}.mission-info-duel-result .duel-level-star{width:74px!important;height:74px!important;font-size:31px!important;background:linear-gradient(145deg,#ffe979,#f6b51e 56%,#b56a0a)!important;clip-path:polygon(50% 0,61% 31%,95% 35%,69% 56%,78% 91%,50% 73%,22% 91%,31% 56%,5% 35%,39% 31%)!important}.mission-info-duel-result .duel-topbar{width:490px!important}.mission-info-duel-result .duel-hp-track{height:36px!important}.mission-info-duel-result .duel-topbar strong{font-size:28px!important}.mission-info-duel-result .duel-figure-wrap{top:118px!important;bottom:215px!important}.mission-info-duel-result .duel-player .character{transform:translate(-50%,-50%) scale(1.38)!important}.mission-info-duel-result .duel-opponent-character{transform:translate(-50%,-50%) scale(1.45)!important}.mission-info-duel-result .duel-stats{bottom:24px!important;width:385px!important;padding:12px!important;gap:9px!important;background:rgba(11,30,48,.95)!important;border-color:#76b8e8!important;border-radius:14px!important}.duel-stats .duel-skill{height:45px!important;display:grid!important;grid-template-columns:46px 1fr!important;gap:8px!important;align-items:center!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(24,78,115,.95),rgba(6,36,62,.96))!important;border:2px solid rgba(130,203,255,.6)!important;padding:4px 8px 4px 4px!important;overflow:hidden!important}.duel-stats .duel-skill .ico{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(#ffd86b,#c88315)!important;box-shadow:0 2px 0 #5a2c00!important}.duel-stats .duel-skill .skill-main{min-width:0!important}.duel-stats .duel-skill .skill-top{font-size:13px!important;margin-bottom:3px!important;color:#fff!important}.duel-stats .duel-skill .skillbar{height:21px!important;margin:0!important}.duel-stats .duel-skill .skillbar i{width:var(--skill-progress)!important;background:var(--skill-color)!important}.duel-stats .duel-skill .skillbar em{font-size:14px!important}.mission-info-duel-result .duel-projectile{font-size:64px!important;animation:duel-projectile-flight-full 2.4s cubic-bezier(.18,.82,.12,1) .8s both!important}.mission-info-duel-result .duel-impact{font-size:76px!important;animation:duel-impact-pop 1s ease-out 2.55s both!important}.mission-info-duel-result .duel-window:not(.has-throwing) .duel-impact{animation-delay:1.4s!important}.mission-info-duel-result .duel-result-ribbon{top:112px!important;font-size:34px!important;padding:12px 36px!important;animation:duel-ribbon .8s ease-out 5.2s both!important}.game[data-section="Missionen"] .mission-info.mission-info-combat-reward{width:440px!important;height:382px!important;min-height:382px!important;max-height:382px!important;padding:22px 24px 20px!important;overflow:hidden!important;border:4px solid #b9e7ff!important;background:linear-gradient(#6b4326,#332016 62%,#1d120d)!important;box-shadow:0 18px 40px #000d,inset 0 3px 0 #b27a41,inset 0 -4px 0 #140b07!important;text-align:center!important}.mission-info-combat-reward .mission-kind{display:inline-block!important}.mission-info-combat-reward>h3{display:block!important}.mission-info-combat-reward .mission-story{height:50px!important;overflow:hidden!important}.mission-info-combat-reward .mission-rewards{max-width:none!important}.duel-reward-strip{display:none!important}
@keyframes duel-projectile-flight-full{0%{opacity:0;transform:translate(-80px,80px) rotate(-70deg) scale(.7)}12%{opacity:1}78%{opacity:1;transform:translate(660px,-70px) rotate(640deg) scale(1.2)}100%{opacity:0;transform:translate(780px,20px) rotate(820deg) scale(.45)}}


/* v137: technische Kampfgrundlage - schrittweise Rundenanimation, stabile HP-Balken, Skip/Weiter. */
.technical-fight .duel-hp-track i{width:var(--hp)!important;animation:none!important;transition:width .42s ease-out!important}.technical-fight .duel-result-ribbon{opacity:0!important;animation:none!important}.technical-fight.fight-finished .duel-result-ribbon{opacity:1!important;animation:duel-ribbon .45s ease-out both!important}.duel-action-center{position:absolute;left:50%;top:92px;transform:translateX(-50%);z-index:20;width:430px;min-height:84px;padding:13px 18px;border-radius:16px;text-align:center;background:linear-gradient(180deg,rgba(22,42,62,.95),rgba(6,15,26,.97));border:3px solid rgba(255,218,112,.7);box-shadow:0 10px 22px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.13)}.duel-action-center b{display:block;color:#ffe177;font-size:22px;text-shadow:0 2px 0 #000;margin-bottom:5px}.duel-action-center span{display:block;color:#fff;font-size:17px;font-weight:900;line-height:1.2;text-shadow:0 2px 0 #000}.duel-side.active-attack .duel-figure-wrap{animation:duel-step-attack .72s ease-in-out both}.duel-side.active-target .duel-figure-wrap{animation:duel-step-hit .55s ease-in-out .28s both}.duel-side.active-target .duel-impact{opacity:1!important;display:block!important;animation:duel-impact-pop .55s ease-out .28s both!important}.duel-damage-number{position:absolute;left:50%;top:19%;transform:translateX(-50%);z-index:30;color:#ff3e2f;font-size:48px;font-weight:1000;text-shadow:0 4px 0 #000,0 0 12px rgba(255,255,255,.45);animation:duel-damage-float 1.05s ease-out both;pointer-events:none}.duel-damage-number.miss{font-size:29px;color:#9ee8ff;white-space:nowrap}.duel-control{position:absolute;z-index:35;height:48px;border-radius:10px;border:3px solid #ffbd42;background:linear-gradient(#ffb12b,#c96500);box-shadow:0 5px 0 #743400,0 10px 17px rgba(0,0,0,.45);color:#fff;font-size:20px;font-weight:1000;text-shadow:0 2px 0 #5b2a00;padding:0 24px}.duel-skip-btn{right:38px;bottom:34px}.duel-next-btn{left:50%;bottom:34px;transform:translateX(-50%);min-width:190px;background:linear-gradient(#75e45d,#23952c);border-color:#b7ff9f;box-shadow:0 5px 0 #0f5516,0 10px 17px rgba(0,0,0,.45)}.technical-fight.fight-finished .duel-skip-btn{display:none!important}.technical-fight.fight-finished .duel-action-center b{color:#8dff9d}.technical-fight.lost.fight-finished .duel-action-center b{color:#ff8d8d}.technical-fight .duel-projectile{animation:duel-projectile-step 1.05s ease-out .18s both!important}.mission-info-duel-result .duel-window:not(.has-throwing) .duel-impact{left:50%;animation-delay:.28s!important}
@keyframes duel-step-attack{0%,100%{transform:translateX(0) scale(1)}45%{transform:translateX(var(--attack-shift,70px)) scale(1.035)}}.duel-opponent.active-attack .duel-figure-wrap{--attack-shift:-70px}@keyframes duel-step-hit{0%,100%{filter:none;transform:translateX(0)}35%{filter:brightness(1.7);transform:translateX(var(--hit-shift,-22px))}}.duel-player.active-target .duel-figure-wrap{--hit-shift:22px}@keyframes duel-damage-float{0%{opacity:0;transform:translate(-50%,18px) scale(.7)}18%{opacity:1;transform:translate(-50%,0) scale(1.15)}100%{opacity:0;transform:translate(-50%,-58px) scale(.92)}}@keyframes duel-projectile-step{0%{opacity:0;transform:translate(-520px,95px) rotate(-70deg) scale(.7)}18%{opacity:1}75%{opacity:1;transform:translate(-90px,-15px) rotate(560deg) scale(1.12)}100%{opacity:0;transform:translate(-30px,10px) rotate(720deg) scale(.5)}}


/* v138: Belohnungsfenster nach Kampf entkoppelt vom Kampf-Fullscreen und sicher klickbar. */
.game[data-section="Missionen"] .mission-info.mission-reward-popup{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
  width:500px!important;
  height:auto!important;
  min-height:410px!important;
  max-height:none!important;
  padding:24px 26px 22px!important;
  overflow:visible!important;
  z-index:80!important;
  pointer-events:auto!important;
  text-align:center!important;
  border-radius:18px!important;
  border:4px solid #b9e7ff!important;
  background:linear-gradient(#6b4326,#332016 62%,#1d120d)!important;
  box-shadow:0 18px 40px #000d,inset 0 3px 0 #b27a41,inset 0 -4px 0 #140b07!important;
}
.game[data-section="Missionen"] .mission-info.mission-reward-popup:before{content:none!important;display:none!important}
.game[data-section="Missionen"] .mission-info.mission-reward-popup .mission-kind{display:inline-block!important;margin-bottom:8px!important}
.game[data-section="Missionen"] .mission-info.mission-reward-popup>h3{display:flex!important;min-height:42px!important;margin:0 0 8px!important;align-items:center!important;justify-content:center!important;color:#ffe36d!important;font-size:26px!important;text-shadow:2px 2px #001!important}
.game[data-section="Missionen"] .mission-info.mission-reward-popup .mission-story{display:block!important;height:auto!important;min-height:48px!important;max-height:76px!important;margin:0 0 12px!important;overflow:hidden!important;color:#e7f5ff!important}
.game[data-section="Missionen"] .mission-info.mission-reward-popup .mission-rewards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 14px!important;padding:0!important;max-width:none!important;list-style:none!important}
.game[data-section="Missionen"] .mission-info.mission-reward-popup .mission-rewards li{min-height:58px!important;padding:7px!important;border-radius:10px!important;background:rgba(10,25,42,.58)!important;border:1px solid rgba(255,255,255,.12)!important}
.game[data-section="Missionen"] .mission-info.mission-reward-popup .mission-start[data-mission-claim]{position:relative!important;z-index:20!important;display:block!important;width:100%!important;height:54px!important;margin:0!important;pointer-events:auto!important;font-size:18px!important;line-height:1!important}
.game[data-section="Missionen"] .mission-info.mission-reward-popup.mission-info-combat-reward{width:520px!important;min-height:430px!important}


/* v139: Duell zeigt pro Tick nur einen Schlag; Skip kleiner; Grundwerte wie im Spielerprofil untereinander. */
.mission-info-duel-result .duel-action-center{
  width:360px!important;
  min-height:70px!important;
  padding:10px 14px!important;
}
.mission-info-duel-result .duel-action-center b{font-size:19px!important;margin-bottom:4px!important}
.mission-info-duel-result .duel-action-center span{font-size:15px!important}
.mission-info-duel-result .duel-control{
  height:40px!important;
  min-width:0!important;
  padding:0 16px!important;
  border-radius:9px!important;
  border:2px solid #6f3a07!important;
  background:linear-gradient(#ffd45a,#c98317)!important;
  box-shadow:0 4px 0 #743400,0 8px 13px rgba(0,0,0,.36)!important;
  color:#2e1c07!important;
  font-size:15px!important;
  line-height:1!important;
  text-shadow:1px 1px rgba(255,255,255,.45)!important;
}
.mission-info-duel-result .duel-skip-btn{
  right:42px!important;
  bottom:34px!important;
  width:auto!important;
}
.mission-info-duel-result .duel-next-btn{
  width:auto!important;
  min-width:138px!important;
  bottom:34px!important;
}
.mission-info-duel-result .duel-stats{
  width:310px!important;
  padding:10px!important;
  gap:8px!important;
  background:linear-gradient(180deg,rgba(13,54,87,.96),rgba(3,24,40,.96))!important;
  border:3px solid #1c5f92!important;
  border-radius:12px!important;
  box-shadow:0 0 0 1px rgba(91,181,255,.18) inset,0 10px 22px rgba(0,0,0,.55)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  list-style:none!important;
}
.mission-info-duel-result .duel-stats .duel-skill{
  height:56px!important;
  min-height:56px!important;
  padding:7px 9px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:8px!important;
  align-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(26,78,116,.96),rgba(8,31,52,.96))!important;
  border:2px solid rgba(125,202,255,.55)!important;
  overflow:hidden!important;
}
.mission-info-duel-result .duel-stats .duel-skill .ico{
  width:38px!important;
  height:38px!important;
  margin:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(#ffd97a,#b67815)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 3px 0 rgba(72,38,5,.75)!important;
  font-size:23px!important;
}
.mission-info-duel-result .duel-stats .skill-main{min-width:0!important;display:block!important}
.mission-info-duel-result .duel-stats .skill-top{
  display:flex!important;
  justify-content:space-between!important;
  font-size:13px!important;
  font-weight:1000!important;
  color:#e9f7ff!important;
  margin-bottom:4px!important;
}
.mission-info-duel-result .duel-stats .skillbar{
  position:relative!important;
  height:18px!important;
  border-radius:99px!important;
  background:#09192a!important;
  border:2px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 3px 4px rgba(0,0,0,.55)!important;
  overflow:hidden!important;
}
.mission-info-duel-result .duel-stats .skillbar i{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:var(--skill-progress)!important;
  max-width:none!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,var(--skill-color,#f8d23e),#ffe680)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35)!important;
}
.mission-info-duel-result .duel-stats .skillbar em{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:1000!important;
  text-shadow:0 2px 0 #000!important;
  padding:0!important;
}


/* v140: Testbutton im Dein-Fußballer-Panel für Bier-Tests. */
.test-beer-btn{
  width:100%;
  height:34px;
  margin-top:9px;
  border-radius:9px;
  border:2px solid #6f3a07;
  background:linear-gradient(#ffd45a,#c98317);
  box-shadow:0 3px 0 #743400,0 7px 12px rgba(0,0,0,.35);
  color:#2e1c07;
  font-size:13px;
  font-weight:1000;
  text-shadow:1px 1px rgba(255,255,255,.45);
}
.test-beer-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #743400,0 4px 8px rgba(0,0,0,.35)}
.game:not([data-section="Dein Fußballer"]) .test-beer-btn{display:none!important}


/* v141: Test-Bier-Button sichtbar über dem Spielerbereich statt im Hintergrund/Profilpanel. */
.test-beer-btn{
  position:absolute!important;
  left:22px!important;
  top:74px!important;
  z-index:45!important;
  width:166px!important;
  height:36px!important;
  margin:0!important;
  border-radius:10px!important;
  border:2px solid #6f3a07!important;
  background:linear-gradient(#ffd45a,#c98317)!important;
  box-shadow:0 3px 0 #743400,0 8px 14px rgba(0,0,0,.42)!important;
  color:#2e1c07!important;
  font-size:13px!important;
  font-weight:1000!important;
  text-shadow:1px 1px rgba(255,255,255,.45)!important;
  pointer-events:auto!important;
}
.game[data-section="Dein Fußballer"] .test-beer-btn{display:block!important}
.game:not([data-section="Dein Fußballer"]) .test-beer-btn{display:none!important}
.test-beer-btn:active{transform:translateY(2px)!important;box-shadow:0 1px 0 #743400,0 4px 8px rgba(0,0,0,.35)!important}


/* v142: Kampf-Grundwerte exakt als vier untereinanderliegende Profil-Skillbars; Überspringen mittig. */
.game[data-section="Missionen"] .mission-info-duel-result .duel-skip-btn{
  left:50%!important;
  right:auto!important;
  bottom:34px!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  min-width:142px!important;
  height:40px!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-next-btn{
  left:50%!important;
  transform:translateX(-50%)!important;
}
.game[data-section="Missionen"] .mission-info-duel-result.fight-finished .duel-skip-btn{display:none!important}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats{
  position:absolute!important;
  bottom:34px!important;
  width:330px!important;
  height:auto!important;
  min-height:0!important;
  padding:12px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  list-style:none!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(14,39,72,.96),rgba(4,17,32,.98))!important;
  border:3px solid #315d92!important;
  box-shadow:0 16px 34px #000b,inset 0 0 0 2px rgba(117,174,255,.18)!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-player .duel-stats{left:0!important;right:auto!important}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-stats{right:0!important;left:auto!important}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill{
  position:relative!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  align-items:center!important;
  gap:9px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(26,78,116,.96),rgba(8,31,52,.96))!important;
  border:2px solid rgba(125,202,255,.55)!important;
  overflow:hidden!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .ico{
  position:relative!important;
  z-index:2!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(#ffd97a,#b67815)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 3px 0 rgba(72,38,5,.75)!important;
  font-size:24px!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .skill-main{
  display:block!important;
  min-width:0!important;
  width:100%!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .skill-top{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:16px!important;
  margin:0 0 4px!important;
  color:#e9f7ff!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-shadow:0 2px 0 #001!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .skillbar{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:20px!important;
  border-radius:99px!important;
  background:#09192a!important;
  border:2px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 3px 4px rgba(0,0,0,.55)!important;
  overflow:hidden!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .skillbar i{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:var(--skill-progress)!important;
  max-width:100%!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,var(--skill-color,#f8d23e),#ffe680)!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .skillbar em{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:1000!important;
  text-align:center!important;
  text-shadow:0 2px 0 #000!important;
}


/* v143: Booster-Tierwechsel + Kampfbelohnung im Duellfenster; Skill-Icons ohne gelben Kreis. */
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .ico{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  width:42px!important;
  height:42px!important;
  font-size:28px!important;
  color:#fff!important;
  text-shadow:0 2px 0 #001,0 0 7px rgba(130,210,255,.55)!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .ico .lung-icon,
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .ico .tactic-board,
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .duel-skill .ico .cone-drill{
  transform:none!important;
  margin:auto!important;
}
.duel-reward-popup{
  position:absolute!important;
  left:50%!important;
  top:51%!important;
  transform:translate(-50%,-50%)!important;
  z-index:60!important;
  width:520px!important;
  min-height:410px!important;
  padding:24px 26px 22px!important;
  border-radius:18px!important;
  border:4px solid #b9e7ff!important;
  background:linear-gradient(#6b4326,#332016 62%,#1d120d)!important;
  box-shadow:0 18px 40px #000d,inset 0 3px 0 #b27a41,inset 0 -4px 0 #140b07!important;
  text-align:center!important;
  pointer-events:auto!important;
}
.duel-reward-popup .mission-kind{display:inline-block!important;margin-bottom:8px!important}
.duel-reward-popup>h3{display:flex!important;min-height:42px!important;margin:0 0 8px!important;align-items:center!important;justify-content:center!important;color:#ffe36d!important;font-size:26px!important;text-shadow:2px 2px #001!important}
.duel-reward-popup .mission-story{display:block!important;height:auto!important;min-height:48px!important;max-height:76px!important;margin:0 0 12px!important;overflow:hidden!important;color:#e7f5ff!important;font-weight:900!important}
.duel-reward-popup .mission-rewards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 14px!important;padding:0!important;list-style:none!important}
.duel-reward-popup .mission-rewards li{min-height:58px!important;padding:7px!important;border-radius:10px!important;background:rgba(10,25,42,.58)!important;border:1px solid rgba(255,255,255,.12)!important}
.duel-reward-popup .mission-start[data-mission-claim]{position:relative!important;z-index:70!important;display:block!important;width:100%!important;height:54px!important;margin:0!important;pointer-events:auto!important;font-size:18px!important}
.mission-info-duel-result.fight-finished .duel-skip-btn{display:none!important}


/* v144: Booster-Downgrade testbar; Duell: gleiche HP-Leisten, gleichgroßer Gegner, echte Profil-Icons ohne gelben Kreis. */
.game[data-section="Missionen"] .mission-info-duel-result .duel-player .duel-topbar,
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-topbar{
  width:490px!important;
  max-width:490px!important;
  flex:0 0 490px!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-hp-row{
  justify-content:flex-end!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent-character{
  left:50%!important;
  top:49%!important;
  transform:translate(-50%,-50%) scale(2.03)!important;
  transform-origin:center center!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-figure-wrap{
  top:116px!important;
  bottom:210px!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill{
  box-sizing:border-box!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .ico{
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  text-shadow:0 2px 0 #001,0 0 8px rgba(125,210,255,.55)!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .ico .lung-icon,
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .ico .tactic-board,
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .ico .cone-drill{
  transform:scale(.74)!important;
  transform-origin:center center!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .skill-main{
  width:100%!important;
  min-width:0!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .skill-top{
  justify-content:flex-start!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .skillbar i{
  width:var(--skill-progress)!important;
}

/* v145: Boosterwechsel kostet immer den jeweiligen Preis; Duell-Avatare kleiner; Kampf-Grundwerticons exakt wie Profilicons. */
.game[data-section="Missionen"] .mission-info-duel-result .duel-player .character{
  transform:translate(-50%,-50%) scale(1.24)!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent-character{
  transform:translate(-50%,-50%) scale(1.84)!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .ico{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  font-size:25px!important;
  text-align:center!important;
  white-space:nowrap!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
  line-height:1!important;
  margin:0!important;
  overflow:visible!important;
  text-shadow:none!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .ico .lung-icon,
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .ico .tactic-board,
.game[data-section="Missionen"] .mission-info-duel-result .duel-stats .skill.duel-skill .ico .cone-drill{
  transform:none!important;
  transform-origin:center center!important;
  margin:0 auto!important;
}

/* v146: Testbuttons für Bier, Geld und Energie. */
.test-resource-bar{
  position:absolute!important;
  left:22px!important;
  top:74px!important;
  z-index:35!important;
  display:flex!important;
  gap:8px!important;
  pointer-events:auto!important;
}
.test-resource-btn{
  min-width:112px!important;
  height:34px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(#ffe27b,#ff9c1a)!important;
  box-shadow:0 3px 0 #743400,0 8px 15px rgba(0,0,0,.35)!important;
  color:#4b2100!important;
  font-size:14px!important;
  font-weight:1000!important;
  cursor:pointer!important;
  text-shadow:1px 1px rgba(255,255,255,.45)!important;
}
.test-money-btn{background:linear-gradient(#9dff8a,#25b94f)!important;color:#062b0c!important;box-shadow:0 3px 0 #07541d,0 8px 15px rgba(0,0,0,.35)!important}
.test-energy-btn{background:linear-gradient(#8feeff,#248bd8)!important;color:#032748!important;box-shadow:0 3px 0 #06446f,0 8px 15px rgba(0,0,0,.35)!important}
.test-resource-btn:active{transform:translateY(2px)!important;box-shadow:0 1px 0 #743400,0 4px 8px rgba(0,0,0,.35)!important}
.game[data-section="Dein Fußballer"] .test-resource-bar{display:flex!important}
.game:not([data-section="Dein Fußballer"]) .test-resource-bar{display:none!important}

.reset-notice{margin:-12px auto 14px;max-width:620px;text-align:center;background:linear-gradient(180deg,#35b96d,#168447);border:2px solid #93ffc0;border-radius:10px;color:#06150b;font-weight:1000;padding:9px 14px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.reset-notice.hidden{display:none!important}


/* v162: Plus weiter auf die Kante, kleiner; HP-Balken aktualisiert erst beim Impact. */
.game[data-section="Dein Fußballer"] .left-card .skill-up,
.game[data-section="Fanshop"] .left-card .skill-up{
  right:-34px!important;
  width:34px!important;
  height:34px!important;
  font-size:23px!important;
  border-width:3px!important;
}
.game[data-section="Dein Fußballer"] .left-card .skill,
.game[data-section="Fanshop"] .left-card .skill{
  grid-template-columns:38px 1fr 26px!important;
}
.skill-point-badge{
  right:-11px!important;
  top:-10px!important;
  min-width:20px!important;
  height:20px!important;
  font-size:12px!important;
}

/* v159: freie Skillpunkte direkt am Plus, Hero-Zero-Kantenbutton, Duell-Hit/Dodge-Korrektur. */
.game[data-section="Dein Fußballer"] .left-card,
.game[data-section="Fanshop"] .left-card{
  width:306px!important;
  padding-right:18px!important;
}
.game[data-section="Dein Fußballer"] .left-card .skill,
.game[data-section="Fanshop"] .left-card .skill{
  grid-template-columns:38px 1fr 34px!important;
  min-height:46px!important;
  height:46px!important;
  padding:5px 0 5px 7px!important;
  overflow:visible!important;
}
.game[data-section="Dein Fußballer"] .left-card .skill-main,
.game[data-section="Fanshop"] .left-card .skill-main{min-width:0!important}
.game[data-section="Dein Fußballer"] .left-card .skillbar,
.game[data-section="Fanshop"] .left-card .skillbar{height:19px!important;width:100%!important}
.game[data-section="Dein Fußballer"] .left-card .skill-up,
.game[data-section="Fanshop"] .left-card .skill-up{
  position:relative!important;
  right:-20px!important;
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  align-self:center!important;
  justify-self:end!important;
  z-index:8!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border:3px solid #fff7a7!important;
  background:radial-gradient(circle at 35% 28%,#ffff8f,#54d22e 58%,#148318)!important;
  box-shadow:0 4px 0 #06450b,0 0 0 3px rgba(0,0,0,.45),0 0 13px rgba(161,255,93,.55)!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  text-shadow:0 2px 0 #004408!important;
}
.skill-up.has-free-point{animation:skill-plus-blink .9s ease-in-out infinite!important}
.skill-point-badge{
  position:absolute;right:-10px;top:-9px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;
  display:grid;place-items:center;background:#ffcf2f;border:2px solid #fff6ad;color:#3a2200;
  font-size:13px;font-weight:1000;line-height:1;text-shadow:none;box-shadow:0 2px 0 #6b4300,0 0 9px rgba(255,238,80,.85);
}
@keyframes skill-plus-blink{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.45);transform:scale(1.09);box-shadow:0 4px 0 #06450b,0 0 0 3px rgba(0,0,0,.45),0 0 24px rgba(255,242,74,1)}}
.technical-fight .duel-player.active-target .duel-figure-wrap{--hit-shift:-34px!important}
.technical-fight .duel-opponent.active-target .duel-figure-wrap{--hit-shift:34px!important}
.technical-fight .duel-side.active-target:has(.duel-damage-number.miss) .duel-figure-wrap{
  animation:duel-dodge-hop .7s ease-out .18s both!important;
  filter:drop-shadow(0 0 16px rgba(78,255,104,.95)) drop-shadow(0 0 32px rgba(78,255,104,.55))!important;
}
.technical-fight .duel-side.active-target:has(.duel-damage-number.miss) .duel-impact{display:none!important;opacity:0!important;animation:none!important}
.technical-fight .duel-damage-number.miss{color:#83ff91!important;text-shadow:0 3px 0 #003c10,0 0 14px rgba(76,255,102,.9)!important}
@keyframes duel-dodge-hop{0%,100%{transform:translate(0,0) scale(1)}35%{transform:translate(0,-42px) scale(1.03)}65%{transform:translate(0,-20px) scale(1.01)}}

/* v162-final: spätere Gewinner-Regel für kleinere Plus-Buttons exakt auf Panelkante. */
.game[data-section="Dein Fußballer"] .left-card .skill-up,
.game[data-section="Fanshop"] .left-card .skill-up{
  right:-34px!important;
  width:34px!important;
  height:34px!important;
  font-size:23px!important;
  border-width:3px!important;
}
.game[data-section="Dein Fußballer"] .left-card .skill,
.game[data-section="Fanshop"] .left-card .skill{
  grid-template-columns:38px 1fr 26px!important;
}
.skill-point-badge{
  right:-11px!important;
  top:-10px!important;
  min-width:20px!important;
  height:20px!important;
  font-size:12px!important;
}

/* v163: Plus noch kleiner und auf Balkenhöhe abgesenkt. */
.game[data-section="Dein Fußballer"] .left-card .skill-up,
.game[data-section="Fanshop"] .left-card .skill-up{
  right:-38px!important;
  top:7px!important;
  width:28px!important;
  height:28px!important;
  font-size:18px!important;
  border-width:2px!important;
  box-shadow:0 3px 0 #06450b,0 0 0 2px rgba(0,0,0,.45),0 0 10px rgba(161,255,93,.5)!important;
}
.game[data-section="Dein Fußballer"] .left-card .skill,
.game[data-section="Fanshop"] .left-card .skill{
  grid-template-columns:38px 1fr 18px!important;
}
.skill-point-badge{
  right:-10px!important;
  top:-9px!important;
  min-width:18px!important;
  height:18px!important;
  font-size:11px!important;
}

/* v168: Treffer-Effekt nur am Ziel; Plus-Button exakt bündig zur Profilpanel-Kante. */
.game[data-section="Dein Fußballer"] .left-card .skill-up,
.game[data-section="Fanshop"] .left-card .skill-up{
  right:-35px!important;
}
.technical-fight .duel-side .duel-impact{
  display:none!important;
  opacity:0!important;
  animation:none!important;
}
.technical-fight .duel-side.active-target:not(:has(.duel-damage-number.miss)) .duel-impact{
  display:block!important;
  opacity:0!important;
  animation:duel-impact-pop .6s ease-out .05s both!important;
}

/* v169: 1v1 bekommt nur den Arena-Hintergrund; restliche Spielpanels bleiben leer/ausgeblendet. */
.game[data-section="1v1"]{
  background:#08111f url("assets/1v1-bg.png?v=169") center/cover no-repeat!important;
}
.game[data-section="1v1"] .locker-room,
.game[data-section="1v1"] .room-bg{
  background:transparent!important;
}
.game[data-section="1v1"] .avatar-stage,
.game[data-section="1v1"] .scene-title,
.game[data-section="1v1"] .mission-zone,
.game[data-section="1v1"] .fanshop-shop,
.game[data-section="1v1"] .doping-panel{
  display:none!important;
}

/* v170: Trefferanimation nicht erneut starten; 1v1 bekommt ein vorbereitetes leeres Hauptpanel. */
.technical-fight .duel-hp-track i{
  transition-delay:.38s!important;
}
.pvp-panel{
  display:none;
  position:absolute;
  left:50%;
  top:126px;
  width:920px;
  height:520px;
  transform:translateX(-50%);
  z-index:6;
  padding:0!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(12,22,40,.82),rgba(8,13,24,.72))!important;
  border:4px solid rgba(255,231,142,.72)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.52),inset 0 0 0 2px rgba(255,255,255,.12),inset 0 0 38px rgba(44,128,255,.16)!important;
  overflow:hidden;
}
.game[data-section="1v1"] .pvp-panel{
  display:block!important;
}

/* v171: Doping-Overlay gewinnt wieder über Tab-Hide-Regeln; Training wie 1v1 vorbereiten. */
.game[data-section="Training"]{
  background:#08111f url("assets/training-bg.png?v=171") center/cover no-repeat!important;
}
.game[data-section="Training"] .locker-room,
.game[data-section="Training"] .room-bg{
  background:transparent!important;
}
.game[data-section="Training"] .avatar-stage,
.game[data-section="Training"] .scene-title,
.game[data-section="Training"] .mission-zone,
.game[data-section="Training"] .fanshop-shop,
.game[data-section="Training"] .doping-panel{
  display:none!important;
}
.game[data-section="Training"] .pvp-panel{
  display:none!important;
}
.game.doping-open .doping-panel{
  display:block!important;
}

/* Source chunk: 40-auth-icons.css */
/* Ranking overlay v178 */
.ranking-panel{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);width:760px;max-height:610px;z-index:80;padding:22px 24px 20px;border-radius:22px;background:linear-gradient(180deg,#294d89 0%,#17305f 58%,#0b1a38 100%);border:4px solid #8ec5ff;box-shadow:0 24px 60px rgba(0,0,0,.72),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -5px 0 rgba(0,0,0,.24);color:#f4fbff;overflow:hidden}.game.ranking-open .ranking-panel{display:block!important}.game.ranking-open:after{content:"";position:absolute;inset:0;z-index:70;background:rgba(5,13,30,.36);pointer-events:none}.ranking-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border-radius:50%;border:3px solid #f2d189;background:linear-gradient(#fff2a4,#c67a18);color:#301900;font-size:30px;font-weight:1000;line-height:30px;box-shadow:0 5px 0 #704108;cursor:pointer;z-index:3}.ranking-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.ranking-badge{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;font-size:38px;background:linear-gradient(#ffe88a,#c77712);border:3px solid #6f3d05;box-shadow:inset 0 2px 0 #fff7,0 8px 14px rgba(0,0,0,.38)}.ranking-head span{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#bfe3ff;font-weight:1000}.ranking-head h2{margin:0;font-size:34px;color:#fff0a6;text-shadow:2px 3px #07152d}.ranking-tabs{display:flex;gap:8px;margin:4px 0 12px}.ranking-tab{height:40px;padding:0 22px;border-radius:11px 11px 0 0;border:3px solid #8ec5ff;border-bottom:0;background:linear-gradient(#d8f0ff,#5da2de);color:#10284c;font-weight:1000;box-shadow:inset 0 2px 0 #fff8}.ranking-list-head,.ranking-row{display:grid;grid-template-columns:110px 1fr 132px;align-items:center;gap:12px}.ranking-list-head{height:38px;padding:0 16px;border-radius:12px 12px 0 0;background:linear-gradient(#ffdb63,#c57914);border:3px solid #704108;color:#2b1702;font-weight:1000;text-transform:uppercase;letter-spacing:.05em}.ranking-list{max-height:365px;overflow:auto;border:3px solid #8ec5ff;border-top:0;border-radius:0 0 16px 16px;background:rgba(3,12,29,.48);box-shadow:inset 0 0 18px rgba(0,0,0,.5)}.ranking-row{min-height:54px;padding:0 16px;border-bottom:1px solid rgba(174,216,255,.22);background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02));font-weight:900}.ranking-row:nth-child(even){background:linear-gradient(90deg,rgba(42,91,151,.36),rgba(17,46,96,.18))}.ranking-row.current{background:linear-gradient(90deg,rgba(255,220,91,.42),rgba(255,183,43,.16));box-shadow:inset 0 0 0 2px rgba(255,232,126,.8)}.ranking-place{font-size:24px;color:#fff0a6;text-shadow:1px 2px #000}.ranking-place:before{content:"#";opacity:.7;margin-right:2px}.ranking-name{font-size:21px;color:#fff}.ranking-level{justify-self:end;padding:8px 12px;border-radius:999px;background:rgba(4,16,38,.62);border:2px solid rgba(174,216,255,.42);color:#bfe3ff}.ranking-loading{padding:34px 18px;text-align:center;font-size:20px;font-weight:900;color:#d5edff}.ranking-error{color:#ffd0be}.ranking-foot{margin:12px 4px 0;color:#bfe3ff;font-size:14px;font-weight:800}.game.ranking-open .doping-panel{display:none!important}


/* v174: Missions-Belohnungskacheln immer gleich groß; XP/Geld-Reihenfolge wird in JS getauscht. */
.game[data-section="Missionen"] .mission-info:not(.mission-info-running) .mission-rewards li:last-child:nth-child(odd):not(.reward-opponent){
  grid-column:auto!important;
}
.game[data-section="Missionen"] .mission-rewards{
  grid-auto-flow:row!important;
}
.game[data-section="Missionen"] .mission-rewards li:not(.reward-opponent){
  min-height:72px!important;
  width:auto!important;
}

/* v186: sichtbarer Startseiten-Login per Spielername. */
.login-open-btn{
  height:38px;
  border-radius:8px;
  border:2px solid #78bfff;
  background:linear-gradient(#153b61,#082038);
  color:#dff3ff;
  font-weight:1000;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 6px 14px rgba(0,0,0,.32);
}
.login-open-btn:hover{filter:brightness(1.12)}
.login-modal{
  position:fixed;
  inset:0;
  z-index:90;
  display:grid;
  place-items:center;
  background:rgba(2,10,20,.58);
  backdrop-filter:blur(3px);
}
.login-modal-card{
  position:relative;
  width:430px;
  max-width:calc(100vw - 36px);
  padding:26px 28px 24px;
  border-radius:16px;
  text-align:center;
}
.login-modal-card h2{
  margin:0 0 8px;
  color:#ffe36d;
  font-size:34px;
  text-shadow:2px 3px #001;
}
.login-modal-card p{
  margin:0 0 16px;
  color:#d8eaff;
  font-weight:900;
  line-height:1.32;
}
.login-modal-card input{
  width:100%;
  height:50px;
  margin-bottom:12px;
  border-radius:8px;
  border:2px solid #78bfff;
  background:#07192a;
  color:#fff;
  padding:0 13px;
  font-size:19px;
  font-weight:1000;
  text-align:center;
}
.login-modal-card .green-btn{
  width:100%;
  height:46px!important;
}
.login-modal-card .green-btn:disabled{
  opacity:.6;
  cursor:wait;
}
.login-modal-close{
  position:absolute;
  right:12px;
  top:10px;
  width:38px;
  height:38px;
  border-radius:50%;
  border:3px solid #f2d189;
  background:linear-gradient(#fff2a4,#c67a18);
  color:#301900;
  font-size:29px;
  font-weight:1000;
  line-height:28px;
}
.login-status{
  display:block;
  min-height:22px;
  margin-top:10px;
  color:#bfffd0;
  font-weight:1000;
}
.login-status.error{color:#ff9c9c}
/* v188: kleines Zahnrad-Menü mit Ausloggen-Platzhalter. */
.settings-menu{
  position:absolute;
  right:14px;
  top:58px;
  z-index:60;
  min-width:118px;
  padding:7px;
  border-radius:10px;
  background:rgba(7,18,31,.96);
  border:2px solid rgba(255,219,112,.75);
  box-shadow:0 10px 22px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.1);
}
.settings-menu button{
  width:100%;
  height:34px;
  border:2px solid #ffc24d;
  border-radius:8px;
  background:linear-gradient(#ffb63d,#b85d0b);
  color:#fff;
  font-size:14px;
  font-weight:1000;
  text-shadow:0 2px 0 rgba(0,0,0,.55);
  cursor:pointer;
}
.settings-menu button:hover{filter:brightness(1.08)}
/* v189: Ausloggen-Menü über allen Panels anzeigen. */
.topbar.simple{
  z-index:300!important;
  overflow:visible!important;
}
.settings-menu{
  z-index:1000!important;
}
/* v190: Ausloggen-Menü ist anklickbar trotz transparenter Topbar. */
.topbar.simple .settings-menu,
.topbar.simple .settings-menu button{
  pointer-events:auto!important;
}

/* v194: neues rasterbasiertes Schusskraft-Icon. */
.skill .ico .skill-icon-img,
.duel-stats .ico .skill-icon-img,
.shop-tooltip-icon .skill-icon-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 3px 2px rgba(0,0,0,.7));
}
.skill .ico .skill-icon-schusskraft{
  width:42px;
  height:34px;
  margin-left:-2px;
}
.duel-stats .ico .skill-icon-schusskraft{
  width:38px!important;
  height:32px!important;
  margin-left:-1px;
}
.shop-tooltip-icon .skill-icon-schusskraft{
  width:30px;
  height:25px;
}

/* v195: neues rasterbasiertes Ausdauer-Icon. */
.skill .ico .skill-icon-ausdauer{
  width:42px;
  height:36px;
  margin-left:-1px;
}
.duel-stats .ico .skill-icon-ausdauer{
  width:38px!important;
  height:33px!important;
  margin-left:-1px;
}
.shop-tooltip-icon .skill-icon-ausdauer{
  width:30px;
  height:26px;
}

/* v196: neues rasterbasiertes Taktik-Icon. */
.skill .ico .skill-icon-taktik{
  width:42px;
  height:39px;
  margin-left:-1px;
}
.duel-stats .ico .skill-icon-taktik{
  width:38px!important;
  height:35px!important;
  margin-left:-1px;
}
.shop-tooltip-icon .skill-icon-taktik{
  width:31px;
  height:28px;
}

/* v231: neues rasterbasiertes Dribbling-Icon. */
.skill .ico .skill-icon-dribbling{
  width:44px;
  height:44px;
  margin-left:-3px;
}
.duel-stats .ico .skill-icon-dribbling{
  width:39px!important;
  height:39px!important;
  margin-left:-2px;
}
.shop-tooltip-icon .skill-icon-dribbling{
  width:32px;
  height:32px;
}

/* Source chunk: 50-ranking-pvp-spectator.css */
/* v197: Ranglisten-Profile direkt aus der Datenbank */
.ranking-row{width:100%;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}
.ranking-row:hover{filter:brightness(1.13);transform:translateY(-1px)}
.ranking-profile.hidden{display:none!important}
.ranking-profile{position:absolute;inset:86px 22px 18px;z-index:6;padding:18px;border-radius:18px;background:linear-gradient(180deg,#17305f,#07152d);border:3px solid #bfe3ff;box-shadow:0 16px 38px rgba(0,0,0,.62),inset 0 2px 0 rgba(255,255,255,.22);overflow:hidden;color:#f4fbff}
.ranking-profile-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border-radius:50%;border:3px solid #f2d189;background:linear-gradient(#fff2a4,#c67a18);color:#301900;font-size:26px;font-weight:1000;line-height:24px;box-shadow:0 4px 0 #704108;cursor:pointer;z-index:2}
.ranking-profile-loading{height:100%;display:grid;place-items:center;font-weight:1000;color:#d9f2ff}
.ranking-profile-head{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin-bottom:14px;min-height:170px}
.ranking-profile-head h3{margin:2px 0 4px;font-size:30px;color:#fff0a6;text-shadow:2px 3px #07152d}
.ranking-profile-head span{font-weight:1000;text-transform:uppercase;letter-spacing:.12em;color:#8dff9d}
.ranking-profile-head p{margin:0;color:#d8eaff;font-weight:900}
.ranking-profile .ranking-character{position:relative!important;left:70px!important;top:92px!important;transform:translate(-50%,-50%) scale(.34)!important;transform-origin:center!important;filter:drop-shadow(0 10px 8px rgba(0,0,0,.45))}
.ranking-profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.ranking-profile-grid section{padding:12px;border-radius:14px;background:rgba(2,10,24,.42);border:2px solid rgba(142,197,255,.45)}
.ranking-profile-grid h4{margin:0 0 9px;color:#ffe36d;font-size:18px;text-shadow:1px 2px #001}
.ranking-profile-items,.ranking-profile-skills{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ranking-profile-items li,.ranking-profile-skills li{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:34px;padding:6px 9px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:1000}
.ranking-profile-items span,.ranking-profile-skills span{color:#bfe3ff;display:flex;align-items:center;gap:8px}.ranking-profile-items b,.ranking-profile-skills b{color:#fff}
.ranking-profile-note{margin:10px 0 0;color:#a8c7ea;font-weight:900}


/* v200: Echtes Scheine-Icon statt Emoji. */
.scheine-icon{
  display:inline-block!important;
  width:1.45em!important;
  height:1.05em!important;
  object-fit:contain!important;
  vertical-align:-0.16em!important;
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.45));
  pointer-events:none;
}
.wallet.money-wallet span{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:30px!important;
  font-size:22px!important;
  line-height:1!important;
}
.wallet.money-wallet .scheine-icon{
  width:39px!important;
  height:31px!important;
  transform:rotate(-5deg);
}
.inline-scheine-icon{
  margin-right:3px!important;
}
.game[data-section="Missionen"] .mission-rewards li span .scheine-icon,
.mission-scheine-icon{
  width:46px!important;
  height:34px!important;
  margin-right:0!important;
  vertical-align:middle!important;
}
.shop-tooltip-price .scheine-icon{
  width:28px!important;
  height:21px!important;
  margin-right:2px!important;
}
.shop-item em .scheine-icon{
  width:24px!important;
  height:18px!important;
}


/* v201: Rangliste-Zuschauermodus als Dein-Fussballer-Ansicht. */
.ranking-panel.spectator-mode{
  width:1120px!important;
  height:650px!important;
  max-height:650px!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
}
.ranking-panel.spectator-mode > .ranking-head,
.ranking-panel.spectator-mode > .ranking-tabs,
.ranking-panel.spectator-mode > .ranking-list-head,
.ranking-panel.spectator-mode > .ranking-list,
.ranking-panel.spectator-mode > .ranking-foot{
  display:none!important;
}
.ranking-profile.spectator-profile{
  inset:0!important;
  z-index:8!important;
  padding:0!important;
  border-radius:20px!important;
  background:radial-gradient(circle at 50% 54%,rgba(69,126,67,.96),rgba(15,45,30,.96) 55%,rgba(6,17,25,.98));
  border:4px solid #bfe3ff!important;
  overflow:hidden!important;
}
.spectator-topline{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:9;min-width:300px;text-align:center;padding:7px 20px;border-radius:999px;background:rgba(3,12,24,.72);border:2px solid rgba(255,255,255,.28);box-shadow:0 8px 18px rgba(0,0,0,.35);font-weight:1000;text-transform:uppercase;letter-spacing:.08em;color:#dff4ff}.spectator-topline b{margin-left:14px;color:#8dff9d}.spectator-card{position:absolute;z-index:5;border-radius:18px;background:linear-gradient(180deg,rgba(20,42,73,.96),rgba(8,20,42,.97));border:4px solid #8ec5ff;box-shadow:0 16px 38px rgba(0,0,0,.58),inset 0 2px 0 rgba(255,255,255,.25);padding:16px;color:#f4fbff}.spectator-stats-card{left:22px;top:70px;width:324px;height:515px}.spectator-equipment-card{right:22px;top:86px;width:285px;min-height:410px}.spectator-equipment-card h3{margin:0 0 12px;color:#ffe36d;font-size:22px;text-shadow:1px 2px #001}.spectator-main{position:absolute;left:360px;right:325px;top:72px;bottom:38px;z-index:3}.spectator-title{top:0!important;min-width:330px!important}.spectator-avatar-stage{position:absolute!important;left:50%!important;top:54%!important;transform:translate(-50%,-50%)!important;width:470px!important;height:465px!important;z-index:4!important}.spectator-avatar-stage .ranking-character{position:absolute!important;left:50%!important;top:54%!important;transform:translate(-50%,-50%) scale(.96)!important;transform-origin:center!important;filter:drop-shadow(0 16px 12px rgba(0,0,0,.45))}.spectator-avatar-stage .gear-slot{display:grid!important;place-items:center!important;z-index:6!important}.spectator-avatar-stage .gear-slot.shirt{left:12px!important;top:118px!important}.spectator-avatar-stage .gear-slot.pants{left:20px!important;top:220px!important}.spectator-avatar-stage .gear-slot.boots{left:58px!important;top:320px!important}.spectator-avatar-stage .gear-slot.accessory{right:12px!important;top:118px!important}.spectator-avatar-stage .gear-slot.gadget{right:20px!important;top:220px!important}.spectator-avatar-stage .gear-slot.throwing{right:58px!important;top:320px!important}.spectator-gear-item{cursor:default!important;pointer-events:none!important}.spectator-gear-item span{font-size:44px!important}.spectator-player-title{margin-bottom:8px}.spectator-player-title h2{font-size:24px!important;line-height:1.03}.spectator-meta{margin:5px 0 13px;color:#d8eaff;font-weight:900}.spectator-skill-list{gap:9px!important}.spectator-skill .ico{pointer-events:none}.spectator-attack-btn{width:100%;height:46px;margin-top:14px;border:0;border-radius:12px;background:linear-gradient(#ffcc45,#f28a11);box-shadow:0 5px 0 #873b00,0 10px 17px rgba(0,0,0,.38);color:#411c00;font-weight:1000;font-size:18px;text-transform:uppercase;cursor:pointer}.spectator-attack-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.spectator-note{margin:12px 0 0;color:#a8c7ea;font-weight:900;font-size:12px;line-height:1.25}.ranking-row{user-select:none}.ranking-row:after{content:'Doppelklick';justify-self:end;color:#a8c7ea;font-size:11px;font-weight:1000;text-transform:uppercase;opacity:.75}.ranking-row{grid-template-columns:58px 1fr 96px 90px!important}


/* v202: Lange Ranglisten-Namen im Zuschauermodus sauber begrenzen. */
.spectator-player-title h2,
.spectator-title b{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  display:block!important;
}
.spectator-player-title > div:last-child{min-width:0!important;overflow:hidden!important}

/* v207: Bier-Icon auf Scheine-Icon-Größe verkleinert. */
.bier-icon{
  display:inline-block!important;
  width:1.45em!important;
  height:1.05em!important;
  object-fit:contain!important;
  vertical-align:-0.16em!important;
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.48));
  pointer-events:none;
}
.inline-bier-icon{margin-right:3px!important}
.wallet.beer span{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:30px!important;
  line-height:1!important;
}
.wallet.beer .bier-icon{
  width:39px!important;
  height:31px!important;
  transform:rotate(-4deg);
}
.game[data-section="Missionen"] .mission-rewards li span .bier-icon,
.mission-bier-icon{
  width:46px!important;
  height:34px!important;
  margin-right:0!important;
  vertical-align:middle!important;
}
.mission-skip .bier-icon,
.new-stock-btn .bier-icon,
.shop-tooltip-price .bier-icon{
  width:28px!important;
  height:21px!important;
  vertical-align:-0.16em!important;
}
.booster-card em .bier-icon,
.reward .bier-icon{
  width:24px!important;
  height:18px!important;
  vertical-align:-0.16em!important;
}
.spectator-card{min-width:0!important}


/* v335: Aktionen im Zuschauermodus. */
.spectator-profile-actions{display:grid;gap:8px;margin:12px 0}.spectator-profile-actions .green-btn{width:100%;height:36px!important;font-size:13px!important}.spectator-message-btn{background:linear-gradient(180deg,#45647f,#21364d)!important;border-color:#9bc7ee!important}.spectator-invite-btn{background:linear-gradient(180deg,#7b5720,#3b2810)!important;border-color:#ffd27a!important}.spectator-profile-actions .green-btn:disabled{opacity:.52;filter:grayscale(.35);cursor:not-allowed}

/* v208: Wurfwaffe bei jedem Spielerangriff + kritische Treffer-Animation. */
.technical-fight .duel-damage-number.crit{
  color:#ffe14a!important;
  font-size:46px!important;
  text-shadow:0 4px 0 #6b1300,0 0 16px rgba(255,70,0,.95),0 0 34px rgba(255,225,74,.8)!important;
  animation:duel-critical-damage .85s cubic-bezier(.16,1.2,.28,1) both!important;
}
.technical-fight .duel-crit-burst{
  position:absolute;
  left:50%;
  top:22%;
  z-index:12;
  transform:translate(-50%,-50%);
  pointer-events:none;
  color:#fff3a0;
  font-size:34px;
  font-weight:1000;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-shadow:0 4px 0 #7a1800,0 0 15px rgba(255,47,0,.95),0 0 34px rgba(255,238,90,.9);
  animation:duel-critical-burst .8s ease-out both;
}
.technical-fight .duel-side.active-target:not(:has(.duel-damage-number.miss)):has(.duel-damage-number.crit) .duel-impact{
  font-size:70px!important;
  filter:drop-shadow(0 0 14px rgba(255,229,65,.95));
  animation:duel-critical-impact .72s ease-out .02s both!important;
}
.technical-fight.has-throwing .duel-projectile{
  animation:duel-projectile-flight-full 1.15s cubic-bezier(.2,.82,.14,1) both!important;
}
@keyframes duel-critical-damage{
  0%{opacity:0;transform:translate(-50%,20px) scale(.45) rotate(-8deg)}
  28%{opacity:1;transform:translate(-50%,-8px) scale(1.38) rotate(4deg)}
  100%{opacity:0;transform:translate(-50%,-88px) scale(.98) rotate(-2deg)}
}
@keyframes duel-critical-burst{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-12deg)}
  35%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(4deg)}
  100%{opacity:0;transform:translate(-50%,-120%) scale(.95) rotate(-3deg)}
}
@keyframes duel-critical-impact{
  0%{opacity:0;transform:scale(.2) rotate(-30deg)}
  36%{opacity:1;transform:scale(1.5) rotate(10deg)}
  100%{opacity:0;transform:scale(.75) rotate(28deg)}
}

/* v209: PvP-Duell lädt Gegneravatar/-Ausrüstung; Wurfwaffe fliegt fensterweit von links nach rechts. */
.technical-fight .duel-avatar-character{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) scale(1.24)!important;
  transform-origin:center center!important;
  filter:drop-shadow(0 10px 8px rgba(0,0,0,.55));
}
.technical-fight .duel-avatar-character .ball{display:none!important}
.technical-fight .duel-opponent .duel-avatar-character{
  left:50%!important;
  top:49%!important;
}
.technical-fight .duel-equipment-strip{
  position:absolute;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  z-index:9;
  display:flex;
  gap:6px;
  padding:5px 7px;
  border-radius:14px;
  background:rgba(5,8,14,.62);
  border:2px solid rgba(255,215,110,.35);
  box-shadow:0 4px 12px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08);
  pointer-events:none;
}
.technical-fight .duel-equipment-strip span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.11);
  font-size:20px;
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.55));
}
.technical-fight .duel-projectile.duel-projectile-window{
  position:absolute!important;
  left:30%!important;
  top:49%!important;
  z-index:18!important;
  font-size:48px!important;
  line-height:1!important;
  pointer-events:none!important;
  filter:drop-shadow(0 9px 5px rgba(0,0,0,.65));
  animation:duel-projectile-player-to-opponent 1.15s cubic-bezier(.2,.82,.14,1) both!important;
}
@keyframes duel-projectile-player-to-opponent{
  0%{opacity:0;transform:translate(0,42px) rotate(-70deg) scale(.65)}
  12%{opacity:1}
  76%{opacity:1;transform:translate(660px,-58px) rotate(610deg) scale(1.18)}
  100%{opacity:0;transform:translate(735px,-8px) rotate(790deg) scale(.45)}
}

/* v210: Im Kampf nur optische Avatare, keine Ausrüstungsicon-Leiste; Gegneravatar kleiner. */
.game[data-section="Missionen"] .mission-info-duel-result .duel-equipment-strip{
  display:none!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-avatar-character,
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent.duel-side .duel-opponent-character{
  left:50%!important;
  top:52%!important;
  transform:translate(-50%,-50%) scale(1.04)!important;
  transform-origin:center center!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-player .duel-avatar-character{
  transform:translate(-50%,-50%) scale(1.16)!important;
}

/* v211: Gegner nutzt echten Avatar ohne alte Gegner-Platzhalter-CSS; gleiche Höhe, Animation nur einmal. */
.game[data-section="Missionen"] .mission-info-duel-result .duel-avatar-character{
  width:190px!important;
  height:470px!important;
  left:50%!important;
  top:51%!important;
  transform-origin:center center!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-player .duel-avatar-character{
  transform:translate(-50%,-50%) scale(1.14)!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-opponent-avatar-character{
  width:190px!important;
  height:470px!important;
  left:50%!important;
  top:51%!important;
  transform:translate(-50%,-50%) scale(1.14)!important;
  filter:drop-shadow(0 10px 8px rgba(0,0,0,.55))!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-figure-wrap{
  top:98px!important;
  bottom:105px!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-equipment-strip{
  display:none!important;
}
.technical-fight .duel-side.active-attack .duel-figure-wrap,
.technical-fight .duel-side.active-target .duel-figure-wrap,
.technical-fight .duel-projectile.duel-projectile-window,
.technical-fight .duel-impact,
.technical-fight .duel-damage-number{
  animation-iteration-count:1!important;
}
.technical-fight .duel-projectile.duel-projectile-window{
  animation-duration:.86s!important;
}

/* v212: Gegnerfigur exakt auf Spieler-Figurhöhe ausrichten. */
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-figure-wrap{
  top:118px!important;
  bottom:215px!important;
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-opponent-avatar-character{
  top:51%!important;
  transform:translate(-50%,-50%) scale(1.14)!important;
}

/* v213: Gegner-Wurfwaffen und Missionskampf-Gegnergröße korrigieren. */
.technical-fight .duel-projectile.duel-projectile-window.from-player{
  animation:duel-projectile-player-to-opponent .86s cubic-bezier(.2,.82,.14,1) both!important;
}
.technical-fight .duel-projectile.duel-projectile-window.from-opponent{
  left:66%!important;
  top:47%!important;
  animation:duel-projectile-opponent-to-player .86s cubic-bezier(.2,.82,.14,1) both!important;
}
@keyframes duel-projectile-opponent-to-player{
  0%{opacity:0;transform:translate(0,42px) rotate(70deg) scale(.65)}
  12%{opacity:1}
  76%{opacity:1;transform:translate(-660px,-58px) rotate(-610deg) scale(1.18)}
  100%{opacity:0;transform:translate(-735px,-8px) rotate(-790deg) scale(.45)}
}
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent.duel-side .duel-opponent-character,
.game[data-section="Missionen"] .mission-info-duel-result .duel-opponent .duel-opponent-character{
  left:50%!important;
  top:51%!important;
  transform:translate(-50%,-50%) scale(1.84)!important;
  transform-origin:center center!important;
}


/* v214: Zuschauermodus als komplettes read-only Dein-Fußballer-Fenster. */
.game.ranking-open:has(.ranking-panel.spectator-mode):after{
  content:none!important;
  display:none!important;
}
.ranking-panel.spectator-mode{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  transform:none!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:85!important;
}
.ranking-panel.spectator-mode > .ranking-close{
  display:none!important;
}
.ranking-profile.spectator-profile{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
.ranking-profile.spectator-profile .ranking-profile-close{
  right:24px!important;
  top:18px!important;
  width:46px!important;
  height:46px!important;
  z-index:30!important;
}
.spectator-level-hud{
  position:absolute;
  left:24px;
  top:8px;
  z-index:22;
  width:305px;
  height:94px;
  display:flex;
  align-items:center;
  gap:10px;
  pointer-events:none;
}
.spectator-level-hud .level-star{
  width:112px!important;
  height:112px!important;
  font-size:44px!important;
  filter:drop-shadow(0 5px 0 #725014) drop-shadow(0 0 7px rgba(0,0,0,.75));
}
.spectator-level-hud .level-star span{transform:none!important}
.spectator-xpbar{
  flex:1;
  height:48px;
  border-radius:8px;
  border:5px solid rgba(47,37,20,.82);
  background:rgba(47,36,23,.78);
  box-shadow:0 5px 0 rgba(0,0,0,.38),inset 0 0 0 2px rgba(255,255,255,.14);
  overflow:hidden;
}
.spectator-xpbar i{
  display:block;
  width:88%;
  height:100%;
  background:linear-gradient(90deg,#7f00d9,#bd18ff);
  border-radius:4px;
}
.ranking-profile.spectator-profile .spectator-stats-card{
  left:20px!important;
  top:100px!important;
  width:365px!important;
  height:412px!important;
  padding:24px 28px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(10,45,82,.94),rgba(6,20,43,.9))!important;
  border:4px solid rgba(90,163,222,.85)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.08)!important;
}
.spectator-card-title{
  color:#ffe36d;
  font-size:19px;
  line-height:1;
  font-weight:1000;
  text-transform:uppercase;
  text-shadow:0 2px 0 #001;
  margin-bottom:16px;
}
.ranking-profile.spectator-profile .spectator-skill-list{
  gap:14px!important;
}
.ranking-profile.spectator-profile .spectator-skill{
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-skill button,
.ranking-profile.spectator-profile [data-skill] button,
.ranking-profile.spectator-profile .skill-plus{
  display:none!important;
}
.spectator-inventory-grid{
  position:absolute;
  left:28px;
  right:28px;
  bottom:-236px;
  display:grid;
  grid-template-columns:repeat(3,104px);
  gap:15px 18px;
  justify-content:start;
  pointer-events:none;
}
.spectator-inventory-slot{
  width:104px;
  height:104px;
  border-radius:18px;
  border:4px solid rgba(181,220,255,.86);
  background:rgba(5,18,35,.28);
  box-shadow:0 9px 18px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.15),inset 0 8px 18px rgba(255,255,255,.08);
  display:grid;
  place-items:center;
}
.spectator-inventory-slot .gear-item,
.spectator-inventory-slot .gear-item:active{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:82px!important;
  height:82px!important;
  cursor:default!important;
  pointer-events:none!important;
}
.spectator-inventory-slot .gear-item span{font-size:58px!important}
.ranking-profile.spectator-profile .spectator-main{
  position:absolute!important;
  left:420px!important;
  right:190px!important;
  top:40px!important;
  bottom:80px!important;
  z-index:5!important;
}
.ranking-profile.spectator-profile .spectator-title{
  top:0!important;
  min-width:360px!important;
  max-width:520px!important;
  padding:9px 22px!important;
}
.ranking-profile.spectator-profile .spectator-title span{
  color:#ffe36d!important;
}
.ranking-profile.spectator-profile .spectator-title b{
  font-size:31px!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage{
  left:50%!important;
  top:55%!important;
  width:640px!important;
  height:560px!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .ranking-character{
  left:50%!important;
  top:56%!important;
  transform:translate(-50%,-50%) scale(1.18)!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot{
  width:104px!important;
  height:104px!important;
  border-radius:18px!important;
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.shirt{left:54px!important;top:145px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.pants{left:54px!important;top:280px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.boots{left:54px!important;top:415px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.accessory{right:54px!important;top:145px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.gadget{right:54px!important;top:280px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.throwing{right:54px!important;top:415px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item,
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item:active{
  width:86px!important;
  height:86px!important;
  transform:translate(-50%,-50%)!important;
  cursor:default!important;
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item span{font-size:62px!important}
.ranking-profile.spectator-profile .spectator-equipment-card,
.ranking-profile.spectator-profile .spectator-attack-btn,
.ranking-profile.spectator-profile .spectator-note,
.ranking-profile.spectator-profile .spectator-topline,
.ranking-profile.spectator-profile .spectator-meta{
  display:none!important;
}

.game:has(.ranking-panel.spectator-mode) .locker-room > .right-stack,
.game:has(.ranking-panel.spectator-mode) .locker-room > .left-card,
.game:has(.ranking-panel.spectator-mode) .locker-room > .avatar-stage,
.game:has(.ranking-panel.spectator-mode) .locker-room > .scene-title,
.game:has(.ranking-panel.spectator-mode) .locker-room > .mission-zone,
.game:has(.ranking-panel.spectator-mode) .locker-room > .doping-panel,
.game:has(.ranking-panel.spectator-mode) .locker-room > .pvp-panel,
.game:has(.ranking-panel.spectator-mode) .locker-room > .fanshop-shop{
  display:none!important;
}

.game:has(.ranking-panel.spectator-mode) .right-stack,
.game:has(.ranking-panel.spectator-mode) .left-card{
  display:none!important;
}


/* v215: Zuschauermodus näher an Dein-Fußballer: linkes Panel, Avatar/Slots gleich groß; Level + Booster rechts. */
.ranking-profile.spectator-profile .spectator-level-hud,
.ranking-profile.spectator-profile .spectator-inventory-grid{
  display:none!important;
}
.ranking-profile.spectator-profile .spectator-stats-card{
  left:18px!important;
  top:84px!important;
  width:324px!important;
  height:498px!important;
  padding:18px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(20,42,73,.96),rgba(8,20,42,.97))!important;
  border:4px solid #8ec5ff!important;
  box-shadow:0 16px 38px rgba(0,0,0,.58),inset 0 2px 0 rgba(255,255,255,.25)!important;
}
.ranking-profile.spectator-profile .spectator-card-title{
  margin-bottom:8px!important;
}
.ranking-profile.spectator-profile .spectator-skill-list{
  gap:8px!important;
}
.ranking-profile.spectator-profile .spectator-skill{
  min-height:76px!important;
  grid-template-columns:48px 1fr!important;
  gap:12px!important;
}
.ranking-profile.spectator-profile .spectator-skill > div{
  min-width:0!important;
}
.ranking-profile.spectator-profile .spectator-skill .skill-name{
  display:flex!important;
  justify-content:space-between!important;
  gap:8px!important;
  align-items:center!important;
  color:#f4fbff!important;
}
.ranking-profile.spectator-profile .spectator-skill .skill-name b,
.ranking-profile.spectator-profile .spectator-skill .skill-name strong{
  color:#f4fbff!important;
  font-weight:1000!important;
}
.ranking-profile.spectator-profile .spectator-skill i{
  position:relative!important;
  display:block!important;
  height:16px!important;
  margin-top:6px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#061827!important;
  border:2px solid rgba(118,176,224,.72)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.75)!important;
}
.ranking-profile.spectator-profile .spectator-skill i em{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:var(--skill-progress)!important;
  display:block!important;
  border-radius:999px!important;
  background:var(--skill-color,#19d77a)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 0 10px var(--skill-color,#19d77a)!important;
}
.ranking-profile.spectator-profile .spectator-main{
  left:360px!important;
  right:315px!important;
  top:16px!important;
  bottom:0!important;
}
.ranking-profile.spectator-profile .spectator-title{
  top:0!important;
  min-width:270px!important;
  max-width:500px!important;
  padding:6px 18px!important;
}
.ranking-profile.spectator-profile .spectator-title span{
  font-size:14px!important;
  color:#e6f7ff!important;
}
.ranking-profile.spectator-profile .spectator-title b{
  font-size:25px!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage{
  width:520px!important;
  height:480px!important;
  left:50%!important;
  top:48%!important;
  transform:translate(-50%,-50%)!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .ranking-character{
  left:50%!important;
  top:52%!important;
  transform:translate(-50%,-50%) scale(1.04)!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot{
  width:70px!important;
  height:70px!important;
  border-width:3px!important;
  border-radius:50%!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.shirt{left:0!important;top:72px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.pants{left:18px!important;top:196px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.boots{left:65px!important;top:320px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.accessory{right:0!important;top:72px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.gadget{right:18px!important;top:196px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.throwing{right:65px!important;top:320px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item,
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item:active{
  width:64px!important;
  height:64px!important;
  transform:translate(-50%,-50%)!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item span{
  font-size:48px!important;
}
.spectator-side-card{
  position:absolute!important;
  right:18px!important;
  top:84px!important;
  width:270px!important;
  min-height:265px!important;
  padding:16px!important;
  z-index:6!important;
}
.spectator-side-level{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(0,0,0,.26);
  border:2px solid rgba(255,227,109,.55);
}
.spectator-side-level span{
  color:#ffe36d;
  font-size:15px;
  font-weight:1000;
  letter-spacing:.12em;
}
.spectator-side-level b{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  background:linear-gradient(#fff56d,#efaf11);
  clip-path:polygon(50% 0,62% 32%,97% 32%,69% 53%,80% 90%,50% 67%,20% 90%,31% 53%,3% 32%,38% 32%);
  color:#fff;
  text-shadow:2px 2px #744100;
  font-size:25px;
  font-weight:1000;
}
.spectator-side-card h3{
  margin:0 0 10px;
  color:#ffe36d;
  font-size:17px;
  line-height:1.05;
  text-transform:uppercase;
  text-shadow:1px 2px #001;
}
.spectator-booster-list{
  display:grid;
  gap:10px;
}
.spectator-booster{
  display:grid;
  grid-template-columns:38px 1fr;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:9px 10px;
  border-radius:13px;
  background:rgba(6,18,36,.62);
  border:2px solid rgba(142,197,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.spectator-booster.active{
  border-color:#7dff9d;
  background:linear-gradient(180deg,rgba(22,99,74,.82),rgba(5,31,43,.78));
}
.spectator-booster > span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  background:rgba(255,255,255,.12);
  font-size:24px;
}
.spectator-booster b{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.1;
  font-weight:1000;
}
.spectator-booster em{
  display:block;
  margin-top:3px;
  color:#cfe5ff;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}


/* v215b: Skillbalken im Zuschauerprofil nur auf den echten Balken anwenden, nicht auf Icon-Innereien. */
.ranking-profile.spectator-profile .spectator-skill .ico i{
  all:unset!important;
}
.ranking-profile.spectator-profile .spectator-skill > div > i{
  position:relative!important;
  display:block!important;
  height:16px!important;
  width:100%!important;
  margin-top:6px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#061827!important;
  border:2px solid rgba(118,176,224,.72)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.75)!important;
}
.ranking-profile.spectator-profile .spectator-skill > div > i > em{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:var(--skill-progress)!important;
  display:block!important;
  border-radius:999px!important;
  background:var(--skill-color,#19d77a)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 0 10px var(--skill-color,#19d77a)!important;
}

.ranking-profile.spectator-profile .spectator-skill .ico .cone-drill{
  position:relative!important;
  width:42px!important;
  height:32px!important;
  display:block!important;
}
.ranking-profile.spectator-profile .spectator-skill .ico .cone-drill i{
  position:absolute!important;
  bottom:2px!important;
  width:13px!important;
  height:22px!important;
  display:block!important;
  background:linear-gradient(#ffb03a 0 32%,#fff 33% 43%,#f26b21 44% 70%,#fff 71% 80%,#d94d13 81%)!important;
  clip-path:polygon(50% 0,86% 100%,14% 100%)!important;
  filter:drop-shadow(0 3px 2px #0008)!important;
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ranking-profile.spectator-profile .spectator-skill .ico .cone-drill i:nth-child(1){left:1px!important;transform:scale(.9)!important}
.ranking-profile.spectator-profile .spectator-skill .ico .cone-drill i:nth-child(2){left:15px!important;bottom:6px!important;transform:scale(1.08)!important}
.ranking-profile.spectator-profile .spectator-skill .ico .cone-drill i:nth-child(3){right:0!important;transform:scale(.9)!important}


/* v216: Zuschauerprofil nutzt exakt die Dein-Fußballer-Skillbalken und eckige Slot-Anordnung. */
.ranking-profile.spectator-profile .spectator-stats-card{
  left:18px!important;
  top:84px!important;
  width:306px!important;
  height:498px!important;
  padding:18px!important;
  padding-right:18px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(14,39,72,.94),rgba(4,17,32,.96))!important;
  border:3px solid #315d92!important;
  box-shadow:0 16px 34px #000b,inset 0 0 0 2px rgba(117,174,255,.18)!important;
}
.ranking-profile.spectator-profile .spectator-card-title{
  margin-bottom:8px!important;
  font-size:15px!important;
}
.ranking-profile.spectator-profile .spectator-skill-list{
  gap:7px!important;
}
.ranking-profile.spectator-profile .spectator-skill{
  display:grid!important;
  grid-template-columns:38px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  min-height:46px!important;
  height:46px!important;
  padding:5px 7px!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-skill .ico{
  width:38px!important;
  height:38px!important;
  font-size:25px!important;
}
.ranking-profile.spectator-profile .spectator-skill .skill-main{
  min-width:0!important;
  display:block!important;
}
.ranking-profile.spectator-profile .spectator-skill .skill-top{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  font-size:13px!important;
  line-height:1!important;
  margin-bottom:3px!important;
}
.ranking-profile.spectator-profile .spectator-skill .skill-top span{
  color:#dff3ff!important;
  font-weight:1000!important;
  text-shadow:0 2px 0 #001!important;
}
.ranking-profile.spectator-profile .spectator-skill .skillbar{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:19px!important;
  margin:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#061827!important;
  border:2px solid rgba(118,176,224,.72)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.75)!important;
}
.ranking-profile.spectator-profile .spectator-skill .skillbar i{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:var(--skill-progress)!important;
  height:auto!important;
  display:block!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--skill-color,#19d77a)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 0 10px var(--skill-color,#19d77a)!important;
}
.ranking-profile.spectator-profile .spectator-skill .skillbar em{
  position:absolute!important;
  right:6px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:auto!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.32)!important;
  color:#fff7d1!important;
  font-size:13px!important;
  line-height:17px!important;
  font-style:normal!important;
  font-weight:1000!important;
  text-shadow:0 2px 0 #000!important;
  z-index:2!important;
}
.ranking-profile.spectator-profile .spectator-skill .skill-name,
.ranking-profile.spectator-profile .spectator-skill > div > i{
  display:none!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot{
  width:70px!important;
  height:70px!important;
  border-width:3px!important;
  border-radius:18px!important;
  background:rgba(6,20,36,.24)!important;
  border-color:rgba(164,211,255,.82)!important;
  box-shadow:0 8px 14px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.16),inset 0 8px 18px rgba(255,255,255,.08)!important;
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-shirt{left:22px!important;top:64px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-pants{left:22px!important;top:193px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-boots{left:22px!important;top:322px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-accessory{right:22px!important;top:64px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-gadget{right:22px!important;top:193px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-throwing{right:22px!important;top:322px!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item,
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item:active{
  width:64px!important;
  height:64px!important;
  transform:translate(-50%,-50%)!important;
  cursor:default!important;
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item span{
  font-size:48px!important;
}


/* v217: Linkes Zuschauer-Panel 1:1 als echtes Dein-Fußballer-left-card übernehmen. */
.ranking-profile.spectator-profile .spectator-stats-card.left-card{
  display:block!important;
  position:absolute!important;
  left:18px!important;
  top:84px!important;
  width:306px!important;
  height:498px!important;
  padding:18px!important;
  padding-right:18px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(14,39,72,.94),rgba(4,17,32,.96))!important;
  border:3px solid #315d92!important;
  box-shadow:0 16px 34px #000b,inset 0 0 0 2px rgba(117,174,255,.18)!important;
  z-index:6!important;
  min-width:0!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .player-title{
  gap:12px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .player-title h2{
  font-size:25px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:185px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .player-title p{
  font-size:14px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .level-star{
  width:60px!important;
  height:60px!important;
  font-size:26px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .level-star span{
  transform:none!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .xpbar{
  height:30px!important;
  margin:14px 0 12px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .stat-head{
  display:block!important;
  font-size:15px!important;
  margin-bottom:8px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .spectator-skill-list{
  gap:7px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill{
  display:grid!important;
  grid-template-columns:38px 1fr 18px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:46px!important;
  height:46px!important;
  padding:5px 0 5px 7px!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .ico{
  width:38px!important;
  height:38px!important;
  font-size:25px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skill-main{
  min-width:0!important;
  display:block!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skill-top{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  font-size:13px!important;
  line-height:1!important;
  margin-bottom:3px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:19px!important;
  margin:0!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar i{
  display:block!important;
  width:var(--skill-progress)!important;
  height:100%!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar em{
  min-width:auto!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.32)!important;
  color:#fff7d1!important;
  font-weight:1000!important;
  text-shadow:0 2px 0 #000!important;
  font-style:normal!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .spectator-skill-up{
  display:grid!important;
  visibility:hidden!important;
  pointer-events:none!important;
  position:relative!important;
  right:-35px!important;
  top:7px!important;
  width:28px!important;
  height:28px!important;
}


/* v217b: Nachgemessenes 1:1-Matching zum sichtbaren Dein-Fußballer-left-card. */
.ranking-profile.spectator-profile .spectator-stats-card.left-card{
  height:330px!important;
  border-radius:10px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill{
  gap:12px!important;
}


/* v219: Zuschauermodus nutzt die echte Dein-Fußballer/Fanshop-Profiloptik und bleibt per Bottomnav verlassbar. */
.game.ranking-open:has(.ranking-panel.spectator-mode)::after{
  background:transparent!important;
}
.ranking-panel.spectator-mode{
  left:0!important;
  top:0!important;
  transform:none!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:16!important;
  pointer-events:none!important;
}
.ranking-panel.spectator-mode .ranking-close,
.ranking-panel.spectator-mode .ranking-head,
.ranking-panel.spectator-mode .ranking-tabs,
.ranking-panel.spectator-mode .ranking-list-head,
.ranking-panel.spectator-mode .ranking-list,
.ranking-panel.spectator-mode .ranking-foot,
.ranking-profile.spectator-profile .ranking-profile-close{
  display:none!important;
}
.ranking-panel.spectator-mode .ranking-profile.spectator-profile{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-stats-card.left-card{
  display:block!important;
  position:absolute!important;
  left:18px!important;
  top:122px!important;
  width:306px!important;
  height:330px!important;
  padding:18px!important;
  padding-right:18px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(14,39,72,.94),rgba(4,17,32,.96))!important;
  border:3px solid #315d92!important;
  box-shadow:0 16px 34px #000b,inset 0 0 0 2px rgba(117,174,255,.18)!important;
  z-index:6!important;
  pointer-events:auto!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .player-title,
.ranking-profile.spectator-profile .spectator-stats-card .level-star,
.ranking-profile.spectator-profile .spectator-stats-card .xpbar{
  display:none!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .stat-head{
  display:block!important;
  margin-top:0!important;
  margin-bottom:10px!important;
  font-size:15px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill-list.spectator-skill-list{
  display:grid!important;
  gap:8px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill{
  display:grid!important;
  grid-template-columns:38px 1fr 18px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:46px!important;
  height:46px!important;
  padding:5px 0 5px 7px!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .ico{
  width:38px!important;
  height:38px!important;
  font-size:25px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skill-main{
  min-width:0!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skill-top{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  font-size:13px!important;
  line-height:1!important;
  margin-bottom:3px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skill-top b,
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skill-top small{
  display:none!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:19px!important;
  margin:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#061827!important;
  border:2px solid rgba(118,176,224,.72)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.75)!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar i{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:var(--skill-progress)!important;
  height:auto!important;
  display:block!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--skill-color,#19d77a)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 0 10px var(--skill-color,#19d77a)!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar em{
  position:absolute!important;
  right:6px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:auto!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.32)!important;
  color:#fff7d1!important;
  font-size:13px!important;
  line-height:17px!important;
  font-style:normal!important;
  font-weight:1000!important;
  text-shadow:0 2px 0 #000!important;
  z-index:2!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .spectator-skill-up{
  display:grid!important;
  visibility:hidden!important;
  pointer-events:none!important;
  position:relative!important;
  right:-35px!important;
  top:7px!important;
  width:28px!important;
  height:28px!important;
  border-width:2px!important;
}
.ranking-profile.spectator-profile .spectator-side-card,
.ranking-profile.spectator-profile .spectator-attack-btn{
  pointer-events:auto!important;
}
.ranking-profile.spectator-profile .spectator-attack-btn{
  width:100%!important;
  height:46px!important;
  margin-top:14px!important;
  font-size:16px!important;
  text-transform:uppercase!important;
}


/* v220: Angriff-Button im Zuschauermodus wieder sichtbar trotz alter Hide-Regel. */
.ranking-profile.spectator-profile .spectator-side-card .spectator-attack-btn{
  display:block!important;
  pointer-events:auto!important;
}


/* v221: Zuschauer-Skillzeilen exakt auf aktuell sichtbare Dein-Fußballer/Fanshop-Werte angleichen. */
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill{
  gap:12px!important;
}


/* v223: Zuschauermodus sitzt im locker-room; top deshalb um locker-room-offset korrigieren. */
.ranking-profile.spectator-profile .spectator-stats-card.left-card{
  top:56px!important;
}

/* v224: Zuschauer-Grundwerte nicht nur rechnerisch, sondern sichtbar wie das echte Profil:
   gleicher Track, gleiche Fill-Geometrie, gleicher mittiger Zahlen-Layer. */
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar{
  position:relative!important;
  display:block!important;
  height:19px!important;
  width:100%!important;
  margin:0!important;
  background:#071928!important;
  border:2px solid #355b79!important;
  border-radius:6px!important;
  box-shadow:inset 0 2px 5px #000!important;
  overflow:hidden!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar i{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:auto!important;
  display:block!important;
  margin:0!important;
  width:var(--skill-progress)!important;
  height:15px!important;
  min-height:15px!important;
  background:linear-gradient(90deg,var(--skill-color,#27e56f),rgba(255,255,255,.47))!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 0 12px var(--skill-color,#27e56f)!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar em{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  width:auto!important;
  height:auto!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.32)!important;
  color:#fff7d1!important;
  font-size:14px!important;
  line-height:normal!important;
  font-style:normal!important;
  font-weight:1000!important;
  text-shadow:0 2px 0 #000!important;
  transform:none!important;
  z-index:2!important;
}
/* v225: Zuschauermodus exakt auf Dein-Fußballer-Avatar ausrichten + volle Wurfwaffen-Schusskraft. */
.ranking-profile.spectator-profile .spectator-main{
  left:345px!important;
  top:11px!important;
}

/* v226: letzter Messabgleich Profil -> Zuschauermodus (Avatar/Title-Frame gleiche Screen-Koordinaten). */
.ranking-profile.spectator-profile .spectator-main{
  left:335px!important;
  top:15px!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage{
  top:calc(48% - 7px)!important;
}

/* v227: horizontaler Restversatz aus Browsermessung entfernt. */
.ranking-profile.spectator-profile .spectator-main{
  left:328px!important;
}

/* v228: Zuschauerwerte kommen als sichtbare Gesamtwerte aus der Ranglisten-Sync. */
.ranking-profile.spectator-profile .spectator-main{
  left:323px!important;
}

/* v229: letzte 3px Horizontalabweichung geglättet. */
.ranking-profile.spectator-profile .spectator-main{
  left:320px!important;
}

/* v230: Zuschauermodus kopiert die sichtbare Dein-Fußballer-Zeile wirklich 1:1.
   Keine eigenen Text-/Balken-Abstände mehr; gleicher Hintergrund wie Dein Fußballer. */
.game.ranking-open:has(.ranking-panel.spectator-mode){
  background:#13233f url("assets/dein-fussballer-bg.png?v=61") center/cover no-repeat!important;
}
.game.ranking-open:has(.ranking-panel.spectator-mode) .locker-room:before{
  background:radial-gradient(circle at 50% 58%,rgba(0,0,0,.02) 0 22%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.48) 100%)!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill-list.spectator-skill-list{
  gap:8px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill{
  grid-template-columns:38px 1fr 18px!important;
  gap:12px!important;
  min-height:46px!important;
  height:46px!important;
  padding:5px 0 5px 7px!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skill-top{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:normal!important;
  font-size:13px!important;
  line-height:normal!important;
  margin:0 0 6px!important;
  padding:0!important;
  height:auto!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:19px!important;
  margin:0!important;
  padding:0!important;
  background:#071928!important;
  border:2px solid #355b79!important;
  border-radius:6px!important;
  box-shadow:inset 0 2px 5px #000!important;
  overflow:hidden!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar i{
  position:static!important;
  display:block!important;
  width:var(--skill-progress)!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(90deg,var(--skill-color,#27e56f),rgba(255,255,255,.467))!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 0 12px var(--skill-color,#27e56f)!important;
}
.ranking-profile.spectator-profile .spectator-stats-card .skill.spectator-skill .skillbar em{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.32)!important;
  color:#fff7d1!important;
  font-size:14px!important;
  line-height:normal!important;
  font-style:normal!important;
  font-weight:1000!important;
  text-shadow:0 2px 0 #000!important;
  transform:none!important;
  z-index:2!important;
}


/* v233: Nach Browsermessung 1:1 von .locker-room > .avatar-stage kopiert.
   Quelle bei 1366px Viewport: Stage/Avatar identisch, Slots 78x78 CSS bei left/right 22 und top 64/193/322. */
.ranking-profile.spectator-profile .spectator-main{
  left:317.5px!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage{
  width:520px!important;
  height:480px!important;
  top:calc(48% - 7.8px)!important;
  transform:translate(-50%,-50%)!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .ranking-character{
  left:50%!important;
  top:52%!important;
  transform:translate(-50%,-50%) scale(1.04)!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot{
  width:78px!important;
  height:78px!important;
  border-width:3px!important;
  border-radius:18px!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-shirt{left:22px!important;top:64px!important;right:auto!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-pants{left:22px!important;top:193px!important;right:auto!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-boots{left:22px!important;top:322px!important;right:auto!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-accessory{right:22px!important;top:64px!important;left:auto!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-gadget{right:22px!important;top:193px!important;left:auto!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot.slot-throwing{right:22px!important;top:322px!important;left:auto!important}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item,
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item:active{
  width:64px!important;
  height:64px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item span{
  font-size:48px!important;
}

/* v233b: Messwert 0,83px Restversatz horizontal entfernt. */
.ranking-profile.spectator-profile .spectator-main{
  left:316.25px!important;
}

/* v233c: Subpixel-Abgleich aus Browsermessung. */
.ranking-profile.spectator-profile .spectator-main{
  left:315.625px!important;
}

/* v233d: finaler Subpixel-Abgleich, Messdifferenz <= Rundungsgrenze. */
.ranking-profile.spectator-profile .spectator-main{
  left:315.3125px!important;
}

/* v235: Zuschauer-Items exakt wie echte Profil-Items; Avatar-Schatten entfernt. */
.ranking-profile.spectator-profile .spectator-avatar-stage .ranking-character{
  filter:none!important;
  box-shadow:none!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item,
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item:active{
  width:70px!important;
  height:70px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  filter:none!important;
  box-shadow:none!important;
}
.ranking-profile.spectator-profile .spectator-avatar-stage .spectator-gear-item span{
  font-size:52px!important;
}

/* v240: Avatar-PNG-Layer + echte Shop-Item-Bilder. */
.character.asset-avatar{
  width:260px!important;
  height:390px!important;
  overflow:visible!important;
  filter:drop-shadow(0 14px 12px rgba(0,0,0,.45));
}
.character.asset-avatar > .hair,
.character.asset-avatar > .head,
.character.asset-avatar > .neck,
.character.asset-avatar > .body,
.character.asset-avatar > .arm,
.character.asset-avatar > .shorts,
.character.asset-avatar > .leg,
.character.asset-avatar > .shoe,
.character.asset-avatar > .ball{
  display:none!important;
}
.avatar-layer-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}
.avatar-layer-base{z-index:1}.avatar-layer-pants{z-index:2}.avatar-layer-shirt{z-index:3}
.gear-item .item-art,
.shop-item .item-art{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  filter:drop-shadow(0 8px 5px rgba(0,0,0,.7));
}
.shop-item .item-art{
  width:76px;
  height:76px;
  margin:0 auto 6px;
}
.gear-slot .gear-item .item-art,
.inventory-grid .gear-item .item-art{
  width:64px;
  height:64px;
}

/* v242: Shop immer maximal 3x3 Angebote; transparente Itemslots deutlich deckender. */
.gear-slot,
.inventory-grid [data-inventory-slot],
.shop-item,
.shop-item:active,
.shop-item-empty,
.shop-item-empty:active,
.spectator-inventory-slot,
.ranking-profile.spectator-profile .spectator-avatar-stage .gear-slot{
  background:linear-gradient(180deg,rgba(10,30,54,.78),rgba(4,15,29,.72))!important;
  border-color:rgba(184,222,255,.9)!important;
  box-shadow:0 8px 14px rgba(0,0,0,.48),inset 0 0 0 2px rgba(255,255,255,.2),inset 0 8px 18px rgba(255,255,255,.12)!important;
}
.shop-item-empty,
.shop-item-empty:active{
  opacity:.78!important;
}
.game[data-section="Fanshop"] .shop-grid{
  grid-template-rows:repeat(3,78px)!important;
  max-height:258px!important;
  overflow:hidden!important;
}

/* v243: 1v1-Gegnerauswahl als 3 Hero-Zero-artige Karten. */
.game[data-section="1v1"]{
  background:#07101c url("assets/training-bg.png?v=171") center/cover no-repeat!important;
}
.game[data-section="1v1"]:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 38%,rgba(255,219,96,.12),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.14) 42%,rgba(0,0,0,.62));
  pointer-events:none;
  z-index:1;
}
.game[data-section="1v1"] .pvp-panel{
  display:block!important;
  left:50%!important;
  top:86px!important;
  width:min(1030px,calc(100vw - 70px))!important;
  height:500px!important;
  transform:translateX(-50%)!important;
  padding:18px 20px 22px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(12,19,32,.92),rgba(6,10,18,.94))!important;
  border:4px solid #f1c655!important;
  box-shadow:0 22px 56px rgba(0,0,0,.72),inset 0 0 0 2px rgba(255,255,255,.14),inset 0 0 44px rgba(22,100,190,.18)!important;
  z-index:25!important;
  overflow:visible!important;
}
.pvp-head{
  display:flex;
  align-items:center;
  gap:12px;
  height:54px;
  margin-bottom:12px;
  color:#fff;
  text-shadow:0 3px 0 #000;
}
.pvp-head > span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:14px;
  font-size:34px;
  background:linear-gradient(#ffef87,#c27612);
  border:3px solid #673803;
  box-shadow:0 6px 0 #3b2104,inset 0 2px 0 #fff9;
}
.pvp-head b{display:block;font-size:34px;line-height:.95;color:#ffe889;text-transform:uppercase}
.pvp-head em{display:block;margin-top:4px;font-size:13px;color:#bfe8ff;font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-weight:1000}
.pvp-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  height:410px;
}
.pvp-card{
  position:relative;
  display:grid;
  grid-template-rows:42px 132px 42px 24px 66px 24px 62px 54px;
  min-width:0;
  padding:12px 14px 14px;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(180deg,rgba(28,39,56,.96),rgba(8,13,22,.97));
  border:4px solid var(--pvp-color,#ffcf43);
  box-shadow:0 12px 0 rgba(0,0,0,.52),0 18px 28px rgba(0,0,0,.52),inset 0 0 0 2px rgba(255,255,255,.14),inset 0 0 34px rgba(0,0,0,.48);
  overflow:hidden;
}
.pvp-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 48% 24%,rgba(255,255,255,.16),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.05),transparent 55%);
  pointer-events:none;
}
.pvp-card.easy{--pvp-color:#55e94e;--pvp-dark:#1a8c22;--pvp-btn:#55cf20}
.pvp-card.medium{--pvp-color:#ffd23b;--pvp-dark:#b97808;--pvp-btn:#f5bd13}
.pvp-card.hard{--pvp-color:#ff4938;--pvp-dark:#9c160d;--pvp-btn:#e9361d}
.pvp-difficulty{
  justify-self:start;
  align-self:start;
  z-index:2;
  padding:8px 18px 9px;
  transform:rotate(-7deg);
  border-radius:8px;
  background:linear-gradient(180deg,var(--pvp-color),var(--pvp-dark));
  border:3px solid #fff8;
  color:#fff;
  font-size:24px;
  font-weight:1000;
  line-height:.9;
  text-shadow:2px 3px 0 #000;
  box-shadow:0 5px 0 #0008;
}
.pvp-portrait{
  position:relative;
  z-index:1;
  align-self:center;
  justify-self:center;
  width:148px;
  height:128px;
  border-radius:30px 30px 20px 20px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 18%,#ffe1b5 0 22%,#d18a57 23% 38%,transparent 39%),linear-gradient(145deg,var(--pvp-color),#171e2c 50%,#070b12);
  border:3px solid rgba(255,255,255,.36);
  box-shadow:inset 0 -18px 24px rgba(0,0,0,.48),0 12px 16px rgba(0,0,0,.5);
}
.pvp-portrait i{
  width:86px;
  height:86px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(#ffe0a8,#bd7342);
  border:4px solid #2a1508;
  color:#241105;
  font-style:normal;
  font-size:32px;
  font-weight:1000;
  text-shadow:0 1px 0 #fff6;
}
.pvp-card h3{
  z-index:2;
  margin:0 -4px;
  align-self:end;
  padding:7px 8px;
  border-radius:8px;
  background:linear-gradient(180deg,var(--pvp-color),var(--pvp-dark));
  color:#fff;
  font-size:24px;
  line-height:.95;
  text-align:center;
  text-shadow:2px 3px 0 #000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 4px 0 #0009;
}
.pvp-level{z-index:2;text-align:center;color:#ffe04f;font-size:18px;font-weight:1000;text-shadow:0 3px 0 #000;align-self:center}
.pvp-stats{z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.pvp-stat{display:grid;place-items:center;gap:2px;min-width:0;border-radius:8px;background:linear-gradient(#1e3655,#081522);border:2px solid #476988;box-shadow:inset 0 2px 0 #ffffff22,0 4px 0 #020914}
.pvp-stat span{font-size:21px;line-height:1}.pvp-stat b{font-size:19px;color:#fff;text-shadow:0 2px 0 #000}.pvp-stat.ausdauer b{color:#74ff5f}.pvp-stat.taktik b{color:#d97bff}.pvp-stat.schnelligkeit b{color:#86c8ff}
.pvp-reward-title{z-index:2;align-self:end;text-align:center;padding-top:5px;border-radius:7px 7px 0 0;background:linear-gradient(#27384f,#0b1727);border:2px solid #435f77;border-bottom:0;color:#d9dde2;font-size:16px;font-weight:1000;text-shadow:0 2px 0 #000}
.pvp-rewards{z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:6px;border:2px solid #435f77;border-radius:0 0 8px 8px;background:rgba(3,10,18,.86);padding:7px}
.pvp-rewards span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px;min-width:0;color:#fff}.pvp-rewards img{width:28px!important;height:22px!important}.pvp-rewards b,.pvp-rewards strong{font-size:18px;text-shadow:0 2px 0 #000}.pvp-rewards em{grid-column:2;font-style:normal;font-size:10px;text-transform:uppercase;color:#cbd8e6;font-weight:1000;line-height:1}
.pvp-card button{z-index:2;width:100%;height:48px;align-self:end;border-radius:9px;border:3px solid #fff8;background:linear-gradient(#fff47a,var(--pvp-btn),var(--pvp-dark));color:#fff;font-size:22px;font-weight:1000;text-shadow:2px 3px 0 #000;box-shadow:0 6px 0 #3a1705,0 9px 12px rgba(0,0,0,.45);cursor:pointer}.pvp-card button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.pvp-loading{display:grid;place-items:center;height:100%;color:#fff3b8;font-size:26px;font-weight:1000;text-align:center;text-shadow:0 3px 0 #000}.pvp-error{color:#ffb8b8}


/* v244: 1v1 Arena höherwertiger: Titel oben mittig, größeres Panel tiefer, gleiche Kartenfarbe, Grundwerte in den 4 Feldern. */
.game[data-section="1v1"] .pvp-panel{
  top:118px!important;
  width:min(1100px,calc(100vw - 56px))!important;
  height:540px!important;
  padding:20px 24px 24px!important;
}
.pvp-head{
  justify-content:center!important;
  text-align:center!important;
  height:58px!important;
  margin-bottom:16px!important;
}
.pvp-head > span{display:none!important}
.pvp-head b{font-size:38px!important;letter-spacing:.04em!important}
.pvp-cards{height:442px!important;gap:20px!important}
.pvp-card{
  --pvp-color:#ffd23b;
  --pvp-dark:#a86c08;
  --pvp-btn:#f5bd13;
  grid-template-rows:142px 46px 25px 82px 25px 66px 54px!important;
  border-color:#ffd23b!important;
}
.pvp-difficulty{display:none!important}
.pvp-stat{grid-template-rows:auto auto auto;gap:1px!important;padding:4px 2px!important}
.pvp-stat span .skill-icon-img{width:22px!important;height:22px!important}
.pvp-stat em{font-style:normal;font-size:8px;text-transform:uppercase;color:#c7d8e9;font-weight:1000;line-height:1;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pvp-stat b{font-size:18px!important}


/* v245: Hero-Zero-artige Rangliste mit Helden/Teams, Marktwert/Mannschaft, Suche und Spieler-anzeigen-Button. */
.ranking-panel{
  width:945px!important;
  height:500px!important;
  max-height:none!important;
  top:51%!important;
  transform:translate(-50%,-50%)!important;
  padding:52px 20px 18px!important;
  border-radius:14px!important;
  background:#cfbb98!important;
  border:4px solid #9b825f!important;
  box-shadow:0 24px 60px rgba(0,0,0,.76),inset 0 2px 0 rgba(255,255,255,.38)!important;
  color:#2b2523!important;
  overflow:visible!important;
}
.ranking-title-plate{
  position:absolute;left:50%;top:-22px;transform:translateX(-50%);
  width:420px;height:58px;display:grid;place-items:center;
  border-radius:10px;background:linear-gradient(#47756e,#3f6763);
  border:3px solid #77a094;color:#f3f1e9;font-size:31px;font-weight:1000;
  text-shadow:2px 3px 0 rgba(0,0,0,.55);box-shadow:0 4px 0 #8d7658;
}
.ranking-help,.ranking-filter{
  position:absolute;top:14px;width:36px;height:36px;border-radius:50%;z-index:4;
  border:3px solid #8b846f;background:linear-gradient(#e7e4d8,#a9a493);color:#3d3b36;
  font-size:24px;font-weight:1000;box-shadow:0 3px 0 rgba(0,0,0,.3);display:grid;place-items:center;
}
.ranking-help{left:12px}.ranking-filter{left:56px;font-size:20px}.ranking-close{right:-13px!important;top:-14px!important;background:linear-gradient(#ff4b3c,#ac1610)!important;border-color:#ffe0c8!important;color:#fff!important;text-shadow:0 2px 0 #4b0000!important}
.ranking-head,.ranking-badge{display:none!important}
.ranking-tabs{display:flex!important;justify-content:center!important;gap:16px!important;margin:0 0 16px!important}
.ranking-tab{
  min-width:170px!important;height:40px!important;padding:0 22px!important;border-radius:8px!important;
  border:0!important;background:#baab90!important;color:#3b332b!important;font-size:18px!important;
  font-weight:1000!important;text-shadow:0 1px 0 #fff6!important;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12)!important;
}
.ranking-tab span{margin-right:6px}.ranking-tab.active{background:linear-gradient(#ab55bd,#883f9d)!important;color:#fff!important;text-shadow:2px 2px 0 rgba(0,0,0,.55)!important;box-shadow:inset 0 -5px 0 #663073!important}
.ranking-sort-row{display:flex;justify-content:center;gap:18px;margin:0 0 10px}.ranking-subtab{height:34px;min-width:128px;border:0;border-radius:6px;background:#3f3e40;color:#fff;font-weight:1000;text-shadow:1px 2px 0 #000;box-shadow:inset 0 -5px 0 rgba(0,0,0,.35);cursor:pointer}.ranking-subtab.active{background:linear-gradient(#ad54bd,#883e9d)}
.ranking-list-head,.ranking-row{grid-template-columns:80px 1.25fr 1.45fr 118px 90px!important;gap:8px!important;padding:0 18px!important;border-radius:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#6c3340!important;text-transform:none!important;letter-spacing:0!important}
.ranking-list-head{height:28px!important;font-size:18px!important;font-weight:1000!important}.ranking-list{height:275px!important;max-height:275px!important;overflow:hidden!important;border:0!important;background:transparent!important;padding:0!important}
.ranking-row{height:25px!important;width:100%!important;color:#2b2b2b!important;font-size:18px!important;font-weight:700!important;cursor:pointer!important}.ranking-row:nth-child(odd){background:#a9def0!important}.ranking-row:nth-child(even){background:rgba(113,85,50,.2)!important}.ranking-row:hover,.ranking-row.selected{filter:none!important;transform:none!important;outline:3px solid #8c3ca0!important;outline-offset:-3px}.ranking-row.current{box-shadow:inset 4px 0 0 #21c752!important}.ranking-place{color:#28201d}.ranking-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-market,.ranking-level{display:flex;align-items:center;gap:6px;justify-content:flex-start}.ranking-market b,.ranking-level b{font-size:21px}.ranking-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.ranking-actions button{height:38px;padding:0 24px;border-radius:6px;border:2px solid #924300;background:linear-gradient(#e78c16,#b95b02);color:#fff;font-size:20px;font-weight:1000;text-shadow:1px 2px 0 #4b1b00;box-shadow:0 4px 0 #713400;cursor:pointer}.ranking-actions input{height:34px;width:214px;border-radius:5px;border:2px solid #8c8c8c;background:#eee;color:#333;font-size:17px;padding:0 9px}.ranking-foot{margin:8px 0 0!important;text-align:center!important;color:#6c5a43!important;font-size:12px!important;font-weight:900!important}.ranking-loading{height:100%!important;color:#5c3340!important;font-size:23px!important;text-shadow:none!important}
.ranking-panel.spectator-mode .ranking-title-plate,.ranking-panel.spectator-mode .ranking-help,.ranking-panel.spectator-mode .ranking-filter,.ranking-panel.spectator-mode .ranking-sort-row,.ranking-panel.spectator-mode .ranking-actions{display:none!important}

/* v246: Doppelklick-Hinweis in Rangliste entfernen; Anzeige läuft über Button unten. */
.ranking-row:after{content:none!important;display:none!important}

/* v247: Rangliste zurück in den Sundering-Spielstil; Sortierung nur über Tabellenköpfe. */
.ranking-panel{
  width:900px!important;
  height:486px!important;
  max-height:none!important;
  top:51%!important;
  transform:translate(-50%,-50%)!important;
  padding:58px 22px 18px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(16,29,49,.96),rgba(7,13,24,.98))!important;
  border:4px solid #f1c655!important;
  box-shadow:0 24px 60px rgba(0,0,0,.76),inset 0 0 0 2px rgba(255,255,255,.14),inset 0 0 48px rgba(25,102,190,.16)!important;
  color:#eef7ff!important;
  overflow:visible!important;
}
.ranking-title-plate{
  top:-22px!important;
  width:390px!important;
  height:58px!important;
  border-radius:14px!important;
  background:linear-gradient(#27384f,#0b1727)!important;
  border:4px solid #f1c655!important;
  color:#ffe889!important;
  text-shadow:0 3px 0 #000!important;
  box-shadow:0 7px 0 rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.18)!important;
}
.ranking-help,.ranking-filter{
  border-color:#476988!important;
  background:linear-gradient(#1e3655,#081522)!important;
  color:#dff4ff!important;
  box-shadow:0 4px 0 #020914,inset 0 2px 0 rgba(255,255,255,.12)!important;
}
.ranking-tabs{margin:0 0 18px!important}
.ranking-tab{
  border:3px solid #476988!important;
  background:linear-gradient(#1e3655,#081522)!important;
  color:#dff4ff!important;
  text-shadow:0 2px 0 #000!important;
  box-shadow:0 5px 0 #020914,inset 0 2px 0 rgba(255,255,255,.14)!important;
}
.ranking-tab.active{
  background:linear-gradient(#ffdd58,#c27712)!important;
  color:#241105!important;
  text-shadow:0 1px 0 rgba(255,255,255,.5)!important;
  box-shadow:0 5px 0 #673803,inset 0 2px 0 rgba(255,255,255,.5)!important;
}
.ranking-sort-row{display:none!important}
.ranking-list-head,.ranking-row{
  grid-template-columns:76px 1.25fr 1.35fr 126px 92px!important;
  gap:8px!important;
  padding:0 16px!important;
}
.ranking-list-head{
  height:34px!important;
  align-items:center!important;
  background:linear-gradient(#27384f,#0b1727)!important;
  border:2px solid #435f77!important;
  border-radius:10px 10px 0 0!important;
  color:#cbd8e6!important;
  font-size:15px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.ranking-head-sort{
  width:100%;
  height:28px;
  padding:0 8px;
  border-radius:7px;
  border:2px solid transparent;
  background:transparent;
  color:#cbd8e6;
  font:inherit;
  font-weight:1000;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.04em;
  cursor:pointer;
}
.ranking-head-sort:hover{background:rgba(255,255,255,.08);color:#fff}
.ranking-head-sort.active{
  border-color:#f1c655;
  background:linear-gradient(#ffdd58,#c27712);
  color:#241105;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.ranking-head-sort.active:before{content:'▼ ';}
.ranking-list{
  height:270px!important;
  max-height:270px!important;
  overflow:hidden!important;
  border:2px solid #435f77!important;
  border-top:0!important;
  border-radius:0 0 10px 10px!important;
  background:rgba(3,10,18,.86)!important;
  padding:6px!important;
}
.ranking-row{
  height:25px!important;
  color:#eef7ff!important;
  font-size:17px!important;
  font-weight:900!important;
  border-radius:6px!important;
}
.ranking-row:nth-child(odd){background:rgba(30,54,85,.92)!important}
.ranking-row:nth-child(even){background:rgba(12,23,39,.96)!important}
.ranking-row:hover,.ranking-row.selected{
  outline:2px solid #f1c655!important;
  outline-offset:-2px!important;
  background:linear-gradient(#304d72,#14243b)!important;
}
.ranking-row.current{box-shadow:inset 4px 0 0 #74ff5f!important}
.ranking-place{color:#ffe889!important}.ranking-name,.ranking-team{color:#fff!important}.ranking-market,.ranking-level{color:#dff4ff!important}.ranking-market b,.ranking-level b{display:none!important}
.ranking-actions{margin-top:14px!important}.ranking-actions button{border-color:#fff8!important;background:linear-gradient(#fff47a,#e78c16,#a44c00)!important;color:#fff!important;text-shadow:2px 3px 0 #000!important}.ranking-actions input{background:#071928!important;border-color:#476988!important;color:#fff!important}
.ranking-foot{color:#9db6cf!important;text-shadow:0 2px 0 #000!important}
.ranking-loading{color:#ffe889!important;text-shadow:0 3px 0 #000!important}
.ranking-panel.spectator-mode .ranking-head-sort{display:none!important}

/* v248: Rangliste höher, scrollbar, keine Fußzeile; Sortierkopf bleibt vertikal stabil. */
.ranking-panel{
  height:590px!important;
  top:47%!important;
  padding-top:58px!important;
  padding-bottom:16px!important;
}
.ranking-list-head{
  height:36px!important;
  line-height:1!important;
}
.ranking-list-head > span,
.ranking-head-sort{
  display:flex!important;
  align-items:center!important;
  min-height:0!important;
  line-height:1!important;
}
.ranking-head-sort{
  justify-content:flex-start!important;
  height:30px!important;
  box-sizing:border-box!important;
  padding:0 8px!important;
  margin:0!important;
  transform:none!important;
  vertical-align:middle!important;
}
.ranking-head-sort.active:before{
  display:inline-block!important;
  flex:0 0 auto!important;
  line-height:1!important;
}
.ranking-list{
  height:390px!important;
  max-height:390px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#f1c655 #071928;
}
.ranking-list::-webkit-scrollbar{width:12px}
.ranking-list::-webkit-scrollbar-track{background:#071928;border-left:1px solid #435f77;border-radius:8px}
.ranking-list::-webkit-scrollbar-thumb{background:linear-gradient(#ffdd58,#c27712);border:2px solid #071928;border-radius:8px}
.ranking-row{
  min-height:27px!important;
  height:27px!important;
}
.ranking-actions{
  margin-top:12px!important;
}
.ranking-foot{
  display:none!important;
}
.ranking-panel.spectator-mode .ranking-foot{display:none!important}

/* v249: Ranglisten-Zeilen bündig + grüne Glossy-Buttons nach Referenz. */
.ranking-list-head,
.ranking-row{
  box-sizing:border-box!important;
  align-items:center!important;
}
.ranking-list-head > span,
.ranking-list-head > button,
.ranking-row > span{
  box-sizing:border-box!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  transform:none!important;
}
.ranking-row > span{
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.ranking-place,
.ranking-market,
.ranking-level{
  justify-content:flex-start!important;
  text-align:left!important;
}
.ranking-name,
.ranking-team{
  justify-content:flex-start!important;
}
.ranking-market,
.ranking-level{
  gap:0!important;
}
.ranking-team-row .ranking-level{
  position:relative!important;
  left:-12px!important;
}
.ranking-actions{
  gap:12px!important;
  margin-top:12px!important;
}
.ranking-actions button{
  position:relative!important;
  height:38px!important;
  min-width:118px!important;
  padding:0 22px!important;
  border-radius:15px!important;
  border:4px solid #0d3b08!important;
  background:linear-gradient(180deg,#82e251 0%,#5fbf35 48%,#348817 100%)!important;
  color:#f7fff0!important;
  font-size:17px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  text-shadow:0 2px 0 rgba(0,0,0,.55)!important;
  box-shadow:inset 0 3px 0 rgba(202,255,180,.75),inset 0 -7px 0 rgba(13,65,7,.55),0 5px 0 #092a05,0 9px 14px rgba(0,0,0,.42)!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.ranking-actions button:before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:5px!important;
  height:11px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.14))!important;
  pointer-events:none!important;
}
.ranking-actions button:hover{
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
}
.ranking-actions button:active{
  transform:translateY(2px)!important;
  box-shadow:inset 0 2px 0 rgba(202,255,180,.55),inset 0 -4px 0 rgba(13,65,7,.58),0 2px 0 #092a05,0 5px 10px rgba(0,0,0,.38)!important;
}
.ranking-actions input{
  height:36px!important;
  width:205px!important;
  border-radius:12px!important;
  border:3px solid #0d3b08!important;
  background:linear-gradient(#f5fff1,#d8eed1)!important;
  color:#17320f!important;
  font-size:16px!important;
  font-weight:900!important;
  box-shadow:inset 0 3px 5px rgba(0,0,0,.18),0 4px 0 #092a05!important;
}

/* v249b: Lange Spielernamen sicher mit Ellipse begrenzen, damit nichts in die nächste Spalte läuft. */
.ranking-row > span,
.ranking-list-head > span,
.ranking-head-sort{
  min-width:0!important;
  max-width:100%!important;
}
.ranking-name,
.ranking-team{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* v250: Feedback Rangliste — Buttons ohne Schatten, Marktwert weiter rechts, kein Level-Oval, Top-10 bleibt Scrollsprung. */
.ranking-list-head,
.ranking-row{
  grid-template-columns:68px 1.22fr 1.72fr 116px 70px!important;
}
.ranking-place:before,
.ranking-place:after{
  content:none!important;
  display:none!important;
}
.ranking-market,
.ranking-head-sort[data-ranking-sort="marketValue"]{
  padding-left:18px!important;
}
.ranking-level{
  padding-left:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ranking-head-sort{
  border-radius:0!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.ranking-head-sort.active{
  background:transparent!important;
  border-color:transparent!important;
  color:#ffe889!important;
  text-shadow:0 2px 0 #000!important;
  box-shadow:none!important;
}
.ranking-head-sort.active:before{
  content:'▼ '!important;
}
.ranking-head-sort[data-ranking-sort="level"],
.ranking-head-sort[data-ranking-sort="level"].active{
  border-radius:0!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.ranking-actions button{
  min-width:110px!important;
  height:36px!important;
  padding:0 20px!important;
  border-radius:14px!important;
  border:3px solid #145508!important;
  background:linear-gradient(180deg,#7fe04d 0%,#5fbd34 52%,#358e18 100%)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:1000!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
.ranking-actions button:before{
  content:none!important;
  display:none!important;
}
.ranking-actions button:hover{
  filter:brightness(1.06)!important;
  transform:none!important;
}
.ranking-actions button:active{
  transform:none!important;
  box-shadow:none!important;
  filter:brightness(.96)!important;
}
.ranking-actions input{
  box-shadow:none!important;
}

/* v250b: Grüne Ranglisten-Buttons flach ohne Schatten/Glanz-Ebene. */
.ranking-actions button{
  background:#63bf34!important;
  border:3px solid #155a0b!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
.ranking-actions button:before,
.ranking-actions button:after{
  content:none!important;
  display:none!important;
}
.ranking-actions button:hover{
  background:#6dcc3b!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.ranking-actions button:active{
  background:#58ae2d!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
}

/* v251: Ranglisten-Aktionsbuttons tiefer setzen, damit sie leicht mit der Panelkante überlappen. */
.ranking-actions{
  position:relative!important;
  top:18px!important;
  margin-top:6px!important;
  z-index:7!important;
}
.ranking-panel{
  padding-bottom:4px!important;
}
.ranking-list{
  height:395px!important;
  max-height:395px!important;
}

/* v252: Aktionsbuttons minimal höher; Ranglistentext kleiner/dünner, Namen etwas weiter links. */
.ranking-actions{
  top:12px!important;
}
.ranking-list-head,
.ranking-row{
  grid-template-columns:58px 1.24fr 1.78fr 116px 70px!important;
  gap:7px!important;
}
.ranking-row{
  font-size:15px!important;
  font-weight:700!important;
}
.ranking-row > span{
  font-weight:700!important;
}
.ranking-name{
  padding-left:0!important;
  margin-left:-3px!important;
  font-weight:700!important;
}
.ranking-team,
.ranking-market,
.ranking-level{
  font-weight:700!important;
}
.ranking-list-head{
  font-size:14px!important;
}

/* v253: Nutzer-Referenzbild als neues, breiter gestrecktes Ranglistenpanel. */
.ranking-panel{
  width:930px!important;
  height:610px!important;
  max-height:none!important;
  top:48%!important;
  padding:92px 70px 34px!important;
  border:0!important;
  border-radius:30px!important;
  background:url('assets/ranking-panel-blue.png?v=253') center/100% 100% no-repeat!important;
  box-shadow:0 28px 70px rgba(0,0,0,.72)!important;
  overflow:visible!important;
  color:#eef8ff!important;
}
.ranking-title-plate{
  top:26px!important;
  width:auto!important;
  height:44px!important;
  min-width:330px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#dff6ff!important;
  font-size:30px!important;
  letter-spacing:.04em!important;
  text-shadow:0 0 10px rgba(91,213,255,.75),0 3px 0 rgba(0,0,0,.85)!important;
}
.ranking-help,.ranking-filter{
  top:78px!important;
  border-color:#39bfff!important;
  background:linear-gradient(180deg,#0e3457,#071628)!important;
  color:#dff8ff!important;
  box-shadow:0 0 14px rgba(62,202,255,.35),inset 0 2px 0 rgba(255,255,255,.18)!important;
}
.ranking-help{left:48px!important}.ranking-filter{left:92px!important}
.ranking-close{
  right:36px!important;
  top:32px!important;
  width:40px!important;
  height:40px!important;
  z-index:9!important;
}
.ranking-tabs{
  margin:0 0 12px!important;
}
.ranking-tab{
  height:36px!important;
  min-width:150px!important;
  border:2px solid rgba(91,213,255,.62)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#133b63,#061626)!important;
  color:#dff4ff!important;
  font-size:16px!important;
  text-shadow:0 2px 0 rgba(0,0,0,.8)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.12)!important;
}
.ranking-tab.active{
  background:linear-gradient(180deg,#1d77a8,#0b2b4d)!important;
  color:#ffffff!important;
  box-shadow:0 0 14px rgba(69,205,255,.35),inset 0 2px 0 rgba(255,255,255,.20)!important;
}
.ranking-list-head,
.ranking-row{
  grid-template-columns:62px 1.38fr 1.92fr 128px 76px!important;
  gap:8px!important;
  padding-left:16px!important;
  padding-right:16px!important;
}
.ranking-list-head{
  height:34px!important;
  border:1px solid rgba(68,177,242,.52)!important;
  border-radius:11px 11px 0 0!important;
  background:linear-gradient(180deg,rgba(11,42,73,.86),rgba(3,15,30,.92))!important;
  color:#aee9ff!important;
  font-size:13px!important;
}
.ranking-list{
  height:386px!important;
  max-height:386px!important;
  padding:6px!important;
  border:1px solid rgba(68,177,242,.38)!important;
  border-top:0!important;
  border-radius:0 0 12px 12px!important;
  background:rgba(2,11,24,.38)!important;
  scrollbar-color:#42c9ff #061426!important;
}
.ranking-row{
  height:27px!important;
  min-height:27px!important;
  color:#eaf8ff!important;
  background:rgba(7,28,52,.68)!important;
}
.ranking-row:nth-child(odd){background:rgba(13,46,79,.72)!important}
.ranking-row:nth-child(even){background:rgba(4,20,39,.72)!important}
.ranking-row:hover,.ranking-row.selected{
  outline:2px solid #55d7ff!important;
  background:linear-gradient(180deg,rgba(28,90,132,.86),rgba(7,31,57,.88))!important;
}
.ranking-place{color:#95e7ff!important}.ranking-name,.ranking-team{color:#fff!important}.ranking-market,.ranking-level{color:#d2f4ff!important}
.ranking-actions{
  top:2px!important;
  margin-top:8px!important;
}
.ranking-actions input{
  background:rgba(5,22,40,.92)!important;
  border-color:#39bfff!important;
  color:#ecfbff!important;
}

/* v255: Ranglisten-Feedback — Icons oben links weg, Tabs tiefer, Liste kürzer, Buttons höher. */
.ranking-help,
.ranking-filter{
  display:none!important;
}
.ranking-tabs{
  margin-top:14px!important;
  margin-bottom:10px!important;
}
.ranking-list{
  height:358px!important;
  max-height:358px!important;
}
.ranking-actions{
  top:-8px!important;
  margin-top:8px!important;
}

/* v256: Neues breiteres, nicht hochskaliertes Ranglistenpanel als Raster-Hintergrund. */
.ranking-panel{
  width:1060px!important;
  height:746px!important;
  top:48%!important;
  padding:174px 58px 52px!important;
  border:0!important;
  border-radius:24px!important;
  background:url('assets/ranking-panel-wide.png?v=256') center/100% 100% no-repeat!important;
  box-shadow:0 30px 76px rgba(0,0,0,.74)!important;
  overflow:visible!important;
}
.ranking-title-plate{
  display:none!important;
}
.ranking-close{
  right:30px!important;
  top:30px!important;
  width:38px!important;
  height:38px!important;
}
.ranking-tabs{
  position:absolute!important;
  left:50%!important;
  top:112px!important;
  transform:translateX(-50%)!important;
  width:570px!important;
  height:46px!important;
  margin:0!important;
  gap:10px!important;
  z-index:6!important;
}
.ranking-tab,
.ranking-tab.active{
  flex:1 1 0!important;
  min-width:0!important;
  height:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  text-shadow:none!important;
}
.ranking-tab span{display:none!important}
.ranking-list-head,
.ranking-row{
  grid-template-columns:66px 1.45fr 2.05fr 132px 78px!important;
  gap:9px!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
.ranking-list-head{
  height:34px!important;
  background:rgba(5,28,54,.74)!important;
  border:1px solid rgba(40,150,222,.48)!important;
  color:#bfefff!important;
}
.ranking-list{
  height:430px!important;
  max-height:430px!important;
  padding:6px!important;
  background:rgba(2,14,30,.28)!important;
  border:1px solid rgba(45,160,235,.34)!important;
  border-top:0!important;
  border-radius:0 0 12px 12px!important;
}
.ranking-actions{
  top:10px!important;
  margin-top:8px!important;
}

/* v257: Panel etwas tiefer, damit der Topbar-Level nicht in den Titelbereich reinwirkt. */
.ranking-panel{
  top:52%!important;
  background:url('assets/ranking-panel-wide.png?v=257') center/100% 100% no-repeat!important;
}

/* v258: Fußballer/Mannschaften-Tabs als anklickbare Leucht-Hitboxen. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=258') center/100% 100% no-repeat!important;
}
.ranking-tab{
  position:relative!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.ranking-tab::before{
  content:""!important;
  position:absolute!important;
  inset:3px 7px!important;
  border-radius:10px!important;
  opacity:0!important;
  background:linear-gradient(180deg,rgba(78,215,255,.38),rgba(16,91,170,.34))!important;
  box-shadow:0 0 18px rgba(75,216,255,.62), inset 0 0 15px rgba(140,235,255,.45)!important;
  transition:opacity .12s ease!important;
  pointer-events:none!important;
}
.ranking-tab.active::before,
.ranking-tab:hover::before{
  opacity:1!important;
}

/* v259: Neues leeres Panel ersetzt altes; Titel/Tabs wieder als Text sichtbar. */
.ranking-panel{
  width:1060px!important;
  height:747px!important;
  top:52%!important;
  padding:176px 58px 54px!important;
  background:url('assets/ranking-panel-wide.png?v=259') center/100% 100% no-repeat!important;
}
.ranking-title-plate{
  display:grid!important;
  top:38px!important;
  height:52px!important;
  min-width:360px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#dff7ff!important;
  font-size:31px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 12px rgba(67,204,255,.75),0 3px 0 rgba(0,0,0,.9)!important;
}
.ranking-tabs{
  top:114px!important;
  width:640px!important;
  gap:16px!important;
}
.ranking-tab,
.ranking-tab.active{
  color:#dff7ff!important;
  text-shadow:0 0 9px rgba(68,205,255,.72),0 2px 0 #001428!important;
  font-size:18px!important;
  font-weight:1000!important;
}
.ranking-tab span{
  display:inline!important;
  margin-right:5px!important;
}
.ranking-tab::before{
  inset:2px 8px!important;
  opacity:.16!important;
}
.ranking-tab.active::before,
.ranking-tab:hover::before{
  opacity:.78!important;
}

/* v260: 1v1 zurück in Ranglisten-Farbwelt; Rangliste liegt immer vor 1v1; neues Tab-Unterpanel. */
.game.ranking-open .pvp-panel{
  display:none!important;
}
.ranking-panel{
  z-index:80!important;
  background:url('assets/ranking-panel-wide.png?v=260') center/100% 100% no-repeat!important;
}
.ranking-tabs{
  top:105px!important;
  width:690px!important;
  height:70px!important;
  gap:18px!important;
  align-items:center!important;
  justify-content:center!important;
}
.ranking-tabs::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:760px!important;
  height:164px!important;
  transform:translate(-50%,-50%)!important;
  background:url('assets/ranking-tab-panel.png?v=260') center/100% 100% no-repeat!important;
  z-index:-1!important;
  pointer-events:none!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));
}
.ranking-tab,
.ranking-tab.active{
  height:46px!important;
  z-index:1!important;
}
.ranking-tab::before{
  inset:0 5px!important;
  border-radius:13px!important;
  background:radial-gradient(circle at 50% 45%,rgba(109,226,255,.45),rgba(32,134,216,.32) 58%,rgba(5,24,50,.12))!important;
  box-shadow:0 0 22px rgba(75,216,255,.72),inset 0 0 18px rgba(154,239,255,.55)!important;
  opacity:.12!important;
}
.ranking-tab.active::before,
.ranking-tab:hover::before{
  opacity:.88!important;
}
.game[data-section="1v1"] .pvp-panel{
  background:linear-gradient(180deg,rgba(7,33,61,.94),rgba(2,13,29,.97))!important;
  border:3px solid rgba(57,191,255,.82)!important;
  box-shadow:0 26px 68px rgba(0,0,0,.74),0 0 26px rgba(66,201,255,.18),inset 0 0 0 1px rgba(162,235,255,.16),inset 0 0 52px rgba(45,169,238,.18)!important;
}
.pvp-head b{
  color:#dff7ff!important;
  text-shadow:0 0 12px rgba(67,204,255,.72),0 3px 0 rgba(0,0,0,.9)!important;
}
.pvp-card{
  --pvp-color:#55d7ff!important;
  --pvp-dark:#0a3158!important;
  --pvp-btn:#1687c4!important;
  background:linear-gradient(180deg,rgba(10,47,82,.96),rgba(3,17,35,.98))!important;
  border-color:rgba(85,215,255,.86)!important;
  box-shadow:0 12px 0 rgba(0,0,0,.52),0 18px 30px rgba(0,0,0,.55),0 0 18px rgba(69,205,255,.16),inset 0 0 0 2px rgba(177,238,255,.12),inset 0 0 34px rgba(15,98,170,.34)!important;
}
.pvp-card h3{
  background:linear-gradient(180deg,#1d77a8,#0b2b4d)!important;
  box-shadow:0 0 14px rgba(69,205,255,.24),0 4px 0 #03101f!important;
}
.pvp-portrait{
  background:radial-gradient(circle at 50% 18%,#ffe1b5 0 22%,#d18a57 23% 38%,transparent 39%),linear-gradient(145deg,#1d77a8,#081b31 56%,#020912)!important;
  border-color:rgba(112,220,255,.5)!important;
}
.pvp-stat,.pvp-reward-title,.pvp-rewards{
  border-color:rgba(68,177,242,.52)!important;
  background:linear-gradient(180deg,rgba(11,42,73,.86),rgba(3,15,30,.92))!important;
}
.pvp-card button{
  border-color:rgba(112,220,255,.68)!important;
  background:linear-gradient(180deg,#2fc8ff,#1376b5,#08335f)!important;
  box-shadow:0 5px 0 #031326,0 9px 14px rgba(0,0,0,.42),inset 0 2px 0 rgba(215,250,255,.42)!important;
}

/* v261: Jeder Ranglisten-Tab bekommt das neue Panel einzeln; kein riesiges gemeinsames Unterpanel. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=261') center/100% 100% no-repeat!important;
}
.ranking-tabs{
  top:112px!important;
  width:520px!important;
  height:54px!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:center!important;
}
.ranking-tabs::before{
  content:none!important;
  display:none!important;
}
.ranking-tab,
.ranking-tab.active{
  position:relative!important;
  flex:0 0 246px!important;
  width:246px!important;
  min-width:246px!important;
  height:54px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:14px!important;
  background:url('assets/ranking-tab-button.png?v=261') center/100% 100% no-repeat!important;
  color:#dff7ff!important;
  text-shadow:0 0 9px rgba(68,205,255,.72),0 2px 0 #001428!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ranking-tab::before{
  content:""!important;
  position:absolute!important;
  inset:5px 12px!important;
  border-radius:12px!important;
  background:radial-gradient(circle at 50% 50%,rgba(111,229,255,.58),rgba(24,130,219,.34) 56%,rgba(4,19,43,0) 78%)!important;
  box-shadow:0 0 24px rgba(75,216,255,.78),inset 0 0 18px rgba(154,239,255,.55)!important;
  opacity:0!important;
  transition:opacity .12s ease!important;
  pointer-events:none!important;
  z-index:0!important;
}
.ranking-tab.active::before,
.ranking-tab:hover::before{
  opacity:.82!important;
}
.ranking-tab span{
  position:relative!important;
  z-index:1!important;
}

/* v262: Tab-Panels höher über die Trennlinie, dezenteres Leuchten; grüne Aktionen weiter runter. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=262') center/100% 100% no-repeat!important;
}
.ranking-tabs{
  top:96px!important;
}
.ranking-tab,
.ranking-tab.active{
  background:url('assets/ranking-tab-button.png?v=262') center/100% 100% no-repeat!important;
}
.ranking-tab::before{
  inset:7px 16px!important;
  background:radial-gradient(circle at 50% 52%,rgba(98,219,255,.34),rgba(23,121,205,.20) 54%,rgba(4,19,43,0) 78%)!important;
  box-shadow:0 0 12px rgba(75,216,255,.38),inset 0 0 10px rgba(154,239,255,.30)!important;
}
.ranking-tab.active::before,
.ranking-tab:hover::before{
  opacity:.42!important;
}
.ranking-actions{
  top:32px!important;
  margin-top:8px!important;
}

/* v263: Feinausrichtung nach Referenz — Tabs/Assets weiter hoch, Aktionen weiter runter. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=263') center/100% 100% no-repeat!important;
}
.ranking-tabs{
  top:82px!important;
}
.ranking-tab,
.ranking-tab.active{
  background:url('assets/ranking-tab-button.png?v=263') center/100% 100% no-repeat!important;
}
.ranking-actions{
  top:46px!important;
  margin-top:8px!important;
}

/* v264: Korrigierte Mitte statt Extremwerte — Tabs 7px runter, Aktionen 7px hoch. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=264') center/100% 100% no-repeat!important;
}
.ranking-tabs{
  top:89px!important;
}
.ranking-tab,
.ranking-tab.active{
  background:url('assets/ranking-tab-button.png?v=264') center/100% 100% no-repeat!important;
}
.ranking-actions{
  top:39px!important;
  margin-top:8px!important;
}

/* v265: Ranglisten-Feinschliff — Titel höher, Level-Stern aus Referenz, Marktwert zentriert, Namen kleiner. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=265') center/100% 100% no-repeat!important;
}
.ranking-title-plate{
  top:30px!important;
  min-width:300px!important;
  height:46px!important;
  place-items:center!important;
  line-height:1!important;
  text-align:center!important;
}
.ranking-list-head,
.ranking-row{
  grid-template-columns:66px 1.42fr 2.02fr 142px 88px!important;
}
.ranking-head-sort[data-ranking-sort="marketValue"],
.ranking-market{
  padding-left:0!important;
  justify-content:center!important;
  text-align:center!important;
}
.ranking-head-sort[data-ranking-sort="level"]{
  justify-content:center!important;
  gap:4px!important;
  padding-left:0!important;
}
.ranking-head-sort[data-ranking-sort="level"]:before{
  content:""!important;
  display:inline-block!important;
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  background:url('assets/level-star.png?v=265') center/contain no-repeat!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));
}
.ranking-row{
  font-size:13px!important;
  font-weight:600!important;
}
.ranking-row > span{
  font-size:13px!important;
  font-weight:600!important;
}
.ranking-name{
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
.ranking-place,
.ranking-team,
.ranking-market,
.ranking-level{
  font-size:13px!important;
  font-weight:600!important;
}
.ranking-market b,
.ranking-level b{
  display:none!important;
}
.ranking-level{
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
}
.ranking-level:before{
  content:""!important;
  display:inline-block!important;
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  background:url('assets/level-star.png?v=265') center/contain no-repeat!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));
}

/* v266: Marktwert und Level strikt linksbündig; Level-Stern hat je Zeile dieselbe Startposition. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=266') center/100% 100% no-repeat!important;
}
.ranking-row > span,
.ranking-list-head > span,
.ranking-list-head > button{
  width:100%!important;
  justify-self:stretch!important;
}
.ranking-head-sort[data-ranking-sort="marketValue"],
.ranking-market,
.ranking-head-sort[data-ranking-sort="level"],
.ranking-level{
  justify-content:flex-start!important;
  text-align:left!important;
  padding-left:0!important;
}
.ranking-head-sort[data-ranking-sort="level"],
.ranking-level{
  gap:5px!important;
}
.ranking-head-sort[data-ranking-sort="level"]:before,
.ranking-level:before{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  margin-left:0!important;
  background:url('assets/level-star.png?v=266') center/contain no-repeat!important;
}

/* v267: Kein Stern im Level-Header; Werte/Stern starten direkt unter den Spaltentiteln. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=267') center/100% 100% no-repeat!important;
}
.ranking-head-sort[data-ranking-sort="level"]:before{
  content:none!important;
  display:none!important;
  background:none!important;
}
.ranking-head-sort[data-ranking-sort="marketValue"],
.ranking-head-sort[data-ranking-sort="level"]{
  justify-content:flex-start!important;
  text-align:left!important;
  padding-left:16px!important;
}
.ranking-market,
.ranking-level{
  justify-content:flex-start!important;
  text-align:left!important;
  padding-left:20px!important;
}
.ranking-level:before{
  background:url('assets/level-star.png?v=267') center/contain no-repeat!important;
}

/* v268: Ranglisten-Werte optisch unter die Spaltennamen schieben; alter 1v1-Hintergrund zurück. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=268') center/100% 100% no-repeat!important;
}
.ranking-head-sort[data-ranking-sort="marketValue"].active:before{
  content:none!important;
  display:none!important;
}
.ranking-head-sort[data-ranking-sort="marketValue"],
.ranking-head-sort[data-ranking-sort="level"]{
  padding-left:28px!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.ranking-market,
.ranking-level{
  padding-left:32px!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.ranking-level:before{
  background:url('assets/level-star.png?v=268') center/contain no-repeat!important;
}
.game[data-section="1v1"]{
  background:#08111f url("assets/1v1-bg.png?v=268") center/cover no-repeat!important;
}

/* v269: Nutzer-Screenshot-Korrektur — Tabellenwerte waren visuell ca. 18px links von Marktwert/Level. Nur Zeileninhalt nach rechts, Header bleibt Referenz. */
.ranking-panel{
  background:url('assets/ranking-panel-wide.png?v=269') center/100% 100% no-repeat!important;
}
.ranking-head-sort[data-ranking-sort="marketValue"].active:before{
  content:none!important;
  display:none!important;
}
.ranking-head-sort[data-ranking-sort="level"]:before{
  content:none!important;
  display:none!important;
  background:none!important;
}
.ranking-head-sort[data-ranking-sort="marketValue"],
.ranking-head-sort[data-ranking-sort="level"]{
  padding-left:28px!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.ranking-market,
.ranking-level{
  padding-left:50px!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.ranking-level:before{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  margin-left:0!important;
  background:url('assets/level-star.png?v=269') center/contain no-repeat!important;
}
.game[data-section="1v1"]{
  background:#08111f url("assets/1v1-bg.png?v=269") center/cover no-repeat!important;
}

/* v270: 1v1 — Herausfordern-Button nicht unten abschneiden; Marktwert nutzt echtes Icon statt MW-Text. */
.game[data-section="1v1"]{
  background:#08111f url("assets/1v1-bg.png?v=270") center/cover no-repeat!important;
}
.game[data-section="1v1"] .pvp-panel{
  height:552px!important;
  padding-bottom:30px!important;
}
.game[data-section="1v1"] .pvp-cards{
  height:448px!important;
}
.game[data-section="1v1"] .pvp-card{
  grid-template-rows:136px 42px 22px 76px 23px 60px 46px!important;
  padding-bottom:18px!important;
  overflow:visible!important;
}
.game[data-section="1v1"] .pvp-portrait{
  width:140px!important;
  height:120px!important;
}
.game[data-section="1v1"] .pvp-card h3{
  font-size:21px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}
.game[data-section="1v1"] .pvp-level{
  font-size:16px!important;
}
.game[data-section="1v1"] .pvp-stats{
  gap:6px!important;
}
.game[data-section="1v1"] .pvp-reward-title{
  font-size:14px!important;
  padding-top:3px!important;
}
.game[data-section="1v1"] .pvp-rewards{
  padding:5px!important;
  gap:5px!important;
}
.game[data-section="1v1"] .pvp-rewards span{
  grid-template-columns:30px 1fr!important;
  column-gap:5px!important;
}
.game[data-section="1v1"] .pvp-rewards img.marketvalue-icon,
.game[data-section="1v1"] .pvp-rewards img.inline-marketvalue-icon{
  width:30px!important;
  height:30px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.65));
}
.game[data-section="1v1"] .pvp-rewards b,
.game[data-section="1v1"] .pvp-rewards strong{
  font-size:16px!important;
}
.game[data-section="1v1"] .pvp-rewards em{
  font-size:9px!important;
}
.game[data-section="1v1"] .pvp-card button{
  height:42px!important;
  align-self:center!important;
  font-size:18px!important;
  line-height:1!important;
  padding:0 8px!important;
  box-shadow:0 4px 0 #031326,0 7px 10px rgba(0,0,0,.38),inset 0 2px 0 rgba(215,250,255,.42)!important;
}

/* v271: Marktwert-Icon auch im 1v1-Belohnungsfenster und in der Rangliste; 1v1-Kampf blockiert fertige Mission vor dem Überschreiben. */
.ranking-market{
  gap:5px!important;
  align-items:center!important;
}
.ranking-market img.ranking-marketvalue-icon{
  display:inline-block!important;
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.6));
}
.mission-rewards img.mission-marketvalue-icon{
  display:block!important;
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.55));
}
.game[data-section="Missionen"] .mission-rewards li:has(.mission-marketvalue-icon){
  grid-template-columns:38px 1fr!important;
  column-gap:8px!important;
}
.game[data-section="Missionen"] .mission-rewards li span:has(.mission-marketvalue-icon){
  width:34px!important;
  height:34px!important;
}
.game[data-section="Missionen"] .mission-rewards li:has(.mission-marketvalue-icon) b{
  font-size:18px!important;
  white-space:nowrap!important;
}

/* v273: komplette Rangliste samt Grafik-Assets höher setzen, damit unten mehr Luft bleibt. */
.ranking-panel{
  top:47%!important;
  background:url('assets/ranking-panel-wide.png?v=273') center/100% 100% no-repeat!important;
}

/* v274: Rangliste wirklich ganz nach vorne; HUD/Level dahinter abdunkeln und hellen Seiten-Halo entfernen. */
.game.ranking-open:after{
  z-index:1000!important;
  background:rgba(5,13,30,.42)!important;
}
.game.ranking-open .ranking-panel,
.ranking-panel{
  z-index:1100!important;
  background:url('assets/ranking-panel-wide.png?v=274') center/100% 100% no-repeat!important;
  box-shadow:none!important;
  filter:none!important;
}

/* v275: Rangliste mit allen enthaltenen Assets minimal höher in die optische Mitte. */
.game.ranking-open .ranking-panel,
.ranking-panel{
  top:46%!important;
  background:url('assets/ranking-panel-wide.png?v=275') center/100% 100% no-repeat!important;
}

/* v277: Spieler-anzeigen bleibt als sauberes Profil im Ranglistenfenster; kein kaputter Vollbild-Zuschauermodus. */
.ranking-profile.ranking-profile-player{
  position:absolute!important;
  inset:86px 24px 24px!important;
  z-index:1120!important;
  padding:18px 22px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(19,49,96,.98),rgba(6,18,39,.98))!important;
  border:3px solid rgba(191,227,255,.95)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.62),inset 0 2px 0 rgba(255,255,255,.20)!important;
  overflow:hidden!important;
  color:#f4fbff!important;
}
.ranking-profile-player .ranking-profile-close{display:block!important;z-index:20!important}
.ranking-profile-player-head{
  display:grid!important;
  grid-template-columns:142px minmax(0,1fr) 190px!important;
  gap:18px!important;
  align-items:center!important;
  min-height:154px!important;
  padding-right:42px!important;
}
.ranking-profile-avatar-mini{
  position:relative!important;
  height:146px!important;
  border-radius:16px!important;
  background:radial-gradient(circle at 50% 78%,rgba(255,255,255,.14),rgba(5,16,34,.45) 58%,rgba(2,7,18,.3))!important;
  border:2px solid rgba(142,197,255,.45)!important;
  overflow:hidden!important;
}
.ranking-profile-avatar-mini .ranking-character{
  left:50%!important;
  top:56%!important;
  transform:translate(-50%,-50%) scale(.47)!important;
  transform-origin:center!important;
  filter:drop-shadow(0 10px 8px rgba(0,0,0,.45))!important;
}
.ranking-profile-player-title{min-width:0!important}
.ranking-profile-player-title span{
  display:block!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  color:#8dff9d!important;
  font-size:13px!important;
}
.ranking-profile-player-title h3{
  margin:4px 0 3px!important;
  font-size:29px!important;
  line-height:1.05!important;
  color:#fff0a6!important;
  text-shadow:2px 3px #07152d!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ranking-profile-player-title p{margin:0 0 12px!important;color:#d8eaff!important;font-weight:900!important}
.ranking-profile-xp{
  position:relative!important;
  height:24px!important;
  border-radius:999px!important;
  background:rgba(5,10,24,.74)!important;
  border:2px solid rgba(255,255,255,.2)!important;
  overflow:hidden!important;
}
.ranking-profile-xp i{display:block!important;height:100%!important;background:linear-gradient(90deg,#7f00d9,#bd18ff)!important}
.ranking-profile-xp b{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-size:12px!important;text-shadow:0 2px #001!important}
.ranking-profile-player-meta{display:grid!important;gap:10px!important}
.ranking-profile-player-meta div{
  padding:10px 12px!important;
  border-radius:12px!important;
  background:rgba(2,10,24,.48)!important;
  border:2px solid rgba(142,197,255,.42)!important;
}
.ranking-profile-player-meta span{display:block!important;color:#9ccfff!important;font-size:12px!important;font-weight:1000!important;text-transform:uppercase!important}
.ranking-profile-player-meta b{display:flex!important;align-items:center!important;gap:6px!important;color:#fff!important;font-size:23px!important;font-weight:1000!important}
.ranking-profile-player-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin-top:14px!important;
}
.ranking-profile-player-grid section{
  min-height:210px!important;
  padding:14px!important;
  border-radius:14px!important;
  background:rgba(2,10,24,.42)!important;
  border:2px solid rgba(142,197,255,.45)!important;
}
.ranking-profile-player-grid h4{margin:0 0 10px!important;color:#ffe36d!important;font-size:18px!important;text-shadow:1px 2px #001!important}
.ranking-profile-player .spectator-skill-list{gap:8px!important}
.ranking-profile-player .spectator-skill{height:42px!important;pointer-events:none!important}
.ranking-profile-player .spectator-skill .skill-up{display:none!important}
.ranking-profile-player .spectator-booster-list{display:grid!important;gap:10px!important;margin-bottom:14px!important}
.ranking-profile-player .spectator-attack-btn{display:block!important;position:static!important;width:100%!important;height:48px!important;font-size:18px!important}

/* v278: Profilinhalt zwingend in den sichtbaren Ranglistenbereich legen. */
.ranking-profile.ranking-profile-player .ranking-profile-player-head{
  height:154px!important;
  min-height:154px!important;
  max-height:154px!important;
  align-items:center!important;
}
.ranking-profile.ranking-profile-player .ranking-profile-player-grid{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  top:192px!important;
  bottom:18px!important;
  height:auto!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
.ranking-profile.ranking-profile-player .ranking-profile-player-grid section{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.ranking-profile.ranking-profile-player .ranking-profile-player-meta{
  align-self:center!important;
  height:auto!important;
  max-height:132px!important;
}

/* v279: Marktwert-Zahl im Spielerprofil sichtbar halten, Icon darf die Box nicht aufblasen. */
.ranking-profile.ranking-profile-player .ranking-profile-player-meta div{
  width:166px!important;
  height:52px!important;
  min-height:0!important;
  max-height:52px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.ranking-profile.ranking-profile-player .ranking-profile-player-meta b{
  height:26px!important;
  min-height:0!important;
  max-height:26px!important;
  font-size:22px!important;
  line-height:1!important;
  overflow:hidden!important;
}
.ranking-profile.ranking-profile-player .ranking-profile-player-meta img.marketvalue-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  object-fit:contain!important;
}

/* v281: Zuschauermodus darf nicht von den Ranglisten-v275/v277-Profilregeln verschoben werden. Er bleibt eine read-only Dein-Fußballer-Ansicht. */
.game.ranking-open .ranking-panel.spectator-mode,
.ranking-panel.spectator-mode{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  transform:none!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
  z-index:85!important;
}
.game.ranking-open .ranking-panel.spectator-mode > .ranking-head,
.game.ranking-open .ranking-panel.spectator-mode > .ranking-tabs,
.game.ranking-open .ranking-panel.spectator-mode > .ranking-list-head,
.game.ranking-open .ranking-panel.spectator-mode > .ranking-list,
.game.ranking-open .ranking-panel.spectator-mode > .ranking-foot,
.game.ranking-open .ranking-panel.spectator-mode > .ranking-close{
  display:none!important;
}
.game.ranking-open .ranking-profile.spectator-profile{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.game.ranking-open:has(.ranking-panel.spectator-mode):after{
  content:none!important;
  display:none!important;
}

/* v282: Im Zuschauermodus das eigene obere HUD ausblenden, damit kein fremdes Level/Name-Panel in die Gegneransicht rutscht. */
.game:has(.ranking-panel.spectator-mode) > .topbar,
.game:has(.ranking-panel.spectator-mode) > .topbar.simple{
  display:none!important;
}
.game:has(.ranking-panel.spectator-mode) .locker-room{
  top:0!important;
}

/* v284: Start-/Loginbildschirm auf Handy komplett ins sichtbare Fenster skalieren. */
:root{--start-scale:1}
@media (max-width:700px), (max-height:520px){
  .start-screen{
    display:block!important;
    overflow:hidden!important;
    touch-action:manipulation;
  }
  .start-screen.hidden{display:none!important}
  .start-card{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:980px!important;
    height:620px!important;
    max-width:none!important;
    max-height:none!important;
    transform:translate(-50%,-50%) scale(var(--start-scale))!important;
    transform-origin:center center!important;
  }
}


/* v302: Online-Kugel hinter dem Namen kleiner; 1v1-Cooldown mit 10-Minuten-Balken. */
.ranking-name{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}
.ranking-name-text{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
}
.online-dot{
  flex:0 0 7px!important;
  width:7px!important;
  height:7px!important;
  margin-left:1px!important;
  border-radius:50%;
  display:inline-block;
  background:rgba(70,90,82,.55);
  border:1px solid rgba(12,25,20,.75);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.25);
}
.online-dot.active{
  background:radial-gradient(circle at 35% 30%,#eaffd7 0 10%,#63ff5f 34%,#18b72a 70%,#066b14 100%);
  border:1px solid #d7ffd0;
  box-shadow:0 0 6px rgba(76,255,84,.78),0 0 2px #001b07,inset 0 1px 1px rgba(255,255,255,.75);
}
.ranking-row.online .ranking-name-text{
  color:#f5fff0!important;
  text-shadow:0 0 5px rgba(75,255,91,.3),0 2px 0 #000!important;
}
.pvp-cooldown{
  position:absolute;
  left:50%;
  top:66px;
  transform:translateX(-50%);
  z-index:9;
  width:420px;
  min-height:54px;
  padding:7px 12px 8px;
  border-radius:12px;
  color:#f8fbff;
  background:linear-gradient(180deg,rgba(14,34,58,.96),rgba(5,13,25,.96));
  border:3px solid rgba(151,208,255,.78);
  box-shadow:0 8px 18px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.25);
  text-align:left;
}
.pvp-cooldown.ready{
  border-color:#9cff86;
  box-shadow:0 8px 18px rgba(0,0,0,.48),0 0 14px rgba(93,255,83,.22),inset 0 1px 0 rgba(255,255,255,.25);
}
.pvp-cooldown-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-shadow:0 2px 0 #000;
}
.pvp-cooldown-label{font-size:14px;color:#dff4ff}.pvp-cooldown.ready .pvp-cooldown-label{color:#baff9a}.pvp-cooldown-top b{font-size:18px;color:#ffe889}
.pvp-cooldown-bar{
  height:10px;
  margin:4px 0 3px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.5);
}
.pvp-cooldown-bar i{
  display:block;
  width:var(--pvp-cooldown-progress,0%);
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#ff4242,#ffcc45);
  box-shadow:0 0 8px rgba(255,178,55,.75);
  transition:width .35s linear,background .25s ease;
}
.pvp-cooldown.ready .pvp-cooldown-bar i{width:100%;background:linear-gradient(90deg,#46ff42,#b7ff76)}
.pvp-cooldown em{display:block;font-style:normal;font-size:11px;font-weight:900;color:#bad4ed;text-align:center}.pvp-cooldown em .bier-icon{width:18px!important;height:14px!important;margin-left:2px!important;vertical-align:-2px!important}
.game[data-section="1v1"] .pvp-card button .bier-icon{width:22px!important;height:17px!important;margin:0 0 0 2px!important;vertical-align:-2px!important}
.game[data-section="1v1"] .pvp-card button{white-space:nowrap!important}
.game[data-section="1v1"] .pvp-panel{padding-top:78px!important;height:584px!important}
.game[data-section="1v1"] .pvp-head{position:absolute!important;left:50%;top:17px;transform:translateX(-50%);width:100%;margin:0!important}
.game[data-section="1v1"] .pvp-cards{height:448px!important}

/* v331: Mannschaften-Rangliste anklickbar + Ausbau-Prozent nicht abschneiden. */
.ranking-team-row{
  cursor:pointer!important;
}
.ranking-team-row .ranking-level{
  left:0!important;
  transform:none!important;
  min-width:72px!important;
  overflow:visible!important;
  padding-left:18px!important;
  padding-right:10px!important;
  justify-content:flex-start!important;
}
.ranking-team-row .ranking-level:before{
  content:none!important;
  display:none!important;
}
.ranking-row.selected,
.ranking-row:hover,
.ranking-team-row.selected{
  outline:3px solid #58a8dc!important;
  outline-offset:-3px!important;
}
.game.ranking-open .ranking-profile.ranking-profile-team{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
.game.ranking-open .ranking-profile-team .spectator-team-clubhouse{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:66px!important;
  bottom:178px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  transform:none!important;
}
.ranking-profile-team .team-panel-content{
  bottom:16px!important;
}
.ranking-profile-team .spectator-close{
  position:absolute!important;
  right:16px!important;
  top:12px!important;
  z-index:8!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  border:3px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(180deg,#ff6868,#b31d1d)!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:1000!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 6px 14px rgba(0,0,0,.45)!important;
}
.ranking-profile-team .team-upgrade-row.readonly{
  grid-template-columns:36px 1fr!important;
}
.ranking-profile-team .team-tabs button,
.ranking-profile-team .team-member-mini-row,
.ranking-profile-team .team-upgrade-row{
  pointer-events:auto!important;
}

/* v333: Rangliste bleibt ein Vordergrund-Overlay über der aktuellen Szene; Anzeigen-Button hat feste Breite für Spieler/Mannschaft. */
.game.ranking-open .ranking-panel{
  z-index:1100!important;
}
.game.ranking-open:after{
  z-index:1000!important;
}
.ranking-actions button[data-ranking-show]{
  width:188px!important;
  min-width:188px!important;
  max-width:188px!important;
  box-sizing:border-box!important;
  padding-left:8px!important;
  padding-right:8px!important;
  white-space:nowrap!important;
}

/* v358: Ranking/Zuschauermodus muss 1v1 komplett verdecken, auch wenn data-section noch 1v1 ist. */
.game.ranking-open .pvp-panel,
.game.ranking-open .doping-panel,
.game.ranking-open .fanshop-shop{
  display:none!important;
}

/* v361: Rangliste/Zuschauermodus ist ein echtes Overlay über der aktuellen Szene.
   data-section bleibt die Rückkehr-Szene, damit der Hintergrund nicht auf Rangliste umspringt;
   nur die interaktiven Tab-Panels darunter werden ausgeblendet. */
.game.ranking-open > .locker-room > .left-card,
.game.ranking-open > .locker-room > .right-stack,
.game.ranking-open > .locker-room > .scene-title,
.game.ranking-open > .locker-room > .avatar-stage,
.game.ranking-open > .locker-room > .mission-zone,
.game.ranking-open > .locker-room > .training-panel,
.game.ranking-open > .locker-room > .team-panel,
.game.ranking-open > .locker-room > .fanshop-shop,
.game.ranking-open > .locker-room > .pvp-panel,
.game.ranking-open > .locker-room > .doping-panel{
  display:none!important;
}
.game.ranking-open .ranking-panel{
  display:block!important;
  z-index:1100!important;
}


/* v362: Overlay endgültig ohne Szenenwechsel: Hintergrund bleibt aktuelle Sektion,
   aber die darunterliegende UI ist unsichtbar und kann nicht in Liste/Zuschauer durchscheinen. */
.game.ranking-open > .team-panel,
.game.ranking-open > .mission-zone,
.game.ranking-open > .training-panel,
.game.ranking-open > .fanshop-shop,
.game.ranking-open > .pvp-panel,
.game.ranking-open > .doping-panel{
  display:none!important;
}
.game.ranking-open[data-section="Mannschaft"]:has(.ranking-panel.spectator-mode){
  background:#6fb847 url("assets/team-bg-mirrored.png?v=309") center/cover no-repeat!important;
}
.game.ranking-open[data-section="Missionen"]:has(.ranking-panel.spectator-mode){
  background:#79c94e url("assets/blumenwiese-zone.png?v=42") center/cover no-repeat!important;
}
.game.ranking-open[data-section="Training"]:has(.ranking-panel.spectator-mode){
  background:#08111f url("assets/training-bg.png?v=171") center/cover no-repeat!important;
}
.game.ranking-open .ranking-panel.spectator-mode .spectator-avatar-stage,
.game.ranking-open .ranking-panel.spectator-mode .spectator-avatar-stage .ranking-character,
.game.ranking-open .ranking-panel.spectator-mode .spectator-avatar-stage .gear-slot,
.game.ranking-open .ranking-panel.spectator-mode .spectator-avatar-stage .spectator-gear-item{
  display:block!important;
}

/* Source chunk: 60-training.css */
/* v290: Hero-Zero-artiger Training-Reiter mit 4 Grundwerten und Kreis-Fortschritt. */
.training-panel{display:none}
.game[data-section="Training"]{background:#173a58 url("assets/kreisliga-bolzplatz.svg") center/cover no-repeat}
.game[data-section="Training"] .avatar-stage,.game[data-section="Training"] .mission-zone,.game[data-section="Training"] .pvp-panel{display:none!important}
.game[data-section="Training"] .training-panel{display:block;position:absolute;left:354px;right:38px;top:96px;bottom:188px;z-index:6}
.training-card{height:100%;padding:24px 30px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(10,35,58,.96),rgba(6,21,36,.97))!important;border:4px solid #2f80b7!important;box-shadow:0 18px 42px #000d,inset 0 0 0 2px rgba(129,204,255,.20)!important;color:#eaf8ff}
.training-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:10px;border-bottom:2px solid rgba(121,199,255,.28);padding-bottom:12px}
.training-head span{font-size:42px;font-weight:1000;letter-spacing:.5px;color:#d9f4ff;text-shadow:0 3px #001b2e,0 0 12px #54bcff88}
.training-head b{font-size:22px;color:#85dbff;text-shadow:0 2px #001b2e}
.training-copy{margin:0 0 18px;color:#b9dded;font-weight:800;font-size:15px;line-height:1.35}
.training-active{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,#0c4f7b,#092e4c);border:2px solid #5ac6ff;color:#e8fbff;font-weight:1000;box-shadow:inset 0 2px 0 #ffffff22}
.training-active button{border:0;border-radius:10px;padding:8px 12px;background:#14314c;color:#d9efff;font-weight:1000;box-shadow:inset 0 0 0 2px #65b5ea;cursor:pointer}
.training-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;height:calc(100% - 120px)}
.training-row{display:grid;grid-template-columns:92px 1fr 112px;align-items:center;gap:16px;min-height:142px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#123b5b,#081f34);border:3px solid #1b6ea5;box-shadow:0 10px 20px #0008,inset 0 2px 0 #ffffff1f}
.training-row.active{border-color:#8ce0ff;box-shadow:0 0 0 4px rgba(80,190,255,.22),0 12px 24px #0009,inset 0 2px 0 #fff3}
.training-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 26%,#d9f8ff 0 12%,#47b8f4 34%,#0b4777 72%,#05263f 100%);border:5px solid #9de8ff;box-shadow:0 8px 0 #02182a,0 12px 18px #0009,inset 0 3px 0 #fff8}
.training-icon .skill-icon-img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 2px #001b2c)}
.training-main b{display:block;font-size:25px;color:#fff;text-shadow:0 2px #001a2d;margin-bottom:10px}
.training-main small{display:block;margin-top:8px;color:#8ec7df;font-weight:900;font-size:13px}
.training-polls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:30px}
.training-poll{width:24px;height:24px;border-radius:50%;background:linear-gradient(#061a2c,#0a2f4d);border:3px solid #6bbbe5;box-shadow:inset 0 2px 5px #000c,0 2px 0 #001321}
.training-poll.filled{background:radial-gradient(circle at 35% 25%,#fff 0 10%,#9df5ff 22%,#2fc0ff 58%,#08649a 100%);border-color:#d9fbff;box-shadow:0 0 12px #65d6ff,inset 0 2px 0 #fff8}
.training-action{height:54px;border:0;border-radius:14px;background:linear-gradient(#ffe27b,#d48216 62%,#9a4e05);color:#321700;font-size:18px;font-weight:1000;text-shadow:0 1px #fff7;box-shadow:0 6px 0 #572900,0 12px 16px #0008,inset 0 2px 0 #fff8;cursor:pointer}
.training-action:disabled{opacity:.55;filter:grayscale(.55);cursor:not-allowed}
.training-row.active .training-action{background:linear-gradient(#adf0ff,#39afea 62%,#12628f);color:#032033;box-shadow:0 6px 0 #032840,0 12px 16px #0008,inset 0 2px 0 #fff8}
@media(max-width:1180px),(max-height:680px){.game[data-section="Training"] .training-panel{left:342px!important;right:18px!important;top:84px!important;bottom:178px!important}.training-card{padding:18px 22px!important}.training-head span{font-size:34px}.training-list{gap:12px}.training-row{grid-template-columns:78px 1fr 98px;min-height:120px;padding:12px}.training-icon{width:70px;height:70px}.training-main b{font-size:21px}.training-poll{width:20px;height:20px}.training-action{height:48px;font-size:16px}}


/* v291: Training ohne großes Panel — Knoten liegen direkt auf dem Hintergrund; laufendes Training nutzt Missions-Timerfenster. */
.game[data-section="Training"]{background:#173a58 url("assets/kreisliga-bolzplatz.svg") center/cover no-repeat!important}
.game[data-section="Training"] .avatar-stage,.game[data-section="Training"] .mission-zone,.game[data-section="Training"] .pvp-panel,.game[data-section="Training"] .scene-title{display:none!important}
.game[data-section="Training"] .training-panel{display:block!important;position:absolute;left:0!important;right:0!important;top:66px!important;bottom:178px!important;z-index:6;pointer-events:none;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.training-title{position:absolute;left:50%;top:16px;transform:translateX(-50%);margin:0;padding:12px 54px;border-radius:18px;background:linear-gradient(#f2fbff,#79d6ff 55%,#146d9e);border:5px solid #063e66;color:#082c43;font-size:42px;line-height:1;font-weight:1000;text-shadow:0 2px #ffffffa8;box-shadow:0 10px 22px #0009,inset 0 3px 0 #fff;pointer-events:none}
.training-subtitle{position:absolute;left:50%;top:78px;transform:translateX(-50%);margin:0;padding:6px 18px;border-radius:999px;background:rgba(5,24,40,.72);color:#dff7ff;font-size:16px;font-weight:1000;text-shadow:0 2px #000;box-shadow:0 5px 12px #0007;pointer-events:none}
.game[data-section="Training"] .training-row.training-node{position:absolute!important;display:grid!important;grid-template-columns:92px 1fr!important;grid-template-rows:auto auto!important;gap:10px 15px;width:330px;min-height:132px;padding:14px 15px 13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto;filter:drop-shadow(0 12px 12px rgba(0,0,0,.55))}
.training-node:before{content:"";position:absolute;inset:18px 0 0 42px;border-radius:22px;background:linear-gradient(180deg,rgba(11,61,96,.94),rgba(6,28,49,.94));border:4px solid #5cc9ff;box-shadow:inset 0 2px 0 #ffffff40,0 8px 0 #05243d;z-index:-1}
.training-node-1{left:218px;top:158px}.training-node-2{right:218px;top:158px}.training-node-3{left:282px;bottom:66px}.training-node-4{right:282px;bottom:66px}
.game[data-section="Training"] .training-icon{grid-row:1/3;width:88px!important;height:88px!important;align-self:center;z-index:2;background:radial-gradient(circle at 34% 26%,#ecfbff 0 13%,#5fd2ff 36%,#0b5f95 72%,#042744 100%)!important;border:5px solid #d4f7ff!important;box-shadow:0 8px 0 #031a2d,0 12px 18px #0009,inset 0 3px 0 #fff8!important}
.game[data-section="Training"] .training-icon .skill-icon-img{width:60px!important;height:60px!important;object-fit:contain;filter:drop-shadow(0 3px 2px #001b2c)}
.game[data-section="Training"] .training-main{padding:12px 8px 0 0;min-width:0}.game[data-section="Training"] .training-main b{font-size:24px!important;color:#fff;margin:0 0 8px;text-shadow:0 2px #001a2d;white-space:nowrap}.game[data-section="Training"] .training-main small{display:block;margin-top:7px;color:#bcefff;font-size:12px;font-weight:1000;text-shadow:0 2px #001a2d}.game[data-section="Training"] .training-polls{gap:6px;min-height:28px}.game[data-section="Training"] .training-poll{width:22px;height:22px;border-width:3px}.game[data-section="Training"] .training-action{grid-column:2;justify-self:start;width:112px;height:42px!important;font-size:16px!important;pointer-events:auto}.game[data-section="Training"] .training-runner{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:650px!important;height:360px!important;z-index:40!important;pointer-events:auto!important;text-align:center!important}.game[data-section="Training"] .training-runner .mission-action-row{margin-top:18px!important;display:flex!important;gap:14px!important;justify-content:center!important}.game[data-section="Training"] .training-runner .mission-start,.game[data-section="Training"] .training-runner .mission-skip{width:auto!important;min-width:210px!important}.game[data-section="Training"] .training-runner .mission-progress{margin:18px 0!important}
@media(max-width:1180px),(max-height:680px){.training-title{top:10px;font-size:36px}.training-subtitle{top:66px;font-size:14px}.training-node-1{left:190px;top:132px}.training-node-2{right:190px;top:132px}.training-node-3{left:230px;bottom:48px}.training-node-4{right:230px;bottom:48px}.game[data-section="Training"] .training-row.training-node{width:304px;grid-template-columns:82px 1fr!important}.game[data-section="Training"] .training-icon{width:76px!important;height:76px!important}.game[data-section="Training"] .training-main b{font-size:21px!important}.game[data-section="Training"] .training-poll{width:19px;height:19px}.game[data-section="Training"] .training-runner{width:590px!important;height:330px!important}}


/* v292: altes Training-Hintergrundbild zurück, Trainingsstationen ohne Karten/Panel, Auto-Abschluss mit schöner +5-Meldung. */
.game[data-section="Training"]{background:#08111f url("assets/training-bg.png?v=171") center/cover no-repeat!important}
.game[data-section="Training"] .training-panel{background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none!important}
.game[data-section="Training"] .training-row.training-node{background:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 11px 9px rgba(0,0,0,.68))!important;padding:0!important;width:360px!important;min-height:106px!important;grid-template-columns:98px 1fr!important;align-items:center!important}
.game[data-section="Training"] .training-node:before{content:none!important;display:none!important}
.game[data-section="Training"] .training-icon{width:92px!important;height:92px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 25%,#f2fcff 0 12%,#79ddff 31%,#1281bd 65%,#043d68 100%)!important;border:5px solid #d9f8ff!important;box-shadow:0 9px 0 #05223b,0 14px 18px #000b,inset 0 3px 0 #fff!important}
.game[data-section="Training"] .training-main{padding:0!important;align-self:center!important}.game[data-section="Training"] .training-main b{display:block!important;font-size:28px!important;color:#fff!important;text-shadow:0 3px 0 #04243d,0 0 8px #001!important;-webkit-text-stroke:1px rgba(2,22,38,.55);margin-bottom:8px!important}.game[data-section="Training"] .training-main small{font-size:13px!important;color:#e8fbff!important;text-shadow:0 2px 0 #001b2d,0 0 6px #001!important}.game[data-section="Training"] .training-polls{gap:7px!important;filter:drop-shadow(0 3px 2px rgba(0,0,0,.55))}.game[data-section="Training"] .training-poll{width:24px!important;height:24px!important;background:radial-gradient(circle,#092e4b,#031827)!important;border:3px solid #b8efff!important;box-shadow:inset 0 2px 4px #000b,0 2px 0 #031827!important}.game[data-section="Training"] .training-poll.filled{background:radial-gradient(circle at 35% 24%,#ffffff 0 10%,#7ff0ff 34%,#1aa1df 68%,#086092 100%)!important;border-color:#f1feff!important;box-shadow:0 0 14px rgba(105,223,255,.9),0 2px 0 #031827!important}.game[data-section="Training"] .training-action{grid-column:2!important;margin-top:7px!important;background:linear-gradient(#fff6a8,#e2a721 58%,#9c5d09)!important;border-color:#653600!important;color:#2c1800!important;text-shadow:0 1px #fff8!important;box-shadow:0 5px 0 #4d2600,0 9px 12px #0008!important}.training-node-1{left:190px!important;top:148px!important}.training-node-2{right:194px!important;top:148px!important}.training-node-3{left:252px!important;bottom:70px!important}.training-node-4{right:252px!important;bottom:70px!important}.game[data-section="Training"] .training-title{background:linear-gradient(#e9fbff,#83dfff 52%,#176f9e)!important;border-color:#0a4265!important;color:#06324d!important}.game[data-section="Training"] .training-reward-popup{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:560px!important;min-height:390px!important;text-align:center!important;z-index:45!important;pointer-events:auto!important}.training-reward-icon{width:112px;height:112px;margin:12px auto 8px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 24%,#fff 0 11%,#7ee7ff 34%,#1887c4 68%,#063d66 100%);border:6px solid #dcf8ff;box-shadow:0 9px 0 #05223b,0 0 26px rgba(111,226,255,.65),inset 0 4px 0 #fff}.training-reward-icon .skill-icon-img{width:74px!important;height:74px!important;object-fit:contain!important;filter:drop-shadow(0 4px 2px #001c2e)}.game[data-section="Training"] .training-reward-popup h3{font-size:42px!important;color:#ffe36d!important;text-shadow:0 3px 0 #001!important;margin:5px 0 10px!important}.game[data-section="Training"] .training-reward-popup .mission-story{font-size:18px!important;color:#e6f7ff!important;line-height:1.3!important}.game[data-section="Training"] .training-reward-popup .mission-start{margin-top:auto!important;width:100%!important}
@media(max-width:1180px),(max-height:680px){.game[data-section="Training"] .training-row.training-node{width:322px!important;grid-template-columns:84px 1fr!important}.game[data-section="Training"] .training-icon{width:78px!important;height:78px!important}.game[data-section="Training"] .training-main b{font-size:23px!important}.game[data-section="Training"] .training-poll{width:20px!important;height:20px!important}.training-node-1{left:168px!important;top:128px!important}.training-node-2{right:168px!important;top:128px!important}.training-node-3{left:218px!important;bottom:52px!important}.training-node-4{right:218px!important;bottom:52px!important}.game[data-section="Training"] .training-reward-popup{width:510px!important;min-height:345px!important}.training-reward-icon{width:94px;height:94px}}


/* v293: Training startet per Station-Klick; Detailfenster mit witzigem Text; 10 Tages-Trainings. */
.game[data-section="Training"] .training-row.training-node{appearance:none!important;-webkit-appearance:none!important;text-align:left!important;color:inherit!important;cursor:pointer!important;pointer-events:auto!important}
.game[data-section="Training"] .training-row.training-node:hover .training-icon,.game[data-section="Training"] .training-row.training-node.selected .training-icon{filter:brightness(1.12) drop-shadow(0 0 12px rgba(116,228,255,.85))!important;transform:translateY(-2px)}
.game[data-section="Training"] .training-row.training-node:hover .training-main b,.game[data-section="Training"] .training-row.training-node.selected .training-main b{color:#ffe36d!important}
.game[data-section="Training"] .training-action{display:none!important}
.training-daily-counter{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:20;padding:10px 28px;border-radius:999px;background:linear-gradient(180deg,rgba(7,47,75,.96),rgba(5,24,43,.96));border:4px solid #6fd8ff;color:#dff8ff;font-size:21px;font-weight:1000;text-shadow:0 2px 0 #001b2d;box-shadow:0 8px 0 #041e35,0 14px 22px rgba(0,0,0,.6),inset 0 2px 0 rgba(255,255,255,.2);pointer-events:none}.training-daily-counter b{color:#ffe36d;font-size:30px;text-shadow:0 3px 0 #001}
.game[data-section="Training"] .training-select-panel{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:590px!important;min-height:420px!important;z-index:42!important;pointer-events:auto!important;text-align:left!important}.game[data-section="Training"] .training-select-panel .mission-detail-head{margin-bottom:14px!important}.game[data-section="Training"] .training-select-panel .mission-story{font-size:18px!important;line-height:1.32!important;min-height:66px!important;color:#e9f8ff!important}.training-select-icon{display:grid!important;place-items:center!important;background:radial-gradient(circle at 35% 24%,#fff 0 11%,#7ee7ff 34%,#1887c4 68%,#063d66 100%)!important;border:5px solid #dff9ff!important;box-shadow:0 8px 0 #05223b,0 12px 18px rgba(0,0,0,.55),inset 0 4px 0 #fff!important}.training-select-icon .skill-icon-img{width:62px!important;height:62px!important;object-fit:contain!important}.game[data-section="Training"] .training-select-panel .mission-start{margin-top:auto!important;width:100%!important}.game[data-section="Training"] .training-select-panel .mission-start:disabled{filter:grayscale(.4) brightness(.65)!important;cursor:not-allowed!important}.game[data-section="Training"] .training-select-panel .mission-rewards span .skill-icon-img{width:34px!important;height:34px!important;object-fit:contain!important}
@media(max-width:1180px),(max-height:680px){.training-daily-counter{bottom:12px;font-size:17px;padding:8px 22px}.training-daily-counter b{font-size:24px}.game[data-section="Training"] .training-select-panel{width:525px!important;min-height:370px!important}.game[data-section="Training"] .training-select-panel .mission-story{font-size:16px!important;min-height:54px!important}}


/* v295: Training-Detailfenster poliert: rundes X oben rechts, Titel nach links, große Dauerkarte. */
.game[data-section="Training"] .training-select-panel{padding:24px 26px 24px!important;overflow:visible!important}
.game[data-section="Training"] .training-select-panel .mission-close{position:absolute!important;right:-18px!important;top:-18px!important;left:auto!important;width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;background:linear-gradient(#ff7770,#d6271e 56%,#7e100c)!important;border:4px solid #ffd9bb!important;color:#fff!important;font-size:30px!important;line-height:1!important;font-weight:1000!important;text-shadow:0 2px 0 #520000!important;box-shadow:0 6px 0 #4a0705,0 12px 18px rgba(0,0,0,.6),inset 0 2px 0 rgba(255,255,255,.45)!important;z-index:5!important}.game[data-section="Training"] .training-select-panel .mission-close:hover{filter:brightness(1.12)!important;transform:translateY(-1px)!important}.game[data-section="Training"] .training-select-panel .mission-detail-head{display:grid!important;grid-template-columns:86px 1fr!important;gap:14px!important;align-items:center!important;margin-bottom:10px!important;padding-right:22px!important}.game[data-section="Training"] .training-select-panel .mission-detail-head h3{justify-content:flex-start!important;text-align:left!important;margin:0!important;font-size:34px!important;line-height:1.02!important;color:#fff4b8!important;text-shadow:0 3px 0 #140800,0 0 12px rgba(0,0,0,.65)!important}.game[data-section="Training"] .training-select-panel .mission-kind{text-align:left!important;justify-content:flex-start!important;margin-bottom:5px!important}.game[data-section="Training"] .training-select-icon{width:78px!important;height:78px!important}.game[data-section="Training"] .training-select-icon .skill-icon-img{width:58px!important;height:58px!important}.game[data-section="Training"] .training-duration-card{display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:16px;margin:18px 0 20px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,226,107,.96),rgba(224,149,22,.97));border:4px solid #fff0ad;box-shadow:0 7px 0 #7c3e00,0 13px 18px rgba(0,0,0,.52),inset 0 2px 0 rgba(255,255,255,.55);color:#2b1600;text-shadow:0 1px rgba(255,255,255,.55)}.game[data-section="Training"] .training-duration-card span{grid-row:1/3;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 18%,#ffdc64 48%,#b46200 100%);border:4px solid #fff8d0;font-size:34px;box-shadow:inset 0 2px 0 #fff,0 4px 0 #733700}.game[data-section="Training"] .training-duration-card b{font-size:38px;line-height:1;font-weight:1000;letter-spacing:.01em}.game[data-section="Training"] .training-duration-card em{font-size:15px;font-style:normal;text-transform:uppercase;letter-spacing:.12em;font-weight:1000;color:#563000}.game[data-section="Training"] .training-select-panel .mission-rewards{display:none!important}
@media(max-width:1180px),(max-height:680px){.game[data-section="Training"] .training-select-panel .mission-close{width:40px!important;height:40px!important;font-size:26px!important;right:-14px!important;top:-14px!important}.game[data-section="Training"] .training-select-panel .mission-detail-head h3{font-size:29px!important}.game[data-section="Training"] .training-duration-card{grid-template-columns:62px 1fr;margin:12px 0 15px;padding:12px 14px}.game[data-section="Training"] .training-duration-card span{width:52px;height:52px;font-size:28px}.game[data-section="Training"] .training-duration-card b{font-size:31px}}


/* v296: Beim geöffneten Training-Detailfenster keine Tages-/Fortschrittsinfos zusätzlich im Blickfeld. */
.game[data-section="Training"] .training-panel:has(.training-select-panel) .training-daily-counter{display:none!important}
.game[data-section="Training"] .training-panel:has(.training-select-panel) .training-node:not(.selected) .training-main small{opacity:.18!important}
.game[data-section="Training"] .training-panel:has(.training-select-panel) .training-node.selected .training-main small{display:none!important}

/* v304: Laufendes Training nutzt denselben großen Balken wie laufende Missionen; Zeit zählt zuverlässig runter. */
.game[data-section="Training"] .training-runner .mission-progress{
  position:relative!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:74px!important;
  margin:12px 0 26px!important;
  flex:0 0 74px!important;
  border-radius:18px!important;
  border:4px solid #2d1606!important;
  background:linear-gradient(#2e1b0f,#140905)!important;
  overflow:hidden!important;
  box-shadow:inset 0 5px 10px rgba(0,0,0,.65),0 8px 16px rgba(0,0,0,.45)!important;
}
.game[data-section="Training"] .training-runner .mission-progress:before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,0) 30%,rgba(255,255,255,.12) 55%,rgba(255,255,255,0));
  z-index:2;
  pointer-events:none;
}
.game[data-section="Training"] .training-runner .mission-progress i{
  position:absolute!important;
  left:0;
  top:0;
  bottom:0;
  height:100%!important;
  border-radius:13px;
  background:linear-gradient(90deg,#25b347 0%,#7ee452 48%,#ffd95a 100%)!important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.42),0 0 16px rgba(137,255,76,.8)!important;
  transition:width .45s linear;
}
.game[data-section="Training"] .training-runner .mission-progress b{
  position:absolute;
  inset:0;
  z-index:3;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:36px!important;
  font-weight:1000;
  text-shadow:0 3px 0 #000,0 0 10px rgba(0,0,0,.9);
}
.game[data-section="Training"] .training-runner .mission-progress span{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  color:#2b1603;
  background:rgba(255,226,113,.92);
  border:2px solid rgba(59,27,4,.65);
  border-radius:999px;
  padding:3px 8px;
  font-size:13px;
  font-weight:1000;
  text-transform:uppercase;
}

/* v314: Teamkasse, 5-15 Kabine, max 25 Ausbau und kompakte Mitglieder-Tooltips. */
.team-panel{display:none;position:absolute;inset:66px 0 178px 0;z-index:6;overflow:hidden;pointer-events:auto}
.game[data-section="Mannschaft"]{background:#6fb847 url("assets/team-bg-mirrored.png?v=309") center/cover no-repeat!important}
.game[data-section="Mannschaft"] .locker-room:before{background:linear-gradient(90deg,rgba(0,0,0,.38) 0 25%,rgba(0,0,0,.04) 43% 70%,rgba(0,0,0,.22) 100%)!important;z-index:1}
.game[data-section="Mannschaft"] .avatar-stage,.game[data-section="Mannschaft"] .scene-title,.game[data-section="Mannschaft"] .mission-zone,.game[data-section="Mannschaft"] .pvp-panel,.game[data-section="Mannschaft"] .training-panel,.game[data-section="Mannschaft"] .fanshop-shop{display:none!important}
.game[data-section="Mannschaft"] .team-panel{display:block!important}
.team-create-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:460px;min-height:360px;padding:26px 28px 24px;text-align:center;border-radius:18px;background:linear-gradient(180deg,rgba(31,93,144,.96),rgba(11,43,74,.97) 62%,rgba(6,27,49,.98));border:4px solid #80ccff;box-shadow:0 18px 42px #000d,inset 0 0 0 2px rgba(255,255,255,.14)}
.team-eyebrow{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:rgba(255,210,107,.16);border:1px solid rgba(255,228,162,.35);color:#ffe49d;font-size:13px;font-weight:1000;text-transform:uppercase;letter-spacing:.7px}.team-create-card h2,.team-club-info h2{margin:0 0 10px;color:#ffe36d;font-size:33px;line-height:1;text-shadow:3px 3px #001}.team-create-card p,.team-club-info p{margin:0 0 18px;color:#e7f5ff;font-size:16px;line-height:1.28;font-weight:900}.team-name-field{display:grid;gap:7px;margin:0 0 16px;text-align:left;color:#cfe8ff;font-weight:1000}.team-name-field input{height:46px;border-radius:10px;border:3px solid #5aa2d5;background:#061b31;color:#fff;padding:0 13px;font-size:18px;font-weight:900;box-shadow:inset 0 3px 10px #0008}.team-create-btn{width:100%;height:52px;border-radius:12px;background:linear-gradient(#ffdb64,#d78516);border:3px solid #6c3500;color:#261200;font-size:19px;font-weight:1000;text-shadow:1px 1px #fff7;box-shadow:0 7px 0 #4a2605,0 12px 16px #0008}.team-create-btn:disabled{filter:grayscale(.8) brightness(.65);cursor:not-allowed}.team-create-btn span{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:4px 10px;border-radius:999px;background:rgba(43,24,6,.18)}.team-price-icon{width:24px!important;height:24px!important}.team-create-card small{display:block;margin-top:13px;color:#bfe4ff;font-weight:900}
.team-clubhouse{position:absolute;inset:0}.team-members-panel{position:absolute;left:28px;top:28px;bottom:26px;width:392px;padding:16px 16px 70px;border-radius:18px;background:linear-gradient(180deg,rgba(19,65,103,.96),rgba(6,27,49,.98));border:4px solid #58a8dc;box-shadow:0 18px 38px #000c,inset 0 0 0 2px rgba(255,255,255,.13)}.team-panel-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px;border-bottom:2px solid rgba(128,204,255,.35);padding-bottom:9px}.team-panel-title span{color:#ffe49d;font-size:13px;font-weight:1000;text-transform:uppercase;letter-spacing:.8px}.team-panel-title b{color:#fff;font-size:27px;text-shadow:2px 2px #001}.team-panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}.team-panel-tab{height:38px;border-radius:10px;border:2px solid #2f78ad;background:linear-gradient(#215b86,#0b2d4d);color:#bfe4ff;font-size:15px;font-weight:1000;text-shadow:0 2px #001;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);cursor:pointer}.team-panel-tab.active{border-color:#ffe076;background:linear-gradient(#ffd960,#d88a18);color:#251300;text-shadow:1px 1px #fff6;box-shadow:0 4px 0 #6b3908,0 8px 12px #0008}.team-panel-content{position:absolute;left:16px;right:16px;top:114px;bottom:68px;overflow:visible;padding-right:4px}.team-panel-content::-webkit-scrollbar{width:8px}.team-panel-content::-webkit-scrollbar-thumb{background:#69b5e7;border-radius:999px}.team-leave-btn{position:absolute;left:18px;right:18px;bottom:16px;height:42px;border-radius:11px;border:3px solid #6b1c16;background:linear-gradient(#ff8f76,#b92e22);color:#fff7e8;font-size:15px;font-weight:1000;text-shadow:0 2px #5a120c;box-shadow:0 6px 0 #4c130e,0 11px 14px #0008;cursor:pointer}.team-leave-btn:hover{filter:brightness(1.08)}.team-club-info{position:absolute;left:456px;top:36px;width:420px;padding:20px 24px;border-radius:18px;background:linear-gradient(180deg,rgba(72,45,25,.88),rgba(29,18,13,.9));border:4px solid #d0a05b;box-shadow:0 14px 30px #000b,inset 0 0 0 2px rgba(255,255,255,.12)}.team-upgrade-list.compact{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:2px 0 10px;overflow:visible}.team-upgrade-row.compact{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 25px;align-items:center;gap:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none;min-height:38px;overflow:visible}.team-upgrade-row.compact .team-upgrade-icon{grid-row:auto;z-index:2;width:38px;height:38px;margin-right:-7px;border-radius:10px;border:3px solid #4b3d32;background:linear-gradient(#45515c,#1f252d);box-shadow:0 3px 0 #171a1f,0 6px 9px #0009;font-size:22px;display:grid;place-items:center}.team-upgrade-bar{position:relative;height:29px;min-width:0;border-radius:12px;background:linear-gradient(#6fc8ff,#347cb5 52%,#1f4e80);border:3px solid #314252;box-shadow:inset 0 2px 0 rgba(255,255,255,.42),inset 0 -4px 0 rgba(0,0,0,.18),0 4px 0 #15191e;overflow:hidden}.team-upgrade-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,#bcecff,#5ebcff 55%,#2c7fbd);box-shadow:inset 0 2px 0 rgba(255,255,255,.55)}.team-upgrade-bar b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:1000;letter-spacing:-.6px;text-shadow:2px 2px 0 #1d2b39,-1px -1px 0 #1d2b39}.team-upgrade-plus{z-index:2;width:25px;height:25px;margin-left:-5px;border-radius:50%;border:3px solid #82491c;background:linear-gradient(#ffcf53,#de7119);color:#fff;font-size:20px;font-weight:1000;line-height:16px;text-shadow:0 2px #7d3008;box-shadow:0 3px 0 #4b250b,0 5px 8px #0008;cursor:pointer}.team-upgrade-row.compact:before,.team-upgrade-row.compact:after{content:none!important;display:none!important}.team-member-counter{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:rgba(255,224,118,.15);border:1px solid rgba(255,224,118,.34);color:#ffe49d;font-weight:1000;text-align:center}.team-member-list{display:grid;gap:10px;overflow:auto;max-height:100%}.team-member-row{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto auto;column-gap:10px;min-height:72px;padding:10px;border-radius:12px;background:linear-gradient(180deg,rgba(89,154,199,.28),rgba(0,0,0,.18));border:2px solid rgba(128,204,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.team-member-avatar{grid-row:1/4;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#f6d56c,#bd7416);border:3px solid #5d2d06;font-size:23px;box-shadow:0 5px 9px #0008}.team-member-row b{color:#fff;font-size:17px;line-height:1.05;text-shadow:2px 2px #001}.team-member-row em{font-style:normal;color:#ffe49d;font-size:12px;font-weight:1000}.team-member-row small{color:#cfe8ff;font-weight:900}.team-member-row.empty{opacity:.68}.team-member-row.empty .team-member-avatar{background:linear-gradient(#274864,#0b2238);border-color:#5c99c7;color:#9bdcff}

/* v314 team treasury + compact members */
.team-treasury{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin:0 0 12px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,rgba(5,20,34,.72),rgba(18,58,88,.72));border:2px solid rgba(255,224,118,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.team-treasury-title{color:#ffe49d;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.7px}.team-treasury b{display:flex;align-items:center;gap:5px;color:#fff;font-size:15px;text-shadow:2px 2px #001}.team-treasury-icon,.team-treasury .beer-icon{width:22px!important;height:22px!important}.team-upgrade-plus:disabled{filter:grayscale(.85) brightness(.7);cursor:not-allowed}.team-member-mini-list{display:grid;gap:6px;overflow:visible}.team-member-mini-row{position:relative;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;height:34px;padding:3px 9px 3px 4px;border-radius:10px;background:linear-gradient(180deg,rgba(89,154,199,.24),rgba(0,0,0,.18));border:2px solid rgba(128,204,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.team-member-rank-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(#ffe28a,#bd7416);border:2px solid #5d2d06;font-size:15px;box-shadow:0 3px 6px #0007}.team-member-mini-row b{color:#fff;font-size:15px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:2px 2px #001}.team-member-mini-row.empty{opacity:.62}.team-member-mini-row.empty .team-member-rank-icon{background:linear-gradient(#274864,#0b2238);border-color:#5c99c7;color:#9bdcff}.team-member-mini-row:before,.team-member-mini-row:after{position:absolute;left:32px;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:50}.team-member-mini-row:before{content:attr(data-tooltip);bottom:38px;white-space:pre-line;min-width:220px;padding:9px 11px;border-radius:10px;background:linear-gradient(#2e3036,#181a20);border:2px solid #59606c;color:#fff7e8;font-size:12px;font-weight:900;line-height:1.35;text-shadow:1px 1px #000;box-shadow:0 10px 20px #000b}.team-member-mini-row:after{content:'';bottom:30px;border:8px solid transparent;border-top-color:#181a20}.team-member-mini-row:hover:before,.team-member-mini-row:hover:after,.team-member-mini-row:focus:before,.team-member-mini-row:focus:after{opacity:1;transform:translateY(-3px)}

/* v320: Sundering-colored team list, upgrade tooltips, donation modal. */
.team-treasury{grid-template-columns:1fr auto auto 30px!important;gap:8px!important}
.team-treasury-plus{width:28px;height:28px;border-radius:50%;border:3px solid #6c3500;background:linear-gradient(#ffdb64,#d78516);color:#241300;font-size:21px;font-weight:1000;line-height:16px;box-shadow:0 4px 0 #4a2605,0 7px 10px #0008;cursor:pointer;text-shadow:1px 1px #fff8}
.team-treasury-plus:hover{filter:brightness(1.08)}
.team-upgrade-list.compact{grid-template-columns:1fr!important;gap:9px!important;padding:0 2px 10px!important;overflow:visible!important}
.team-upgrade-row.compact{grid-template-columns:42px minmax(0,1fr) 30px!important;min-height:42px!important;gap:0!important}
.team-upgrade-row.compact .team-upgrade-icon{width:42px!important;height:42px!important;font-size:23px!important;margin-right:-8px!important}
.team-upgrade-bar{height:34px!important;border-radius:13px!important;border:3px solid #2f78ad!important;background:linear-gradient(#17476d,#071d34)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -4px 0 rgba(0,0,0,.35),0 4px 0 #071321!important}
.team-upgrade-bar i{border-radius:10px!important;min-width:7px!important;background:linear-gradient(90deg,#bcecff,#5ebcff 55%,#2c7fbd)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 0 10px rgba(70,181,255,.48)!important}
.team-upgrade-bar b{font-size:18px!important;color:#fff!important;text-shadow:2px 2px 0 #001a2d,-1px -1px 0 #001a2d!important}
.team-upgrade-plus{width:30px!important;height:30px!important;font-size:23px!important;line-height:20px!important;margin-left:-7px!important}
.team-upgrade-row.compact:before,.team-upgrade-row.compact:after,.team-member-mini-row:before,.team-member-mini-row:after{content:none!important;display:none!important}
.team-member-mini-list{display:grid!important;gap:6px!important;overflow:auto!important;max-height:100%!important;background:transparent!important;border:0!important;box-shadow:none!important}
.team-member-mini-row{position:relative!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;height:34px!important;min-height:34px!important;padding:3px 10px 3px 5px!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(89,154,199,.24),rgba(0,0,0,.18))!important;border:2px solid rgba(128,204,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;color:#fff!important}
.team-member-mini-row.empty{opacity:.55!important;background:linear-gradient(180deg,rgba(39,72,100,.24),rgba(0,0,0,.14))!important;border-color:rgba(128,204,255,.2)!important}
.team-member-rank-icon{width:28px!important;height:28px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:linear-gradient(#ffe28a,#bd7416)!important;border:2px solid #5d2d06!important;font-size:15px!important;box-shadow:0 3px 6px #0007!important;filter:none!important}
.team-member-mini-row b{display:flex!important;align-items:center!important;gap:7px!important;color:#fff!important;font-size:15px!important;line-height:1!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:2px 2px #001!important}
.team-online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#39e128;box-shadow:0 0 5px #39e128;margin-top:1px;flex:0 0 auto}.team-member-badges,.team-member-list-head{display:none!important}
.team-tooltip{white-space:normal;min-width:260px;z-index:9999;border-color:#80ccff!important;background:linear-gradient(#1f5d90,#0b2b4a 70%,#061b31)!important}.team-tooltip-lines{display:grid;gap:4px}.team-tooltip-lines p{margin:0;color:#fff7e8;font-weight:900;font-size:13px}.team-member-counter{margin-bottom:8px!important;padding:7px 10px!important;background:rgba(255,224,118,.15)!important;border:1px solid rgba(255,224,118,.34)!important;color:#ffe49d!important}

.team-donate-modal{position:fixed;inset:0;z-index:420;display:grid;place-items:center;background:rgba(0,10,20,.56);backdrop-filter:blur(2px)}.team-donate-card{position:relative;width:340px;padding:22px 24px 24px;border-radius:18px;background:linear-gradient(180deg,rgba(31,93,144,.98),rgba(11,43,74,.98) 62%,rgba(6,27,49,.99));border:4px solid #80ccff;box-shadow:0 18px 42px #000d,inset 0 0 0 2px rgba(255,255,255,.14);color:#e7f5ff}.team-donate-card h3{margin:0 0 8px;color:#ffe36d;font-size:25px;text-shadow:2px 2px #001}.team-donate-card p{margin:0 0 14px;font-size:13px;font-weight:900;line-height:1.25}.team-donate-card label{display:grid;gap:5px;margin:0 0 10px;color:#cfe8ff;font-weight:1000}.team-donate-card input{height:40px;border-radius:10px;border:3px solid #5aa2d5;background:#061b31;color:#fff;padding:0 11px;font-size:17px;font-weight:900;box-shadow:inset 0 3px 10px #0008}.team-donate-card small{color:#ffe49d;font-size:12px}.team-donate-confirm{width:100%;height:46px;margin-top:7px;border-radius:12px;background:linear-gradient(#ffdb64,#d78516);border:3px solid #6c3500;color:#261200;font-size:16px;font-weight:1000;text-shadow:1px 1px #fff7;box-shadow:0 6px 0 #4a2605,0 10px 14px #0008;cursor:pointer}.team-donate-x{position:absolute;right:12px;top:10px;width:30px;height:30px;border-radius:50%;border:2px solid #6b1c16;background:linear-gradient(#ff8f76,#b92e22);color:#fff;font-size:22px;font-weight:1000;line-height:18px;cursor:pointer}

/* v325: Ausbau-Bestätigungsfenster mit Kosten, Änderung und Vorteil. */
.team-upgrade-confirm-card{width:410px!important}.team-upgrade-confirm-card h3{padding-right:34px}.team-upgrade-confirm-card p b{color:#8dff9d}.team-upgrade-confirm-list{display:grid;gap:8px;margin:12px 0 10px}.team-upgrade-confirm-list span{display:grid;gap:3px;padding:9px 10px;border-radius:12px;background:rgba(2,13,27,.46);border:2px solid rgba(128,204,255,.28)}.team-upgrade-confirm-list b{color:#ffe49d;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.team-upgrade-confirm-list em{color:#fff;font-style:normal;font-size:14px;font-weight:900;line-height:1.25}.team-upgrade-confirm-list .missing{border-color:rgba(255,98,80,.62);background:rgba(80,10,8,.42)}.team-upgrade-confirm-list .missing b,.team-upgrade-confirm-list .missing em{color:#ffb4a8}.team-donate-confirm:disabled{filter:grayscale(.45) brightness(.8);cursor:not-allowed;box-shadow:0 3px 0 #4a2605,0 6px 10px #0008}

/* v375: Mannschaft-Info kompakter: nur grüner Online-Punkt plus Text, keine Plätze. */
.team-online-summary{display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 8px!important;padding:7px 10px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(5,20,34,.78),rgba(18,58,88,.74))!important;border:2px solid rgba(128,204,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;color:#fff!important;text-shadow:2px 2px #001!important}.team-online-summary .team-online-dot{margin:0!important;width:9px!important;height:9px!important}.team-online-summary small{min-width:0!important;color:#dff4ff!important;font-size:12px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.team-upgrade-list.compact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:0 2px 10px!important;overflow:visible!important}.team-upgrade-row.compact{grid-template-columns:30px minmax(0,1fr) 24px!important;min-height:34px!important;height:34px!important;gap:0!important;padding:2px 4px!important}.team-upgrade-row.compact .team-upgrade-icon{width:30px!important;height:30px!important;font-size:17px!important;margin-right:-5px!important}.team-upgrade-row.compact .team-upgrade-bar{height:26px!important;border-width:2px!important;border-radius:10px!important}.team-upgrade-row.compact .team-upgrade-bar i{border-radius:8px!important;min-width:5px!important}.team-upgrade-row.compact .team-upgrade-bar b{font-size:13px!important;line-height:1!important}.team-upgrade-row.compact .team-upgrade-plus{width:24px!important;height:24px!important;font-size:18px!important;line-height:15px!important;margin-left:-4px!important;border-width:2px!important}

/* v334: Nachrichten-HUD und Postfach. */
.message-hud-btn{position:relative;width:42px;height:42px;border-radius:13px;border:2px solid #f7d26c;background:linear-gradient(180deg,#ffe69a,#c98218);box-shadow:0 4px 0 #6c3707,0 8px 18px #0008;color:#2a1604;font-size:21px;font-weight:1000;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.message-hud-btn:hover{filter:brightness(1.08)}.message-badge{position:absolute;right:-7px;top:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e3342f;color:#fff;border:2px solid #fff;font-size:12px;line-height:16px;font-weight:1000;box-shadow:0 3px 8px #0008}.message-badge.hidden{display:none!important}.messages-modal{position:absolute;inset:0;z-index:260;background:rgba(0,0,0,.48);display:flex;align-items:center;justify-content:center;pointer-events:auto}.messages-modal.hidden{display:none!important}.messages-card{position:relative;width:760px;height:560px;padding:22px;border-radius:22px;background:linear-gradient(180deg,#1f4f82,#102b4e 60%,#07182c);border:4px solid #8ed2ff;box-shadow:0 24px 70px #000d,inset 0 0 0 2px rgba(255,255,255,.16);color:#f4fbff}.messages-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;border:2px solid #fff;background:#c9372c;color:#fff;font-size:22px;font-weight:1000;cursor:pointer}.messages-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-right:38px}.messages-head span{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#ffe38c;font-weight:1000}.messages-head h2{margin:0;color:#ffe36d;font-size:34px;text-shadow:3px 3px #001}.messages-head button,.messages-compose-actions button,.message-actions button{border:2px solid #ffe38c;border-radius:12px;background:linear-gradient(180deg,#ffe28a,#c47a18);color:#2b1805;font-weight:1000;padding:9px 14px;cursor:pointer}.messages-layout{display:grid;grid-template-columns:280px 1fr;gap:14px;height:365px}.messages-list,.messages-detail{border:3px solid rgba(142,210,255,.55);border-radius:16px;background:rgba(3,18,34,.58);box-shadow:inset 0 2px 10px rgba(0,0,0,.35);overflow:auto}.messages-list{padding:8px}.message-row{width:100%;display:grid;gap:2px;text-align:left;margin-bottom:8px;padding:10px 11px;border-radius:12px;border:2px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(43,92,145,.94),rgba(14,42,75,.94));color:#eff9ff;cursor:pointer}.message-row.unread{border-color:#ffe36d;box-shadow:0 0 0 2px rgba(255,227,109,.14)}.message-row span{font-size:11px;color:#98dcff;text-transform:uppercase;font-weight:1000}.message-row b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-row em{font-size:12px;color:#cfeaff;font-style:normal}.messages-empty{padding:18px;text-align:center;color:#cfeaff;font-weight:900}.messages-detail{padding:18px}.message-detail-meta{display:flex;justify-content:space-between;color:#9ee0ff;font-weight:1000;font-size:12px;text-transform:uppercase}.messages-detail h3{margin:8px 0 8px;color:#ffe36d;font-size:24px}.message-from{margin:0 0 12px;color:#dcefff}.message-body{min-height:150px;padding:14px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);line-height:1.35;font-weight:800;color:#fff}.message-actions{margin-top:14px}.messages-compose{position:absolute;left:22px;right:22px;bottom:18px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#123f6d,#081f39);border:3px solid #ffe38c;display:grid;grid-template-columns:1fr 1fr;gap:10px;box-shadow:0 -12px 30px #000a}.messages-compose.hidden{display:none!important}.messages-compose label{display:grid;gap:5px;color:#ffe38c;font-size:12px;font-weight:1000;text-transform:uppercase}.messages-compose input,.messages-compose textarea{border-radius:10px;border:2px solid #8ed2ff;background:#06162a;color:#fff;font-weight:900;padding:9px;outline:none}.messages-compose textarea{grid-column:1/-1;height:72px;resize:none}.messages-compose-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.messages-compose-actions button:first-child{background:linear-gradient(180deg,#45647f,#21364d);color:#fff;border-color:#9bc7ee}.team-invite-box{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 10px}.team-invite-box input{min-width:0;border-radius:10px;border:2px solid rgba(128,204,255,.65);background:rgba(5,24,43,.82);color:#fff;font-weight:900;padding:8px 10px;outline:none}.team-invite-box button{border:2px solid #ffe38c;border-radius:10px;background:linear-gradient(180deg,#ffe28a,#c47a18);color:#2b1805;font-weight:1000;padding:8px 10px;cursor:pointer}

/* v347: 1v1 Header-Überlappung + CTA-Platzierung korrigiert; Cooldown mit Bier-Icon. */
.game[data-section="1v1"]{
  --pvp-bg:#061321;
  --pvp-panel:#0b2b4a;
  --pvp-panel-dark:#061b31;
  --pvp-line:#80ccff;
  --pvp-line-soft:rgba(128,204,255,.34);
  --pvp-gold:#ffe36d;
  --pvp-text:#f4fbff;
  --pvp-muted:#a8dff4;
  --pvp-green:#42e884;
  --pvp-yellow:#ffe36d;
  --pvp-red:#ff6262;
  background:#07121f url("assets/1v1-bg.png?v=270") center/cover no-repeat!important;
}
.game[data-section="1v1"]::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.50),rgba(0,0,0,.12) 42% 68%,rgba(0,0,0,.50)),radial-gradient(circle at 48% 20%,rgba(78,174,220,.16),rgba(3,13,24,.66) 70%)}
.game[data-section="1v1"] .mission-zone,
.game[data-section="1v1"] .fanshop-shop,
.game[data-section="1v1"] .training-panel,
.game[data-section="1v1"] .team-panel{display:none!important;}
.game[data-section="1v1"] .doping-panel{display:none!important;}
.game[data-section="1v1"].doping-open .doping-panel{display:block!important;z-index:90!important;}
.game[data-section="1v1"] .pvp-panel{top:82px!important;left:50%!important;transform:translateX(-50%)!important;width:1164px!important;height:560px!important;padding:9px 12px 16px!important;display:grid!important;grid-template-rows:34px 1fr!important;gap:16px!important;background:linear-gradient(#1f5d90,#0b2b4a 58%,#061b31)!important;border:4px solid var(--pvp-line)!important;border-radius:16px!important;box-shadow:0 18px 38px #000c,inset 0 0 0 2px rgba(255,255,255,.13)!important;z-index:3!important;overflow:hidden!important;}
.game[data-section="1v1"] .pvp-panel::before{display:none!important;content:none!important}.game[data-section="1v1"] .pvp-panel::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.16);border-radius:10px;pointer-events:none;}
.game[data-section="1v1"] .pvp-head{position:relative!important;height:34px!important;min-height:34px!important;align-self:start!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:3px 16px!important;background:rgba(6,27,49,.72)!important;border:2px solid var(--pvp-line-soft)!important;border-radius:12px!important;box-shadow:inset 0 0 12px rgba(0,0,0,.28)!important;color:var(--pvp-text)!important;text-align:center!important;text-shadow:2px 2px #001!important;overflow:hidden!important;}
.game[data-section="1v1"] .pvp-head>span{display:none!important}.game[data-section="1v1"] .pvp-head b{display:block!important;color:var(--pvp-gold)!important;font-size:21px!important;line-height:.95!important;font-weight:1000!important}.game[data-section="1v1"] .pvp-head small{display:block!important;margin-top:1px!important;color:#e7f5ff!important;font-size:10px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.game[data-section="1v1"] .pvp-board{display:grid!important;grid-template-columns:206px 1fr!important;gap:10px!important;min-height:0!important;height:100%!important;overflow:hidden!important;}
.game[data-section="1v1"] .pvp-own-summary{min-height:0!important;padding:12px!important;border:2px solid rgba(255,227,109,.35)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(5,28,48,.96),rgba(3,13,24,.98))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.36)!important;color:var(--pvp-text)!important;text-shadow:2px 2px #001!important;overflow:hidden!important;}
.game[data-section="1v1"] .pvp-own-title span{display:block;color:var(--pvp-muted);font-size:10px;font-weight:1000;text-transform:uppercase}.game[data-section="1v1"] .pvp-own-title b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pvp-gold);font-size:20px;line-height:1.05}.game[data-section="1v1"] .pvp-own-total{margin:9px 0;padding:8px;border-radius:11px;border:2px solid rgba(255,227,109,.36);background:rgba(255,227,109,.08);text-align:center}.game[data-section="1v1"] .pvp-own-total em{display:block;color:#dff7ff;font-size:10px;font-style:normal;font-weight:1000;text-transform:uppercase}.game[data-section="1v1"] .pvp-own-total strong{display:block;color:#fff;font-size:31px;line-height:1;font-weight:1000;text-shadow:3px 3px #001}.game[data-section="1v1"] .pvp-own-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.game[data-section="1v1"] .pvp-own-stat{min-width:0;padding:6px 5px;border:1px solid var(--pvp-line-soft);border-radius:9px;background:rgba(6,18,30,.62);display:grid;grid-template-columns:21px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:4px}.game[data-section="1v1"] .pvp-own-stat img{grid-row:1/3;width:19px!important;height:19px!important}.game[data-section="1v1"] .pvp-own-stat b{font-size:16px;color:#fff;line-height:1}.game[data-section="1v1"] .pvp-own-stat em{font-size:7px;color:var(--pvp-muted);font-style:normal;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game[data-section="1v1"] .pvp-own-summary p{margin:8px 0 0;color:#dff7ff;font-size:10px;font-weight:900;line-height:1.2;text-align:center;}
.game[data-section="1v1"] .pvp-cooldown{position:static!important;width:100%!important;height:46px!important;margin:9px 0 0!important;padding:5px 9px!important;display:grid!important;grid-template-columns:58px 1fr!important;grid-template-rows:16px 18px!important;align-items:center!important;column-gap:8px!important;text-align:left!important;border:2px solid rgba(255,227,109,.5)!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(18,71,105,.95),rgba(4,18,31,.98))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 5px 0 rgba(0,0,0,.25)!important;transform:none!important;}
.game[data-section="1v1"] .pvp-cooldown.locked{border-color:rgba(255,98,98,.62)!important;background:linear-gradient(180deg,rgba(88,26,29,.92),rgba(4,18,31,.98))!important}.game[data-section="1v1"] .pvp-cooldown-label{grid-row:1/3!important;color:#dff7ff!important;font-size:10px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.02em!important;white-space:nowrap!important}.game[data-section="1v1"] .pvp-cooldown b{color:var(--pvp-gold)!important;font-size:15px!important;line-height:1!important;text-shadow:2px 2px #001!important;white-space:nowrap!important}.game[data-section="1v1"] .pvp-cooldown em{color:#fff!important;font-size:10px!important;line-height:1!important;font-style:normal!important;white-space:nowrap!important}.game[data-section="1v1"] .pvp-cooldown-bar,.game[data-section="1v1"] .pvp-cooldown-top{display:contents!important;}
.game[data-section="1v1"] .pvp-opponent-list{display:grid!important;grid-template-rows:repeat(5,1fr)!important;gap:8px!important;min-height:0!important;height:100%!important;overflow:hidden!important;}
.game[data-section="1v1"] .pvp-card{--difficulty:var(--pvp-yellow);position:relative!important;min-height:0!important;display:grid!important;grid-template-columns:36px 148px 226px 92px 158px 146px!important;grid-template-rows:1fr!important;align-items:center!important;gap:8px!important;height:100%!important;padding:7px 9px!important;overflow:hidden!important;border:2px solid var(--pvp-line-soft)!important;border-left:8px solid var(--difficulty)!important;border-radius:13px!important;background:linear-gradient(90deg,rgba(19,65,103,.96),rgba(6,27,49,.99))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 5px 12px rgba(0,0,0,.28)!important;}
.game[data-section="1v1"] .pvp-card-easy{--difficulty:var(--pvp-green)}.game[data-section="1v1"] .pvp-card-fair{--difficulty:var(--pvp-yellow)}.game[data-section="1v1"] .pvp-card-hard{--difficulty:var(--pvp-red)}
.game[data-section="1v1"] .pvp-rank-badge{height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(4,16,28,.78);border:1px solid var(--pvp-line-soft);color:var(--pvp-gold);font-size:15px;font-weight:1000;text-shadow:2px 2px #001;}
.game[data-section="1v1"] .pvp-portrait-wrap,.game[data-section="1v1"] .pvp-portrait{display:none!important;}
.game[data-section="1v1"] .pvp-opponent-main{min-width:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:26px 22px!important;gap:4px!important;align-items:center!important}.game[data-section="1v1"] .pvp-nameplate{position:static!important;padding:0!important;background:transparent!important;text-shadow:2px 2px #001!important;min-width:0!important}.game[data-section="1v1"] .pvp-nameplate b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pvp-gold);font-size:16px;line-height:1.05}.game[data-section="1v1"] .pvp-nameplate span{display:block;margin-top:2px;color:#dff7ff;font-size:9px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game[data-section="1v1"] .pvp-match-summary{height:22px!important;width:max-content;max-width:100%;display:flex!important;align-items:center!important;padding:3px 8px!important;border:1px solid color-mix(in srgb,var(--difficulty) 65%,transparent)!important;border-radius:999px!important;background:rgba(4,16,28,.66)!important;text-shadow:2px 2px #001!important;box-shadow:none!important}.game[data-section="1v1"] .pvp-match-summary strong{color:var(--difficulty)!important;font-size:10px!important;text-transform:uppercase!important;line-height:1;white-space:nowrap!important}.game[data-section="1v1"] .pvp-match-summary span{display:none!important;}
.game[data-section="1v1"] .pvp-compare-list{display:grid!important;grid-template-rows:repeat(4,14px)!important;gap:2px!important;min-width:0!important;overflow:hidden!important}.game[data-section="1v1"] .pvp-compare-row{min-width:0;height:14px;display:grid!important;grid-template-columns:130px 38px 42px!important;align-items:center!important;gap:5px!important;padding:0 5px!important;border:1px solid rgba(128,204,255,.22)!important;border-radius:5px!important;background:rgba(4,16,28,.38)!important;text-shadow:2px 2px #001!important;overflow:hidden!important}.game[data-section="1v1"] .pvp-compare-name{display:grid!important;grid-template-columns:14px 1fr!important;align-items:center!important;gap:3px!important;min-width:0!important}.game[data-section="1v1"] .pvp-compare-name img{width:13px!important;height:13px!important}.game[data-section="1v1"] .pvp-compare-name em{font-size:8px!important;color:var(--pvp-muted)!important;font-style:normal!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.game[data-section="1v1"] .pvp-compare-row small{display:none!important}.game[data-section="1v1"] .pvp-compare-row strong{font-size:10px!important;color:#fff!important;text-align:right!important;line-height:1!important}.game[data-section="1v1"] .pvp-compare-row i{font-style:normal!important;text-align:center!important;color:var(--pvp-gold);font-size:10px!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important}.game[data-section="1v1"] .pvp-compare-row.better i{color:var(--pvp-green)}.game[data-section="1v1"] .pvp-compare-row.worse i{color:var(--pvp-red)}
.game[data-section="1v1"] .pvp-total-compare{display:grid!important;gap:5px!important}.game[data-section="1v1"] .pvp-total-line{display:grid;grid-template-columns:45px 1fr 32px;align-items:center;gap:5px;color:#e7f8ff;font-weight:1000;text-shadow:2px 2px #001;font-size:10px}.game[data-section="1v1"] .pvp-total-line i{height:13px;border-radius:999px;background:#06121b;border:1px solid rgba(128,204,255,.48);overflow:hidden;position:relative}.game[data-section="1v1"] .pvp-total-line i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--value);border-radius:inherit;background:linear-gradient(90deg,var(--difficulty),#fff2a6)}.game[data-section="1v1"] .pvp-total-line b{text-align:right;color:#fff;font-size:12px;}.game[data-section="1v1"] .pvp-total-diff{height:19px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:0 7px;border:1px solid color-mix(in srgb,var(--difficulty) 55%,transparent);border-radius:7px;background:rgba(4,16,28,.58);text-shadow:2px 2px #001}.game[data-section="1v1"] .pvp-total-diff span{font-size:9px;color:var(--pvp-muted);font-weight:1000;text-transform:uppercase}.game[data-section="1v1"] .pvp-total-diff b{font-size:13px;color:var(--pvp-gold)}.game[data-section="1v1"] .pvp-total-diff.better b{color:var(--pvp-green)}.game[data-section="1v1"] .pvp-total-diff.worse b{color:var(--pvp-red)}
.game[data-section="1v1"] .pvp-rewards{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:13px 27px!important;gap:3px 7px!important;padding:4px 7px!important;border:2px solid rgba(255,227,109,.52)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(4,16,28,.78),rgba(7,35,60,.82))!important;box-shadow:inset 0 0 10px rgba(0,0,0,.3)!important;align-self:center!important;}.game[data-section="1v1"] .pvp-reward-title{grid-column:1/3!important;display:block!important;color:var(--pvp-gold)!important;font-size:9px!important;font-style:normal!important;font-weight:1000!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:.04em!important;line-height:1!important}.game[data-section="1v1"] .pvp-rewards span{min-width:0;height:25px;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:2px 5px!important;border:1px solid var(--pvp-line-soft)!important;border-radius:7px!important;background:rgba(2,10,18,.54)!important;overflow:hidden!important}.game[data-section="1v1"] .pvp-rewards img{flex:0 0 auto!important;width:18px!important;height:18px!important;display:block!important;object-fit:contain!important}.game[data-section="1v1"] .pvp-rewards img.marketvalue-icon{width:15px!important;height:15px!important}.game[data-section="1v1"] .pvp-rewards b,.game[data-section="1v1"] .pvp-rewards strong{display:block!important;min-width:0!important;font-size:13px!important;line-height:1!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.game[data-section="1v1"] .pvp-rewards span em{display:none!important;}
.game[data-section="1v1"] .pvp-card button{height:44px!important;width:100%!important;display:grid!important;place-items:center!important;border:2px solid #fff2a6!important;border-radius:10px!important;background:linear-gradient(#ffdb64,#d78516)!important;color:#261200!important;font-size:13px!important;font-weight:1000!important;letter-spacing:.01em!important;line-height:1!important;text-shadow:1px 1px #fff7!important;box-shadow:0 4px 0 #6c3500,0 8px 14px rgba(0,0,0,.38)!important}.game[data-section="1v1"] .pvp-card button span{display:block!important;margin-top:3px!important;font-size:9px!important;line-height:1!important;font-weight:1000!important;text-transform:none!important;color:#4b2300!important;white-space:nowrap!important}.game[data-section="1v1"] .pvp-card button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.game[data-section="1v1"] .pvp-loading{align-self:center;justify-self:center;color:#fff4cf;font-size:22px;text-shadow:2px 2px #001;}
/* v356: 1v1-Titelbalken vollständig aus altem Absolut-Layout lösen, damit die Liste nicht hineinragt. */
.game[data-section="1v1"] .pvp-panel{top:86px!important;height:590px!important;grid-template-rows:92px minmax(0,1fr)!important;gap:10px!important;padding-top:12px!important;}
.game[data-section="1v1"] .pvp-head{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;height:92px!important;min-height:92px!important;padding:14px 18px!important;align-self:stretch!important;align-items:center!important;justify-content:center!important;}
.game[data-section="1v1"] .pvp-head b{font-size:34px!important;line-height:1.05!important;}
.game[data-section="1v1"] .pvp-head small{font-size:13px!important;line-height:1.12!important;margin-top:7px!important;}
.game[data-section="1v1"] .pvp-board{margin-top:0!important;}
.game[data-section="1v1"] .pvp-card{grid-template-columns:36px 118px 258px 124px 150px 136px!important;gap:8px!important;}
.game[data-section="1v1"] .pvp-opponent-main,.game[data-section="1v1"] .pvp-compare-list,.game[data-section="1v1"] .pvp-total-compare,.game[data-section="1v1"] .pvp-rewards{min-width:0!important;}
.game[data-section="1v1"] .pvp-compare-list{width:100%!important;overflow:hidden!important;}
.game[data-section="1v1"] .pvp-compare-row{box-sizing:border-box!important;width:100%!important;grid-template-columns:minmax(0,92px) minmax(52px,1fr) minmax(74px,78px)!important;gap:4px!important;padding:0 4px!important;overflow:hidden!important;}
.game[data-section="1v1"] .pvp-compare-row strong{min-width:0!important;font-size:9px!important;text-align:right!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;}
.game[data-section="1v1"] .pvp-compare-row i{min-width:0!important;font-size:9px!important;text-align:right!important;justify-self:stretch!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;}
.game[data-section="1v1"] .pvp-total-compare{display:grid!important;align-items:center!important;gap:0!important;width:100%!important;overflow:hidden!important;}
.game[data-section="1v1"] .pvp-total-line{display:none!important;}
.game[data-section="1v1"] .pvp-total-diff{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:48px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(42px,auto)!important;grid-template-rows:1fr 1fr!important;align-items:center!important;gap:2px 6px!important;padding:5px 7px!important;border-width:2px!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(4,16,28,.72),rgba(7,35,60,.82))!important;overflow:hidden!important;}
.game[data-section="1v1"] .pvp-total-diff span,.game[data-section="1v1"] .pvp-total-diff em{min-width:0!important;font-size:9px!important;color:var(--pvp-muted)!important;font-style:normal!important;font-weight:1000!important;text-transform:uppercase!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.game[data-section="1v1"] .pvp-total-diff b,.game[data-section="1v1"] .pvp-total-diff strong{min-width:0!important;text-align:right!important;font-size:12px!important;line-height:1!important;font-weight:1000!important;font-variant-numeric:tabular-nums!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.game[data-section="1v1"] .pvp-total-diff strong{color:var(--pvp-gold)!important;font-size:11px!important;}
.game[data-section="1v1"] .pvp-total-diff.better strong{color:var(--pvp-green)!important;}
.game[data-section="1v1"] .pvp-total-diff.worse strong{color:var(--pvp-red)!important;}
.game[data-section="1v1"] .pvp-rewards{transform:none!important;padding:4px 5px!important;}
.game[data-section="1v1"] .pvp-card button{transform:none!important;}
.game[data-section="1v1"] .pvp-card button:hover{filter:brightness(1.08);transform:translateY(-1px)!important;}
.game[data-section="1v1"] .pvp-card button span{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;margin-top:3px!important;font-size:9px!important;line-height:1!important;font-weight:1000!important;color:#4b2300!important;white-space:nowrap!important;}
.game[data-section="1v1"] .pvp-card button .bier-icon{width:12px!important;height:12px!important;object-fit:contain!important;display:inline-block!important;}

/* v358: Ranking/Zuschauermodus liegt über 1v1; 1v1 darf darunter nie sichtbar/anklickbar sein. */
.game.ranking-open .pvp-panel,
.game:has(.ranking-panel.spectator-mode) .pvp-panel{
  display:none!important;
  pointer-events:none!important;
}


/* v363/v367: Rangliste als Overlay. Andere Tabs nicht anklickbar; Mannschaftspanels bleiben als Hintergrund sichtbar. */
.game.ranking-open:not([data-section="Mannschaft"]) > .team-panel,
.game.ranking-open > .mission-zone,
.game.ranking-open > .training-panel,
.game.ranking-open > .fanshop-shop,
.game.ranking-open > .pvp-panel,
.game.ranking-open > .doping-panel{
  display:none!important;
  pointer-events:none!important;
}
.game[data-section="Mannschaft"].ranking-open:not(:has(.ranking-panel.spectator-mode)) > .team-panel{
  display:block!important;
  pointer-events:none!important;
}


/* v364: Slot-/Item-Regression fix. Spectator-Slots sind read-only und dürfen
   weder Drag/Equip-Logik noch die Zentrierung echter Ausrüstungsitems stören. */
.game.ranking-open .ranking-panel.spectator-mode .spectator-avatar-stage .gear-slot{
  display:block!important;
  position:absolute!important;
}
.game.ranking-open .ranking-panel.spectator-mode .spectator-avatar-stage .spectator-gear-item{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  pointer-events:none!important;
}

/* v372: Rangliste und Doping bekommen denselben vollflächigen Backdrop wie Mannschafts-Modals. */
.game.ranking-open::after,
.game.doping-open::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:420!important;
  display:block!important;
  background:rgba(0,10,20,.56)!important;
  backdrop-filter:blur(2px)!important;
  pointer-events:none!important;
}
.game.ranking-open .ranking-panel{
  z-index:1100!important;
}
.game.doping-open .doping-panel,
.game[data-section="1v1"].doping-open .doping-panel,
.game[data-section="Training"].doping-open .doping-panel{
  display:block!important;
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:1100!important;
}
.avatar-stage:not(.spectator-avatar-stage) .gear-slot > .gear-item{
  display:grid!important;
  place-items:center!important;
}

/* v305: Pflicht-Neuladen-Overlay für veraltete Clients. */
.version-reload-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(6,10,16,.86);
  backdrop-filter:blur(8px);
}
.version-reload-card{
  width:min(520px,92vw);
  text-align:center;
  padding:30px 32px 28px;
  border:3px solid #f3d46b;
  border-radius:18px;
  background:linear-gradient(180deg,#27354a 0%,#101824 100%);
  color:#fff4d1;
  box-shadow:0 26px 80px rgba(0,0,0,.65), inset 0 0 0 2px rgba(255,255,255,.1);
  font-family:inherit;
}
.version-reload-badge{
  display:inline-block;
  margin-bottom:12px;
  padding:5px 14px;
  border-radius:999px;
  background:#d9412f;
  color:#fff;
  font-weight:900;
  letter-spacing:.12em;
  box-shadow:0 3px 0 rgba(0,0,0,.35);
}
.version-reload-card h2{
  margin:0 0 10px;
  font-size:32px;
  color:#fff;
  text-shadow:0 3px 0 rgba(0,0,0,.55);
}
.version-reload-card p{
  margin:0 0 22px;
  font-size:18px;
  line-height:1.45;
  color:#f8e9b6;
}
.version-reload-card button{
  min-width:220px;
  border:0;
  border-radius:12px;
  padding:15px 24px;
  cursor:pointer;
  color:#2b1705;
  font-size:20px;
  font-weight:900;
  text-transform:uppercase;
  background:linear-gradient(180deg,#fff09a 0%,#f0b13c 100%);
  box-shadow:0 6px 0 #8a4d12,0 12px 28px rgba(0,0,0,.34);
}
.version-reload-card button:disabled{opacity:.72;cursor:wait;}