*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Georgia,'Times New Roman',serif;color:#fff;background:#21160f url('assets/table.png') center/cover fixed;-webkit-tap-highlight-color:transparent}.screen{width:100%;height:100%;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.hidden{display:none!important}.menu-panel{padding:18px 28px;max-width:510px;height:100%;display:flex;flex-direction:column}.menu-panel h1{margin:0;color:#d8bd58;font-size:clamp(34px,5vw,54px);font-weight:600;white-space:nowrap}.menu-panel h2{font-size:15px;letter-spacing:4px;color:#ffffffb8;margin:8px 0 26px;white-space:nowrap}.menu-buttons{display:flex;flex-direction:column;gap:10px}.wood{border:0;color:white;background:transparent url('assets/button.png') center/100% 100% no-repeat;min-height:64px;width:min(390px,80vw);font-family:inherit;text-shadow:0 1px 2px #000;cursor:pointer}.wood b,.wood small{display:block}.wood b{font-size:19px}.wood small{font-size:12px;opacity:.78}.game-layout{height:100%;display:grid;grid-template-columns:minmax(0,820px) minmax(230px,290px);gap:22px;align-items:center;justify-content:center}#board{position:relative;width:min(78vh,calc(100vw - 330px));aspect-ratio:1;background:url('assets/board.png') center/100% 100% no-repeat;touch-action:manipulation}.cell{position:absolute;width:12.63%;height:12.63%;border:0;background:transparent;padding:0;transform:translate(-50%,-50%)}.piece{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;pointer-events:none}.target:after{content:'';position:absolute;width:34%;height:34%;border-radius:50%;background:#ffd9005c;border:2px solid #ffd900cc;left:33%;top:33%}.selected:before,.ai-source:before{content:'';position:absolute;inset:7%;border:3px solid #ffe500;border-radius:50%}.ai-source:before{border-color:#ff9500}.ai-target:after{content:'';position:absolute;inset:14%;border-radius:50%;background:#ff950038;border:3px solid #ff9500}.captured{animation:fadeCapture 1s ease-out forwards;filter:drop-shadow(0 0 5px #ffd900)}@keyframes fadeCapture{to{opacity:0}}aside{text-align:center;align-self:stretch;padding-top:6vh;display:flex;flex-direction:column;align-items:center}aside h3{font-size:28px;color:#d8bd58;margin:0 0 16px}#turnTitle{font-size:20px;font-weight:bold;max-width:260px;min-height:48px}#turnSub{font:14px system-ui;color:#ffffffb3;min-height:25px}.players{font:12px system-ui;color:#ffffffd0;display:flex;flex-direction:column;gap:5px;margin:4px 0 14px}#gameButtons{height:245px;display:flex;flex-direction:column;gap:10px}.game-layout .wood{width:250px;min-height:68px}.audio{display:flex;gap:16px}.audio button{border:0;border-radius:8px;background:#0003;padding:5px}.audio img{width:34px;height:34px;display:block}dialog{max-width:min(780px,92vw);max-height:88vh;border:1px solid #765b38;border-radius:12px;background:#efe4cf;color:#24180f;padding:0;box-shadow:0 18px 60px #0008}dialog::backdrop{background:#0009}#modalContent{padding:26px 30px;overflow:auto;max-height:75vh;font-family:system-ui,-apple-system,sans-serif}#modalContent h1{font-family:Georgia,serif}.close{float:right;margin:12px 20px 18px;padding:8px 18px}.formgrid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;align-items:center}.formgrid input,.formgrid select{font-size:16px;padding:8px}.stat-table{width:100%;border-collapse:collapse;font-size:14px}.stat-table th,.stat-table td{padding:7px;border-bottom:1px solid #8b795744;text-align:right}.stat-table th:first-child,.stat-table td:first-child{text-align:left}.danger{color:#8c1919;margin-top:18px;padding:8px}.install-note{font-size:13px;background:#fff8;padding:10px;border-radius:6px}
@media(max-width:800px){.screen{overflow:auto}.menu-panel{padding:10px 6px}.menu-panel h1{font-size:clamp(31px,9vw,48px)}.menu-panel h2{font-size:11px;letter-spacing:2.5px}.wood{width:min(390px,94vw)}.game-layout{display:flex;flex-direction:column;justify-content:flex-start;gap:4px}.game-layout #board{width:min(94vw,65vh);flex:none}.game-layout aside{padding:0;align-self:center}.game-layout aside h3{font-size:20px;margin:0 0 3px}#turnTitle{font-size:17px;min-height:25px}#turnSub{min-height:18px}.players{margin:0 0 4px;flex-direction:row;gap:15px}#gameButtons{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:94vw}.game-layout .wood{width:100%;min-height:50px}.game-layout .wood b{font-size:14px}.game-layout .wood small{font-size:10px}.audio{margin:4px}.audio img{width:28px;height:28px}}
@media(max-width:600px) and (orientation:portrait){.game-layout #board{width:94vw}.game-layout aside h3{display:none}.menu-buttons{gap:6px}.menu-buttons .wood{min-height:58px}}

.legal-link{border:0;background:transparent;color:#ffffffb8;text-decoration:underline;text-underline-offset:3px;font:13px system-ui,-apple-system,sans-serif;cursor:pointer;padding:4px 8px;margin:0 0 2px;width:min(390px,80vw);text-align:center}.legal-link:hover{color:#fff}.legal h2{margin-top:1.5em}.legal h3{margin-top:1.2em}.legal a{color:#704b19}.legal small{color:#5d5142}.legal ul{padding-left:1.3em}
@media(max-width:800px){.legal-link{width:min(390px,94vw)}}

/* KI-Zugvorschau */
.cell.selected::before,.cell.ai-source::before{z-index:4;pointer-events:none}
.cell.target::after,.cell.ai-target::after{z-index:5;pointer-events:none}
.cell.ai-source .piece{filter:drop-shadow(0 0 8px #ff9500) drop-shadow(0 0 3px #ff9500)}