/* 0.3 · Ausrüstung und spielbare Begegnungen */
.avatar-picker{max-height:430px;overflow:auto;overscroll-behavior:contain;padding:5px}
@media(max-width:650px){.hero-left{display:contents}.hero-layout .hero-dossier{order:0}.hero-layout .hero-equipment{order:1}.hero-layout .hero-talents{order:2}.hero-left>button{order:3}}
.item-art{display:inline-block;flex-shrink:0;width:64px;height:64px;background-image:url('/assets/art/items.webp');background-size:600% 600%;background-position:var(--ix) var(--iy);border-radius:5px;border:1px solid #60543c}
.magic strong,.magic>small{color:#9ec9ff}.rare strong,.rare>small{color:#f1c66a}
.magic .item-art,.bag-item.magic,.gear-slot.magic{border-color:#5c8eb8;box-shadow:inset 0 0 12px #16376766}
.rare .item-art,.bag-item.rare,.gear-slot.rare{border-color:#d0a452;box-shadow:inset 0 0 14px #9a661333}
.inventory{align-items:center}.inventory>div{min-width:0}.inventory small{display:block}.inventory>button{flex-shrink:0;max-width:110px;font-size:.8rem;padding:10px}
.gear-warning,.negative{color:#f3a69b}.positive{color:#9be1bb}.shop-item{padding:15px 0}.shop-item strong{font-size:.93rem}
.paperdoll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:'amulet head offhand' 'weapon armor gloves' 'ring1 belt ring2' 'boots legs portrait';gap:9px;padding:14px 8px;margin:16px 0;background:radial-gradient(ellipse,#66706b22,transparent 65%),linear-gradient(135deg,#181f20,#0d1415);border:1px solid #655139;border-radius:12px}
.gear-slot{min-width:0;min-height:108px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #6b563b;background:linear-gradient(#34332d,#161f20);border-radius:6px}
.gear-slot>small{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#d3c3a5}.gear-slot>span:last-child{font-size:.65rem;line-height:1.2;overflow-wrap:anywhere}.gear-slot .item-art{width:54px;height:54px}.slot-empty{height:54px;display:grid;place-items:center;color:#887657;font-size:28px}
.slot-head{grid-area:head}.slot-amulet{grid-area:amulet}.slot-armor{grid-area:armor}.slot-weapon{grid-area:weapon}.slot-offhand{grid-area:offhand}.slot-gloves{grid-area:gloves}.slot-belt{grid-area:belt}.slot-legs{grid-area:legs}.slot-boots{grid-area:boots}.slot-ring1{grid-area:ring1}.slot-ring2{grid-area:ring2}
.doll-portrait{grid-area:portrait;width:100%;height:100%;min-height:108px;opacity:.65;border-radius:8px}
.gear-slot.compatible{outline:2px solid #96b9a1}.drop-hover{outline:3px solid #f4cf7a!important;filter:brightness(1.3)}
.gear-detail{border:1px solid #5c5948;background:#152020;padding:12px;border-radius:8px;margin-bottom:16px}.gear-detail small{display:block}.gear-detail p{font-size:.85rem}.gear-comparison{padding:10px 0;border-top:1px solid #b6aa7c33;font-size:.8rem}.gear-comparison span{margin-right:8px}.gear-comparison button{margin-top:6px}.gear-detail>.secondary{margin:4px}
.bag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bag-item{position:relative;padding:3px;background:#0b1416;border:1px solid #534c3c;min-width:0;display:flex;flex-direction:column;align-items:center}.bag-item .item-art{width:100%;height:auto;aspect-ratio:1}.bag-item small{font-size:.66rem;line-height:1.2;min-height:30px;overflow-wrap:anywhere;display:block;padding:3px}.bag-item.selected{outline:2px solid #edcc89}.bag-item.unusable{border-style:dashed}.item-count{position:absolute;right:5px;top:4px;font:700 12px system-ui;background:#071014dd;padding:1px 5px;border-radius:4px}.equipped-mark{position:absolute;left:6px;top:4px;color:#e7c475;text-shadow:0 1px 2px #000}.gear-grab{touch-action:none;cursor:grab;user-select:none}.gear-drag-ghost{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 14px #000);opacity:.92}.gear-drag-ghost .item-art{width:74px;height:74px}
.extra-panel{position:relative;overflow:hidden}.extra-art{height:180px;background-size:400% 200%;border-radius:9px;margin-bottom:18px;box-shadow:inset 0 -30px 30px #101b1b77}.mini-rules{font-size:.9rem;line-height:1.65}.extra-play{position:relative}.extra-controls{margin-top:16px}.mini-feedback{font-size:.9rem;font-weight:600;color:#e1c791}.extra-result{text-align:center;padding:22px 0}.extra-result>span{font-size:64px;color:#a6b4ac}.extra-result.won>span{color:#e7c986}.extra-result h2{margin-top:10px}
#ingredient-ghost{position:fixed;z-index:10001;pointer-events:none;transform:translate(-50%,-50%);font-size:44px;filter:drop-shadow(0 4px 5px #000);width:58px;height:58px;display:grid;place-items:center;border:1px solid #d7be7a;border-radius:50%;background:#15231eee}
.timing-track{position:relative;height:30px;margin:16px 0;background:linear-gradient(#151b19,#31362a);border:2px solid #8a7553;border-radius:8px;overflow:hidden}.timing-zone{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#507757,#a7c78b,#507757);box-shadow:0 0 14px #6fe4b755}.timing-track>i{position:absolute;top:0;height:100%;width:5px;transform:translateX(-50%);background:#fff3c2;box-shadow:0 0 8px #fff;border-radius:4px}
.timing-visual{position:relative;height:145px;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at bottom,#6a614b66,#15201e)}.crosshair{position:absolute;left:50%;top:38px;transform:translateX(-50%);font:60px Georgia;color:#eddbc1;z-index:2;pointer-events:none;text-shadow:0 0 8px #000}#moving-target{position:absolute;top:42px;font-size:56px;line-height:1;transform:translateX(-50%);color:#e0a679;text-shadow:0 0 5px #000}.log-round{position:absolute;left:35%;top:28px;width:100px;height:100px;border-radius:50%;background:repeating-radial-gradient(ellipse,#98724b 0 8px,#5d422e 9px 11px);border:10px solid #3f3027;transform:rotateX(25deg)}.chopping-axe{position:absolute;right:22%;top:15px;font-size:48px;transform:rotate(-30deg);color:#dccb9f}
.recipe-strip{display:flex;justify-content:center;gap:7px;min-height:50px}.recipe-token{width:44px;height:44px;display:grid;place-items:center;border:1px solid #81704d;background:#142323;border-radius:8px;font-size:24px}.lit{box-shadow:0 0 18px #d7b45c!important;background-color:#a38137!important;color:#fff6cc!important;border-color:#f8da8d!important}
.cauldron{position:relative;max-width:210px;height:135px;margin:22px auto;border:7px solid #3d4640;border-top:11px solid #8a8367;border-radius:30% 30% 45% 45%;background:radial-gradient(ellipse at 50% 0,#9bdf94,#287e65 15%,#18252b 45%);box-shadow:0 15px 20px #e3762533;text-align:center;padding:12px;touch-action:none}.cauldron>span{display:block;font-size:48px;color:#a8cc88}.cauldron small{font-size:.75rem}.cauldron-bubbles{position:absolute;inset:-15px 30px auto;height:16px;border-top:8px dotted #96e5b5;animation:bubble 1.5s infinite alternate}
.ingredient-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.ingredient-button{padding:6px;touch-action:none;min-height:75px;background:#1a2828}.ingredient-button small{display:block;font-size:.72rem}.ingredient{display:block;font-size:30px;text-shadow:0 2px 3px #000}.ingredient-0{color:#ec8668}.ingredient-1{color:#d9c6ff}.ingredient-2{color:#8dc084}.ingredient-3{color:#86c1f3}.ingredient-4{color:#cfaa86}.ingredient-5{color:#98e4dd}.ingredient-button.selected{outline:2px solid #e9c986}
.flame-grid,.rat-grid,.bridge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.floor-tile{height:83px;background:linear-gradient(145deg,#464643,#232a29);border:3px solid #686353;border-bottom-color:#151918;box-shadow:0 5px 0 #101717;color:#b8b19a;font:22px Georgia;transition:background .15s,box-shadow .15s}.floor-tile:disabled{opacity:1}
.chest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.chest-button{padding:5px;background:transparent;border:0}.chest-button small{display:block;margin-top:8px}.treasure-chest{position:relative;display:block;height:68px;margin:0 4px;background:repeating-linear-gradient(90deg,#6a4728 0 18px,#966d3b 19px 22px);border:4px solid #b18c49;border-radius:40% 40% 6px 6px;box-shadow:0 5px 10px #0008,inset 0 -8px 15px #0008}.treasure-chest:before{content:'';position:absolute;left:0;right:0;top:28px;border-top:4px solid #c9a45c}.treasure-chest i{position:absolute;left:40%;top:27px;font-size:20px;font-style:normal;color:#f0d082}.chest-button:hover .treasure-chest{filter:brightness(1.3)}
.dice-stage{min-height:170px;display:grid;place-items:center;perspective:500px}.rolling-die{font-size:100px;color:#f4dec0;filter:drop-shadow(8px 12px 3px #0007);animation:dice-tumble .5s infinite alternate}
.fall-field{position:relative;height:275px;border:2px solid #726340;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,#263d33 0 6%,#233d43 7% 93%,#263d33 94%)}.river-field .water-ripples{position:absolute;inset:-80px 0 0;background:repeating-linear-gradient(175deg,transparent 0 30px,#9cd6cf11 31px 33px);animation:river-flow 2s linear infinite}.river-gate{position:absolute;left:0;right:0;height:32px}.river-gate>i,.river-gate>b{position:absolute;height:100%;background:linear-gradient(#728178,#37443f);border:2px solid #9eaa90;border-radius:8px}.river-gate>i{left:-8px;width:var(--gap-left)}.river-gate>b{right:-8px;width:var(--gap-right)}.boat{position:absolute;bottom:12px;width:38px;height:60px;border-radius:50%;border:6px solid #bd9367;background:repeating-linear-gradient(#503d29 0 10px,#967044 11px 14px);transform:translateX(-50%);box-shadow:4px 10px 10px #0005;text-align:center;font-size:24px;color:#e1d1a9}.direction-controls{margin-top:12px}.direction-controls button{flex:1;touch-action:none;user-select:none}.eggs-field{background:radial-gradient(ellipse,#685c4944,#15211f)}.dragon-egg{position:absolute;width:30px;height:40px;border-radius:50% 50% 43% 43%;background:radial-gradient(at 30% 25%,#f0e2a0,#99aa73 50%,#374936);border:2px solid #d7c987;transform:translateX(-50%);box-shadow:0 0 15px #d8da9377}.nest{position:absolute;bottom:10px;width:29%;height:33px;transform:translateX(-50%);border:8px double #ad8351;border-radius:50%;background:#352e20}.impact{filter:brightness(1.7)}
.lever-row{padding:9px 0;border-bottom:1px solid #6c695133}.lever-row .timing-track{margin:6px 0;height:23px}.lever-row>span{font-size:.85rem}.lever-row small{display:block;min-height:17px}.mine{border-color:#d9bd70!important}.mine>span,.mine strong{color:#e9cc83}
.maze-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:3px solid #8b8065;margin:20px 0;background:#182422}.maze-cell{aspect-ratio:1;position:relative;display:grid;place-items:center;min-width:0}.maze-cell small{position:absolute;top:2px;left:3px;font-size:9px;color:#a9af9a}.maze-cell span{font-size:26px;color:#efd08d}.maze-cell.unknown{background:repeating-linear-gradient(135deg,#111c1d 0 5px,#172222 6px 7px);color:#556460}.maze-cell.current{box-shadow:inset 0 0 24px #d8b15c55}.maze-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.maze-controls button{font-size:26px}
.wagon-wheel{position:relative;width:110px;height:110px;border:10px solid #9a7549;border-radius:50%;margin:12px auto;background:repeating-conic-gradient(#87643c 0 5deg,transparent 6deg 45deg);box-shadow:0 0 0 3px #3c3024}.wagon-wheel i{position:absolute;left:35%;top:35%;width:30%;height:30%;background:#ba9b64;border-radius:50%}.wagon-wheel.held{box-shadow:0 0 0 3px #b6ca8c,0 0 24px #c9ce7a44}.role-list{display:flex;flex-wrap:wrap;gap:8px}.role-list span{padding:5px 8px;border:1px solid #586258;border-radius:6px;font-size:.72rem}.wagon-controls label{margin-top:15px}.wagon-controls input{min-height:44px;touch-action:pan-x}.wagon-controls [data-hold-wheel]{touch-action:none;user-select:none}
.assigned-symbol{font-size:28px;color:#e9cb8c}.circle-targets{min-height:210px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:center}.spell-target{height:98px;border:2px solid #bca76e;border-radius:50%;background:radial-gradient(circle,#47646c,#19272d 70%);box-shadow:0 0 22px #9cc8e422}.spell-target span{display:block;font-size:34px;color:#f1da9a}.spell-target small{font-size:.66rem;display:block;overflow:hidden;text-overflow:ellipsis}.spell-target:disabled{opacity:.4}.circle-targets>.note{grid-column:1/-1}
.rat-hole{position:relative;height:78px;border:4px solid #5e5c4a;border-radius:45%;background:radial-gradient(ellipse,#050b0c 20%,#172120 80%);overflow:hidden}.rat-body{position:absolute;width:44px;height:40px;left:50%;top:19px;transform:translate(-50%,65px);border-radius:45% 45% 40% 40%;background:radial-gradient(at 35% 20%,#a59580,#5d5b50 65%);transition:transform .1s}.occupied .rat-body{transform:translate(-50%,0)}.rat-body:before,.rat-body:after{content:'';position:absolute;top:-6px;width:18px;height:18px;background:#a28e77;border:3px solid #5e6255;border-radius:50%}.rat-body:before{left:-6px}.rat-body:after{right:-6px}.rat-body i{position:absolute;top:15px;left:9px;width:6px;height:6px;background:#f1ba8c;border-radius:50%;box-shadow:19px 0 #f1ba8c}.rat-body i:after{content:'';position:absolute;top:12px;left:9px;width:7px;height:6px;border-radius:50%;background:#cfab9f}
.potion-meter{height:100px;width:85px;position:relative;margin:16px auto;border:4px solid #b0c1a0;border-top-width:10px;border-radius:15% 15% 35% 35%;overflow:hidden;background:#12201e}.potion-meter>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(#a4d194,#387f72);box-shadow:0 -4px 14px #c7ffb677;transition:height .3s}.potion-meter>span{position:absolute;inset:15px 0;text-align:center;font-size:50px;color:#e5f5c1}.regulators{display:grid;gap:12px}.regulator{border:1px solid #59665a;border-radius:8px;padding:10px}.regulator .timing-track{margin:8px 0;height:22px}.regulator .row>button{flex:1;font-size:22px;touch-action:none}
.bridge-tile{min-height:84px;padding:6px;border:3px solid #6b6554;background:linear-gradient(#444c43,#252e2a);box-shadow:0 6px 0 #101716}.bridge-tile>span{display:block;font:26px Georgia}.bridge-tile small{display:block;font-size:.65rem;overflow-wrap:anywhere}.bridge-tile:disabled{opacity:.5}.bridge-tile.crossed{opacity:.8;border-color:#7da589}.bridge-tile.next{outline:2px solid #ead394}.ghost-targets{display:flex;flex-wrap:wrap;gap:12px;min-height:220px}.ghost-card{flex:1 1 120px;position:relative;min-width:0;padding:12px;text-align:center;border:1px solid #778582;border-radius:16px;background:radial-gradient(ellipse,#9fb9c122,transparent);}.ghost-shape{width:68px;height:82px;margin:6px auto 0;background:radial-gradient(ellipse at 50% 25%,#cfdfd7bb,#7f9cab44 65%,transparent 70%);border-radius:50% 50% 15% 15%;position:relative;animation:ghost-float 2s ease-in-out infinite alternate}.ghost-shape:after{content:'··';font:700 45px Georgia;color:#213a3e;position:absolute;left:22px;top:-4px;letter-spacing:5px}.ghost-signs{display:flex;justify-content:center;gap:9px;align-items:center;margin:6px 0;font-size:25px}.ghost-signs .completed{color:#8bc9a0}.ghost-signs .active{color:#f0d394;text-shadow:0 0 12px #eddaa466}.ghost-card button{max-width:100%;font-size:.8rem}.ghost-card>.timer{display:block;margin-top:5px}
@keyframes bubble{to{transform:translateY(-8px);opacity:.5}}@keyframes dice-tumble{to{transform:rotate(22deg) translateY(-12px)}}@keyframes river-flow{to{transform:translateY(64px)}}@keyframes ghost-float{to{transform:translateY(-7px)}}
.reduce-motion .rolling-die,.reduce-motion .ghost-shape,.reduce-motion .cauldron-bubbles,.reduce-motion .water-ripples{animation:none}
@media(prefers-reduced-motion:reduce){.rolling-die,.ghost-shape,.cauldron-bubbles,.water-ripples{animation:none}}
@media(max-width:400px){.item-art{width:47px;height:47px}.inventory{gap:8px}.inventory>button{max-width:83px}.bag-grid{gap:5px}.paperdoll{gap:6px;padding:10px 4px}.extra-art{height:155px}.circle-targets{gap:7px}.spell-target{height:85px}.extra-panel{padding:16px}.chest-grid{gap:8px}.treasure-chest{margin:0;height:58px}.ghost-card{padding:7px}}