:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f4ea;background:#071015;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#071015;min-height:100dvh;margin:0}button{color:#fff;min-height:48px;font:inherit;background:#8b542c;border:1px solid #d5a95e;border-radius:.65rem;padding:.7rem 1rem;font-weight:800}main>header{z-index:2;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem 1rem;background:#09161ee6;border-bottom:1px solid #39505b;position:relative}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.25rem;font-family:Georgia,serif;font-size:clamp(2rem,8vw,4rem)}.subtitle{color:#b6c9c3;margin-bottom:0}.eyebrow{color:#e2b76d;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:900}.gameShell{min-height:calc(100dvh - 8rem);position:relative;overflow:hidden}.scene{position:absolute;inset:0}.overlay{z-index:1;pointer-events:none;align-content:end;gap:1rem;min-height:calc(100dvh - 8rem);padding:1rem;display:grid;position:relative}.connection{background:#071015dd;border:1px solid;border-radius:999px;justify-self:end;padding:.45rem .75rem;font-size:.78rem;font-weight:800}.connection-online{color:#86d49a}.connection-connecting{color:#e2b76d}.connection-unavailable{color:#ff9b82}.roster{pointer-events:auto;background:#0a151ce8;border:1px solid #46606a;border-radius:1rem;width:min(100%,46rem);max-height:65dvh;padding:1.1rem;overflow:auto;box-shadow:0 1.5rem 4rem #0009}.roster article{border-top:1px solid #324852;grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 0 .25rem;display:grid}.roster article>div:only-child{grid-column:1/-1}.roster article img{aspect-ratio:3/4;object-fit:cover;background:#18272c;border-radius:.6rem;width:5rem}.roster article span{color:#99b3ad;text-transform:uppercase;font-size:.72rem}.roster article h3{margin:.25rem 0}.roster article p,.reconnect p{color:#c1d0cb}.reconnect{border-left:3px solid #ff9b82;padding-left:1rem}.characterPortrait{background:#18272c;border-radius:.6rem;width:5rem;position:relative;overflow:hidden}.roster article .characterPortrait img{aspect-ratio:auto;background:0 0;border-radius:0;max-width:none}.characterPortrait>span{place-items:center;display:grid;position:absolute;inset:0}@media (min-width:800px){.overlay{padding:2rem}.roster{margin-left:auto}}.basePreview{background:#071015;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.basePreviewStage{flex:1;min-height:0;position:relative;overflow:hidden}.basePreviewCanvas{touch-action:none;image-rendering:pixelated;display:block}.basePreviewTitle{top:max(.5rem, env(safe-area-inset-top));pointer-events:none;background:#071015cc;border-radius:.5rem;padding:.3rem .6rem;font-size:.85rem;position:absolute;left:3.5rem}.basePreviewToast{white-space:nowrap;pointer-events:none;background:#071015e6;border:1px solid #d5a95e;border-radius:.5rem;padding:.45rem .8rem;font-size:.85rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.basePreviewControls{grid-template-columns:1fr;gap:.5rem;padding:.75rem;display:grid}.basePreviewControls select{color:#f2f4ea;min-height:40px;font:inherit;background:#0f2029;border:1px solid #39505b;border-radius:.5rem;font-size:.85rem}.basePreviewRow{grid-column:1/-1;gap:.3rem;display:flex}.basePreviewRow button{text-transform:capitalize;background:#0f2029;border-color:#39505b;flex:1;min-height:38px;padding:.3rem .2rem;font-size:.78rem;font-weight:700}.basePreviewRow button[aria-pressed=true]{background:#8b542c;border-color:#d5a95e}.basePreviewEmpty{text-align:center;place-content:center;gap:.5rem;min-height:100dvh;padding:1.5rem;display:grid}.basePreviewEmpty a{color:#d5a95e}.basePreviewStage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.basePreviewStick{pointer-events:none;background:#07101544;border:2px solid #f2f4ea55;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}.basePreviewKnob{background:#d5a95ecc;border-radius:50%;width:44px;height:44px;position:absolute;top:36px;left:36px;box-shadow:0 0 0 2px #071015aa}.basePreviewHint{top:max(.5rem, env(safe-area-inset-top));color:#c9d2c4;pointer-events:none;background:#071015cc;border-radius:.5rem;padding:.3rem .6rem;font-size:.75rem;position:absolute;right:.5rem}.languageSelect,.basePreviewLanguage{color:#f2f4ea;min-height:40px;font:inherit;background:#0f2029;border:1px solid #39505b;border-radius:.5rem;padding:0 .5rem;font-size:.85rem}.languageSelect{top:max(1rem, env(safe-area-inset-top));position:absolute;right:1rem}main>header{padding-right:7.5rem}.basePreviewControls select{min-width:0}.basePreviewEmpty .basePreviewLanguage{justify-self:center}html:not([lang=en]) .basePreviewRow button{text-transform:none}.basePreviewMenuButton{top:max(.4rem, env(safe-area-inset-top));z-index:3;background:#071015cc;border-color:#39505b;width:44px;min-height:40px;padding:0;font-size:1.3rem;line-height:1;position:absolute;left:.5rem}.basePreviewBackdrop{z-index:4;background:#0007;position:absolute;inset:0}.basePreviewDrawer{z-index:5;width:min(20rem,86vw);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#09161ef2;border-right:1px solid #39505b;transition:transform .18s ease-out;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%)}.basePreviewDrawer[data-open=true]{transform:none}.basePreviewDrawerHead{justify-content:space-between;align-items:center;padding:.6rem .75rem 0;display:flex}.basePreviewClose{background:0 0;border-color:#39505b;width:40px;min-height:40px;padding:0;font-size:1.4rem}