#app{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.main-layout{display:flex;gap:40px;max-width:1300px;margin:20px auto;padding:20px}.chessboard{border:4px solid #3E2723!important;background:#2d1b19!important;padding:10px!important;box-shadow:0 20px 50px #0009!important;display:grid!important;grid-template-columns:repeat(8,65px)!important;grid-template-rows:repeat(8,65px)!important;gap:2px;border-radius:15px;margin:0 auto}.square{width:65px!important;height:65px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:36px!important;cursor:pointer!important;transition:all .2s ease!important;position:relative;border:1px solid rgba(0,0,0,.1)}.square.light{background:#e8c5c8!important}.square.dark{background:#4e342e!important}.square:hover{transform:scale(1.03)!important;filter:brightness(1.1)}.square.selected{background:#f4b0b7!important;box-shadow:inset 0 0 15px #ffffff80!important;transform:scale(1.08)!important;z-index:10}.square.possible-move{background:#f4b0b74d!important}.square.possible-move:after{color:#f4b0b7!important;opacity:.8;content:"●";position:absolute;font-size:20px;z-index:5}.piece{pointer-events:none;text-shadow:0 0 5px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,1)}.piece.white{color:#fff0f1;text-shadow:none;text-shadow:0 0 4px rgba(0,0,0,.7)}.piece.black{color:#1c1c1e;text-shadow:0 0 8px rgba(255,255,255,.2)}#captured-pieces{margin-top:20px;display:flex;gap:20px}#captured-pieces div{background:#f0f0f0;padding:10px;border-radius:5px}#status{margin-top:20px;padding:15px;background:#e8f4f8;border-radius:5px;border-left:4px solid #007BFF}.square.dark .piece{text-shadow:0 0 8px rgba(255,255,255,.2)}.captured{display:flex;flex-wrap:wrap;gap:8px;font-size:28px;padding:15px;background:#2b1b17;color:#f8d7da;border-radius:10px;min-height:40px}body{background:#1a0f0e;color:#e8c5c8;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;margin:0;overflow-y:auto}.captured-area{font-size:24px!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important;min-height:32px}#help-button{background:#3e2723!important;color:#f4b0b7!important;border:1px solid #F4B0B7;position:fixed;top:20px;left:20px;width:35px;height:35px;box-shadow:0 4px 10px #00000080;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;transition:.2s}#help-button:hover{background:#f4b0b7!important;color:#2d1b19!important}#help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.hidden{display:none!important}.help-content{background:#2d1b19!important;border:2px solid #F4B0B7!important;color:#e8c5c8!important;box-shadow:0 4px 10px #00000080;padding:30px;max-width:400px;max-height:80vh;overflow-y:auto;text-align:center}.help-content h2{margin-top:0}.help-content button{background:#4e342e!important;color:#f4b0b7!important;border:1px solid #F4B0B7!important;transition:.3s;margin-top:20px;padding:8px 16px;cursor:pointer}#promotion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.promotion-content{background:#2d1b19!important;border:2px solid #F4B0B7!important;color:#e8c5c8!important;box-shadow:0 4px 10px #00000080;padding:25px;text-align:center}.promotion-options{display:flex;gap:15px;margin-top:15px}.promotion-options button{background:#4e342e!important;color:#f4b0b7!important;border:1px solid #F4B0B7!important;transition:.3s;font-size:36px;padding:10px 15px;cursor:pointer}.promotion-options button:hover{background:#f4b0b7!important;color:#2d1b19!important}.status-panel{background:#2d1b19!important;color:#e8c5c8!important;border-left:4px solid #F4B0B7!important;box-shadow:0 10px 30px #00000080!important;padding:25px;min-width:240px;max-width:300px;flex-shrink:0}#page-footer{margin-top:10px;margin-bottom:20px;text-align:center;font-size:12px;color:#c9b6b6;width:100%}#page-footer a{color:#c9b6b6;text-decoration:none}#page-footer a:hover{text-decoration:underline}#impressum-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.impressum-content{background:#2d1b19!important;border:2px solid #F4B0B7!important;color:#e8c5c8!important;box-shadow:0 4px 10px #00000080;padding:30px;max-width:400px;max-height:80vh;overflow-y:auto;text-align:left}.impressum-content button{background:#4e342e!important;color:#f4b0b7!important;border:1px solid #F4B0B7!important;transition:.3s;margin-top:20px;padding:8px 16px;cursor:pointer}#new-game-btn{display:block;width:100%;margin:20px 0;padding:12px;background:transparent;color:#f4b0b7;border:1px solid #F4B0B7;border-radius:8px;font-family:Segoe UI,sans-serif;font-size:14px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}#new-game-btn:hover{background:#f4b0b7;color:#2d1b19;box-shadow:0 0 15px #f4b0b766;transform:translateY(-2px)}#new-game-btn:active{transform:translateY(0)}@media(max-width:900px){.main-layout{flex-direction:column;align-items:center;gap:20px;padding:10px}.status-panel{min-width:100%;max-width:100%;order:2}}@media(max-width:600px){.chessboard{grid-template-columns:repeat(8,40px)!important;grid-template-rows:repeat(8,40px)!important;padding:8px!important}.square{width:40px!important;height:40px!important;font-size:24px!important}h1{font-size:1.8em!important}}@media(max-width:600px){#help-button{top:10px;left:10px;width:45px;height:45px}}.variant-page{background:#2d1b19;border:1px solid rgba(244,176,183,.15);box-shadow:0 40px 100px #00000080;padding:60px 50px;border-radius:16px;max-width:750px;margin:40px auto;line-height:1.8}.variant-page h2{text-align:center;margin-top:0;margin-bottom:40px;font-size:2.2em;font-weight:300;letter-spacing:1px;color:#f4b0b7}.variant-page p{color:#e8c5c8;margin-bottom:25px;font-size:1.1em;opacity:.85}.primary-link-wrapper{text-align:center;margin-top:50px}.primary-link{display:inline-block;padding:16px 45px;background:transparent;color:#f4b0b7;border:1px solid #F4B0B7;border-radius:4px;text-transform:uppercase;letter-spacing:3px;font-size:.9em;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1)}.primary-link:hover{background:#f4b0b7;color:#2d1b19;box-shadow:0 10px 25px #f4b0b733;transform:translateY(-2px);text-decoration:none}@media(max-width:768px){.variant-page{padding:40px 25px;margin:20px;border:none;box-shadow:none}.variant-page h2{font-size:1.6em}}.main-title-link{text-decoration:none;color:inherit;transition:opacity .3s}.main-title-link:hover{opacity:.7}