:root{--bg:#0b0d10;--surface:#1a1e24;--surface-press:#2a313b;--text:#eef1f4;--muted:#8a94a3;--accent:#f90;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit;color:inherit;background:var(--surface);border:0;border-radius:14px;padding:14px}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:active{background:var(--surface-press);transform:scale(.97)}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login form{gap:12px;width:min(320px,100%);display:grid}.login h1{margin:0 0 8px;font-weight:600}.login button{background:var(--accent);color:#111;font-weight:600}.error,.status{color:var(--danger);text-align:center;margin:0}.remote{gap:12px;max-width:420px;margin:0 auto;padding:16px;display:grid}.row{grid-auto-columns:1fr;grid-auto-flow:column;gap:12px;display:grid}.dpad{grid-template-columns:repeat(3,1fr);grid-template-areas:".up.""left ok right"".down.";gap:10px;margin:8px 0;display:grid}.dpad button{aspect-ratio:1;font-size:1.4rem}.dpad .up{grid-area:up}.dpad .down{grid-area:down}.dpad .left{grid-area:left}.dpad .right{grid-area:right}.dpad .ok{background:var(--accent);color:#111;border-radius:50%;grid-area:ok;font-weight:700}.apps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.apps button{padding:12px 6px;font-size:.9rem}.wide{margin-top:8px}.shot{border-radius:12px;width:100%}
