:root{--bg: #1a1a2e;--surface: #16213e;--text: #eee;--muted: #8892b0;--live: #e63946;--live-bg: #3d1520;--pending: #f4a261;--standby: #457b9d;--error: #e63946;--info: #457b9d;--btn-min-height: 72px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:480px;margin:0 auto;padding:16px}.header h1{margin:0 0 16px;font-size:1.25rem;font-weight:600}.banner{padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:.9rem}.banner-error{background:var(--live-bg);color:var(--error);border:1px solid var(--error)}.banner-info{background:#1d3557;color:var(--info);border:1px solid var(--info)}.positions{display:flex;flex-direction:column;gap:12px}.position-btn{display:flex;flex-direction:column;align-items:flex-start;min-height:var(--btn-min-height);padding:16px 20px;border:2px solid var(--standby);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s;font-size:1rem}.position-btn:hover:not(:disabled){border-color:var(--text)}.position-btn:disabled{opacity:.5;cursor:not-allowed}.position-btn.live{border-color:var(--live);background:var(--live-bg)}.position-btn.pending{border-color:var(--pending)}.position-label{font-weight:600;font-size:1.1rem}.position-status{margin-top:4px;font-size:.85rem;color:var(--muted)}.position-btn.live .position-status{color:var(--live);font-weight:700}.loading{color:var(--muted);text-align:center}.roster{margin-top:24px;padding-top:16px;border-top:1px solid #333}.roster h2{font-size:1rem;margin:0 0 8px}.roster-hint{font-size:.85rem;color:var(--muted);margin:0 0 12px}.roster-grant{display:flex;gap:8px}.roster-grant input{flex:1;padding:8px 12px;border:1px solid #444;border-radius:6px;background:var(--surface);color:var(--text);font-size:.9rem}.roster-grant button,.roster-list button{padding:8px 16px;border:none;border-radius:6px;background:var(--standby);color:var(--text);cursor:pointer;font-size:.9rem}.roster-list{list-style:none;padding:0;margin:12px 0 0}.roster-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #333;font-size:.9rem}.roster-list button{background:var(--live-bg);color:var(--live);border:1px solid var(--live);padding:4px 12px}