.host-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 28px;background:#151922;color:#d7cbb7;border-bottom:1px solid #ffffff14;font:11px var(--body)}.host-controls button{border:1px solid #ffffff26;background:#ffffff08;color:#f1e3c6;padding:9px 12px;border-radius:20px;cursor:pointer}.host-controls button[aria-pressed=true]{background:#d2b77a;color:#161820}.host-controls label{display:flex;align-items:center;gap:8px}.host-controls input{width:70px;accent-color:#d2b77a}.host-controls>span{font-size:10px;opacity:.7;width:100%}.host-briefing{padding:35px;background:radial-gradient(ellipse at top right,#324451,#121721 75%);color:#eee7d8}.host-briefing[hidden]{display:none}.host-briefing h2{font:500 clamp(27px,3vw,38px)/1.15 Georgia,serif;margin:14px 0}.host-briefing>p{line-height:1.8;max-width:650px;font-size:14px}.host-briefing ol{list-style:none;padding:12px 0;margin:22px 0;display:grid;gap:12px}.host-briefing li{padding:14px;border:1px solid #ffffff1a;border-radius:8px;background:#ffffff04;font-size:14px}.host-briefing li span{color:#dfc58c;font-size:11px;letter-spacing:.1em;margin-right:16px}.host-actions{display:flex;gap:12px;flex-wrap:wrap}.host-briefing .host-note{font-size:11px;opacity:.65}.host-briefing .secondary-button{color:#eeddb7;border-color:#8b8069}.host-briefing .play-primary{background:linear-gradient(120deg,#ead4a3,#b8995e);color:#202029}.host-controls button:focus-visible,.host-controls input:focus-visible{outline:2px solid #f5db9b;outline-offset:3px}@media(max-width:640px){.host-controls{padding:12px 18px;gap:8px}.host-briefing{padding:24px 18px}.host-actions>*{width:100%}}

.host-keepsake{margin-top:28px;padding:24px;border:1px solid currentColor;border-radius:12px;background:#ffffff08}.host-keepsake h3{font:500 24px/1.2 Georgia,serif;margin:10px 0}.host-keepsake p{font-size:13px;line-height:1.7}.host-keepsake label{display:block;font-size:12px;margin:18px 0 8px}.host-keepsake textarea{box-sizing:border-box;width:100%;padding:14px;border:1px solid #82765f;border-radius:6px;background:#f7eddb;color:#292a31;font:14px/1.5 system-ui;margin-bottom:12px}#game-content[hidden]{display:none!important}

.atmosphere-controls{width:100%;padding-top:12px;border-top:1px solid #cbb68c30;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.atmosphere-controls[hidden]{display:none}.atmosphere-controls>span{font:11px/1.6 system-ui;color:#d8c6a1}.atmosphere-controls label{font:11px system-ui}.atmosphere-controls input{accent-color:#c8ab74;width:85px}