:root{color:#162026;background:#eef3f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--accent: #0d6e5c;--border: #c7d7d3;--surface: #ffffff;--danger: #a33}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;min-height:40px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.player-app-shell{min-height:100vh;display:flex;flex-direction:column}.player-brand-bar{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.player-brand-link{display:flex;align-items:center}.player-brand-bar img{display:block;width:auto;height:36px}.player-brand-tag{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#e0f1ec;border:1px solid #b9dfd4;border-radius:999px;padding:4px 10px}.player-shell{flex:1;padding:24px;display:flex;flex-direction:column;gap:20px;max-width:960px;width:100%;margin:0 auto}.status-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:end;min-height:240px;padding:32px;color:#f8fbfa;background:#12333f;border-radius:16px}.eyebrow{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase}.status-panel h1{max-width:760px;margin:0;font-size:clamp(28px,5vw,40px);line-height:1.1}.player-error{margin:12px 0 0;color:#ffc9c9;font-size:14px}.status-grid{display:grid;grid-template-columns:1fr;gap:10px}.status-grid span{display:block;padding:12px 14px;color:#0f2228;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:13px;word-break:break-word}.pwa-install-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#e0f1ec;border:1px solid #b9dfd4;border-radius:12px}.pwa-install-banner strong{display:block;margin-bottom:4px;color:var(--accent)}.pwa-install-banner p{margin:0;font-size:13px;line-height:1.4;color:#2a4a42;max-width:36rem}.pwa-install-hint{font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap}.load-panel{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.load-field{flex:1 1 280px;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#3a4d54}.load-field input{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;font-weight:400}.controls{display:flex;flex-wrap:wrap;gap:10px}.log-panel{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.log-panel h2{margin:0 0 12px;font-size:13px;text-transform:uppercase;color:#5a6b72}.log-empty{margin:0;color:#6b7c83;font-size:14px}.log-list{margin:0;padding:0;list-style:none;max-height:220px;overflow-y:auto;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.log-list li{padding:6px 0;border-bottom:1px solid #e8eeec}@media (max-width: 720px){.status-panel{grid-template-columns:1fr;min-height:0;padding:20px}.player-shell{padding:16px}}