.kingdom-site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;max-width:1260px;margin:auto;padding:10px max(12px,env(safe-area-inset-left));font:700 13px system-ui;color:#efdb9d;background:#071727e8;border-bottom:1px solid #b7944b66;position:relative;z-index:5}.kingdom-site-nav a{color:#efdb9d;text-decoration:none;padding:6px 3px}.kingdom-site-nav a:hover{text-decoration:underline}.ko-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;max-width:1260px;margin:0 auto;padding:8px 12px;color:#f3d78e;background:#071727;font:600 12px system-ui}.ko-toolbar[hidden],.ko-panel [hidden]{display:none!important}.ko-toolbar button{font:inherit;padding:7px 12px;border-radius:10px;border:1px solid #b79b59;color:#f9e7af;background:#17304a}.ko-toolbar #ko-status{margin-right:auto;overflow-wrap:anywhere}.ko-panel{border:1px solid #b99851;border-radius:18px;padding:clamp(14px,3vw,24px);margin:22px auto;background:linear-gradient(150deg,#102840e8,#071727ed);color:#f7efd9;max-width:800px;font:15px/1.5 system-ui;text-align:left}.ko-panel h2{font:700 clamp(22px,4vw,30px) Georgia,serif;color:#f5d893;margin:0 0 8px}.ko-panel p{color:#d4dadd;margin:8px 0 16px}.ko-panel label{display:block;font-size:13px;font-weight:700;color:#efda9e;margin:9px 0 5px}.ko-panel input,.ko-panel select{display:block;width:100%;min-height:44px;border:1px solid #a58953;background:#071727;color:#fff5dd;border-radius:10px;padding:10px 12px;font:inherit}.ko-panel input:focus-visible,.ko-panel select:focus-visible,.ko-panel button:focus-visible{outline:3px solid #f9e7ae;outline-offset:3px}.ko-panel button{min-height:44px;padding:11px 16px;border:1px solid #efcf7b;border-radius:11px;background:linear-gradient(#f6df9c,#c59b43);color:#211707;font:800 14px system-ui;cursor:pointer}.ko-panel button.ko-secondary{color:#f4d99b;background:#142a40;border-color:#96783c}.ko-panel button:disabled{opacity:.45;cursor:not-allowed}.ko-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:end;margin:12px 0}.ko-actions>*{flex:1 1 auto}.ko-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ko-home-grid input{max-width:100%}.ko-code-input{font-weight:800!important;letter-spacing:.2em;text-transform:uppercase}.ko-code{font:800 clamp(30px,7vw,46px) ui-monospace,monospace;letter-spacing:.14em;color:#ffdfa0;margin:7px 0 14px}.ko-share{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.ko-qr{background:white;padding:8px;border-radius:8px;line-height:0;max-width:172px}.ko-qr svg{display:block;width:156px;height:156px}.ko-invite-link{display:block;color:#e9d491;overflow-wrap:anywhere;font-size:12px;margin:10px 0}.ko-roster{list-style:none;padding:0;margin:18px 0;border-top:1px solid #9d804c66}.ko-roster li{display:flex;justify-content:space-between;gap:16px;padding:10px 2px;border-bottom:1px solid #9d804c66}.ko-roster small{color:#b8c9cd;font-size:12px}.ko-roster .ko-ready{color:#a9e1bc}.ko-lobby-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ko-error{color:#ffc4ae!important;min-height:1.5em;overflow-wrap:anywhere;font-weight:650}.ko-help{font-size:12px!important;color:#b5c3c9!important}.ko-pill{color:#e6cb89;font-weight:700;font-size:12px}.ko-panel [role=status]{scroll-margin:20px}.ko-local-label{display:block;text-align:center;color:#d3bd81;font-size:12px;letter-spacing:.1em;margin:8px 0}.kingdom-site-nav span{font-weight:600;color:#c0b287;font-size:11px}@media(max-width:580px){.ko-home-grid,.ko-lobby-settings{grid-template-columns:1fr}.ko-panel{margin:18px 0}.ko-panel button{width:100%}.ko-toolbar button{min-height:38px}.ko-roster li{font-size:13px}.kingdom-site-nav{font-size:12px}.ko-share{gap:12px}}@media(prefers-reduced-motion:reduce){.ko-panel *{scroll-behavior:auto}}

.ko-roster strong{min-width:0;overflow-wrap:anywhere}