:root{color-scheme:dark;--panel-bg: #0c1120;--panel-line: #1e2a44;--ink: #dbe6ff;--muted: #8fa4cc;--accent: #4dd2ff}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--page, #05070f);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;overscroll-behavior:none}#app{display:flex;height:100%;width:100%}#app:fullscreen,#app:-webkit-full-screen{width:100vw;height:100dvh;background:var(--page, #05070f)}#stage{position:relative;flex:1 1 auto;min-width:0;touch-action:none}#screen{display:block;image-rendering:pixelated}#devpanel{position:relative;flex:0 0 auto;width:300px;border-left:1px solid var(--panel-line);background:var(--panel-bg);display:flex;flex-direction:column;transition:margin-right .16s ease}#devpanel[data-open=false]{margin-right:-300px}#topright{position:absolute;top:12px;right:14px;z-index:6;display:flex;gap:8px}#topright button{padding:5px 12px;border:1px solid var(--muted);border-radius:5px;background:#0c1120e6;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}#topright button:hover{border-color:var(--accent);color:var(--accent)}#topright button[hidden]{display:none}#devtoggle:hover{border-color:var(--accent)}#devbody{flex:1 1 auto;overflow-y:auto;padding:14px}#devbody h3{margin:16px 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#devbody section:first-child h3{margin-top:0}.presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.presets button{padding:8px 6px;border:1px solid var(--panel-line);border-radius:5px;background:#131b2f;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.presets button:hover{border-color:var(--accent);color:var(--accent)}.fields{display:flex;flex-direction:column;gap:5px}.field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.field .name{flex:1 1 auto}.field input[type=number],.field select{width:88px;padding:4px 6px;border:1px solid var(--panel-line);border-radius:4px;background:#0a0f1d;color:var(--ink);font:inherit;font-size:12px}.field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.log{margin-top:18px;padding-top:12px;border-top:1px solid var(--panel-line);font-size:11px;line-height:1.5;color:var(--muted);display:flex;flex-direction:column;gap:4px}.log div:first-child{color:var(--accent)}@media(max-width:760px){#devpanel{position:absolute;right:0;top:0;bottom:0;z-index:10}}#topleft{position:absolute;top:12px;left:14px;z-index:6;display:flex;align-items:center;gap:11px}#account{display:flex;align-items:center;gap:8px;font-size:12px}.account-status{display:flex;align-items:center;gap:6px}.account-cash:not(:empty):before{content:"·";margin-right:6px;opacity:.6}.account-status{color:var(--muted);padding:5px 8px;border-radius:5px;background:#05070fb8}.account-button{padding:5px 10px;border:1px solid var(--panel-line);border-radius:5px;background:#0c1120e6;color:var(--accent);font:inherit;font-size:12px;cursor:pointer}.account-button:hover{border-color:var(--accent)}.authwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center;background:#02040ab8}.authwrap[data-open=true]{display:flex}.authbox{width:min(360px,calc(100vw - 32px));padding:18px;border:1px solid var(--panel-line);border-radius:10px;background:var(--panel-bg)}.authtabs{display:flex;gap:6px;margin-bottom:14px}.authtabs button{flex:1 1 0;padding:8px;border:1px solid var(--panel-line);border-radius:5px;background:#131b2f;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.authtabs button.active{color:var(--accent);border-color:var(--accent)}.authbox form{display:flex;flex-direction:column;gap:10px}.authbox form[hidden],.authwrap[data-modus=password] .authtabs,.authwrap[data-modus=password] [data-form=login],.authwrap[data-modus=password] [data-form=register]{display:none}.authwrap:not([data-modus=password]) [data-form=password]{display:none}.authbox label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.authbox input{padding:8px;border:1px solid var(--panel-line);border-radius:5px;background:#0a0f1d;color:var(--ink);font:inherit;font-size:13px}.authbox input:focus{outline:1px solid var(--accent)}.authnote{margin:0;font-size:11px;color:color-mix(in srgb,var(--ink, #cfe9ff) 60%,transparent)}.autherror{margin:0;font-size:11px;color:#ff6b9d}.authactions{display:flex;gap:8px;margin-top:4px}.authactions button{flex:1 1 0;padding:9px;border:1px solid var(--panel-line);border-radius:5px;background:#131b2f;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.authactions button[type=submit]{border-color:var(--accent);color:var(--accent)}.panelnote{margin:0 0 14px;padding:8px 10px;border:1px solid #2a3a5c;border-radius:5px;background:#101a30;font-size:11px;line-height:1.5;color:#9fb6dd}#devbody button:disabled,#devbody input:disabled,#devbody select:disabled{opacity:.4;cursor:not-allowed}.swatches{display:flex;flex-wrap:wrap;gap:7px}.swatch{position:relative;width:38px;height:30px;padding:0;border:1px solid;border-radius:5px;cursor:pointer}.swatch span{position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-radius:50%}.swatch:hover{outline:1px solid var(--muted)}.swatch.active{outline:2px solid var(--accent);outline-offset:1px}.pad{display:none;flex:0 0 auto;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}#padleft{flex-direction:column;justify-content:space-between}#padinfo{display:flex;flex-direction:column;gap:6px;width:var(--pad-content);font-size:11px}#padinfo #account{position:static;flex-direction:column;align-items:stretch;gap:4px;font-size:11px}#padinfo .account-button{order:-1}#padinfo .account-status{flex-direction:column;align-items:flex-start;gap:1px;line-height:1.35}#padinfo .account-cash:before{content:none}#padinfo .account-cash{color:var(--accent)}#padinfo .account-name{color:var(--muted);overflow-wrap:anywhere}#padinfo button,#padinfo a{position:static;width:100%;margin:0;padding:7px 0;border-radius:8px;font-size:11px;text-align:center}#padactions{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}#restartbtn{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent);font-size:12px}#restartbtn[hidden]{display:none}:root{--pad-content: 116px}#padright{flex-direction:column;justify-content:space-between;gap:10px}.pad button{width:var(--pad-content);padding:14px 0;border:1px solid var(--accent);border-radius:12px;background:#0c1120d9;color:var(--accent);font:inherit;font-size:12px;letter-spacing:.08em;touch-action:none}.pad button:active,.pad button[data-held=true]{background:color-mix(in srgb,var(--accent) 30%,transparent)}#padtop{display:flex;flex-direction:column;align-items:flex-end;gap:8px}#padtop #fullbtn{width:calc(var(--pad-content) - 26px);padding:9px 0;border:1px solid var(--muted);border-radius:8px;background:#0c1120d9;color:var(--muted);font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.06em}#pausebtn,#padmenu{width:calc(var(--pad-content) - 26px);padding:9px 0;border-color:var(--muted);color:var(--muted);font-size:11px}#firebtn{width:var(--pad-content);padding:26px 0;border-width:2px;font-size:14px;letter-spacing:.12em}#stick{position:relative;width:var(--pad-content);height:var(--pad-content);margin-bottom:22px;border:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:50%;background:color-mix(in srgb,var(--accent) 8%,transparent);touch-action:none}#stickknob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:50%;background:color-mix(in srgb,var(--accent) 26%,transparent)}@media(pointer:coarse){.authbox input,#devbody input,#devbody select{font-size:16px}}@media(pointer:coarse)and (orientation:landscape){.pad{display:flex;flex:0 0 auto;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom))}#padleft{padding-left:max(10px,env(safe-area-inset-left))}#padright{padding-right:max(10px,env(safe-area-inset-right))}#devtoggle{display:none}#topright{position:static}}#rotate{display:none}@media(pointer:coarse)and (orientation:portrait){#rotate{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:var(--page, #05070f);text-align:center}#rotate p{margin:0;color:var(--accent);font-size:18px;letter-spacing:.1em}}#shopbtn,#bestbtn{padding:5px 12px;border:1px solid var(--accent);border-radius:5px;background:#0c1120e6;color:var(--accent);font:inherit;font-size:12px;cursor:pointer}.shopwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;background:#02040ac7}.shopwrap[data-open=true]{display:flex}.shopbox{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;padding:18px;border:1px solid var(--panel-line);border-radius:10px;background:var(--panel-bg)}.shopbox header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.shopbox h2{margin:0;flex:1 1 auto;font-size:15px;letter-spacing:.06em}.shopbalance{font-size:14px;color:#ffd23f}.shopbox header button{padding:6px 12px;border:1px solid var(--panel-line);border-radius:5px;background:#131b2f;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.shoplist{flex:1 1 auto;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.shopcard{display:flex;flex-direction:column;gap:7px;padding:11px;border:1px solid var(--panel-line);border-radius:7px;background:#0d1424}.shopcard.equipped{border-color:var(--accent)}.shopcard.locked{opacity:.82}.shophead{display:flex;align-items:center;gap:7px;font-size:12px;flex-wrap:wrap}.shopswatch{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.shoptag{padding:1px 6px;border:1px solid #6b4d9e;border-radius:9px;font-size:10px;color:#c58bff}.shoptag.ammo{border-color:#8a5a00;color:#ffd23f}.shopcard p{margin:0;font-size:11px;line-height:1.5;color:var(--muted);flex:1 1 auto}.shopcard button{padding:7px;border:1px solid var(--panel-line);border-radius:5px;background:#131b2f;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.shopcard button.buy{border-color:#ffd23f;color:#ffd23f}.shopcard button:disabled{opacity:.5;cursor:default}.shopnote{margin:14px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}.field input.volume{width:88px;padding:0;accent-color:var(--accent);background:transparent;border:none}.field input.volume:disabled{opacity:.35}.fieldhint{margin:4px 0 0;font-size:10px;line-height:1.4;color:var(--muted);opacity:.75}.homewrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;background:color-mix(in srgb,var(--bg, #06121c) 92%,black)}.homewrap[data-open=true]{display:flex}.homebox{width:min(680px,100%);display:flex;flex-direction:column;gap:18px;padding:26px 26px 22px;border:1px solid var(--frame, #1d3b52);border-radius:10px;background:var(--panel, #0a1a26);box-shadow:0 18px 60px #0000008c}.homehead{text-align:center}.homehead h1{margin:0;font:700 30px/1.1 ui-monospace,Menlo,monospace;letter-spacing:5px;color:var(--ink, #cfe9ff)}.hometag{margin:6px 0 0;font-size:12px;color:var(--muted, #6d8ba3)}.homesection h2{margin:0 0 8px;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--muted, #6d8ba3)}.homeevent{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:8px 10px;margin-bottom:6px;border-left:3px solid #ffd23f;border-radius:0 5px 5px 0;background:color-mix(in srgb,#ffd23f 8%,transparent);font-size:13px}.metarow{display:flex;flex-wrap:wrap;gap:8px}#devbody .metarow>button,#devbody .metarow>a{position:static;flex:1 1 auto;min-width:96px;margin:0;padding:8px 10px;border:1px solid var(--accent);border-radius:6px;background:#0c1120e6;color:var(--accent);font:inherit;font-size:12px;text-align:center;text-decoration:none;cursor:pointer}#devbody .metarow>button[hidden],#devbody .metarow>a[hidden]{display:none}.bestlist{margin:0;padding:0 0 0 30px;font-size:13px;max-height:60vh;overflow-y:auto}.bestrow{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:10px;padding:5px 0;border-bottom:1px solid color-mix(in srgb,var(--ink, #cfe9ff) 10%,transparent)}.bestrow:last-child{border-bottom:0}.bestrow strong{color:var(--accent, #4dd2ff)}.bestscore{font-variant-numeric:tabular-nums;font-weight:600;color:#ffd23f}.bestmeta{grid-column:1 / -1;color:color-mix(in srgb,var(--ink, #cfe9ff) 65%,transparent);font-size:12px}.homebest{max-height:none;overflow:visible}.homebesthint{margin:6px 0 0;font-size:12px;color:color-mix(in srgb,var(--ink, #cfe9ff) 55%,transparent)}.bestcount{margin-left:auto;font-size:12px;color:color-mix(in srgb,var(--ink, #cfe9ff) 60%,transparent)}.homeevent strong{color:#ffd23f}.homeevent span{color:var(--ink, #cfe9ff)}.homeevent em{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted, #6d8ba3)}.homenewsitem{padding:10px 12px;margin-bottom:8px;border-left:3px solid var(--frame, #1d3b52);border-radius:0 5px 5px 0;background:color-mix(in srgb,var(--ink, #cfe9ff) 5%,transparent)}.homenewsitem[data-kind=event]{border-left-color:#9ff0e6}.homenewsitem[data-kind=warnung]{border-left-color:#ff6b9d}.homenewsitem h3{margin:0 0 4px;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink, #cfe9ff)}.homepin{font:700 9px/1 ui-monospace,Menlo,monospace;letter-spacing:1px;text-transform:uppercase;padding:3px 6px;border-radius:3px;background:var(--frame, #1d3b52);color:var(--muted, #6d8ba3)}.homenewsitem p{margin:0 0 6px;font-size:13px;line-height:1.5;color:var(--ink, #cfe9ff);white-space:pre-wrap}.homenewsitem time{font-size:11px;color:var(--muted, #6d8ba3)}.homestart{padding:14px;border:0;border-radius:7px;background:var(--accent, #4dd2ff);color:#04121b;font:700 16px/1 ui-monospace,Menlo,monospace;letter-spacing:3px;cursor:pointer}.homestart:hover{filter:brightness(1.1)}.homestart:focus-visible{outline:2px solid var(--ink, #cfe9ff);outline-offset:3px}.homehint{margin:0;text-align:center;font-size:11px;color:var(--muted, #6d8ba3)}#adminbtn{padding:5px 12px;border:1px solid var(--muted);border-radius:5px;background:#0c1120e6;color:var(--muted);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}#adminbtn:hover{border-color:var(--accent);color:var(--accent)}#adminbtn[hidden]{display:none}#devbody .version{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--frame);font-size:11px;color:var(--muted);text-align:center}.logwrap{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;align-items:center;justify-content:center;padding:20px;background:#02040ad1}.logwrap[data-open=true]{display:flex}.logbox{display:flex;flex-direction:column;width:min(680px,100%);max-height:min(80vh,100%);border:1px solid var(--panel-line);border-radius:12px;background:var(--panel-bg)}.logbox header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--panel-line)}.logbox h2{margin:0;color:var(--accent);font-size:14px;letter-spacing:.08em}.logbox header button{padding:6px 12px;border:1px solid var(--muted);border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.logbox header button:hover{border-color:var(--accent);color:var(--accent)}.logbody{overflow-y:auto;padding:6px 18px 18px;font-size:12px;line-height:1.55;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.logbody h3{margin:18px 0 6px;color:var(--accent);font-size:13px;letter-spacing:.05em}.logbody h4{margin:12px 0 4px;color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.logbody p{margin:6px 0;color:var(--muted)}.logbody ul{margin:6px 0;padding-left:18px}.logbody li{margin:5px 0;color:var(--muted)}.logbody strong{color:var(--ink);font-weight:600}.logbody code{padding:1px 4px;border-radius:4px;background:#ffffff0f;font-size:11px}.versionlink{padding:0;border:none;background:none;color:inherit;font:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:pointer}.versionlink:hover{color:var(--accent)}@media(pointer:coarse)and (orientation:landscape){.logbox{max-height:100%}.logwrap{padding:10px}}html.dokument,html.dokument body{height:auto;min-height:100%;overflow:visible}body.uebersicht{padding:24px 20px 64px}.ueberschrift h1{margin:0 0 4px;color:var(--accent);font-size:18px;letter-spacing:.1em}.ueberschrift p{margin:0 0 26px;color:var(--muted);font-size:12px}body.uebersicht h2{margin:30px 0 2px;padding-top:18px;border-top:1px solid var(--panel-line);color:var(--ink);font-size:14px;letter-spacing:.08em}body.uebersicht .hinweis{margin:0 0 16px;color:var(--muted);font-size:12px}.gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.karte{padding:12px;border:1px solid var(--panel-line);border-radius:10px;background:var(--panel-bg)}.kartenbild{display:flex;align-items:center;justify-content:center;height:92px;overflow:hidden;margin-bottom:8px;border-radius:6px;background:var(--page, #05070f)}.sprite{image-rendering:pixelated}.karte h3{margin:0;color:var(--accent);font-size:13px}.karte .unter{margin:1px 0 8px;color:var(--muted);font-size:11px}.karte dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:11px}.karte dt{color:var(--muted)}.karte dd{margin:0;color:var(--ink)}
