:root{color:#e8ebf2;background:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#111318;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:#20242c;border:1px solid #3a414f;border-radius:.6rem;padding:.7rem .9rem}button:disabled{cursor:not-allowed;opacity:.45}input{width:100%;color:inherit;background:#171a20;border:1px solid #3a414f;border-radius:.6rem;padding:.7rem .8rem}.host-shell{width:min(1440px,100% - 2rem);margin:0 auto;padding:1.5rem 0 3rem}.host-header,.section-heading,.host-config,.control-row,.volume-field{align-items:center;gap:1rem;display:flex}.host-header,.section-heading{justify-content:space-between}.host-header p,.host-config p,.host-controls p,.event-panel p{margin:0}.host-header h1,.host-config h2,.host-controls h2,.event-panel h2{margin:.25rem 0 0}.eyebrow,.section-label{color:#aeb8cb;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.status-badge,.boundary-note{white-space:nowrap;border:1px solid #3a414f;border-radius:999px;padding:.4rem .7rem;font-size:.78rem}.status-badge[data-state=ready]{border-color:#5d9f75}.status-badge[data-state=error]{border-color:#a95b66}.host-config,.host-controls,.event-panel{background:#171a20;border:1px solid #303642;border-radius:.9rem;margin-top:1rem;padding:1rem}.host-config>div,.host-config>label{flex:1}.host-config label,.game-field{gap:.4rem;display:grid}.player-frame{background:#0b0d11;border:1px solid #303642;border-radius:.9rem;height:min(70vh,760px);min-height:560px;margin-top:1rem;overflow:hidden}retro-arcade-player{width:100%;height:100%;min-height:100%}.control-row{margin-top:1rem}.game-field{flex:1}.button-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:.8rem;display:grid}.volume-field{margin-top:1rem}.volume-field>span{min-width:9rem}.event-panel ol{max-height:18rem;margin:1rem 0 0;padding-left:1.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;overflow:auto}.event-panel li{overflow-wrap:anywhere;padding:.35rem 0}@media (width<=760px){.host-header,.host-config,.control-row,.volume-field{flex-direction:column;align-items:stretch}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-frame{min-height:480px}}