/* Login im Stil eines Spiele-Dienstes (R-09 Station 1): dunkles Panel über einem langsam schwenkenden Standbild von
   Karlsruhe bei Nacht (eigenes Rendering aus dem Spiel, tools/art.mjs). Keine fremden Schriften oder Logos. */
:root{--ink:#f4f4f4;--ink2:#a9adb3;--acc:#4f9dff;--bad:#ff8a7a}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#050608;color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
.bg{position:fixed;inset:-6%;background:#0b0d12 url(/login-night.webp) center/cover no-repeat;animation:pan 80s ease-in-out infinite alternate;filter:saturate(1.1)}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.55) 38%,rgba(0,0,0,.1) 75%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 40%)}
@keyframes pan{from{transform:translate3d(2%,0,0) scale(1.02)}to{transform:translate3d(-3%,-1%,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.bg{animation:none}}
main{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6vh 6vw;gap:18px}
.panel{width:min(400px,100%);background:rgba(12,13,16,.86);border-top:3px solid var(--acc);padding:24px 24px 22px;box-shadow:0 18px 50px rgba(0,0,0,.6)}
.kicker{margin:0 0 6px;font:700 12px system-ui;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
h1{font:900 40px/1 system-ui;letter-spacing:-.02em;margin:0 0 6px}h1 b{color:var(--acc)}
.sub{color:var(--ink2);margin:0 0 18px;font-size:15px}
form{display:grid;gap:6px}
label{font:700 12px system-ui;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);margin-top:8px}
input{font:inherit;padding:12px;border:1px solid #2e3239;border-radius:2px;background:#07080a;color:var(--ink);width:100%}
button{margin-top:16px;font:800 17px system-ui;letter-spacing:.04em;text-transform:uppercase;padding:13px;border:0;border-radius:2px;background:var(--acc);color:#04101f;cursor:pointer}
button:hover{background:#7ab6ff}
button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:2px}
.msg{background:rgba(90,24,20,.9);color:var(--bad);padding:10px 12px;margin:0 0 8px}
.quote{margin:0;max-width:400px;font:italic 600 17px/1.4 system-ui;color:#dfe3e8;text-shadow:0 2px 6px #000}
.quote:empty{display:none}