:root{--ra-bg: #101114;--ra-panel: #181a1f;--ra-text: #f2f2ef;--ra-muted: #c8c8c2;--ra-accent: #ffd24a;--ra-link: #8fd3ff;--ra-border: #7a7d85;--ra-focus: #ffd24a;--ra-combat: #e2533a;--ra-size: 100%;--ra-gutter: clamp(12px, 3vw, 24px);color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme]){--ra-bg: #ffffff;--ra-panel: #f3f3f0;--ra-text: #111111;--ra-muted: #333333;--ra-accent: #6b4b00;--ra-link: #00508a;--ra-border: #666666;--ra-focus: #00508a;--ra-combat: #b3261e;color-scheme:light}}@media (prefers-contrast: more){:root:not([data-theme]){--ra-bg: #000000;--ra-panel: #000000;--ra-text: #ffffff;--ra-muted: #ffffff;--ra-accent: #ffff00;--ra-link: #00ffff;--ra-border: #ffffff;--ra-focus: #ffff00;--ra-combat: #ff6060;color-scheme:dark}}@media (prefers-contrast: more) and (prefers-color-scheme: light){:root:not([data-theme]){--ra-bg: #ffffff;--ra-panel: #ffffff;--ra-text: #000000;--ra-muted: #000000;--ra-accent: #5a3c00;--ra-link: #00006e;--ra-border: #000000;--ra-focus: #0000c0;--ra-combat: #a0190f;color-scheme:light}}:root[data-theme=light]{--ra-bg: #ffffff;--ra-panel: #f3f3f0;--ra-text: #111111;--ra-muted: #333333;--ra-accent: #6b4b00;--ra-link: #00508a;--ra-border: #666666;--ra-focus: #00508a;--ra-combat: #b3261e;color-scheme:light}:root[data-theme=contrast]{--ra-bg: #000000;--ra-panel: #000000;--ra-text: #ffffff;--ra-muted: #ffffff;--ra-accent: #ffff00;--ra-link: #00ffff;--ra-border: #ffffff;--ra-focus: #ffff00;--ra-combat: #ff6060;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{font-size:var(--ra-size)}body{margin:0;background:var(--ra-bg);color:var(--ra-text);font:1.125rem/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-wrap:break-word}a{color:var(--ra-link)}:focus-visible{outline:3px solid var(--ra-focus);outline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}.ra-app{max-width:60rem;margin:0 auto;padding:0 var(--ra-gutter) 3rem}.ra-header{padding:.75rem 0 .5rem;border-bottom:1px solid var(--ra-border)}.ra-header h1{margin:0;font-size:2rem;letter-spacing:.02em}.ra-tagline{margin:0;color:var(--ra-muted)}.ra-status{margin:.25rem 0 0;font-weight:600}.ra-connected .ra-tagline{display:none}.ra-skip{position:absolute;left:var(--ra-gutter);top:0;z-index:10;padding:.5rem 12px;max-width:calc(100% - 2 * var(--ra-gutter));overflow-wrap:anywhere;hyphens:auto;background:var(--ra-accent);color:var(--ra-bg);font-weight:700;transform:translateY(-120%)}.ra-skip:focus{transform:none}body:not(.ra-connected) .ra-skip{display:none}.ra-sr-only,.ra-live-host,.ra-live{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.ra-start,.ra-history{margin-top:1rem}.ra-game{margin-top:.6rem}body:not(.ra-connected) #ra-start:not([hidden])~#ra-game{display:none}body:not(.ra-connected) #ra-start:not([hidden])~#ra-history:has(>.ra-transcript:empty){display:none}.ra-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.ra-big,.ra-toolbar button,.ra-form button,.ra-roster button,.ra-dialog button{min-height:48px;min-width:48px;max-width:100%;padding:.4em max(.5em,12px);border-radius:8px;background:var(--ra-panel);color:var(--ra-text);border:2px solid var(--ra-border);cursor:pointer;overflow-wrap:anywhere}.ra-big{font-size:1.15rem;font-weight:600}.ra-big:hover,.ra-toolbar button:hover,.ra-dialog button:hover{border-color:var(--ra-accent)}.ra-signin input{width:min(26rem,100%);min-height:48px;padding:.4rem .6rem;background:var(--ra-panel);border:2px solid var(--ra-border);border-radius:6px}.ra-roster ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.ra-history h2{margin:0;font-size:1.3rem}.ra-history .ra-small{margin:.1rem 0 0}.ra-transcript{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;padding:.5rem .75rem;background:var(--ra-panel);border:1px solid var(--ra-border);border-radius:8px;height:50vh;height:50dvh;min-height:120px;overflow-y:auto;overscroll-behavior:contain}.ra-transcript>*{margin:0}.ra-transcript p{white-space:pre-wrap;overflow-wrap:anywhere}.ra-transcript h3{margin-top:.5rem;font-size:1.15rem;color:var(--ra-accent)}.ra-transcript>:first-child{margin-top:auto}.ra-transcript .k-tell,.ra-transcript .k-channel,.ra-transcript .k-say{border-left:4px solid var(--ra-link);padding-left:.5rem}.ra-transcript .k-combat{border-left:4px solid var(--ra-combat);padding-left:.5rem}.ra-transcript .k-client{color:var(--ra-muted);font-style:italic}.ra-transcript .k-echo{color:var(--ra-muted)}.ra-transcript .k-echo:before{content:"> " / ""}.ra-hide-transcript .ra-history{display:none}.ra-vitals{margin:0 0 .5rem;font-weight:600}.ra-vitals>span:not([hidden])~span:not([hidden]):before{content:", "}.ra-vitals .ra-low{color:var(--ra-accent);text-decoration:underline;text-decoration-thickness:2px}.ra-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ra-form label{font-weight:700;width:100%}.ra-form input{flex:1 1 12rem;min-width:0;width:100%;min-height:52px;padding:.4rem .75rem;font-size:1.2rem;background:var(--ra-panel);border:2px solid var(--ra-border);border-radius:8px}.ra-form button{flex:none}.ra-toolbar{display:grid;gap:.5rem;margin-top:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,7.5em),1fr))}.ra-toolbar button{min-width:0}.ra-small{font-size:.95rem;color:var(--ra-muted)}.ra-dialog{width:100%;max-width:min(46rem,calc(100vw - 1rem));max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);padding:0;overflow:hidden;background:var(--ra-bg);color:var(--ra-text);border:2px solid var(--ra-border);border-radius:10px}.ra-dialog::backdrop{background:#0009}.ra-dialog-inner{max-height:calc(100vh - 1rem - 4px);max-height:calc(100dvh - 1rem - 4px);overflow-y:auto;padding:0 var(--ra-gutter) 1rem;scroll-padding-top:4.5rem}.ra-dialog-inner>h2{margin:.75rem 0 .25rem;font-size:1.35rem;overflow-wrap:anywhere}.ra-dialog-bar{position:sticky;top:0;z-index:1;margin:0 calc(-1 * var(--ra-gutter)) .75rem;padding:.35rem var(--ra-gutter);background:var(--ra-bg);border-bottom:1px solid var(--ra-border)}#ra-dialog-close{font-size:1rem}.ra-dialog h3{margin:1.25rem 0 .5rem}.ra-dialog fieldset{min-width:0;border:1px solid var(--ra-border);border-radius:8px;margin:0 0 1rem;padding:.5rem .75rem}.ra-dialog legend{font-weight:700;padding:0 .3rem}.ra-dialog label{margin:.2rem 0}.ra-dialog select,.ra-dialog textarea,.ra-dialog input:not([type=checkbox]):not([type=radio]):not([type=range]){min-height:48px;min-width:0;max-width:100%;padding:.3rem .5rem;background:var(--ra-panel);border:2px solid var(--ra-border);border-radius:6px}.ra-dialog input[type=range]{width:min(18rem,100%);min-height:44px;margin:0}.ra-dialog input[type=checkbox],.ra-dialog input[type=radio]{width:max(24px,1.2em);height:max(24px,1.2em);margin:0;flex:none;accent-color:var(--ra-accent)}.ra-dialog table{border-collapse:collapse;width:100%}.ra-dialog th,.ra-dialog td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--ra-border);vertical-align:top}.ra-dialog textarea{width:100%;min-height:50vh;padding:.5rem}.ra-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin:.4rem 0}.ra-row>label{min-width:0;overflow-wrap:anywhere}.ra-row>input:is([type=checkbox],[type=radio])+label{flex:1 1 0;min-width:min(6rem,calc(100% - 3rem));min-height:48px;display:flex;align-items:center;cursor:pointer}.ra-check{display:flex;align-items:center;gap:.6rem;min-height:48px;margin:.2rem 0;cursor:pointer}.ra-check>span{flex:1 1 0;min-width:0}.ra-menu,.ra-keys{list-style:none;padding:0;margin:.5rem 0}.ra-menu li,.ra-keys li{margin:.4rem 0}.ra-cue{border-top:1px solid var(--ra-border);margin-top:.75rem;padding-top:.25rem}.ra-cue h4{margin:.4rem 0 .2rem}.ra-help details{border:1px solid var(--ra-border);border-radius:8px;margin:.5rem 0;padding:0 .75rem}.ra-help summary{min-height:48px;padding:.6rem 0;cursor:pointer;font-weight:700}.ra-help details[open]>summary{border-bottom:1px solid var(--ra-border);margin-bottom:.5rem}@media (max-width: 40rem){.ra-header h1{font-size:1.6rem}.ra-dialog{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;border:0;border-radius:0}.ra-dialog-inner{height:100%;max-height:100vh;max-height:100dvh}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ra-cue-list{list-style:none;padding:0;margin:.5rem 0;border:1px solid var(--ra-border);border-radius:8px}.ra-cue-list [role=option]{min-height:48px;display:flex;align-items:center;padding:0 .75rem;cursor:pointer}.ra-cue-list [role=option][aria-selected=true]{background:var(--ra-panel);font-weight:700}.ra-cue-list [role=option]:focus-visible{outline:3px solid var(--ra-accent);outline-offset:-3px}.ra-cue-detail{border-top:1px solid var(--ra-border);margin:.25rem 0 1rem;padding-top:.25rem}.ra-transcript .k-trigger{color:var(--ra-muted);font-style:italic}
