.memory-picture{display:block;margin:.6rem 0;width:100%;padding:0;box-sizing:border-box}
.memory-picture img{display:block;width:100%;height:auto;image-rendering:pixelated}
.game-popup .memory-picture-button{cursor:zoom-in;text-align:left;overflow:hidden}
.memory-picture-button>span{display:block;padding:5px 9px}
.memory-image-viewport{overflow:auto;max-width:100%;max-height:55dvh;overscroll-behavior:contain;touch-action:pan-x pan-y;border:1px solid #7a6238}
.memory-image-viewport:focus-visible{outline:2px solid #ffd274;outline-offset:2px}
.memory-picture-large{border:0;margin:0}
.memory-gallery:has([data-memory-zoom]:checked) .memory-picture-large{width:768px;max-width:none}
.memory-zoom{display:flex;align-items:center;gap:6px;margin:0 0 9px}
.memory-zoom input{width:18px;height:18px;flex:none}
@media (max-width:700px){.memory-picture-button>span{padding:8px 9px}.memory-image-viewport{max-height:40dvh}}
.memory-flash h2{margin:.25rem 0 .55rem}
.memory-flash p{line-height:1.55}
.memory-flash .dialog-actions{margin-top:.8rem}

/* --- Reiter „Bude“ --- */
.base-build .base-locked{line-height:1.5}
.base-effects{margin:.4rem 0 .9rem;padding:0;list-style:none;display:grid;gap:.22rem;padding:.55rem .7rem}
.base-effects b{margin-right:.35rem}
.build-grid{display:grid;gap:.6rem}
.build-card{padding:.6rem .7rem}
.build-card>header{display:flex;align-items:center;gap:.55rem;margin-bottom:.35rem}
.build-card>header canvas{width:34px;height:34px;image-rendering:pixelated}
.build-card h3{margin:0}
.build-card p{margin:.25rem 0;line-height:1.45}
.build-next{margin-top:.45rem;padding-top:.45rem}
.build-cost{margin:.35rem 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.3rem .7rem}
.build-next button[disabled]{cursor:not-allowed}

/* --- Erinnerungsliste im Clanbuch --- */
.memory-panel{margin-top:1rem;padding-top:.7rem}
.memory-list{display:grid;gap:.5rem}
.memory-entry{padding:.35rem .6rem}
.memory-entry h3{margin:0 0 .2rem}
.memory-entry p{margin:.2rem 0;line-height:1.45}
.memory-entry.unknown{opacity:.45}

/* --- Kapitelliste (Reiter Aufträge) --- */
.chapter-log{margin-top:1rem;padding-top:.7rem}
.chapter-list{display:grid;gap:.5rem}
.chapter-entry{padding:.45rem .6rem}
.chapter-entry h3{margin:0}
.chapter-entry p{margin:.25rem 0;line-height:1.45}
.chapter-status{display:inline-block;margin-bottom:.15rem}
.chapter-entry.later{opacity:.6}
.chapter-unlocks{margin:.25rem 0 0;padding-left:1.1rem}

/* --- HUD: Wegmarke im Auftragskasten --- */
.quest-task.waypoint{opacity:.85}

@media (max-width:460px){
 .build-card>header canvas{width:28px;height:28px}
 .build-cost{gap:.25rem .45rem}
}

/* Grafiklieferung 2026-09-17: Proc-Rahmen (48 × 48, 9-Slice 12) und Proc-Marker (12 × 12) an der Aktionsleiste. */
.skill.proc-ready::before{content:'';position:absolute;inset:-3px;pointer-events:none;z-index:6;border:6px solid transparent;border-image:url(./assets/content-art/ui/ui-proc-frame.png) 12 / 6px stretch;background-repeat:no-repeat;background-position:right -2px top -2px;background-size:12px 12px;image-rendering:pixelated}
.skill.proc-free::before{background-image:url(./assets/content-art/ui/ui-proc-free.png)}
.skill.proc-empower::before{background-image:url(./assets/content-art/ui/ui-proc-empower.png)}
.buff-chip .momentum-mark{image-rendering:pixelated;width:20px;height:20px;vertical-align:-5px}
.chapter-entry .chapter-lock{image-rendering:pixelated;width:24px;height:24px;vertical-align:-5px;margin-right:5px}

/* Runde B · Kampfleiste, Angriffshinweis, Abschnitte statt Unterseiten, Klamottenwahl */
.auto-state{align-self:center;margin-bottom:6px;padding:4px 12px}
.attack-warning{position:absolute;left:50%;top:16%;transform:translateX(-50%);z-index:35;pointer-events:none;padding:12px 26px;text-align:center;max-width:min(84vw,640px)}
.attack-warning.hidden{display:none}
.attack-warning.pulse{animation:attack-warn .5s ease-out 2}
@keyframes attack-warn{0%{transform:translateX(-50%) scale(1.14)}60%{transform:translateX(-50%) scale(1)}100%{transform:translateX(-50%) scale(1)}}
.panel-section{margin:0 0 20px;padding-top:12px}
.panel-section:first-of-type{padding-top:0}
.panel-section-title{margin:0 0 12px;font:bold 12px/1.3 'Trebuchet MS',sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#d6bc83}
@media(max-width:760px){.attack-warning{padding:9px 15px;top:12%}.auto-state{padding:3px 8px}}

/* Der Questkasten ist der Knopf zur goldenen Wegmarke (P6). */
.quest-panel.has-waypoint{cursor:pointer}
.quest-panel.has-waypoint:hover .quest-task.waypoint{opacity:1}