:root{--bg-primary: #0f0f23;--bg-panel: #1a1a2e;--bg-input: #0f172a;--bg-button: #1e293b;--bg-button-active: #1e3a5f;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border-default: #334155;--border-active: #3b82f6;--accent-blue: #3b82f6;--accent-blue-light: #60a5fa;--accent-blue-bg: #1e3a5f;--accent-red: #ef4444;--accent-gold: #fbbf24;--accent-gold-faded: rgba(251, 191, 36, .3);--accent-green: #34d399;--accent-green-bg: rgba(52, 211, 153, .1);--accent-link: #60a5fa;--win-banner-bg: linear-gradient(135deg, #065f46, #064e3b);--win-banner-color: #34d399;--loss-banner-bg: linear-gradient(135deg, #7f1d1d, #450a0a);--loss-banner-color: #fca5a5;--panel-shadow: 0 8px 32px rgba(0, 0, 0, .4);--title-gradient: linear-gradient(135deg, #3b82f6, #ef4444)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.game-info{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--bg-panel);border-radius:12px;box-shadow:var(--panel-shadow);width:300px;flex-shrink:0}.compact-bar,.drawer{display:none}.desktop-panel{display:flex;flex-direction:column;gap:20px}.title-row{display:flex;align-items:center;justify-content:center;gap:12px}.game-info h1{font-size:1.8rem;font-weight:700;text-align:center;background:var(--title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.music-btn{width:36px;height:36px;border:1px solid var(--text-muted);border-radius:50%;background:var(--bg-button);color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.music-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.music-btn.music-on{border-color:var(--accent-blue);color:var(--accent-blue-light);background:var(--accent-blue-bg)}.difficulty-select label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.difficulty-buttons{display:flex;flex-wrap:wrap;gap:6px}.diff-btn{flex:1;padding:8px 12px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-input);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.diff-btn:hover:not(:disabled){border-color:var(--border-active);color:var(--text-primary)}.diff-btn.active{background:var(--bg-button-active);border-color:var(--border-active);color:var(--accent-blue-light);font-weight:600}.diff-btn:disabled{opacity:.5;cursor:not-allowed}.name-input{display:flex;flex-direction:column;gap:4px}.name-input label{font-size:.85rem;color:var(--text-secondary)}.name-input input{padding:8px 12px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.name-input input:focus{border-color:var(--border-active)}.name-input input::placeholder{color:var(--text-muted)}.btn-row{display:flex;gap:6px}.panel-btn{flex:1;padding:8px 12px;border:1px solid var(--text-muted);border-radius:8px;background:var(--bg-button);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.panel-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.highscores{border-top:1px solid var(--border-default);padding-top:16px}.highscores h3{font-size:.9rem;color:var(--text-muted);margin-bottom:8px}.highscore-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.highscore-list li{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;background:var(--bg-input);font-size:.85rem}.highscore-list li:first-child{color:var(--accent-gold);font-weight:600}.hs-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-time{font-family:Consolas,Courier New,monospace;font-variant-numeric:tabular-nums}.hs-result{font-size:.8rem;font-weight:600;min-width:36px;text-align:center;color:var(--accent-green)}.hs-loss .hs-result{color:#f87171}.hs-loss .hs-time{color:var(--text-secondary)}.hs-date{color:var(--text-muted);font-size:.75rem}.status{text-align:center;font-size:1.1rem}.start-hint{color:var(--text-secondary);font-size:.95rem}.winner-banner{font-size:1.3rem;font-weight:700;padding:12px;border-radius:8px;background:var(--win-banner-bg);color:var(--win-banner-color);text-align:center}.loss-banner{background:var(--loss-banner-bg);color:var(--loss-banner-color);font-size:1rem}.status-win{color:var(--accent-green);font-weight:600}.status-loss{color:var(--loss-banner-color);font-weight:600}.thinking{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--accent-gold)}.spinner{display:inline-block;width:18px;height:18px;border:3px solid var(--accent-gold-faded);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.current-turn{display:flex;align-items:center;justify-content:center;gap:10px}.turn-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.restart-btn{width:100%;padding:12px;border:1px solid var(--accent-blue);border-radius:8px;background:var(--accent-blue-bg);color:var(--accent-blue-light);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.restart-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.timer-display{text-align:center}.timer-value{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:Consolas,Courier New,monospace;color:var(--text-primary);letter-spacing:2px}.timer-stopped{color:var(--accent-green)}.overlay-backdrop{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:200}.overlay-panel{background:var(--bg-panel);border-radius:12px;padding:24px;min-width:340px;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0009}.overlay-panel h2{margin-bottom:16px;font-size:1.3rem;color:var(--accent-gold)}.overlay-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.overlay-close:hover{color:var(--text-primary);background:var(--border-default)}.overlay-error{color:#f87171}.overlay-table{width:100%;border-collapse:collapse;font-size:.85rem}.overlay-table th,.overlay-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-default)}.overlay-table th{color:var(--text-secondary);font-weight:600}.overlay-table td{color:var(--text-primary)}.overlay-table tbody tr:first-child td{color:var(--accent-gold);font-weight:600}.rules-subheading{font-size:1rem;color:var(--text-secondary);margin-top:16px;margin-bottom:4px}.rules-list{padding-left:20px;font-size:.9rem;color:var(--text-primary);line-height:2}.about-content{display:flex;flex-direction:column;gap:12px;font-size:.9rem;color:var(--text-primary)}.about-author{font-size:1.1rem;font-weight:600;color:var(--accent-link)}.about-content a{color:var(--accent-link);text-decoration:none}.about-content a:hover{text-decoration:underline}.about-music{font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-default);padding-top:12px}.about-disclaimer{font-size:.75rem;color:var(--text-muted);font-style:italic;border-top:1px solid var(--border-default);padding-top:12px}.about-donate{border-top:1px solid var(--border-default);padding-top:12px}.about-donate p{margin-bottom:8px;font-size:.85rem;color:var(--text-secondary)}.donate-links{display:flex;gap:8px}.donate-btn{flex:1;padding:10px 12px;border-radius:8px;font-size:.85rem;font-weight:600;text-align:center;text-decoration:none;transition:all .2s}.donate-paypal{background:var(--accent-blue-bg);color:var(--accent-blue-light);border:1px solid var(--accent-blue)}.donate-paypal:hover{background:var(--accent-blue);color:#fff}.donate-bmac{background:#fbbf2426;color:var(--accent-gold);border:1px solid var(--accent-gold)}.donate-bmac:hover{background:var(--accent-gold);color:#000}.donate-btn:focus-visible{outline:2px solid var(--border-active);outline-offset:2px;box-shadow:0 0 0 4px #3b82f64d}.about-impressum-link{background:none;border:none;color:var(--text-muted);font-size:.8rem;text-decoration:underline;cursor:pointer;padding:0;transition:color .2s}.about-impressum-link:hover{color:var(--text-secondary)}.about-impressum-link:focus-visible{outline:2px solid var(--border-active);outline-offset:2px}.impressum-content{font-size:.9rem;color:var(--text-primary);line-height:1.6}.impressum-content p{margin-bottom:8px}.win-snippet{display:flex;flex-direction:column;gap:4px}.win-snippet label{font-size:.8rem;color:var(--text-secondary)}.snippet-code{display:block;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;font-family:Consolas,Courier New,monospace;font-size:.8rem;color:var(--accent-green);cursor:pointer;transition:all .2s;word-break:break-all}.snippet-code:hover{border-color:var(--accent-green)}.snippet-code.copied{border-color:var(--accent-green);background:var(--accent-green-bg)}.snippet-hint{font-size:.7rem;color:var(--text-muted)}.compact-bar{display:none}.compact-timer{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:Consolas,Courier New,monospace;color:var(--text-primary);min-width:80px}.compact-status{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem}.compact-status .spinner{width:14px;height:14px;border-width:2px}.compact-status .turn-dot{width:10px;height:10px}.compact-btn{width:40px;height:40px;border:1px solid var(--text-muted);border-radius:8px;background:var(--bg-button);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compact-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.compact-btn.music-on{border-color:var(--accent-blue);color:var(--accent-blue-light)}.compact-btn.drawer-active{border-color:var(--accent-gold);color:var(--accent-gold)}.drawer{display:none}.drawer-content{display:flex;flex-direction:column;gap:14px}@media(max-width:1024px){.game-info{width:100%;border-radius:0;padding:0;gap:0;box-shadow:0 -4px 16px #0006;background:var(--bg-panel);flex-shrink:0}.desktop-panel{display:none}.compact-bar{display:flex;align-items:center;gap:10px;padding:10px 16px}.drawer{display:block;max-height:0;overflow:hidden;transition:max-height .3s ease}.drawer.drawer-open{max-height:500px}.drawer-content{padding:0 16px 16px}.overlay-panel{min-width:auto;margin:12px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}@media(max-width:640px){.compact-bar{gap:6px;padding:8px 10px}.compact-timer{font-size:1rem;min-width:66px}.compact-status{font-size:.8rem}.compact-btn{width:36px;height:36px;font-size:1rem}.diff-btn,.panel-btn{min-height:44px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--bg-panel);color:var(--accent-blue-light);padding:8px 16px;z-index:1000;font-size:.9rem;text-decoration:none;border-radius:0 0 8px}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--border-active);outline-offset:2px}svg :focus-visible,svg *:focus-visible{outline:none}.diff-btn:focus-visible,.panel-btn:focus-visible,.restart-btn:focus-visible,.compact-btn:focus-visible,.music-btn:focus-visible{outline:2px solid var(--border-active);outline-offset:2px;box-shadow:0 0 0 4px #3b82f64d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}._boardContainer_hlmlp_1{display:flex;justify-content:center;align-items:center;flex-shrink:0}._board_hlmlp_1{background:var(--bg-panel);border-radius:12px;box-shadow:var(--panel-shadow)}@media(max-width:1024px){._boardContainer_hlmlp_1{flex:1;min-height:0;width:100%;padding:8px}._board_hlmlp_1{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:8px}}@media(max-width:640px){._boardContainer_hlmlp_1{padding:0}._board_hlmlp_1{border-radius:0}}._app_15jzq_1{display:flex;justify-content:center;align-items:center;gap:32px;padding:24px;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif}._mobileHeader_15jzq_16{display:none}@media(max-width:1024px){._app_15jzq_1{flex-direction:column;gap:0;padding:0}._mobileHeader_15jzq_16{display:flex;align-items:center;justify-content:center;padding:10px 16px;background:var(--bg-panel);flex-shrink:0;width:100%;box-shadow:0 4px 16px #0000004d}._mobileHeader_15jzq_16 h1{font-size:1.3rem;font-weight:700;background:var(--title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}}@media(max-width:640px){._mobileHeader_15jzq_16{padding:4px 12px}._mobileHeader_15jzq_16 h1{font-size:1rem}}