html,body{color:#d8dde6;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#05070d;height:100%;margin:0;padding:0;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden}#game{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#game canvas{image-rendering:pixelated;display:block}#status{letter-spacing:.1em;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;inset:0}#status.error{color:#ff7a6a;text-align:center;padding:2em}#help{text-align:center;pointer-events:none;background:#080c14db;border:1px solid #2c3a4c;padding:10px 16px;font-size:12px;line-height:1.6;transition:opacity .8s;position:fixed;bottom:12%;left:50%;transform:translate(-50%)}#help.hidden{opacity:0}#help b{color:#e0b860}#help .help-touch,body.is-touch #help .help-keys{display:none}body.is-touch #help .help-touch{display:inline}.debug-panel{color:#b8f0c8;pointer-events:none;white-space:pre;z-index:10;background:#000000b8;max-width:60vw;margin:0;padding:6px 8px;font-size:11px;line-height:1.35;position:fixed;top:6px;right:6px}.touch{pointer-events:none;z-index:5;touch-action:none;display:none;position:fixed;inset:0}.touch-zone{pointer-events:auto;touch-action:none;width:50%;height:100%;position:absolute;top:0;left:0}.touch canvas{image-rendering:pixelated;image-rendering:crisp-edges}.touch-stick,.touch-knob{pointer-events:none;opacity:.45;position:absolute;transform:translate(-50%,-50%)}.touch-stick.active,.touch-knob.active{opacity:.95}.touch-btn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:absolute}.touch-btn canvas{width:100%;height:100%;display:block}.tuning-gear{z-index:20;color:#f0cc72;cursor:pointer;touch-action:manipulation;background:#140e0acc;border:2px solid #c8963c;border-radius:6px;width:38px;height:38px;font-size:20px;line-height:1;position:fixed;top:8px;right:54px}body.debug-open .tuning-gear{top:auto;bottom:8px}body.debug-open .menu-btn{top:auto;bottom:8px;right:100px}.tuning-panel{z-index:30;-webkit-overflow-scrolling:touch;box-sizing:border-box;color:#d8dde6;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#080b12f0;border-left:2px solid #2c3a4c;width:min(360px,94vw);padding:10px 12px 24px;font-size:12px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.tuning-head{align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.tuning-head b{color:#f0cc72;letter-spacing:.05em}.tuning-hint{color:#7a8696;flex:1;font-size:11px}.tuning-close{color:#d8dde6;background:0 0;border:1px solid #2c3a4c;border-radius:4px;width:32px;height:28px;font-size:14px}.tuning-section{color:#e0b860;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #2c3a4c;margin:14px 0 4px;padding-bottom:3px;font-size:11px;font-weight:700}.tuning-row{grid-template-columns:1fr auto 30px;grid-template-areas:"label value reset""slider slider reset";align-items:center;column-gap:6px;padding:4px 0;display:grid}.tuning-row label{color:#b8c2cf;grid-area:label}.tuning-row .tuning-value{font-variant-numeric:tabular-nums;color:#d8dde6;grid-area:value}.tuning-row input[type=range]{accent-color:#c8963c;grid-area:slider;width:100%;height:26px;margin:4px 0}.tuning-row .tuning-reset{color:#7a8696;visibility:hidden;background:0 0;border:1px solid #2c3a4c;border-radius:4px;grid-area:reset;height:30px;font-size:14px}.tuning-row.modified label{color:#f0cc72}.tuning-row.modified .tuning-reset{visibility:visible;color:#f0cc72;border-color:#7a5520}.tuning-actions{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tuning-actions button{color:#d8dde6;font:inherit;background:#141c28;border:1px solid #2c3a4c;border-radius:5px;flex:auto;padding:9px 8px}.tuning-actions button.primary{color:#f8e2a8;background:#5a3e18;border-color:#c8963c;font-weight:700}.tuning-status{color:#9ccaf2;min-height:2.6em;margin-top:8px;line-height:1.35}.tuning-panel textarea{color:#b8f0c8;-webkit-user-select:text;user-select:text;background:#05070d;border:1px solid #2c3a4c;width:100%;height:160px;margin-top:6px;font:10px ui-monospace,monospace}.menu-btn{z-index:20;color:#d8dde6;cursor:pointer;touch-action:manipulation;background:#080c14cc;border:2px solid #2c3a4c;border-radius:6px;width:38px;height:38px;padding:0;font-size:20px;line-height:1;position:fixed;top:8px;right:8px}body.lobby-open .menu-btn,body.lobby-open .tuning-gear,body.lobby-open .touch{display:none!important}body.lobby-open #help{display:none}.lobby{z-index:40;touch-action:manipulation;background:radial-gradient(at 50% 40%,#05070d59,#05070dd1);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lobby.hidden{display:none}.lobby.busy .lobby-btn{opacity:.5;pointer-events:none}.lobby-card{box-sizing:border-box;background:#080b12f7;border:2px solid #2c3a4c;flex-direction:column;gap:12px;width:min(420px,92vw);padding:22px 22px 18px;display:flex;box-shadow:0 0 0 2px #05070d,0 12px 40px #0009}.lobby h1{letter-spacing:.18em;color:#e0b860;text-align:center;text-shadow:2px 2px #05070d;margin:0 0 4px;font-size:22px;font-weight:700}.lobby-start,.lobby-game,.lobby-online{flex-direction:column;gap:12px;display:flex}.lobby-row{color:#7a8696;text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:12px;display:flex}.lobby input{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:#f0e6cc;-webkit-user-select:text;user-select:text;background:#05070d;border:2px solid #2c3a4c;border-radius:0;outline:none;min-width:0;padding:9px 10px;font-size:20px}.lobby input:focus{border-color:#e0b860}.lobby-colors{gap:10px;display:flex}.lobby-swatch{cursor:pointer;touch-action:manipulation;border:3px solid #05070d;outline:2px solid #2c3a4c;width:44px;height:44px;padding:0}.lobby-swatch.selected{outline:3px solid #f0e6cc}.lobby-btn{font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:#d8dde6;touch-action:manipulation;background:#141c28;border:2px solid #4a5c74;padding:12px 14px;font-size:16px;box-shadow:inset 0 -3px #00000073}.lobby-btn:active{box-shadow:none;transform:translateY(1px)}.lobby-btn.primary{color:#f0cc72;background:#3a2810;border-color:#c8963c}.lobby-btn.subtle{color:#7a8696;background:0 0;border-color:#232c38;padding:9px;font-size:13px}.lobby-join{gap:8px;display:flex}.lobby-join input{text-align:center;flex:1}.lobby-offline{color:#7a8696;text-align:center;font-size:12px}.lobby-room{text-align:center;color:#9aa6b4;font-size:14px}.lobby-room b{color:#e0b860;letter-spacing:.25em;margin:4px 0;font-size:26px;display:block}.lobby-status{color:#9aa6b4;text-align:center;overflow-wrap:anywhere;min-height:1.2em;font-size:12px}.lobby-status.error{color:#ff7a6a}.touch.ping-mode{pointer-events:auto;cursor:crosshair}.touch.ping-mode:after{content:"Tippe auf eine Stelle";color:#f2eee2;pointer-events:none;background:#080c14db;border:1px solid #c8352c;padding:6px 12px;font-size:13px;position:fixed;top:18%;left:50%;transform:translate(-50%)}.lobby-sound{color:#7a8696;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;display:flex}.lobby-sound input[type=range]{accent-color:#e0b860;background:0 0;border:none;flex:1;padding:0;font-size:12px}.lobby-mute{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #2c3a4c;padding:4px 8px;font-size:18px}