:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14161c;--panel:#1e212b;--panel-alt:#262a37;--accent:#4238a8;--accent-active:#377a4a;--danger:#a83838;--text:#f2f2f5;--text-dim:#9aa0ad;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100vh}.panel{flex-direction:column;gap:14px;max-width:480px;margin:0 auto;padding:16px 16px 40px;display:flex}.app-shell{max-width:480px;margin:0 auto;padding:16px 16px 40px}.control-grid{flex-direction:column;gap:14px;margin-top:14px;display:flex}.sidebar,.main-col{flex-direction:column;gap:14px;display:flex}@media (width>=900px){.app-shell{max-width:min(96vw,1900px)}.topbar h1{font-size:1.8rem}.control-grid{flex-direction:row;align-items:flex-start}.sidebar{flex-shrink:0;width:400px}.main-col{flex:1;min-width:0}.stream-card{min-height:75vh}.screen-image,.screen-placeholder{width:100%;max-width:none}.card{padding:20px}.logs{max-height:380px}.desktop-play{flex-direction:row;justify-content:center;align-items:center;gap:32px;width:100%;display:flex;position:relative}.desktop-play .stream-trigger{flex:1;min-width:0}.desktop-play .screen-image,.desktop-play .screen-placeholder{width:100%;max-width:1300px}.desktop-play .game-controls{flex-shrink:0}.desktop-play .btn-outline.btn-small{position:absolute;top:-8px;right:0}}.centered{text-align:center;justify-content:center;align-items:center;min-height:100vh}.auth-form{gap:12px;width:100%}.auth-form h1{margin-bottom:8px}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar h1{margin:0;font-size:1.2rem}.card{background:var(--panel);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.card-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.85rem;font-weight:600}.pi-list{flex-wrap:wrap;gap:8px;display:flex}.input{background:var(--panel-alt);color:var(--text);border:1px solid #383d4d;border-radius:8px;width:100%;padding:10px 12px;font-size:1rem}.code-input{text-align:center;letter-spacing:.4em;font-size:1.4rem}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.95rem}.btn:disabled{opacity:.5;cursor:default}.btn-active{background:var(--accent-active)}.btn-outline{color:var(--text);background:0 0;border:1px solid #4a4f60}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-small{padding:6px 10px;font-size:.8rem}.btn-round{border-radius:999px;width:52px;height:52px;font-weight:700}.error{color:#ff8080;margin:0;font-size:.9rem}.hint{color:var(--text-dim);margin:0;font-size:.85rem}.stream-card{min-height:200px}.stream-card:fullscreen{background:#000;justify-content:center;width:100vw;height:100vh;position:relative}.stream-card:fullscreen .screen-image{aspect-ratio:auto;width:auto;max-width:95vw;height:90vh}.stream-card:fullscreen .hint{position:absolute;bottom:16px}.stream-card:fullscreen .btn{position:absolute;top:16px;right:16px}.stream-trigger{color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;display:flex}.screen-image{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:6px;width:min(100%,360px)}.screen-placeholder{aspect-ratio:16/9;background:var(--panel-alt);width:min(100%,360px);color:var(--text-dim);border-radius:6px;justify-content:center;align-items:center;display:flex}.logs{background:#000;max-height:220px;overflow-y:auto}.log-line{color:#4fdc4f;word-break:break-word;margin:2px 0;font-family:ui-monospace,monospace;font-size:.75rem}.remote-view{flex-direction:column;align-items:center;gap:18px;max-width:420px;margin:0 auto;padding:16px;display:flex}.remote-screen{justify-content:center;width:100%;display:flex}.game-controls{flex-direction:column;align-items:center;gap:18px;display:flex}.dpad{grid-template-rows:60px 60px;grid-template-columns:60px 60px 60px;place-items:center;gap:6px;display:grid}.dpad-btn{background:var(--panel-alt);width:56px;height:56px;color:var(--text);cursor:pointer;border:1px solid #4a4f60;border-radius:10px;font-size:1.4rem}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-down{grid-area:2/2}.action-buttons,.row-buttons{gap:12px;display:flex}@media (width>=900px){.remote-view{gap:28px;max-width:640px}.remote-screen .screen-image,.remote-screen .screen-placeholder{max-width:600px}.dpad-btn{width:72px;height:72px;font-size:1.8rem}.dpad{grid-template-rows:76px 76px;grid-template-columns:76px 76px 76px}.btn-round{width:68px;height:68px;font-size:1.2rem}}