.invite-letter{gap:16px;display:grid}.invite-letter-scene{border:1px solid oklch(calc(.3673 * var(--tone-lk) + var(--tone-l0)) .0416 82.1);isolation:isolate;background-position:50%;background-size:cover;border-radius:14px;align-items:flex-end;gap:14px;min-height:150px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.invite-letter-scene:after{content:"";z-index:-1;background:linear-gradient(#080a091a 30%,#080a09d1);position:absolute;inset:0}.invite-seal{background:radial-gradient(circle at 38% 32%,#b4492f,#7a2618 58%,#4f160d);border-radius:50%;flex:none;place-items:center;width:78px;height:78px;animation:.5s cubic-bezier(.2,1.4,.4,1) invite-press;display:grid;position:relative;transform:rotate(-6deg);box-shadow:0 0 0 3px #5c1b10,0 0 0 5px #e5b7668c,0 10px 22px #0000008c,inset 0 2px 6px #ffc8aa59,inset 0 -4px 8px #00000073}.invite-seal img,.invite-seal svg{filter:drop-shadow(0 1px 1px #0009);border-radius:50%}@keyframes invite-press{0%{opacity:0;transform:rotate(-6deg)scale(1.4)}to{opacity:1;transform:rotate(-6deg)scale(1)}}.invite-letter-heading{color:#f3ead6;text-shadow:0 1px 3px #000c;gap:2px;min-width:0;display:grid}.invite-letter-heading>span:first-child{color:#d9cfb8;font-size:14px}.invite-letter-heading strong{overflow-wrap:anywhere;font-family:Fraunces,serif;font-size:24px;font-weight:500;line-height:1.15}.invite-room{color:#e8dcc0;align-items:center;gap:6px;font-size:14px;display:inline-flex}.invite-block{gap:10px;margin:0;display:grid}.invite-founded{color:var(--text);margin:0;font-size:15px;line-height:1.5}.invite-block h3{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.invite-link-row{gap:8px;min-width:0;display:flex}.invite-link-row input{flex:1;min-width:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:14px}.invite-link-row>button{flex:none}.invite-renew{color:var(--muted);justify-self:start;gap:6px}.invite-facts{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.invite-facts li{align-items:center;gap:6px;display:inline-flex}.invite-facts svg{color:var(--amber)}.invite-letter .invite-share{margin-top:0}.invite-letter .invite-share>:is(a,button){border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:8px 14px;text-decoration:none;display:inline-flex}.invite-fixed{border-top:1px solid var(--line);padding-top:14px}.invite-fixed .hint{margin:0}@media (pointer:coarse){.invite-letter .invite-share>:is(a,button),.invite-link-row>button{min-height:var(--tap)}}@media (max-width:600px){.invite-letter-scene{min-height:130px}.invite-seal{width:64px;height:64px}.invite-letter-heading strong{font-size:21px}.invite-letter .invite-share>:is(a,button){flex:auto;justify-content:center}}
.explore-home{border:1px solid var(--explore-edge);color:var(--explore-ink);background:linear-gradient(90deg,#402e108c,#141c1866 70%);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 16px 10px;padding:6px 8px 6px 6px;display:flex}.explore-home-open{min-width:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;flex:0 260px;align-items:center;gap:10px;padding:4px 6px 4px 4px;display:flex}.explore-home-open:hover{background:#ffffff0f}.explore-home-emblem{flex:none;place-items:center;width:44px;height:44px;display:grid}.explore-home-text{flex:1;min-width:0;display:grid}.explore-home-text b{text-overflow:ellipsis;white-space:nowrap;font-family:Fraunces,serif;font-size:17px;font-weight:500;overflow:hidden}.explore-home-text small,.explore-home-growth small,.explore-home-done{font-size:var(--text-min);color:#d9c290}.explore-home-share{width:38px;height:38px;color:var(--explore-ink);flex:none;margin-left:auto}.explore-home-growth{flex:180px;gap:4px;max-width:340px;display:grid}.explore-home-bar{background:#ffffff1f;border-radius:999px;height:6px;display:block;overflow:clip}.explore-home-bar>span{border-radius:inherit;background:var(--amber);height:100%;display:block}.explore-home-passport{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.explore-home-count{color:var(--amber);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.explore-home-next{border:1px solid var(--explore-edge);min-width:0;min-height:40px;color:inherit;text-align:left;background:#00000040;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.explore-home-next:hover{border-color:var(--amber)}.explore-home-next img{border-radius:50%;flex:none}.explore-home-next span{min-width:0;line-height:1.15;display:grid}.explore-home-next small{font-size:var(--text-min);color:#d9c290}.explore-home-next b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.explore-place.yours:not(.selected) .explore-label{border-color:var(--amber);background:#30240eeb}.explore-label .explore-yours,.explore-label .explore-stamped,.explore-label .explore-next{color:var(--amber);flex:none}.explore-place.selected .explore-label :is(.explore-yours,.explore-stamped,.explore-next){color:#4d3a17}.explore-place.next:not(.selected) .explore-label{border-color:var(--amber);border-style:dashed}.explore-place.next .explore-next{animation:1.2s ease-in-out 3 passport-call}@keyframes passport-call{50%{transform:scale(1.35)}}.passport-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px 4px;margin:0;padding:0;list-style:none;display:grid}.passport-grid li>button,.passport-grid li>span{width:100%;color:inherit;text-align:center;background:0 0;border:0;border-radius:10px;align-content:start;justify-items:center;gap:6px;padding:6px 2px;display:grid}.passport-grid li>button:hover{background:#ffffff0f}.passport-stamp{border-radius:50%;flex:none;width:56px;height:56px;display:block;position:relative}.passport-stamp img{filter:grayscale()brightness(.6);opacity:.75;outline-offset:2px;border-radius:50%;outline:2px dashed #cfd3c959;width:100%;height:100%;display:block}[data-earned]>*>.passport-stamp img,[data-earned]>.passport-stamp img{filter:none;opacity:1;outline:2px solid var(--amber)}.passport-check{background:var(--amber);color:#251e12;border-radius:50%;width:20px;height:20px;padding:3px;position:absolute;bottom:-4px;right:-4px}.passport-name{font-size:var(--text-min);color:var(--muted);line-height:1.2}[data-earned] .passport-name{color:var(--text)}.passport-detail{border:1px solid var(--explore-edge,var(--line));background:#e5b7660f;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:12px;display:grid}.passport-detail .passport-stamp{width:72px;height:72px}.passport-detail>div{gap:4px;min-width:0;display:grid}.passport-detail b{font-size:16px}.passport-detail p{margin:0}.passport-detail button{justify-self:start;margin-top:4px}.explore-passport{border:1px solid var(--explore-edge);background:#ffffff08;border-radius:14px;gap:8px;padding:12px;display:grid}.explore-passport h3{align-items:baseline;gap:8px;margin:0;font-family:Fraunces,serif;font-size:17px;font-weight:500;display:flex}.explore-passport h3 small{color:var(--amber);font-family:"Source Sans 3",sans-serif;font-size:13px}.explore-passport .hint{margin:0}.explore-growth{color:#d9c290;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.thall-passport-actions{flex-wrap:wrap;gap:8px;display:flex}.tavern-card-preview{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:min(56dvh,520px);margin:4px auto 0;display:block;box-shadow:0 10px 30px #0006}@media (max-width:900px),(max-height:560px){.explore-home{margin:0 12px 8px}}@media (max-height:560px){.explore-home-growth{display:none}}@media (max-width:600px){.explore-home{gap:6px 10px}.explore-home-open{flex:1 1 0}.explore-home-share{order:1}.explore-home-growth{flex-basis:100%;order:2;max-width:none;padding:0 4px}.explore-home-passport{flex:100%;order:3;justify-content:space-between;padding:0 0 2px 4px}}@media (pointer:coarse){.explore-home-share{width:var(--tap);height:var(--tap)}.explore-home-next{min-height:var(--tap)}}.stamp-celebration-art{box-shadow:0 0 0 3px var(--amber), 0 8px 24px #00000080;border-radius:50%;display:block}.stamp-celebration strong{font-size:30px}.stamp-celebration .primary{align-items:center;gap:8px;display:inline-flex}.explore-label .explore-mission{color:var(--amber);background:#e5b7662e;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-weight:600;display:inline-flex}.explore-label .explore-mission[data-done]{color:#a9e3a0;background:#6fdc8429}.explore-place.selected .explore-label .explore-mission{color:#4d3a17;background:#251e122e}.explore-home-missions{border:1px solid var(--explore-edge);min-height:40px;color:var(--explore-ink);background:#00000040;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.explore-home-missions:hover{border-color:var(--amber)}.mission-detail{grid-template-columns:minmax(0,1fr)}.mission-detail ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.mission-detail li{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;display:grid}.mission-detail li>div{gap:4px;min-width:0;display:grid}.mission-detail p{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.mission-bar{background:#ffffff1f;border-radius:999px;height:6px;display:block;overflow:clip}.mission-bar>span{border-radius:inherit;background:var(--amber);height:100%;display:block}@media (pointer:coarse){.explore-home-missions{min-height:var(--tap)}}@media (forced-colors:active){.explore-home-bar,.mission-bar{border:1px solid canvastext}.explore-home-bar>span,.mission-bar>span{background:highlight}.passport-check,.explore-label .explore-mission{border:1px solid canvastext}}
.news-trigger{position:relative}.news-dot{background:var(--amber);width:9px;height:9px;box-shadow:0 0 0 2px var(--panel,oklch(calc(.213 * var(--pal-lk) + var(--pal-l0)) calc(.02 * var(--pal-chroma)) var(--pal-hue)));border-radius:50%;position:absolute;top:6px;right:6px}.compact-account-popover .news-dot{box-shadow:none;margin-left:auto;position:static}@media (forced-colors:active){.news-dot{background:highlight;border:1px solid canvastext}}.news-emblem{object-fit:contain;flex:none;display:block}.news-trigger .news-emblem{width:28px;height:28px}.account-actions .news-trigger .news-dot{top:3px;right:calc(50% - 20px)}.news-since{color:var(--muted);margin:0 0 12px;font-size:14px}.news-list{gap:14px;display:grid}.news-release{border:1px solid var(--line);background:oklch(calc(.1999 * var(--pal-lk) + var(--pal-l0)) calc(.0201 * var(--pal-chroma)) var(--pal-hue));border-radius:12px;overflow:clip}.news-release.is-lead{border-color:#7a6232}.news-release-head{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.news-release-art{aspect-ratio:16/7;object-fit:cover;border-radius:6px;width:100%;display:block}.news-release-title{gap:4px;min-width:0;display:grid}.news-release-title h3{margin:0;font-family:Fraunces,serif;font-size:18px;line-height:1.2}.news-release.is-lead .news-release-head{padding:0;display:block;position:relative}.news-release.is-lead .news-release-art{aspect-ratio:16/6;border-radius:0}.news-release.is-lead .news-release-title{background:linear-gradient(to top in srgb, oklch(calc(.1453 * var(--pal-lk) + var(--pal-l0)) calc(.0147 * var(--pal-chroma)) var(--pal-hue) / .95) 30%, oklch(calc(.1453 * var(--pal-lk) + var(--pal-l0)) calc(.0147 * var(--pal-chroma)) var(--pal-hue) / 0));padding:40px 16px 12px;position:absolute;inset:auto 0 0}.news-release.is-lead .news-release-title h3{color:oklch(calc(.9503 * var(--fg-lk) + var(--fg-l0)) .0265 87.8);font-size:22px}.news-release.is-lead.has-video .news-release-title{background:0 0;padding:12px 16px;position:static}.news-video{aspect-ratio:16/9;background:#0d100e;position:relative}.news-video video{object-fit:cover;width:100%;height:100%;display:block}.news-video-controls{gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.news-video-controls button{color:#f6eedb;background:#0d100ecc;border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 1px #f6eedb40}.news-video-controls button:hover:not(:disabled){color:var(--amber);background-color:#0d100e}.news-video-controls button[aria-pressed=false]{color:#b9b2a0}.news-video-caption{text-align:center;pointer-events:none;margin:0;position:absolute;inset:auto 12px 56px}.news-video-caption span{color:#fff;white-space:pre-line;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000c7;border-radius:4px;padding:2px 8px;font-size:16px;line-height:1.6}@media (pointer:coarse){.news-video-controls button{width:var(--tap);height:var(--tap)}.news-video-caption{bottom:64px}}@media (max-width:600px){.news-video-caption span{font-size:14px}}@media (forced-colors:active){.news-video-controls button,.news-video-caption span{border:1px solid canvastext}}.news-video-about{border-bottom:1px solid var(--line);padding:0 14px}.news-video-about p{color:#d3ddc8;margin:0 0 12px;font-size:14px;line-height:1.5}.news-meta{color:oklch(calc(.8283 * var(--fg-lk) + var(--fg-l0)) .0344 88.1);font-size:var(--text-min);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.news-chip{background:var(--amber);color:#251e12;border-radius:99px;padding:1px 8px;font-weight:700}.news-entries{padding:0 14px;display:grid}.news-entry{grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 0;display:grid}.news-entry+.news-entry{border-top:1px solid var(--line)}.news-icon{background:oklch(calc(.2637 * var(--pal-lk) + var(--pal-l0)) calc(.0243 * var(--pal-chroma)) var(--pal-hue));width:32px;height:32px;color:var(--amber-text);border-radius:8px;place-items:center;display:grid}.news-text{gap:4px;min-width:0;display:grid}.news-text h4{margin:0;font-size:15px;font-weight:600}.news-text p{color:oklch(calc(.8842 * var(--ink-lk) + var(--ink-l0)) calc(.0232 * var(--ink-chroma)) var(--ink-hue));margin:0;font-size:14px;line-height:1.5}.news-action{white-space:nowrap}.news-companions{justify-items:start;gap:4px;margin-top:6px;display:grid}.news-companions ul{flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none;display:flex}.news-companions img{object-fit:contain;filter:grayscale(.85)brightness(.7);width:48px;height:48px;display:block}.news-companions li.is-owned img{filter:drop-shadow(0 3px 5px #0008)}.news-companions p{color:oklch(calc(.892 * var(--acc-lk) + var(--acc-l0)) .0708 86.5);font-weight:600}.news-crests img{filter:drop-shadow(0 3px 5px #0008);border-radius:50%;width:36px;height:36px}.news-older{border-top:1px solid var(--line);margin-top:16px}.news-older summary,.news-video-about summary{min-height:44px;color:var(--amber-text);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:600;list-style:none;display:flex}.news-older summary::-webkit-details-marker{display:none}.news-video-about summary::-webkit-details-marker{display:none}.news-older summary svg,.news-video-about summary svg{transform:rotate(-90deg)}.news-older[open] summary svg,.news-video-about[open] summary svg{transform:none}.news-older ul{margin:0;padding:0;list-style:none}.news-older li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:6px 0;display:flex}.news-older li>div{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;font-size:14px;display:flex}.news-older time{color:var(--muted);font-size:var(--text-min)}.news-older-action{flex:none;min-height:32px}.news-all{min-height:44px;color:var(--amber-text);align-items:center;gap:6px;font-size:14px;display:inline-flex}@media (max-width:600px){.news-release-head{grid-template-columns:72px minmax(0,1fr)}.news-release.is-lead .news-release-art{aspect-ratio:16/8}.news-entry{grid-template-columns:32px minmax(0,1fr)}.news-action{grid-column:2;justify-self:start}.news-older li{flex-wrap:wrap}}@media (pointer:coarse){.news-older-action{min-height:var(--tap)}}@media (forced-colors:active){.news-chip{border:1px solid canvastext}}.person-house-title{color:oklch(calc(.8526 * var(--acc-lk) + var(--acc-l0)) .1092 84.4);align-items:center;gap:6px;font-size:13px;display:inline-flex}
.spot-art{aspect-ratio:1;width:160px;height:auto;margin:0 auto 4px;display:block}.spot-art.is-small{width:96px}@media (max-width:600px){.spot-art{width:96px}}.access-card .spot-art{margin-top:20px}.access-card .spot-art+h1{margin-top:8px}.portrait-image>.traveler-crest{object-fit:cover;width:100%;height:100%;display:block}.avatar-pack .traveler-crest{object-fit:cover;border-radius:50%;width:48px;height:48px;display:block}.create-art{width:96px;height:96px;margin:0 auto 8px;display:block}.level-halo>.achievement-trophy{object-fit:contain;filter:drop-shadow(0 0 16px #e8bf6870);width:88px;height:88px;animation:1.3s both forge-medal;display:block}@media (prefers-reduced-motion:reduce){.level-halo>.achievement-trophy{animation:none}}.desktop-download-art{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:100%;height:auto;margin-bottom:20px;display:block}
.media-stage{flex:1 1 0;min-height:240px;margin-bottom:10px;display:flex}.media-frame{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;display:flex}.media-slot{display:contents}.media-main{grid-template-columns:repeat(var(--fit-cols,1), var(--fit-w,minmax(0, 1fr)));flex:1 1 0;grid-auto-rows:max-content;place-content:center;gap:10px;min-width:0;min-height:0;display:grid}.media-main>.media-tile,.media-main>.media-slot>.media-tile{width:var(--fit-w,100%);aspect-ratio:16/9;min-height:0}.media-stage.layout-focus .media-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-content:stretch}.media-stage.layout-focus .media-main>.media-tile,.media-stage.layout-focus .media-main>.media-slot>.media-tile{aspect-ratio:auto;width:100%;height:100%}.media-main>.screen-tile.media-tile,.media-main>.screen-tile.media-tile>.screen-content{min-height:0}.camera-tile,.screen-strip-tile{border:1px solid oklch(calc(.3684 * var(--pal-lk) + var(--pal-l0)) calc(.0315 * var(--pal-chroma)) var(--pal-hue));background:oklch(calc(.1586 * var(--pal-lk) + var(--pal-l0)) calc(.0165 * var(--pal-chroma)) var(--pal-hue));border-radius:9px;min-width:0;position:relative;overflow:hidden}.camera-content{border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;min-height:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.camera-content>video,.camera-content>.landscape{width:100%;height:100%;position:absolute;inset:0}.camera-content:focus-visible{outline-offset:-4px}.demo-camera{background:radial-gradient(circle at 50% 40% in srgb, #4a3f27 0%, oklch(calc(.2855 * var(--pal-lk) + var(--pal-l0)) calc(.0254 * var(--pal-chroma)) var(--pal-hue)) 45%, oklch(calc(.1763 * var(--pal-lk) + var(--pal-l0)) calc(.018 * var(--pal-chroma)) var(--pal-hue)) 80%);place-items:center;display:grid;position:absolute;inset:0}.demo-camera>.portrait-surface{aspect-ratio:1;width:min(34%,150px);height:auto}.camera-tile>.voice-indicator{z-index:2;pointer-events:none}.camera-caption{z-index:1;background:linear-gradient(in srgb, transparent, oklch(calc(.1832 * var(--pal-lk) + var(--pal-l0)) calc(.0177 * var(--pal-chroma)) var(--pal-hue) / .9));color:#f1e9d2;pointer-events:none;align-items:center;gap:6px;padding:18px 10px 7px;font-size:13px;display:flex;position:absolute;inset:auto 0 0}.camera-caption>b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.camera-caption>svg,.camera-caption>.microphone-status{color:oklch(calc(.8442 * var(--ink-lk) + var(--ink-l0)) calc(.0234 * var(--ink-chroma)) var(--ink-hue));flex:none}.camera-caption>.talking-mark{color:#addbb1}.camera-tile>.media-pin{z-index:2;background:oklch(calc(.1832 * var(--pal-lk) + var(--pal-l0)) calc(.0177 * var(--pal-chroma)) var(--pal-hue) / .8);color:#f1e9d2;opacity:.72;border:1px solid #a8b69b33;border-radius:8px;width:32px;height:32px;min-height:32px;padding:0;transition:opacity .16s;position:absolute;top:8px;right:8px}.camera-tile:hover>.media-pin,.camera-tile>.media-pin:focus-visible,.media-pin[aria-pressed=true]{opacity:1}.media-pin[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}.media-strip{overscroll-behavior:contain;flex:none;gap:8px;min-width:0;min-height:0;padding-bottom:4px;display:flex;overflow:auto hidden}.media-strip>.media-tile,.media-strip>.media-slot>.media-tile{aspect-ratio:16/9;flex:none;width:168px}.media-strip .camera-caption{font-size:var(--text-min);padding:14px 8px 5px}.media-strip .camera-tile>.media-pin{top:5px;right:5px}@media (min-width:901px) and (min-height:561px){.media-stage{container:media-stage/size}@container media-stage (min-aspect-ratio:8/5){.media-frame{flex-direction:row}.media-strip{flex-direction:column;flex:0 0 clamp(150px,19%,240px);padding-bottom:0;overflow:hidden auto}.media-strip>.media-tile,.media-strip>.media-slot>.media-tile{width:100%}}}.app-shell .media-slot>.participant-card{aspect-ratio:16/9;border-radius:9px;min-width:0;max-width:none;height:auto;min-height:0;margin:0;padding-bottom:0;container:person-card/inline-size}.app-shell .media-main>.media-slot>.participant-card{width:var(--fit-w,100%)}.app-shell .media-strip>.media-slot>.participant-card{flex:none;width:168px}@container media-stage (min-aspect-ratio:8/5){.app-shell .media-strip>.media-slot>.participant-card{width:100%}}.app-shell .media-slot>.participant-card>.avatar{aspect-ratio:1;width:clamp(40px,22cqi,120px);height:auto}.app-shell .media-slot>.participant-card .participant-label>b .cosmetic-name{min-width:0}.media-strip .participant-card[data-card-frame]{--card-bar:8px}.media-slot>:is(.participant-card,.camera-tile){animation:.2s ease-out stage-tile-in}@keyframes stage-tile-in{0%{opacity:0}}.rooms-collapsed>.call-stage.has-cameras>.stage-toolbar{padding-left:calc(var(--rooms-pill,100px) + 12px)}@media (max-width:900px),(max-height:560px){.media-stage{flex:none;min-height:0}.media-main{flex:none;max-height:min(68svh,640px)}.media-stage.layout-focus .media-main{grid-template-rows:none}.media-stage.layout-focus .media-main>.media-tile,.media-stage.layout-focus .media-main>.media-slot>.media-tile{aspect-ratio:16/9;height:auto;max-height:min(68svh,640px)}}@media (pointer:coarse){.camera-tile>.media-pin{width:var(--tap);height:var(--tap);min-height:var(--tap);opacity:.85}}.app-shell .participant-gallery .participant-card{container:person-card/inline-size}.participant-card>.participant-corner{z-index:3;background:oklch(calc(.174 * var(--pal-lk) + var(--pal-l0)) calc(.0181 * var(--pal-chroma)) var(--pal-hue) / .77);color:#e9e0c9;font-size:var(--text-min);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:3px;padding:2px 6px 2px 2px;font-weight:600;display:inline-flex;position:absolute;top:7px;right:8px}.participant-card[data-card-frame]>.participant-corner{top:calc(var(--card-bar) + 4px);right:calc(var(--card-bar) + 4px)}.app-shell .participant-gallery .participant-label>b .cosmetic-name{min-width:0}.participant-label .participant-you{color:var(--muted);font-size:var(--text-min);flex:none;font-weight:500}@container person-card (max-width:229px){.participant-label .cosmetic-badge{display:none}}@container person-card (max-width:149px){.participant-card>.participant-corner{display:none}}.call-stage>.rooms-expand .rooms-expand-room{text-overflow:ellipsis;white-space:nowrap;max-width:18ch;overflow:hidden}.call-stage>.rooms-expand .rooms-expand-count{color:oklch(calc(.9048 * var(--fg-lk) + var(--fg-l0)) .0227 87.1);flex:none;font-weight:500}.call-stage.media-expanded .screen-tile>.stream-live-badge{top:68px;left:22px}@media (max-width:600px){.call-stage.media-expanded .screen-tile>.stream-live-badge{top:60px;left:20px}}.stream-picker>span{letter-spacing:.08em;color:#e6c27a;font-size:14px;font-weight:700}.stream-picker>button{align-items:center;gap:6px;min-height:32px;font-size:13px;display:inline-flex}.stream-picker>button[data-unwatched]{color:#f0d79d;border-color:#a17b3c;position:relative}.stream-preview .stream-preview-watch{color:#f0d79d;border:1px solid #a17b3c;border-radius:999px;padding:2px 8px;position:relative}.stream-picker>button[data-unwatched]:after,.stream-preview .stream-preview-watch:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:1.8s ease-in-out infinite watch-beckon;position:absolute;inset:-1px;box-shadow:0 0 0 4px #e5b76638}@keyframes watch-beckon{0%,to{opacity:0;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.stream-picker>button[data-unwatched]:after,.stream-preview .stream-preview-watch:after{animation:none}}.participant-card>.avatar>i{z-index:2;border-width:2px;width:15px;height:15px;bottom:0;right:0}.participant-card>.participant-status{z-index:3;background:oklch(calc(.174 * var(--pal-lk) + var(--pal-l0)) calc(.0181 * var(--pal-chroma)) var(--pal-hue) / .85);color:#f0e4c4;font-size:var(--text-min);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:3px 7px 3px 5px;font-weight:600;display:inline-flex;position:absolute;top:7px;left:9px}.participant-card[data-card-frame]>.participant-status{top:calc(var(--card-bar) + 4px);left:calc(var(--card-bar) + 4px)}.participant-status>i{border-radius:50%;flex:none;width:10px;height:10px}.participant-status.is-away>i{background:radial-gradient(circle at 72% 28% in srgb, oklch(calc(.174 * var(--pal-lk) + var(--pal-l0)) calc(.0181 * var(--pal-chroma)) var(--pal-hue)) 44%, transparent 46%), var(--presence-away)}.participant-status.is-dnd>i{background:linear-gradient(#fff, #fff) center / 60% 2px no-repeat, var(--presence-dnd)}@container person-card (max-width:149px){.participant-card>.participant-status{gap:0;padding:3px;font-size:0}}.room-occupants .occupant-initial{position:relative}.occupant-status{z-index:2;border:2px solid oklch(calc(.2254 * var(--pal-lk) + var(--pal-l0)) calc(.0211 * var(--pal-chroma)) var(--pal-hue));border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}.occupant-status.away{background:radial-gradient(circle at 72% 28% in srgb, oklch(calc(.2254 * var(--pal-lk) + var(--pal-l0)) calc(.0211 * var(--pal-chroma)) var(--pal-hue)) 44%, transparent 46%), var(--presence-away)}.occupant-status.dnd{background:linear-gradient(#fff, #fff) center / 60% 2px no-repeat, var(--presence-dnd)}
.playing-token{box-sizing:border-box;background:radial-gradient(circle at 50% 30% in srgb, oklch(calc(.3237 * var(--pal-lk) + var(--pal-l0)) calc(.0285 * var(--pal-chroma)) var(--pal-hue)), oklch(calc(.174 * var(--pal-lk) + var(--pal-l0)) calc(.0181 * var(--pal-chroma)) var(--pal-hue)) 72%);border:1.5px solid #d6b46e;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:0 1px 5px #000a}.playing-token>.game-asset{object-fit:contain;width:86%;height:86%}.avatar>.playing-token{z-index:3;aspect-ratio:1;width:clamp(20px,42%,36px);min-width:0;height:auto;min-height:0;animation:.26s cubic-bezier(.2,.8,.3,1.2) playing-token-in;position:absolute;bottom:-6%;left:-12%}@keyframes playing-token-in{0%{opacity:0;transform:scale(.6)}}.playing-token.is-inline{border-width:1px;width:20px;height:20px}.room-occupants .playing-token.is-inline{width:18px;height:18px}.participant-label>.playing-token.is-inline,.camera-caption>.playing-token.is-inline{margin-right:-1px}.dock-activities>.playing-dock-chip{z-index:2;background:oklch(calc(.174 * var(--pal-lk) + var(--pal-l0)) calc(.0181 * var(--pal-chroma)) var(--pal-hue) / .94);color:#f3dfae;white-space:nowrap;pointer-events:none;border:1px solid #d6b46e99;border-radius:999px;align-items:center;gap:3px;height:20px;padding:0 6px 0 1px;font:700 12px/1 "Source Sans 3",sans-serif;animation:.26s cubic-bezier(.2,.8,.3,1.2) playing-token-in;display:inline-flex;position:absolute;top:-8px;left:3px;box-shadow:0 1px 4px #0006}.playing-dock-icons{align-items:center;display:inline-flex}.dock-button.dock-activities>.playing-dock-chip .playing-dock-icons>.game-asset{object-fit:contain;border-radius:50%;width:17px;height:17px}.dock-button.dock-activities>.playing-dock-chip .playing-dock-icons>.game-asset+.game-asset{margin-left:-7px}@media (max-width:900px),(max-height:560px){.app-shell .call-dock-anchor :is(.call-dock,.official-preview-dock) .dock-button.dock-activities>span.playing-dock-chip{clip-path:none;width:auto;height:18px;padding-right:5px;top:-7px;left:-5px;overflow:visible}.dock-button.dock-activities>.playing-dock-chip .playing-dock-icons>.game-asset+.game-asset{display:none}}@media (forced-colors:active){.playing-token,.dock-activities>.playing-dock-chip{color:canvastext;background:canvas;border-color:canvastext}}.tavern-room-sidebar .room-occupants>div>.playing-token.is-inline{display:inline-grid}
.overlay-look{--look-green:#9de9b9;--look-amber:#e7b95f;--panel-alpha:.62;--avatar:28px;--name:14px;box-sizing:border-box;background:rgba(12, 20, 16, var(--panel-alpha));border:1px solid rgba(206, 219, 177, calc(var(--panel-alpha) * .22));color:#f0eee7;text-align:left;text-shadow:0 1px 2px #000000bf;-webkit-user-select:none;user-select:none;border-radius:12px;width:max-content;min-width:168px;max-width:340px;padding:8px 8px 6px;font:400 16px Segoe UI,system-ui,sans-serif;display:inline-block}.overlay-look *{box-sizing:border-box}.overlay-look-header{color:var(--look-amber);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:0 4px 6px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.overlay-look-header svg{flex:none}.overlay-look-list{gap:2px;display:grid}.overlay-look-row{border-radius:999px;align-items:center;gap:8px;padding:3px 6px 3px 3px;display:flex}.overlay-look-avatar{width:var(--avatar);height:var(--avatar);color:#f0eee7;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid;box-shadow:0 0 0 1px #cedbb140}.overlay-look-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:230px;font-size:var(--name);opacity:.82;font-weight:500;overflow:hidden}.overlay-look-marks{color:#f0a39a;gap:4px;margin-left:auto;padding-left:4px;display:flex}.overlay-look-eye{color:var(--look-amber)}.overlay-look-row[data-voice=speaking]{background:#78c79d33}.overlay-look-row[data-voice=speaking] .overlay-look-avatar{box-shadow:0 0 0 2px var(--look-green), 0 0 10px #82d9a8a6}.overlay-look-row[data-voice=speaking] .overlay-look-name{opacity:1}.overlay-look-row[data-voice=sound] .overlay-look-avatar{box-shadow:0 0 0 2px #9de9b99e,0 0 6px #82d9a84d}.overlay-look-row[data-voice=sound] .overlay-look-name{opacity:.92}.overlay-look[data-style=compact]{--avatar:20px;--name:12px;border-radius:9px;min-width:0;padding:4px}.overlay-look[data-style=compact] .overlay-look-header,.overlay-look[data-style=clean] .overlay-look-header{display:none}.overlay-look[data-style=compact] .overlay-look-row{gap:6px;padding:2px 6px 2px 2px}.overlay-look[data-style=compact] .overlay-look-avatar{font-size:10px}.overlay-look[data-style=clean]{text-shadow:0 1px 2px #000000f2,0 0 6px #000c;background:0 0;border-color:#0000;min-width:0;padding:2px}.overlay-look[data-style=clean] .overlay-look-name{opacity:.95}.overlay-look[data-style=clean] .overlay-look-row[data-voice=speaking]{background:0 0}.overlay-look[data-style=clean] .overlay-look-row[data-voice=speaking] .overlay-look-name{color:var(--look-green)}.overlay-look[data-style=large]{--avatar:40px;--name:17px;border-radius:14px;min-width:220px;max-width:420px;padding:10px 10px 8px}.overlay-look[data-style=large] .overlay-look-header{font-size:13px}.overlay-look[data-style=large] .overlay-look-row{gap:10px;padding:4px 10px 4px 4px}.overlay-look[data-style=large] .overlay-look-avatar{font-size:18px}.overlay-look[data-style=large] .overlay-look-name{max-width:280px}.desktop-overlay-preferences{--overlay-wallpaper:radial-gradient(120% 90% at 18% 12%, #2c4a55 0%, transparent 55%), radial-gradient(90% 80% at 88% 92%, #4b3b25 0%, transparent 60%), linear-gradient(160deg, #1a272c, #0c1214);--monitor-bezel:oklch(calc(.383 * var(--pal-lk) + var(--pal-l0)) calc(.0325 * var(--pal-chroma)) var(--pal-hue))}.overlay-sim-layout{gap:10px;display:grid}.overlay-sim-stage{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.overlay-sim-picker{flex-wrap:wrap;gap:8px;display:flex}.overlay-sim-picker button{border:1px solid var(--line);background:oklch(calc(.1999 * var(--pal-lk) + var(--pal-l0)) calc(.0201 * var(--pal-chroma)) var(--pal-hue));border-radius:999px;justify-content:flex-start;gap:8px;min-height:36px;padding:6px 12px;font-weight:400}.overlay-sim-picker button span{color:var(--muted);font-size:var(--text-min)}.overlay-sim-picker button[aria-pressed=true]{border-color:var(--amber);background:color-mix(in srgb, var(--amber) 12%, transparent)}.overlay-sim-screen{box-sizing:border-box;border:3px solid var(--monitor-bezel);background:var(--overlay-wallpaper);border-radius:10px;flex:420px;min-width:260px;max-width:820px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000080,0 10px 24px -14px #000}.overlay-sim-label{background:oklch(calc(.1512 * var(--pal-lk) + var(--pal-l0)) calc(.0174 * var(--pal-chroma)) var(--pal-hue) / .8);color:#f0eee7;font-size:var(--text-min);pointer-events:none;border-radius:999px;padding:3px 10px;font-weight:400;position:absolute;bottom:8px;left:10px}.overlay-sim-overlay{z-index:1;outline:calc(1.5px / var(--sim-scale,1)) dashed color-mix(in srgb, var(--amber) 65%, transparent);outline-offset:calc(4px / var(--sim-scale,1));transform-origin:0 0;cursor:grab;touch-action:none;border-radius:12px;padding:0;transition:outline-color .15s ease-out;display:block;position:absolute}.overlay-sim-overlay:hover,.overlay-sim-overlay[data-dragging=true]{outline-style:solid;outline-color:var(--amber)}.overlay-sim-overlay:active{cursor:grabbing}.overlay-sim-overlay:hover:not(:disabled){background:0 0}.overlay-sim-grip{--grip-gap:calc(10px / var(--sim-scale,1));top:calc(100% + var(--grip-gap));border:1px solid color-mix(in srgb, var(--amber) 55%, transparent);background:oklch(calc(.2355 * var(--pal-lk) + var(--pal-l0)) calc(.0222 * var(--pal-chroma)) var(--pal-hue));color:var(--amber);font-size:var(--text-min);white-space:nowrap;scale:calc(1 / var(--sim-scale,1));transform-origin:var(--grip-ox,0) var(--grip-oy,0);border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-weight:600;line-height:1.3;transition:opacity .15s ease-out,background-color .15s ease-out,color .15s ease-out;display:inline-flex;position:absolute;left:0;box-shadow:0 6px 14px -8px #000}.overlay-sim-overlay[data-grip-x=end] .overlay-sim-grip{--grip-ox:100%;left:auto;right:0}.overlay-sim-overlay[data-grip-y=above] .overlay-sim-grip{--grip-oy:100%;top:auto;bottom:calc(100% + var(--grip-gap))}.overlay-sim-overlay:hover .overlay-sim-grip{background:var(--amber);color:oklch(.2355 calc(.0222 * var(--pal-chroma)) var(--pal-hue))}.overlay-sim-overlay[data-dragging=true] .overlay-sim-grip{opacity:0}.overlay-sim-overlay:focus-visible{outline:calc(var(--focus-ring-width) / var(--sim-scale,1)) solid var(--focus-ring-color);outline-offset:calc(var(--focus-ring-offset) / var(--sim-scale,1))}.overlay-sim-presets{grid-template-columns:repeat(3,36px);gap:4px;display:grid}.overlay-sim-presets button{border:1px solid var(--line);background:oklch(calc(.1999 * var(--pal-lk) + var(--pal-l0)) calc(.0201 * var(--pal-chroma)) var(--pal-hue));border-radius:8px;width:36px;height:36px}.overlay-sim-presets button[aria-pressed=true]{border-color:var(--amber);color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, transparent)}@media (pointer:coarse){.overlay-sim-presets{grid-template-columns:repeat(3, var(--tap))}.overlay-sim-presets button{width:var(--tap);height:var(--tap)}}.overlay-detector-note{color:var(--amber-text)}.overlay-live[data-live=true]{color:var(--text)}.overlay-style-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.accessibility-preferences .overlay-style-card{border:1px solid var(--line);border-radius:10px;align-content:start;gap:4px;min-height:0;padding:8px;font-weight:400;display:grid;position:relative}.overlay-style-card:hover{border-color:oklch(calc(.4373 * var(--pal-lk) + var(--pal-l0)) calc(.0343 * var(--pal-chroma)) var(--pal-hue))}.overlay-style-card:has(input:checked){border-color:var(--amber);background:color-mix(in srgb, var(--amber) 8%, transparent)}.overlay-style-card:has(input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.overlay-style-monitor{justify-items:center;padding:4px 4px 0;display:grid}.overlay-style-screen{--inset:6px;aspect-ratio:16/10;box-sizing:border-box;border:4px solid var(--monitor-bezel);background:var(--overlay-wallpaper);border-bottom-width:6px;border-radius:6px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000080,0 8px 14px -10px #000;container:overlay-monitor/inline-size}.overlay-style-place{--look-zoom:.3;left:calc(var(--inset) + var(--at-x,0) * (100% - 2 * var(--inset)));top:calc(var(--inset) + var(--at-y,0) * (100% - 2 * var(--inset)));translate:calc(var(--at-x,0) * -100%) calc(var(--at-y,0) * -100%);display:flex;position:absolute}.overlay-style-place .overlay-look{zoom:var(--look-zoom)}@container overlay-monitor (min-width:180px){.overlay-style-place{--look-zoom:.38}}@container overlay-monitor (min-width:230px){.overlay-style-place{--look-zoom:.5}}@container overlay-monitor (min-width:300px){.overlay-style-place{--look-zoom:.68}}.overlay-style-stand{flex-direction:column;align-items:center;width:100%;display:flex}.overlay-style-stand:before{content:"";background:linear-gradient(in srgb, var(--monitor-bezel), oklch(calc(.3276 * var(--pal-lk) + var(--pal-l0)) calc(.0285 * var(--pal-chroma)) var(--pal-hue)));width:13%;height:9px}.overlay-style-stand:after{content:"";background:var(--monitor-bezel);border-radius:4px 4px 2px 2px;width:36%;height:4px}.overlay-style-name{font-weight:600}.accessibility-preferences .overlay-opacity{flex-wrap:wrap}.overlay-opacity input{flex:1;min-width:140px}.overlay-opacity output{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch}@media (prefers-reduced-motion:reduce){.overlay-sim-overlay,.overlay-sim-grip{transition:none}}@media (forced-colors:active){.overlay-sim-picker button[aria-pressed=true],.overlay-sim-presets button[aria-pressed=true]{outline:2px solid highlight}.overlay-style-card:has(input:checked){outline:2px solid highlight}}
.dock-popover{width:min(360px,100vw - 16px);max-height:min(calc(100dvh - 16px), var(--dock-popover-room,100dvh));overscroll-behavior:contain;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:auto;touch-action:auto;border-radius:14px;margin:0;padding:16px;position:fixed;inset:auto;overflow:auto;box-shadow:0 18px 48px #000a}.device-options{gap:12px;display:grid}.device-options h2{align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.device-options>label,.camera-dialog-options>label{color:var(--muted);gap:6px;font-size:13px;display:grid}.device-options select,.camera-dialog-options select{width:100%}.device-options .hint{font-size:var(--text-min);color:var(--muted);margin:0}.device-options>.secondary{justify-self:start}.dock-popover-more{justify-self:start;align-items:center;gap:6px;min-height:32px;display:inline-flex}.sensitivity{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.sensitivity legend{color:var(--text);align-items:center;gap:8px;margin-bottom:8px;padding:0;font-size:13px;font-weight:600;display:flex}.sensitivity-modes{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:grid}.sensitivity-modes label{text-align:center;min-height:36px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:6px 8px;font-size:13px;display:flex;position:relative}.sensitivity-modes input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sensitivity-modes label[data-checked]{background:var(--selection);color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px #e5b76680}.sensitivity-modes label:has(input:focus-visible){outline:var(--focus-ring);outline-offset:2px}.sensitivity-meter{background:rgb(var(--glow) / .08);border-radius:999px;height:10px;position:relative}.sensitivity-meter>span{border-radius:inherit;background:#77806f;transition:width 60ms linear;position:absolute;inset:0 auto 0 0}.sensitivity-meter[data-open=true]>span{background:#7fcf7a}.sensitivity-meter>i{background:var(--amber);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-4px;bottom:-4px}.sensitivity-state{font-size:var(--text-min);color:var(--muted)}.sensitivity-state[data-open=true]{color:oklch(calc(.8593 * var(--acc-lk) + var(--acc-l0)) .1085 141.2)}.sensitivity-slider{gap:4px;display:grid}.sensitivity-slider>span{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.sensitivity-slider output{font-variant-numeric:tabular-nums;color:var(--text)}.sensitivity-slider input{width:100%;accent-color:var(--amber-text)}.device-panel .sensitivity label{margin-top:0}.sensitivity .hint{font-size:var(--text-min);color:var(--muted);margin:0}@media (prefers-reduced-motion:reduce){.sensitivity-meter>span{transition:none}}@media (pointer:coarse){.sensitivity-modes label,.sensitivity-slider input,.dock-popover-more{min-height:var(--tap)}}@media (forced-colors:active){.sensitivity-meter{border:1px solid canvastext}.sensitivity-meter>span{background:highlight}.sensitivity-meter>i{background:canvastext}.sensitivity-modes label[data-checked]{border:2px solid highlight}}.camera-dialog{width:min(560px,100vw - 32px)}.camera-dialog .modal-head h2{align-items:center;gap:10px;display:flex}.camera-dialog-stage{aspect-ratio:16/9;background:oklch(calc(.1427 * var(--pal-lk) + var(--pal-l0)) calc(.0151 * var(--pal-chroma)) var(--pal-hue));border-radius:12px;place-items:center;display:grid;position:relative;overflow:clip}.camera-dialog-stage video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-dialog-stage:not([data-state=live]) video{visibility:hidden}.camera-dialog-stage>p,.camera-dialog-failed{text-align:center;color:var(--muted);place-content:center;justify-items:center;gap:10px;margin:0;padding:16px;display:grid;position:absolute;inset:0}.camera-dialog-failed p{max-width:40ch;margin:0}.camera-dialog .hint{font-size:var(--text-min);color:var(--muted);margin:10px 0 14px}.camera-dialog-actions{justify-content:flex-end;gap:10px;display:flex}@media (max-width:600px){.camera-dialog-actions>button{min-height:var(--tap);flex:1}}.camera-dialog-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:600px){.camera-dialog-options{grid-template-columns:1fr}}.device-panel>.profile-tabs{top:calc(-1 * var(--sticky-inset,0px));z-index:2;background:oklch(calc(.2476 * var(--pal-lk) + var(--pal-l0)) calc(.0233 * var(--pal-chroma)) var(--pal-hue));gap:8px;margin-top:0;position:sticky}.device-tab{flex-direction:column;gap:13px;display:flex}.device-tab .secondary{align-self:flex-start}.device-panel .camera-test{aspect-ratio:16/9;object-fit:cover;background:oklch(calc(.1427 * var(--pal-lk) + var(--pal-l0)) calc(.0151 * var(--pal-chroma)) var(--pal-hue));border-radius:10px;width:min(100%,480px);max-height:none;display:block;transform:scaleX(-1)}.prejoin-modal .device-panel .camera-test{max-height:190px}.camera-effects{border:0;min-width:0;margin:0 0 14px;padding:0}.device-tab .camera-effects{margin:0}.camera-effects>legend{margin-bottom:8px;padding:0;font-weight:600}.camera-effect-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-width:480px;display:grid}.camera-effect,.device-panel label.camera-effect{cursor:pointer;flex-flow:column;align-items:stretch;gap:4px;min-width:0;margin:0;font-weight:400;display:flex;position:relative}.camera-effect-thumb{aspect-ratio:16/9;background:oklch(calc(.1722 * var(--pal-lk) + var(--pal-l0)) calc(.0169 * var(--pal-chroma)) var(--pal-hue));width:100%;color:var(--muted);border:2px solid #0000;border-radius:8px;place-items:center;display:grid;overflow:clip}.camera-effect-thumb img{object-fit:cover;width:100%;height:100%;display:block}.camera-effect[data-effect=blur] img{filter:blur(3px);transform:scale(1.12)}.camera-effect-name{color:var(--muted);font-size:var(--text-min);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.camera-effect:hover .camera-effect-thumb{border-color:#e5b76660}.camera-effect:has(input:checked) .camera-effect-thumb{border-color:var(--amber)}.camera-effect:has(input:checked) .camera-effect-name{color:var(--text);font-weight:600}.camera-effect:has(input:focus-visible) .camera-effect-thumb{outline:var(--focus-ring);outline-offset:2px}.camera-effect:has(input:disabled){cursor:default;opacity:.6}.camera-effects-failed{color:var(--amber)}@media (max-width:600px){.camera-effect-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}}.master-volume{gap:4px;display:grid}.master-volume .hint{font-size:var(--text-min);color:var(--muted);margin:0}@media (pointer:coarse){.master-volume input[type=range]{min-height:var(--tap)}}
.saga-page{max-width:1280px;padding-bottom:calc(32px + var(--call-dock-space,0px));grid-template-columns:minmax(0,1fr);align-content:start;gap:28px;display:grid;position:relative;container:saga/inline-size}.saga-page h2,.saga-page h3,.saga-page h4{text-wrap:balance}.saga-setup{background:oklch(calc(.2417 * var(--tone-lk) + var(--tone-l0)) .0195 84.3);color:oklch(calc(.8976 * var(--fg-lk) + var(--fg-l0)) .0398 86);border:1px dashed #7a6438;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.saga-setup>svg{color:var(--amber-text);flex:none}.saga-setup p{flex:260px;margin:0;font-size:14px}.saga-setup b{color:oklch(calc(.9262 * var(--acc-lk) + var(--acc-l0)) .0518 86.2)}.saga-hero.profile-hero{border:1px solid oklch(calc(.3684 * var(--pal-lk) + var(--pal-l0)) calc(.0315 * var(--pal-chroma)) var(--pal-hue));background:linear-gradient(180deg in srgb, oklch(calc(.2173 * var(--pal-lk) + var(--pal-l0)) calc(.02 * var(--pal-chroma)) var(--pal-hue)) 0%, oklch(calc(.1916 * var(--pal-lk) + var(--pal-l0)) calc(.0188 * var(--pal-chroma)) var(--pal-hue)) 100%);border-radius:18px;gap:0;padding:0;display:block;position:relative;overflow:clip;box-shadow:0 18px 50px #0006}.saga-hero.profile-hero[data-theme]{border-color:var(--collection-color,oklch(calc(.3684 * var(--pal-lk) + var(--pal-l0)) calc(.0315 * var(--pal-chroma)) var(--pal-hue)))}.saga-hero>.saga-banner.identity-art{aspect-ratio:auto;background-size:cover;border-radius:0;width:100%;height:clamp(150px,22cqi,236px);margin:0;position:relative}.saga-hero>.saga-banner:after{content:"";background:linear-gradient(180deg in srgb, #0000 45%, oklch(calc(.1916 * var(--pal-lk) + var(--pal-l0)) calc(.0188 * var(--pal-chroma)) var(--pal-hue) / .95) 100%);pointer-events:none;position:absolute;inset:0}.saga-hero>.identity-art>.cosmetic-companion{width:112px;height:112px;bottom:8px;right:40px}.saga-edit.profile-edit-button{z-index:2;background:oklch(calc(.1611 * var(--pal-lk) + var(--pal-l0)) calc(.0161 * var(--pal-chroma)) var(--pal-hue) / .85);border-color:oklch(calc(.4612 * var(--tone-lk) + var(--tone-l0)) .034 107.7);position:absolute;top:14px;right:14px}.saga-edit.profile-edit-button:hover{background:oklch(calc(.2173 * var(--pal-lk) + var(--pal-l0)) calc(.02 * var(--pal-chroma)) var(--pal-hue));border-color:var(--amber)}.saga-hero-body{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 28px;padding:0 28px;display:grid;position:relative}.saga-identity{align-items:flex-end;gap:20px;min-width:0;margin-top:-64px;display:flex}.saga-identity>.avatar.large{width:120px;height:120px;box-shadow:0 0 0 5px oklch(calc(.196 * var(--pal-lk) + var(--pal-l0)) calc(.0188 * var(--pal-chroma)) var(--pal-hue)), 0 10px 30px #0009;border-width:3px;flex:none;font-size:56px}.saga-identity>.avatar.large>i{border-width:3px;width:18px;height:18px;bottom:6px;right:6px}.saga-identity>div{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;padding-bottom:4px;display:flex}.saga-identity h2{letter-spacing:-.01em;color:oklch(calc(.9503 * var(--fg-lk) + var(--fg-l0)) .0265 87.8);overflow-wrap:anywhere;margin:0;font-family:Fraunces,serif;font-size:40px;font-weight:600;line-height:1.05}.saga-identity .cosmetic-title{flex-basis:auto}.saga-handle{color:var(--muted);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px 12px;margin:2px 0 0;font-size:14px;display:flex}.saga-archetype{border:1px solid oklch(calc(.4283 * var(--pal-lk) + var(--pal-l0)) calc(.0342 * var(--pal-chroma)) var(--pal-hue));background:oklch(calc(.2376 * var(--pal-lk) + var(--pal-l0)) calc(.0222 * var(--pal-chroma)) var(--pal-hue));min-height:32px;color:oklch(calc(.9152 * var(--fg-lk) + var(--fg-l0)) .0274 93.1);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:3px 12px 3px 4px;font-size:13px;transition:border-color .16s,background .16s;display:inline-flex}.saga-archetype:not(:has(.archetype-chip)){color:var(--amber-text);padding-left:12px}.saga-archetype:hover,.saga-archetype[aria-expanded=true]{border-color:var(--amber);background:oklch(calc(.2697 * var(--pal-lk) + var(--pal-l0)) calc(.0245 * var(--pal-chroma)) var(--pal-hue))}.saga-archetype .archetype-chip{margin:0}.saga-archetype-change{color:var(--amber-text);font-weight:600}.saga-rank{align-items:center;gap:16px;padding-bottom:2px;display:flex}.saga-rank-medal{background:radial-gradient(circle, color-mix(in srgb, var(--tier-color) 34%, transparent) 0%, transparent 68%);border-radius:50%;place-items:center;width:128px;height:128px;margin:-12px -6px -12px -12px;display:grid}.saga-rank-medal>svg{filter:drop-shadow(0 8px 16px #000a)}.saga-rank>div{gap:2px;display:grid}.saga-rank-level{color:color-mix(in srgb, var(--tier-color) 70%, oklch(calc(.9491 * var(--fg-lk) + var(--fg-l0)) 0 89.9));font-size:14px;font-weight:600}.saga-rank h3{color:oklch(calc(.9503 * var(--fg-lk) + var(--fg-l0)) .0265 87.8);white-space:nowrap;margin:0;font-family:Fraunces,serif;font-size:36px;font-weight:600;line-height:1.05}.saga-rank small{color:var(--muted);font-size:13px}.saga-xp{z-index:1;border-top:1px solid oklch(calc(.3104 * var(--pal-lk) + var(--pal-l0)) calc(.0276 * var(--pal-chroma)) var(--pal-hue));background:oklch(calc(.174 * var(--pal-lk) + var(--pal-l0)) calc(.0181 * var(--pal-chroma)) var(--pal-hue));gap:8px;margin-top:20px;padding:16px 28px 20px;display:grid;position:relative}.saga-xp-line{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.saga-xp-line b{color:oklch(calc(.883 * var(--acc-lk) + var(--acc-l0)) .0855 85.6);font-family:Fraunces,serif;font-size:17px;font-weight:600}.saga-xp-bar{background:oklch(calc(.1401 * var(--pal-lk) + var(--pal-l0)) calc(.0157 * var(--pal-chroma)) var(--pal-hue));height:12px;box-shadow:inset 0 1px 2px #000c, 0 0 0 1px oklch(calc(.3183 * var(--pal-lk) + var(--pal-l0)) calc(.0275 * var(--pal-chroma)) var(--pal-hue));border-radius:999px;position:relative;overflow:hidden}.saga-xp-bar>i{border-radius:inherit;transform:scaleX(var(--done));transform-origin:0;background:linear-gradient(90deg,#9a6a2c 0%,#d9a24f 55%,#f6d58c 100%);animation:1.1s cubic-bezier(.16,1,.3,1) both saga-fill;position:absolute;inset:0;box-shadow:0 0 14px #e5b76666}@keyframes saga-fill{0%{transform:scaleX(0)}}.saga-xp p{color:oklch(calc(.8414 * var(--ink-lk) + var(--ink-l0)) calc(.0191 * var(--ink-chroma)) var(--ink-hue));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0;font-size:13px;display:flex}.saga-next-companion{color:oklch(calc(.8967 * var(--fg-lk) + var(--fg-l0)) .0447 88.5);align-items:center;gap:8px;display:inline-flex}.saga-next-companion img{object-fit:contain;background:oklch(calc(.2418 * var(--pal-lk) + var(--pal-l0)) calc(.0222 * var(--pal-chroma)) var(--pal-hue));width:30px;height:30px;box-shadow:0 0 0 1px oklch(calc(.4283 * var(--pal-lk) + var(--pal-l0)) calc(.0342 * var(--pal-chroma)) var(--pal-hue));border-radius:50%}.saga-archetypes{animation:.2s ease-out both saga-rise}.saga-archetypes .archetype-card{margin:0}.saga-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.saga-section-head h2{color:oklch(calc(.9386 * var(--fg-lk) + var(--fg-l0)) .0335 88.1);margin:0;font-family:Fraunces,serif;font-size:25px;font-weight:600}.saga-section-head p{max-width:64ch;color:var(--muted);text-wrap:pretty;margin:4px 0 0;font-size:14px;line-height:1.5}.saga-trail{--stop:104px;border:1px solid oklch(calc(.3222 * var(--pal-lk) + var(--pal-l0)) calc(.0275 * var(--pal-chroma)) var(--pal-hue));background:radial-gradient(120% 90% at 50% 130% in srgb, oklch(calc(.2718 * var(--pal-lk) + var(--pal-l0)) calc(.0243 * var(--pal-chroma)) var(--pal-hue)) 0%, #0000 60%), linear-gradient(180deg in srgb, oklch(calc(.2043 * var(--pal-lk) + var(--pal-l0)) calc(.02 * var(--pal-chroma)) var(--pal-hue)) 0%, oklch(calc(.174 * var(--pal-lk) + var(--pal-l0)) calc(.0181 * var(--pal-chroma)) var(--pal-hue)) 100%);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 0 16px;display:grid}.saga-trail>.saga-section-head,.saga-trail-foot{padding-inline:24px}.saga-trail-nav{align-items:center;gap:6px;display:flex}.saga-trail-nav .icon-button{width:36px;height:36px}.saga-trail-nav .icon-button:disabled{opacity:.35}.saga-trail-scroller{--fade-l:0;--fade-r:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:oklch(calc(.4154 * var(--pal-lk) + var(--pal-l0)) calc(.0345 * var(--pal-chroma)) var(--pal-hue)) transparent;-webkit-mask-image:linear-gradient(90deg, rgb(0 0 0/var(--fade-l)) 0, #000 56px, #000 calc(100% - 56px), rgb(0 0 0/var(--fade-r)) 100%);mask-image:linear-gradient(90deg, rgb(0 0 0/var(--fade-l)) 0, #000 56px, #000 calc(100% - 56px), rgb(0 0 0/var(--fade-r)) 100%);overflow:auto hidden}.saga-trail-scroller[data-start]{--fade-l:1}.saga-trail-scroller[data-end]{--fade-r:1}.saga-trail-scroller:focus-visible{outline:2px solid var(--a11y-focus,var(--amber));outline-offset:-2px}.saga-road{width:max-content;margin:0;padding:6px 24px 4px;list-style:none;display:flex}.saga-stop{--track:color-mix(in srgb, var(--metal) 24%, oklch(calc(.2754 * var(--pal-lk) + var(--pal-l0)) calc(.0254 * var(--pal-chroma)) var(--pal-hue)));--paved:var(--metal);flex:0 0 var(--stop);grid-template-rows:96px 64px auto;justify-items:center;display:grid;position:relative}.saga-stop[data-state=current]:before{content:"";z-index:-1;background:radial-gradient(70% 55% at 50% 40%,#e5b76622 0%,#0000 100%);border-radius:16px;position:absolute;inset:0 6px}.saga-stop-medal{align-self:end;justify-items:center;gap:2px;padding-bottom:4px;display:grid}.saga-stop-medal img{filter:drop-shadow(0 4px 8px #0009);width:44px;height:50px}.saga-stop[data-medal=tier] .saga-stop-medal img{width:60px;height:68px}.saga-stop-medal small{color:color-mix(in srgb, var(--metal) 72%, oklch(calc(.8975 * var(--fg-lk) + var(--fg-l0)) 0 89.9));white-space:nowrap;font-size:12px;font-weight:600}.saga-stop-path{width:100%;position:relative}.saga-stop-path:before,.saga-stop-path:after{content:"";background:linear-gradient(var(--paved), var(--paved)) 0 0 / calc(var(--road-in) * 100%) 100% no-repeat, var(--track);width:50%;height:5px;position:absolute;top:20px}.saga-stop-path:before{left:0}.saga-stop-path:after{background:linear-gradient(var(--paved), var(--paved)) 0 0 / calc(var(--road-out) * 100%) 100% no-repeat, var(--track);left:50%}.saga-stop:first-child .saga-stop-path:before,.saga-stop:last-child .saga-stop-path:after{background:0 0}.saga-stop[data-state=past] .saga-stop-path:before,.saga-stop[data-state=past] .saga-stop-path:after,.saga-stop[data-state=current] .saga-stop-path:before{box-shadow:0 0 8px color-mix(in srgb, var(--metal) 40%, transparent)}.saga-stop-node{color:oklch(calc(.6132 * var(--ink-lk) + var(--ink-l0)) calc(.0193 * var(--ink-chroma)) var(--ink-hue));font-family:Fraunces,serif;font-size:13px;font-weight:600;line-height:1;position:absolute;top:34px;left:50%;translate:-50%}.saga-stop-node:before{content:"";background:oklch(calc(.1854 * var(--pal-lk) + var(--pal-l0)) calc(.0177 * var(--pal-chroma)) var(--pal-hue));border:2px solid var(--track);border-radius:50%;width:13px;height:13px;position:absolute;top:-20px;left:50%;translate:-50%}.saga-stop[data-state=past] .saga-stop-node{color:oklch(calc(.8255 * var(--ink-lk) + var(--ink-l0)) calc(.0235 * var(--ink-chroma)) var(--ink-hue))}.saga-stop[data-state=past] .saga-stop-node:before{background:var(--paved);border-color:color-mix(in srgb, var(--paved) 60%, #fff)}.saga-stop[data-state=current] .saga-stop-node{color:var(--amber-text);font-size:15px}.saga-stop[data-state=current] .saga-stop-node:before{background:var(--amber);border-color:#ffe2a3}.saga-stop[data-medal=tier] .saga-stop-node:before{border-radius:4px;width:17px;height:17px;top:-22px;rotate:45deg}.saga-you{z-index:2;top:22px;left:calc(50% + var(--you) * 100%);box-shadow:0 0 0 3px var(--amber), 0 0 18px #e5b766aa, 0 6px 14px #000c;border-radius:50%;place-items:center;animation:.9s cubic-bezier(.16,1,.3,1) both saga-you-arrive;display:grid;position:absolute;translate:-50% -50%}.saga-you>.avatar.small{width:38px;height:38px}.saga-you>.avatar>i{display:none}@keyframes saga-you-arrive{0%{opacity:0;scale:.6}}.saga-stop-gifts{align-content:start;justify-items:center;gap:8px;width:100%;padding:2px 4px 0;display:grid}.saga-stop-gifts[data-many]{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.saga-stop-gifts[data-many] .saga-gift-reaction span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.saga-stop-gifts[data-many] .saga-gift-reaction{position:relative}.saga-gift-companion{justify-items:center;gap:2px;margin:0;display:grid}.saga-gift-companion img{object-fit:contain;filter:drop-shadow(0 6px 10px #000a);width:64px;height:64px}.saga-gift-companion figcaption,.saga-gift-reaction span{max-width:calc(var(--stop) - 8px);text-align:center;color:oklch(calc(.8567 * var(--fg-lk) + var(--fg-l0)) .0291 93.8);text-wrap:balance;font-size:12px;line-height:1.25}.saga-gift-reaction{min-width:48px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;justify-items:center;gap:2px;padding:6px 6px 5px;transition:background .16s,border-color .16s;display:grid}.saga-gift-reaction:hover:not(:disabled){border-color:oklch(calc(.3792 * var(--pal-lk) + var(--pal-l0)) calc(.0325 * var(--pal-chroma)) var(--pal-hue));background:oklch(calc(.246 * var(--pal-lk) + var(--pal-l0)) calc(.0222 * var(--pal-chroma)) var(--pal-hue))}.saga-gift-reaction:disabled{cursor:default}.saga-stop[data-state=ahead] :is(.saga-stop-medal img,.saga-gift-companion img,.saga-gift-reaction svg){filter:grayscale(.75)brightness(.6)drop-shadow(0 4px 8px #0008)}.saga-stop[data-state=ahead] :is(.saga-gift-companion figcaption,.saga-gift-reaction span,.saga-stop-medal small){color:oklch(calc(.6996 * var(--ink-lk) + var(--ink-l0)) calc(.0176 * var(--ink-chroma)) var(--ink-hue))}.saga-stop[data-state=ahead] .saga-gift-reaction:is(:hover,:focus-visible) svg{filter:none}.saga-trail-foot{color:var(--muted);margin:0;font-size:13px}.saga-columns{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}@container saga (min-width:1000px){.saga-columns{grid-template-columns:minmax(0,1fr) 340px}}.saga-deeds{grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;display:grid}.saga-count{color:var(--muted);font-family:Fraunces,serif;font-size:22px}.saga-count b{color:var(--amber-text);font-size:34px}.saga-near{border:1px solid oklch(calc(.3608 * var(--pal-lk) + var(--pal-l0)) calc(.0316 * var(--pal-chroma)) var(--pal-hue));background:oklch(calc(.2211 * var(--pal-lk) + var(--pal-l0)) calc(.0212 * var(--pal-chroma)) var(--pal-hue));border-radius:14px;padding:14px 16px}.saga-near h3{color:oklch(calc(.8783 * var(--fg-lk) + var(--fg-l0)) .0449 88.5);margin:0 0 10px;font-size:14px;font-weight:600}.saga-near ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.saga-near button{border:1px solid oklch(calc(.3613 * var(--pal-lk) + var(--pal-l0)) calc(.0304 * var(--pal-chroma)) var(--pal-hue));background:oklch(calc(.2637 * var(--pal-lk) + var(--pal-l0)) calc(.0243 * var(--pal-chroma)) var(--pal-hue));min-height:48px;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 14px 12px 10px;transition:border-color .16s,background .16s;display:flex;position:relative}.saga-near button:hover{border-color:var(--amber);background:oklch(calc(.2876 * var(--pal-lk) + var(--pal-l0)) calc(.0253 * var(--pal-chroma)) var(--pal-hue))}.saga-near button>.saga-deed-mark{width:20px;height:20px;color:var(--amber-text)}.saga-near button>span{display:grid}.saga-near b{font-size:14px}.saga-near small{color:oklch(calc(.8445 * var(--acc-lk) + var(--acc-l0)) .0903 82.7);font-size:12px}.saga-near button>i{background:linear-gradient(var(--amber), var(--amber)) 0 0 / calc(var(--done) * 100%) 100% no-repeat, rgb(var(--glow) / .08);border-radius:3px;height:3px;position:absolute;bottom:5px;left:10px;right:10px}.saga-chapter{border-top:1px solid var(--line);padding-top:18px}.saga-chapter>header{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;display:grid}.saga-chapter>header h3{color:oklch(calc(.9203 * var(--fg-lk) + var(--fg-l0)) .0389 89.1);margin:0;font-family:Fraunces,serif;font-size:19px;font-weight:600}.saga-chapter-total{color:var(--amber-text);white-space:nowrap;font-family:Fraunces,serif;font-size:17px;font-weight:600}.saga-chapter>header p{color:var(--muted);grid-column:1/-1;margin:0;font-size:13.5px}.saga-ladder{grid-template-columns:repeat(var(--rungs), minmax(96px, 1fr));scrollbar-width:thin;scrollbar-color:oklch(calc(.4154 * var(--pal-lk) + var(--pal-l0)) calc(.0345 * var(--pal-chroma)) var(--pal-hue)) transparent;margin:14px 0 0;padding:0 0 4px;list-style:none;display:grid;overflow-x:auto}.saga-ladder>li{display:grid;position:relative}.saga-chapter[data-counted] .saga-ladder>li:before{content:"";z-index:0;background:linear-gradient(90deg, #a87a35, var(--amber)) 0 0 / calc(var(--rung) * 100%) 100% no-repeat, oklch(calc(.303 * var(--pal-lk) + var(--pal-l0)) calc(.0264 * var(--pal-chroma)) var(--pal-hue));border-radius:4px;width:100%;height:4px;position:absolute;top:37px;left:-50%}.saga-chapter[data-counted] .saga-ladder>li:first-child:before{width:50%;left:0}.saga-seal{z-index:1;width:100%;color:var(--text);text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(0,1fr);place-content:start stretch;justify-items:center;gap:6px;padding:4px 6px 10px;transition:background .16s,border-color .16s;display:grid;position:relative}.saga-seal:hover{background:oklch(calc(.2333 * var(--pal-lk) + var(--pal-l0)) calc(.0224 * var(--pal-chroma)) var(--pal-hue))}.saga-seal[aria-expanded=true]{background:var(--selection);border-color:#6b5a35}.saga-seal-face{border:2px solid oklch(calc(.3684 * var(--pal-lk) + var(--pal-l0)) calc(.0315 * var(--pal-chroma)) var(--pal-hue));background:radial-gradient(circle at 35% 30% in srgb, oklch(calc(.3065 * var(--pal-lk) + var(--pal-l0)) calc(.0276 * var(--pal-chroma)) var(--pal-hue)) 0%, oklch(calc(.1916 * var(--pal-lk) + var(--pal-l0)) calc(.0188 * var(--pal-chroma)) var(--pal-hue)) 75%);width:66px;height:66px;color:oklch(calc(.6094 * var(--ink-lk) + var(--ink-l0)) calc(.0205 * var(--ink-chroma)) var(--ink-hue));border-radius:50%;place-items:center;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s;display:grid;position:relative}.saga-seal-face:after{content:"";pointer-events:none;border:1px dashed #ffffff12;border-radius:50%;position:absolute;inset:5px}.saga-seal:hover .saga-seal-face{transform:translateY(-2px)}.saga-seal.earned .saga-seal-face{color:#ffe2a6;background:radial-gradient(circle at 35% 28%,#7b5d2b 0%,#3a2c14 62%,#241b0d 100%);border-color:#d9a957;box-shadow:0 0 0 4px #e5b76614,0 8px 18px #0008,inset 0 1px #ffe7b066}.saga-seal.earned .saga-seal-face:after{border-color:#ffdca055}.saga-seal.earned:hover .saga-seal-face{box-shadow:0 0 0 4px #e5b76626,0 10px 22px #0009,0 0 22px #e5b7663a,inset 0 1px #ffe7b066}.saga-deed-mark{stroke-width:1.75px;width:26px;height:26px}.saga-seal-gift{object-fit:contain;background:oklch(calc(.1854 * var(--pal-lk) + var(--pal-l0)) calc(.0177 * var(--pal-chroma)) var(--pal-hue));width:30px;height:30px;box-shadow:0 0 0 1px oklch(calc(.4264 * var(--pal-lk) + var(--pal-l0)) calc(.0344 * var(--pal-chroma)) var(--pal-hue));color:var(--amber);border-radius:50%;place-items:center;padding:2px;display:grid;position:absolute;bottom:-4px;right:-8px}.saga-seal:not(.earned) .saga-seal-gift{filter:grayscale(.8)brightness(.7)}.saga-seal-worn{background:var(--amber);color:oklch(.219 calc(.0211 * var(--pal-chroma)) var(--pal-hue));white-space:nowrap;border-radius:999px;padding:1px 8px 2px;font-size:12px;font-weight:700;line-height:1.3;position:absolute;bottom:-9px;left:50%;translate:-50%}.saga-seal b{color:oklch(calc(.843 * var(--ink-lk) + var(--ink-l0)) calc(.019 * var(--ink-chroma)) var(--ink-hue));margin-top:4px;font-size:13px;font-weight:600;line-height:1.25}.saga-seal.earned b{color:#f3e8cc}.saga-seal small{color:var(--muted);font-size:12px}.saga-seal.achievement-target .saga-seal-face{animation:1.6s ease-out 2 saga-call}@keyframes saga-call{0%{box-shadow:0 0 #e5b766aa}to{box-shadow:0 0 0 16px #e5b76600}}.saga-deed{border:1px solid oklch(calc(.3905 * var(--pal-lk) + var(--pal-l0)) calc(.0325 * var(--pal-chroma)) var(--pal-hue));background:linear-gradient(180deg in srgb, oklch(calc(.2399 * var(--tone-lk) + var(--tone-l0)) .0153 90) 0%, oklch(calc(.2065 * var(--pal-lk) + var(--pal-l0)) calc(.02 * var(--pal-chroma)) var(--pal-hue)) 100%);border-radius:16px;grid-template-columns:88px minmax(0,1fr);gap:18px;margin-top:14px;padding:20px 52px 20px 20px;animation:.2s ease-out both saga-rise;display:grid;position:relative}@keyframes saga-rise{0%{opacity:0;transform:translateY(-6px)}}.saga-deed-close{position:absolute;top:10px;right:10px}.saga-deed-seal{border:2px solid oklch(calc(.3684 * var(--pal-lk) + var(--pal-l0)) calc(.0315 * var(--pal-chroma)) var(--pal-hue));background:radial-gradient(circle at 35% 30% in srgb, oklch(calc(.3065 * var(--pal-lk) + var(--pal-l0)) calc(.0276 * var(--pal-chroma)) var(--pal-hue)) 0%, oklch(calc(.1916 * var(--pal-lk) + var(--pal-l0)) calc(.0188 * var(--pal-chroma)) var(--pal-hue)) 75%);width:88px;height:88px;color:oklch(calc(.6094 * var(--ink-lk) + var(--ink-l0)) calc(.0205 * var(--ink-chroma)) var(--ink-hue));border-radius:50%;place-items:center;display:grid}.saga-deed[data-earned] .saga-deed-seal{color:#ffe2a6;background:radial-gradient(circle at 35% 28%,#7b5d2b 0%,#3a2c14 62%,#241b0d 100%);border-color:#d9a957;box-shadow:0 0 0 5px #e5b76618,0 10px 22px #0008,inset 0 1px #ffe7b066}.saga-deed-seal .saga-deed-mark{width:36px;height:36px}.saga-deed-body{gap:8px;min-width:0;display:grid}.saga-deed h4{color:oklch(calc(.9503 * var(--fg-lk) + var(--fg-l0)) .0265 87.8);margin:0;font-family:Fraunces,serif;font-size:22px;font-weight:600}.saga-deed-body>p{color:oklch(calc(.8881 * var(--ink-lk) + var(--ink-l0)) calc(.0178 * var(--ink-chroma)) var(--ink-hue));margin:0;font-size:14.5px;line-height:1.5}.saga-deed-body>.saga-deed-status{color:var(--muted);align-items:center;gap:6px;font-size:13.5px;display:flex}.saga-deed[data-earned] .saga-deed-status{color:oklch(calc(.8445 * var(--acc-lk) + var(--acc-l0)) .0903 82.7)}.saga-deed-progress{gap:4px;max-width:420px;display:grid}.saga-deed-progress progress{appearance:none;background:oklch(calc(.1495 * var(--pal-lk) + var(--pal-l0)) calc(.0159 * var(--pal-chroma)) var(--pal-hue));border:0;border-radius:8px;width:100%;height:8px;overflow:hidden}.saga-deed-progress progress::-webkit-progress-bar{background:oklch(calc(.1495 * var(--pal-lk) + var(--pal-l0)) calc(.0159 * var(--pal-chroma)) var(--pal-hue))}.saga-deed-progress progress::-webkit-progress-value{background:linear-gradient(90deg, #a87a35, var(--amber));border-radius:8px}.saga-deed-progress progress::-moz-progress-bar{background:linear-gradient(90deg, #a87a35, var(--amber));border-radius:8px}.saga-deed-progress small{color:oklch(calc(.8414 * var(--ink-lk) + var(--ink-l0)) calc(.0191 * var(--ink-chroma)) var(--ink-hue));font-size:13px}.saga-deed-wear{border-top:1px solid rgb(var(--glow) / .07);gap:12px;margin-top:6px;padding-top:12px;display:grid}.saga-deed-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.saga-deed-label{color:var(--muted);font-size:13px;font-weight:600}.saga-deed-row button.is-on{border-color:var(--amber);color:var(--amber-text)}.saga-deed-hint{color:var(--muted);font-size:13px}.saga-deed-gifts .reward-list{flex:260px;margin:0}.saga-side{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;min-width:0;display:grid}@container saga (min-width:640px) and (max-width:999px){.saga-side{grid-template-columns:repeat(2,minmax(0,1fr))}}.saga-card{border:1px solid var(--line);background:oklch(calc(.2087 * var(--pal-lk) + var(--pal-l0)) calc(.02 * var(--pal-chroma)) var(--pal-hue));border-radius:16px;padding:18px}.saga-card h2,.saga-ledger .xp-ledger>summary{color:oklch(calc(.9203 * var(--fg-lk) + var(--fg-l0)) .0389 89.1);align-items:center;gap:8px;margin:0;font-family:Fraunces,serif;font-size:18px;font-weight:600;display:flex}.saga-card h2>svg{color:var(--amber-text)}.saga-card .hint{color:var(--muted);margin:10px 0 0;font-size:13px}.saga-friends>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.saga-friends .segmented{margin:0}.saga-standings{gap:4px;margin:14px 0 0;padding:0;list-style:none;display:grid}.saga-standings>.ranking-row{border:1px solid #0000;border-radius:10px;grid-template-columns:26px 32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;margin:0;padding:6px 10px;display:grid}.saga-standings>.ranking-row.you{background:var(--selection);border-color:#6b5630}.saga-standings .rank-number{text-align:center;color:var(--muted);font-family:Fraunces,serif;font-size:17px;font-weight:600}.saga-standings [data-rank="1"] .rank-number{color:oklch(calc(.8441 * var(--acc-lk) + var(--acc-l0)) .12 81.9)}.saga-standings [data-rank="2"] .rank-number{color:oklch(calc(.8673 * var(--fg-lk) + var(--fg-l0)) .0265 217.9)}.saga-standings [data-rank="3"] .rank-number{color:oklch(calc(.7165 * var(--acc-lk) + var(--acc-l0)) .0902 56.6)}.saga-standings b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.saga-standings b small{color:var(--amber-text);margin-left:6px;font-size:12px;font-weight:600}.saga-standings .ranking-row>span:last-child{white-space:nowrap;font-size:14px;font-weight:600}.saga-standings .ranking-row>span:last-child small{color:var(--muted);font-size:12px;font-weight:400}.saga-empty{justify-items:start;gap:10px;margin-top:12px;display:grid}.saga-empty p{color:oklch(calc(.8414 * var(--ink-lk) + var(--ink-l0)) calc(.0191 * var(--ink-chroma)) var(--ink-hue));margin:0;font-size:14px}.saga-today-meter{align-items:baseline;gap:6px;margin-top:8px;display:flex}.saga-today-meter b{color:var(--amber-text);font-family:Fraunces,serif;font-size:36px;font-weight:600;line-height:1}.saga-today-meter span{color:var(--muted);font-size:14px}.saga-today-bar{background:oklch(calc(.1495 * var(--pal-lk) + var(--pal-l0)) calc(.0159 * var(--pal-chroma)) var(--pal-hue));border-radius:8px;height:8px;margin-top:10px;overflow:hidden}.saga-today-bar>i{border-radius:inherit;background:linear-gradient(90deg, #a87a35, var(--amber));height:100%;transform:scaleX(var(--done));transform-origin:0;animation:.9s cubic-bezier(.16,1,.3,1) both saga-fill;display:block}.saga-rules{color:oklch(calc(.8414 * var(--ink-lk) + var(--ink-l0)) calc(.0191 * var(--ink-chroma)) var(--ink-hue));gap:8px;margin:14px 0 0;padding:0;font-size:13.5px;line-height:1.45;list-style:none;display:grid}.saga-rules b{color:oklch(calc(.883 * var(--acc-lk) + var(--acc-l0)) .0855 85.6)}.saga-rules-more{margin-top:12px;font-size:13.5px}.saga-rules-more>summary{min-height:32px;color:oklch(calc(.8445 * var(--acc-lk) + var(--acc-l0)) .0903 82.7);cursor:pointer}.saga-rules-more>p{color:oklch(calc(.8414 * var(--ink-lk) + var(--ink-l0)) calc(.0191 * var(--ink-chroma)) var(--ink-hue));margin:6px 0 0;line-height:1.5}.saga-taverns ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.saga-taverns li{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.saga-taverns b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.saga-taverns li>span{color:var(--muted);white-space:nowrap;font-size:13px}.saga-ledger .xp-ledger{background:0 0;border:0;margin:0;padding:0}.saga-ledger .xp-ledger>summary,.saga-rules-more>summary{cursor:pointer;min-height:32px;list-style:none}.saga-ledger .xp-ledger>summary::-webkit-details-marker{display:none}.saga-rules-more>summary::-webkit-details-marker{display:none}.saga-ledger .xp-ledger>summary:after,.saga-rules-more>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;margin-left:auto;transition:rotate .18s;translate:0 -2px;rotate:45deg}.saga-rules-more>summary:after{width:6px;height:6px;margin-left:8px}.saga-ledger .xp-ledger[open]>summary:after,.saga-rules-more[open]>summary:after{translate:0 2px;rotate:225deg}.saga-rules-more>summary{align-items:center;display:inline-flex}.saga-ledger .xp-ledger-day h4{font-size:14px}.saga-ledger .xp-ledger-row{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 0;font-size:13.5px;display:grid}.saga-ledger .xp-ledger-row b{color:oklch(calc(.883 * var(--acc-lk) + var(--acc-l0)) .0855 85.6);grid-area:1/2/3;align-self:center}@container saga (max-width:760px){.saga-hero-body{grid-template-columns:minmax(0,1fr);padding:0 18px}.saga-identity{margin-top:-52px}.saga-identity>.avatar.large{width:96px;height:96px;font-size:44px}.saga-identity h2{font-size:32px}.saga-rank-medal{width:92px;height:92px;margin:-8px -4px -8px -8px}.saga-rank-medal>svg{width:76px;height:76px}.saga-rank h3{font-size:28px}.saga-xp{padding:14px 18px 18px}.saga-hero>.identity-art>.cosmetic-companion{width:84px;height:84px;bottom:6px;right:16px}.saga-trail{--stop:92px}.saga-trail>.saga-section-head,.saga-trail-foot,.saga-road{padding-inline:16px}}@container saga (max-width:480px){.saga-identity{align-items:flex-end;gap:14px}.saga-identity>.avatar.large{width:80px;height:80px;box-shadow:0 0 0 4px oklch(calc(.196 * var(--pal-lk) + var(--pal-l0)) calc(.0188 * var(--pal-chroma)) var(--pal-hue)), 0 8px 20px #0009;font-size:38px}.saga-identity h2{font-size:27px}.saga-edit.profile-edit-button{top:10px;right:10px}.saga-xp-line{flex-wrap:wrap}.saga-deed{grid-template-columns:minmax(0,1fr);padding:18px 16px}.saga-deed-seal{width:64px;height:64px}.saga-deed-seal .saga-deed-mark{width:28px;height:28px}.saga-ladder{grid-template-columns:repeat(var(--rungs), minmax(88px, 1fr))}}@media (pointer:coarse){.saga-archetype,.saga-rules-more>summary,.saga-ledger .xp-ledger>summary,.saga-deed-close{min-height:var(--tap,44px)}.saga-deed-close{min-width:var(--tap,44px)}.saga-trail-nav .icon-button{width:var(--tap,44px);height:var(--tap,44px)}.saga-trail-nav .secondary{min-height:var(--tap,44px)}}@media (prefers-reduced-motion:reduce){.saga-xp-bar>i,.saga-today-bar>i,.saga-you,.saga-deed,.saga-archetypes,.saga-seal.achievement-target .saga-seal-face{animation:none}.saga-seal-face{transition:none}}@media (forced-colors:active){.saga-stop-path:before,.saga-stop-path:after,.saga-chapter[data-counted] .saga-ladder>li:before{background:0 0;border-top:2px solid canvastext}.saga-xp-bar,.saga-today-bar{border:1px solid canvastext}.saga-xp-bar>i,.saga-today-bar>i{background:highlight}}
.preferences-profile,.herald,.thall-trophies,.thall-passport{position:relative}.brasa-spot{z-index:4;width:calc(var(--brasa-size,20px) * var(--brasa-wf,1));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:absolute;translate:-50% -100%}.brasa-spot[data-anchor=top]{translate:-50%}.brasa-spot[data-anchor=right]{translate:-100% -50%}.brasa-spot[data-anchor=left]{translate:0 -50%}.brasa-spot:before{content:"";width:max(100%,24px);height:max(100%,24px);position:absolute;bottom:0;left:50%;translate:-50%}.brasa-spot[data-anchor=top]:before{top:0;bottom:auto}.brasa-spot[data-anchor=right]:before,.brasa-spot[data-anchor=left]:before{top:50%;bottom:auto;translate:0 -50%}.brasa-spot[data-anchor=right]:before{left:auto;right:0}.brasa-spot[data-anchor=left]:before{left:0}@media (pointer:coarse){.brasa-spot:before{width:max(100%, var(--tap,44px));height:max(100%, var(--tap,44px))}}.brasa-spot[data-covered]{opacity:0;pointer-events:none}.brasa-body{pointer-events:none;display:block;position:absolute;inset:0}.brasa-spot[data-mirror] .brasa-body{transform:scaleX(-1)}.brasa-body img{-webkit-user-drag:none;width:100%;height:100%;filter:brightness(var(--brasa-b,1)) saturate(var(--brasa-s,1));position:absolute;inset:0}.brasa-shadow{background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;height:16%;position:absolute;bottom:-5%;left:8%;right:8%}.brasa-spot[data-startled] .brasa-body{animation:.36s cubic-bezier(.3,1.6,.5,1) brasa-startle}@keyframes brasa-startle{40%{transform:translateY(-16%)scale(1.08)}}.brasa-spot[data-startled][data-mirror] .brasa-body{animation-name:brasa-startle-mirrored}@keyframes brasa-startle-mirrored{0%,to{transform:scaleX(-1)}40%{transform:scaleX(-1)translateY(-16%)scale(1.08)}}.brasa-celebration[popover]{width:min(360px,100vw - 32px);height:fit-content;margin:auto;inset:0}.brasa-celebration[popover][data-phase=fly]{overflow:visible}.brasa-found-scene{margin:92px 0 14px;position:relative}.brasa-found-art{z-index:2;width:148px;height:auto;position:absolute;bottom:calc(100% - 16px);left:50%;translate:-50%}.brasa-found-card{aspect-ratio:360/226;color:#3a2414;place-content:center;justify-items:center;gap:2px;padding:10% 14% 9%;display:grid;position:relative}.brasa-found-parchment{filter:drop-shadow(0 8px 18px #00000073);width:100%;height:100%;position:absolute;inset:0}.brasa-footprint{opacity:0;width:58px;height:auto;position:relative;transform:scale(1.6)rotate(-14deg)}.brasa-found-count{justify-items:center;gap:2px;display:grid;position:relative}.level-celebration .brasa-found-count strong{color:#3a2414;margin:0;font-size:26px;line-height:1.1}.level-celebration .brasa-found-count p:not(.brasa-found-title){color:#5a3d24;margin:4px 0 0;font-weight:600;line-height:1.3}.brasa-celebration[data-phase=stamp] .brasa-footprint{animation:.32s cubic-bezier(.2,1.4,.4,1) both brasa-stamp}.brasa-celebration[data-phase=card] .brasa-footprint{opacity:1;transform:rotate(-14deg)}@keyframes brasa-stamp{0%{opacity:0;transform:scale(1.6)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(-14deg)}}.brasa-sparks{z-index:3;width:0;height:0;position:absolute;top:-40px;left:54%}.brasa-sparks i{opacity:0;background:#ffd38a;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 8px #e9a23b}.brasa-celebration[data-phase=hiccup] .brasa-sparks i{animation:brasa-spark .8s calc(var(--spark) * 40ms) ease-out 1 both}@keyframes brasa-spark{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(calc((var(--spark) - 4) * 9px), -46px)}}.brasa-found-count,.brasa-celebration>:is(p,button:not(.level-dismiss)){transition:opacity .3s ease-out}.brasa-celebration:is([data-phase=fly],[data-phase=hiccup],[data-phase=stamp]) :is(.brasa-found-count,.brasa-celebration>p,.brasa-celebration>button:not(.level-dismiss)){opacity:0}.brasa-celebration p .cosmetic-title,.brasa-found-title .cosmetic-title{vertical-align:middle;display:inline-flex}.brasa-found-title{justify-items:center;gap:4px;margin:6px 0 12px;display:grid}.brasa-found-title small{color:#7a4a17;letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-size:var(--text-min)}.brasa-found-first{color:var(--amber-text)!important}.brasa-found-note{font-style:italic}.brasa-celebration .secondary{align-items:center;gap:8px;display:inline-flex}@media (prefers-reduced-motion:reduce){.brasa-spot[data-startled] .brasa-body,.brasa-celebration .brasa-footprint,.brasa-sparks i{animation:none!important}.brasa-celebration .brasa-footprint{opacity:1;transform:rotate(-14deg)}}html[data-motion=reduce] .brasa-spot[data-startled] .brasa-body,html[data-motion=reduce] .brasa-celebration .brasa-footprint,html[data-motion=reduce] .brasa-sparks i{animation:none!important}html[data-motion=reduce] .brasa-celebration .brasa-footprint{opacity:1;transform:rotate(-14deg)}.thall-scene-column{gap:10px;min-width:0;display:grid}.thall-brasa-first{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.thall-brasa-first svg{color:var(--amber-text);flex:none}.tavern-card-holder{width:fit-content;max-width:100%;margin:4px auto 0;display:block;position:relative}.tavern-card-holder>.tavern-card-preview{margin:0}.brasa-frame{z-index:4;pointer-events:none;position:absolute;inset:0}.brasa-frame>.brasa-spot{pointer-events:auto}.brasa-frame>.brasa-spot[data-covered]{pointer-events:none}@media (max-width:600px){.brasa-frame[data-frame=empty-room]{height:150px;bottom:auto}}.brasa-frame[data-frame=rooms-banner]{height:64px;bottom:auto}@media (max-width:900px),(max-height:560px){.brasa-frame[data-frame=rooms-banner]{height:24px;overflow:clip}}.brasa-frame[data-frame=news]{height:92px;bottom:auto}@media (max-width:600px){.brasa-frame[data-frame=news]{height:50px}}.brasa-frame[data-frame=map-emblem]{width:68px;height:68px;inset:auto auto -24px 20px}.brasa-frame[data-frame=herald]{aspect-ratio:16/5;bottom:auto}.explore-panel-art-holder{justify-self:center;width:140px;height:140px;display:block;position:relative}.plus-boost-holder{float:right;margin:-6px -4px 8px 12px;position:relative}.plus-boost-holder>.plus-boost-art{float:none;margin:0;display:block}.notice-seal>.notice-face{object-fit:contain;width:34px;height:34px}.bard-chat-line>.brasa-chat-face{width:28px;height:28px}@media (forced-colors:active){.brasa-celebration[popover]{background:canvas}}
.did-you-know{--dyk-scale:.38;--dyk-width:calc(472px * var(--dyk-scale));--dyk-peek:12px;z-index:var(--z-controls);left:calc(20px + var(--safe-left));bottom:calc(var(--call-dock-space,0px) + 12px + var(--safe-bottom));width:calc(var(--dyk-width) + 46px);pointer-events:none;animation:.42s cubic-bezier(.2,.8,.2,1) both dyk-in;position:fixed}.dyk-tankard{padding-top:var(--dyk-peek);position:relative}.dyk-tankard>*{pointer-events:auto}.did-you-know:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0000008c,#0000004d 62%,#0000);position:absolute;inset:-20px -30px -16px -24px}.dyk-body{z-index:1;width:var(--dyk-width);box-sizing:border-box;border:solid #0000;border-width:calc(var(--dyk-slice-top) * var(--dyk-scale) * 1px) calc(var(--dyk-slice-side) * var(--dyk-scale) * 1px) calc(var(--dyk-slice-bottom) * var(--dyk-scale) * 1px);position:relative}.dyk-frame{z-index:-1;inset:calc(var(--dyk-slice-top) * var(--dyk-scale) * -1px) calc(var(--dyk-slice-side) * var(--dyk-scale) * -1px) calc(var(--dyk-slice-bottom) * var(--dyk-scale) * -1px);box-sizing:border-box;border:solid #0000;border-width:calc(var(--dyk-slice-top) * var(--dyk-scale) * 1px) calc(var(--dyk-slice-side) * var(--dyk-scale) * 1px) calc(var(--dyk-slice-bottom) * var(--dyk-scale) * 1px);border-image-source:var(--dyk-body);border-image-slice:var(--dyk-slice-top) var(--dyk-slice-side) var(--dyk-slice-bottom) fill;filter:brightness(.86)saturate(.9)drop-shadow(0 8px 14px #00000080);border-image-repeat:stretch;position:absolute}.dyk-handle{z-index:0;top:calc(var(--dyk-peek) + 150px * var(--dyk-scale));left:calc(var(--dyk-width) - 8px);width:calc(150px * var(--dyk-scale));height:calc(236px * var(--dyk-scale));background:var(--dyk-handle) center / contain no-repeat;filter:brightness(.86)saturate(.9)drop-shadow(0 5px 8px #00000073);position:absolute}.dyk-face{z-index:2;filter:drop-shadow(0 3px 5px #00000080);pointer-events:none;width:46px;height:auto;animation:.52s cubic-bezier(.2,.9,.3,1.3) .26s both dyk-peek;position:absolute;top:0;left:-6px}.dyk-label{margin-inline:calc(var(--dyk-slice-side) * var(--dyk-scale) * -.3px);color:#efe3c8;background:linear-gradient(#33251a,#241910);border:1px solid #e2b06266;border-radius:6px;gap:4px;padding:7px 9px 8px;font-size:12.5px;line-height:1.38;display:grid;position:relative;box-shadow:0 2px 6px #0006}.dyk-label .eyebrow{letter-spacing:.8px;color:#e6b268;font-size:var(--text-min,12px);margin:0;padding-right:50px}.dyk-label p{margin:0}.dyk-label b{color:#f5d593}.dyk-tools{gap:2px;display:flex;position:absolute;top:2px;right:2px}.dyk-tools .icon-button{color:#d9c8a6;background:0 0;border:0;width:24px;min-width:0;height:24px;min-height:0;padding:0}.dyk-tools .icon-button:first-child{color:#b5a27e}.dyk-tools .icon-button:hover{color:#efe3c8;background:#fff0d21a}.dyk-actions{flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}.dyk-actions .primary{min-height:28px;padding:4px 10px;font-size:12.5px}.dyk-drip{--dyk-drip-x:calc(var(--dyk-slice-side) * var(--dyk-scale) * .7px);z-index:3;top:calc(var(--dyk-peek) + var(--dyk-slice-top) * var(--dyk-scale) * .42px);bottom:3px;left:calc(var(--dyk-drip-x) - 8px);width:16px;position:absolute;pointer-events:none!important}.dyk-stream{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#00000080,#000 55%);mask-image:linear-gradient(#00000080,#000 55%)}.dyk-trail{position:absolute;inset:0;overflow:hidden;transform:translateY(-100%)}.dyk-trail:before{content:"";background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='48' viewBox='0 0 16 48'><defs><linearGradient id='m' x1='0' x2='1'><stop offset='0' stop-color='%239a5a16'/><stop offset='.35' stop-color='%23f6d283'/><stop offset='.65' stop-color='%23e3a648'/><stop offset='1' stop-color='%238f5214'/></linearGradient></defs><path d='M4.1 0L4.37 3L4.68 6L4.98 9L5.21 12L5.36 15L5.39 18L5.3 21L5.1 24L4.83 27L4.52 30L4.22 33L3.99 36L3.84 39L3.81 42L3.9 45L4.1 48L11.9 48L11.64 45L11.34 42L11.05 39L10.81 36L10.67 33L10.63 30L10.71 27L10.9 24L11.16 21L11.46 18L11.75 15L11.99 12L12.13 9L12.17 6L12.09 3L11.9 0Z' fill='%23ffbe5a' fill-opacity='.2'/><path d='M6.41 0L6.53 3L6.85 6L7.26 9L7.59 12L7.65 15L7.4 18L6.92 21L6.41 24L6.07 27L6 30L6.15 33L6.39 36L6.55 39L6.55 42L6.46 45L6.41 48L9.59 48L9.08 45L8.6 42L8.35 39L8.41 36L8.74 33L9.15 30L9.47 27L9.59 24L9.54 21L9.45 18L9.45 15L9.61 12L9.85 9L10 6L9.93 3L9.59 0Z' fill='url(%23m)'/><path d='M7.29 0L7.46 3L7.71 6L7.97 9L8.14 12L8.15 15L7.96 18L7.64 21L7.29 24L7.01 27L6.87 30L6.86 33L6.94 36L7.04 39L7.12 42L7.18 45L7.29 48' fill='none' stroke='%23fff3cc' stroke-opacity='.75' stroke-width='.6'/></svg>") 0 0/16px 48px repeat-y;animation:1.6s linear infinite dyk-flow;position:absolute;inset:-48px 0 0}.dyk-drop{background:var(--dyk-drop) center / contain no-repeat;filter:drop-shadow(0 0 4px #ffbe5acc);width:12px;height:20px;margin-left:-6px;position:absolute;top:-14px;left:50%}.dyk-foam,.dyk-fizz{z-index:-1;top:calc(var(--dyk-slice-top) * var(--dyk-scale) * -1px);left:calc(var(--dyk-slice-side) * var(--dyk-scale) * -1px);width:var(--dyk-width);height:calc(var(--dyk-foam-h) * var(--dyk-scale) * 1px);pointer-events:none;position:absolute}.dyk-foam{background:var(--dyk-foam) 0 0 / 100% 100% no-repeat;filter:brightness(.86)saturate(.9);transform-origin:50% 100%;animation:3.6s ease-in-out infinite dyk-swell}.dyk-fizz>span{opacity:0;background:radial-gradient(circle at 35% 35%,#fffaf0 0 35%,#fff4d68c 62%,#0000 72%);border-radius:50%;width:3px;height:3px;animation:2.8s ease-out infinite dyk-pop;position:absolute}.dyk-fizz>span:first-child{top:42%;left:31%}.dyk-fizz>span:nth-child(2){animation-delay:.9s;top:24%;left:55%}.dyk-fizz>span:nth-child(3){animation-delay:1.7s;top:50%;left:73%}.dyk-fizz>span:nth-child(4){animation-delay:2.3s;top:64%;left:44%}.dyk-fizz>span:nth-child(5){animation-delay:1.25s;top:32%;left:83%}.dyk-puddle{z-index:3;bottom:-9px;left:calc(var(--dyk-slice-side) * var(--dyk-scale) * .7px - 32px);background:var(--dyk-puddle) center / contain no-repeat;filter:drop-shadow(0 0 6px #ffbe5aa6);opacity:0;transform-origin:50% 75%;pointer-events:none;width:64px;height:25px;position:absolute}.dyk-motes{z-index:3;width:var(--dyk-width);pointer-events:none;height:0;position:absolute;bottom:4px;left:0}.dyk-motes>span{opacity:0;background:radial-gradient(circle,#fff3cc 0 30%,#f0ba5acc 55%,#0000 72%);border-radius:50%;width:5px;height:5px;position:absolute;bottom:0}.dyk-motes>span:first-child{--dyk-mote-x:-6px;--dyk-mote-rise:-70px;--dyk-mote-k:.379;left:6%}.dyk-motes>span:nth-child(2){--dyk-mote-x:4px;--dyk-mote-rise:-110px;--dyk-mote-k:.453;left:22%}.dyk-motes>span:nth-child(3){--dyk-mote-x:-3px;--dyk-mote-rise:-150px;--dyk-mote-k:.516;left:40%}.dyk-motes>span:nth-child(4){--dyk-mote-x:6px;--dyk-mote-rise:-95px;--dyk-mote-k:.421;left:57%}.dyk-motes>span:nth-child(5){--dyk-mote-x:-4px;--dyk-mote-rise:-130px;--dyk-mote-k:.558;left:74%}.dyk-motes>span:nth-child(6){--dyk-mote-x:3px;--dyk-mote-rise:-80px;--dyk-mote-k:.484;left:90%}.dyk-face-ah,.dyk-face-choo,.dyk-face-sad{opacity:0;animation:none}.did-you-know[data-leave=slide]{animation:.24s ease-in both dyk-out}.did-you-know[data-leave=drain]{--dyk-end:1.9s;--dyk-skip:0s}.did-you-know[data-leave=sneeze]{--dyk-end:1.52s;--dyk-skip:-120ms}.dyk-puff{z-index:4;background:var(--dyk-puff) center / contain no-repeat;opacity:0;transform-origin:12% 88%;pointer-events:none;width:50px;height:50px;position:absolute;top:-16px;left:20px}.did-you-know:is([data-leave=drain],[data-leave=sneeze]) :is(.dyk-face-own,.dyk-face-ah,.dyk-face-choo,.dyk-puff,.dyk-motes>span){animation-duration:var(--dyk-end);animation-delay:var(--dyk-skip);animation-fill-mode:both}.did-you-know:is([data-leave=drain],[data-leave=sneeze]) .dyk-face-own{animation-name:dyk-face-own;animation-timing-function:linear}.did-you-know:is([data-leave=drain],[data-leave=sneeze]) .dyk-face-ah{animation-name:dyk-face-ah;animation-timing-function:ease-out}.did-you-know:is([data-leave=drain],[data-leave=sneeze]) .dyk-face-choo{animation-name:dyk-face-choo;animation-timing-function:ease-out}.did-you-know:is([data-leave=drain],[data-leave=sneeze]) .dyk-puff{animation-name:dyk-puff;animation-timing-function:ease-out}.did-you-know:is([data-leave=drain],[data-leave=sneeze]) .dyk-motes>span{animation-name:dyk-mote;animation-duration:calc(var(--dyk-end) * .5);animation-delay:calc(var(--dyk-end) * var(--dyk-mote-k) + var(--dyk-skip));animation-timing-function:ease-out}.did-you-know:is([data-leave=drain],[data-leave=sneeze]) .dyk-tankard{animation:dyk-dissolve calc(var(--dyk-end) * .605) calc(var(--dyk-end) * .368 + var(--dyk-skip)) ease-in forwards;-webkit-mask-image:linear-gradient(#000 40%,#0000 60%);mask-image:linear-gradient(#000 40%,#0000 60%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.did-you-know:is([data-leave=drain],[data-leave=sneeze]):before{animation:dyk-fade calc(var(--dyk-end) * .58) calc(var(--dyk-end) * .4 + var(--dyk-skip)) ease-in forwards}.did-you-know[data-leave=drain] .dyk-puddle{animation:1.8s cubic-bezier(.2,.8,.3,1) forwards dyk-splash}.did-you-know[data-leave=sad] .dyk-face-own{animation:1.7s linear both dyk-face-gone}.did-you-know[data-leave=sad] .dyk-face-sad{animation:1.7s ease-out both dyk-face-sad}.did-you-know[data-leave=sad] .dyk-tankard{animation:.7s ease-in .95s forwards dyk-sink}.did-you-know[data-leave=sad]:before{animation:.7s ease-in .95s forwards dyk-fade}@keyframes dyk-face-own{0%,7.9%{opacity:1}8%,to{opacity:0}}@keyframes dyk-face-gone{0%,2.9%{opacity:1}3%,to{opacity:0}}@keyframes dyk-face-sad{0%,2.9%{opacity:0;transform:none}3%{opacity:1;transform:none}22%{opacity:1;transform:translateY(3px)rotate(-5deg)}80%{opacity:1;transform:translateY(3px)rotate(-5deg)}to{opacity:0;transform:translate(-1px,8px)rotate(-8deg)}}@keyframes dyk-sink{to{opacity:0;transform:translateY(14px)}}@keyframes dyk-face-ah{0%,7.9%{opacity:0;transform:none}8%{opacity:1;transform:none}21.9%{opacity:1;transform:translate(-1px,-2px)rotate(-12deg)scale(1.05)}22%,to{opacity:0}}@keyframes dyk-face-choo{0%,21.9%{opacity:0;transform:none}22%{opacity:1;transform:translate(-1px,-2px)rotate(-12deg)scale(1.05)}27%{opacity:1;transform:translate(3px,2px)rotate(9deg)scale(1.08)}36%{opacity:1;transform:translate(1px)rotate(2deg)scale(1)}86%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}@keyframes dyk-puff{0%,22%{opacity:0;transform:scale(.15)}27%{opacity:1;transform:scale(.95)}36%{opacity:1;transform:translate(3px,-3px)scale(1.08)}60%{opacity:.85;transform:translate(9px,-12px)scale(1.15)}78%,to{opacity:0;transform:translate(14px,-20px)scale(1.2)}}@keyframes dyk-flow{to{transform:translateY(48px)}}@keyframes dyk-swell{40%{transform:scaleY(1.045)}70%{transform:scaleY(1.02)}}@keyframes dyk-pop{0%,55%{opacity:0;transform:scale(.4)}70%{opacity:.85;transform:scale(1)}84%{opacity:0;transform:scale(1.6)}to{opacity:0}}@keyframes dyk-dissolve{to{opacity:0;-webkit-mask-position:0 100%;mask-position:0 100%}}@keyframes dyk-fade{to{opacity:0}}@keyframes dyk-splash{0%{opacity:0;transform:scale(.15,.3)}14%{opacity:1;transform:scale(1)}65%{opacity:.9;transform:scale(1.08)}to{opacity:0;transform:scale(1.2)}}@keyframes dyk-mote{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(var(--dyk-mote-x), var(--dyk-mote-rise)) scale(1)}}@keyframes dyk-in{0%{opacity:0;transform:translateY(24px)}}@keyframes dyk-out{to{opacity:0;transform:translateY(18px)}}@keyframes dyk-peek{0%{opacity:0;transform:translate(10px,14px)rotate(-8deg)}}@media (pointer:coarse){.dyk-tools{gap:0;top:-10px;right:-8px}.dyk-tools .icon-button{width:var(--tap,44px);height:var(--tap,44px)}.dyk-label .eyebrow{letter-spacing:0;padding-right:70px}.dyk-actions .primary{min-height:var(--tap,44px)}}@media (forced-colors:active){.dyk-label{border-color:canvastext}}@media (prefers-reduced-motion:reduce){.dyk-drip{display:none}}html[data-motion=reduce] .dyk-drip{display:none}
.soundboard-content{flex-direction:column;gap:12px;display:flex}.soundboard-content>.sound-section-hint{color:var(--muted);margin:0;font-size:13.5px}.mead-modal.soundboard-modal .soundboard-content{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.sound-library{flex-direction:column;gap:12px;min-height:0;display:flex}.mead-modal.soundboard-modal .sound-library{flex:1}.sound-library-bar{gap:10px;display:flex}.sound-library-bar .sound-search{flex:1;min-width:0;min-height:44px;margin:0}.sound-library-bar .sound-add{flex:none;align-items:center;gap:6px;display:inline-flex}.sound-filters{scrollbar-width:none;flex:none;gap:6px;display:flex;overflow-x:auto}.sound-filters>button{border:1px solid var(--line);min-height:36px;color:oklch(calc(.8279 * var(--ink-lk) + var(--ink-l0)) calc(.018 * var(--ink-chroma)) var(--ink-hue));cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-weight:600;transition:border-color .14s,background .14s;display:inline-flex}.sound-filters>button:hover{border-color:oklch(calc(.4772 * var(--tone-lk) + var(--tone-l0)) .0348 120.1)}.sound-filters>button[aria-pressed=true]{border-color:var(--amber);background:var(--selection);color:oklch(calc(.9137 * var(--acc-lk) + var(--acc-l0)) .0594 88)}.sound-filter-count{font-variant-numeric:tabular-nums;opacity:.8;font-size:12px}.sound-library-status{color:var(--green-text);margin:0;font-size:13.5px}.sound-library-status.is-error{color:oklch(calc(.805 * var(--acc-lk) + var(--acc-l0)) .0843 28.1)}.sound-library-status.is-note{color:oklch(calc(.8445 * var(--acc-lk) + var(--acc-l0)) .0903 82.7)}.sound-library .sound-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;gap:6px;margin:0;padding:2px;list-style:none;display:grid}.mead-modal.soundboard-modal .sound-library .sound-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:min(220px,45dvh);overflow-y:auto}.sound-library .sound-row{border:1px solid oklch(calc(.3144 * var(--pal-lk) + var(--pal-l0)) calc(.0275 * var(--pal-chroma)) var(--pal-hue));background:oklch(calc(.2233 * var(--pal-lk) + var(--pal-l0)) calc(.021 * var(--pal-chroma)) var(--pal-hue));border-radius:12px;align-items:center;gap:2px;min-width:0;padding:3px;transition:border-color .14s,background .14s;display:flex}.sound-library .sound-row:is(:hover,:focus-within){border-color:oklch(calc(.4191 * var(--pal-lk) + var(--pal-l0)) calc(.0344 * var(--pal-chroma)) var(--pal-hue));background:oklch(calc(.246 * var(--pal-lk) + var(--pal-l0)) calc(.0222 * var(--pal-chroma)) var(--pal-hue))}.sound-library .sound-row[data-playing]{border-color:var(--amber)}.sound-play{min-width:0;min-height:44px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:flex-start;align-items:center;gap:10px;padding:4px 10px 4px 4px;font-weight:600;display:flex}.sound-play-icon{background:oklch(calc(.295 * var(--pal-lk) + var(--pal-l0)) calc(.0265 * var(--pal-chroma)) var(--pal-hue));width:34px;height:34px;color:var(--amber-text);border-radius:50%;flex:none;place-items:center;transition:background .14s,color .14s;display:grid}.sound-play:not(:disabled):is(:hover,:focus-visible) .sound-play-icon,.sound-play[aria-pressed=true] .sound-play-icon{background:var(--amber);color:oklch(.219 calc(.0211 * var(--pal-chroma)) var(--pal-hue))}.sound-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sound-plus{color:oklch(calc(.8363 * var(--acc-lk) + var(--acc-l0)) .0842 80.5);border:1px solid #6b5630;border-radius:999px;flex:none;margin-left:auto;padding:1px 8px;font-size:12px;font-weight:700}.sound-play:disabled{color:oklch(calc(.6996 * var(--ink-lk) + var(--ink-l0)) calc(.0176 * var(--ink-chroma)) var(--ink-hue));cursor:not-allowed}.sound-play:disabled .sound-play-icon{color:oklch(calc(.6996 * var(--ink-lk) + var(--ink-l0)) calc(.0176 * var(--ink-chroma)) var(--ink-hue))}.sound-library .sound-row>.icon-button{width:44px;height:44px;min-height:44px;color:oklch(calc(.6996 * var(--ink-lk) + var(--ink-l0)) calc(.0176 * var(--ink-chroma)) var(--ink-hue));background:0 0;border:0;flex:none}.sound-library .sound-row>.icon-button:hover:not(:disabled){background:oklch(calc(.295 * var(--pal-lk) + var(--pal-l0)) calc(.0265 * var(--pal-chroma)) var(--pal-hue));color:var(--text)}.sound-library .sound-row>.sound-favorite[aria-pressed=true],.sound-library .sound-row>.sound-preview-button[aria-pressed=true]{color:var(--amber-text)}.sound-library .sound-row>.sound-delete:hover:not(:disabled){color:oklch(calc(.805 * var(--acc-lk) + var(--acc-l0)) .0843 28.1)}.sound-empty{text-align:center;color:oklch(calc(.8279 * var(--ink-lk) + var(--ink-l0)) calc(.018 * var(--ink-chroma)) var(--ink-hue));justify-items:center;gap:10px;padding:28px 12px;display:grid}.sound-empty p{max-width:44ch;margin:0}.sound-library .sound-list-upsell{justify-content:center;display:flex}.sound-library-foot{border-top:1px solid var(--line);flex-wrap:wrap;flex:none;gap:4px 20px;padding-top:10px;display:flex}.sound-library-foot .text-button{align-items:center;gap:7px;min-height:40px;display:inline-flex}.sound-upload-view{align-content:start;gap:12px;display:grid}.mead-modal.soundboard-modal .sound-upload-view{overscroll-behavior:contain;padding-right:4px;overflow-y:auto}.sound-upload-view>header{justify-items:start;gap:4px;display:grid}.sound-upload-view>header .text-button{align-items:center;gap:6px;min-height:36px;display:inline-flex}.sound-upload-view>header h3{margin:0;font-family:Fraunces,serif;font-size:21px;font-weight:600}.sound-upload-view .sound-uploader{border:0;gap:12px;margin:0;padding:0;display:grid}.sound-upload-view .sound-destination{grid-template-columns:minmax(0,1fr);gap:6px;font-weight:600;display:grid}.sound-upload-view .sound-destination select{width:100%;min-height:44px;padding:8px 10px}@media (pointer:coarse){.sound-filters>button{min-height:var(--tap,44px)}}@media (max-height:560px){.mead-modal.soundboard-modal .sound-library .sound-list{flex:none;min-height:0;overflow:visible}}@media (max-width:600px){.sound-library-bar .sound-add{padding-inline:12px}}
.journey-presence{--portrait-left:10px;--avatar-size:32px}.journey-edit .avatar>i{display:none}.journey-presence>.status-dot-picker .status-trigger>i{box-shadow:0 0 0 2px #15231c}.journey-presence>.status-dot-picker{width:24px;height:24px;left:min(calc(var(--portrait-left) + var(--avatar-size) - 12px), calc(var(--hdr-btn,999px) - 24px));top:calc(50% + 2px)}.journey-presence>.status-dot-picker .status-trigger>i{translate:-4px -4px}.status-touch-row{display:none}@media (pointer:coarse){.status-touch-row{display:block;position:relative}.status-touch-row .status-trigger{width:100%;min-height:var(--tap)}}@media (min-width:901px) and (min-height:561px){.sidebar-compact>.sidebar .status-touch-row{display:none}}.journey-presence>.status-dot-picker .status-menu{max-width:calc(100vw - 24px);top:calc(100% + 10px);bottom:auto;left:-4px}.journey-presence>.status-dot-picker .status-menu.status-menu-end{left:auto;right:-4px}.room-occupants>[role=button]{isolation:isolate;border-radius:0 8px 8px 0;transition:color .2s;position:relative}.room-occupants>[role=button]:hover{color:var(--cream);background:0 0}.room-occupants>[role=button]:hover:not(:focus-visible){outline:0}.room-occupants>[role=button]:focus-visible{color:var(--cream);background:0 0}.room-occupants>[role=button]:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(90deg,#e5b7661f 0%,#e5b7660a 45%,#e5b76600 85%);transition:opacity .3s;position:absolute;inset:0}.room-occupants>[role=button]:after{content:"";pointer-events:none;background:linear-gradient(#e5b76600,#f2cd86 30% 70%,#e5b76600);border-radius:2px;width:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:4px;bottom:4px;left:-1px;transform:scaleY(0)}.room-occupants>[role=button]>.occupant-initial{border-radius:50%;transition:box-shadow .3s}.room-occupants>[role=button]:is(:hover,:focus-visible):before{opacity:1}.room-occupants>[role=button]:is(:hover,:focus-visible):after{transform:scaleY(1)}.room-occupants>[role=button]:is(:hover,:focus-visible)>.occupant-initial{box-shadow:0 0 0 2px #e5b76659,0 0 10px #e5b76633}@media (max-width:600px){.tavern-room-sidebar .room-occupants>[role=button]{border-radius:999px}.tavern-room-sidebar .room-occupants>[role=button]:after{display:none}}.preferences-modal:has(.preferences-profile)>.modal-head{z-index:3;pointer-events:none;align-items:center;margin:0;padding:12px 14px 0 22px;position:absolute;top:0;left:0;right:0}.preferences-modal:has(.preferences-profile)>.modal-head>*{pointer-events:auto}.preferences-modal:has(.preferences-profile)>.modal-head h2{color:#fff6e6;text-shadow:0 1px 3px #000c;align-items:center;gap:8px;font-size:17px;display:flex}.preferences-modal:has(.preferences-profile)>.modal-head h2>:is(img,svg){width:22px;height:22px}:is(.preferences-modal:has(.preferences-profile)>.modal-head .icon-button,.person-profile-modal:has(.person-card)>.modal-head .icon-button){color:#f3ead6;background:#0b1210a6;border-radius:50%}.preferences-profile{isolation:isolate;border-radius:0;align-items:flex-end;min-height:178px;margin:0;padding:60px 24px 16px;position:relative}.preferences-profile:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#000000a6 0%,#0000 36% 50%,#000000b8 100%);position:absolute;inset:0}.preferences-profile>.preferences-identity{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;border-radius:999px;flex-shrink:1;align-items:center;gap:14px;margin:0;padding:6px 16px 6px 6px;display:flex}.preferences-identity .avatar{width:64px;height:64px;box-shadow:0 0 0 2px #e5b76680,0 4px 14px #0009}.preferences-identity:is(:hover,:focus-visible) .account-edit-mark{opacity:1}.preferences-names{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.preferences-names b{text-shadow:0 1px 3px #000c;font:600 22px/1.15 Fraunces,Georgia,serif}.preferences-names small{color:#ece5d4;text-shadow:0 1px 2px #000c;font-size:13px}.preferences-profile>.preferences-saga{color:#f3e1b4;text-shadow:0 1px 2px #000c;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.preferences-saga>:first-child{filter:drop-shadow(0 3px 6px #000a);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.preferences-saga:is(:hover,:focus-visible)>:first-child{transform:translateY(-2px)scale(1.08)}@media (hover:hover){.preferences-profile>:is(.preferences-identity,.preferences-saga):hover:not(:disabled){box-shadow:none;background:#0000004d}}@media (max-width:600px){.preferences-profile{min-height:150px;padding:calc(56px + var(--safe-top)) 14px 12px;gap:8px}.preferences-identity .avatar{width:52px;height:52px}.preferences-names b{font-size:18px}}@media (max-height:560px){.preferences-profile{min-height:0;padding-top:calc(52px + var(--safe-top))}}.person-profile-modal:has(.person-card)>.modal-head{z-index:3;pointer-events:none;justify-content:flex-end;margin:0;padding:12px 12px 0 0;position:absolute;top:0;left:0;right:0}@media (max-width:600px),(max-height:560px){.preferences-modal:has(.preferences-profile)>.modal-head{padding:calc(12px + var(--safe-top)) calc(14px + var(--safe-right)) 0 calc(22px + var(--safe-left))}.person-profile-modal:has(.person-card)>.modal-head{padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) 0 0}}.person-profile-modal:has(.person-card)>.modal-head>*{pointer-events:auto}.person-profile-modal:has(.person-card)>.modal-head h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.person-profile-modal .person-summary.person-card{box-shadow:none;background-color:#0000;border:0;border-radius:0;margin:0;padding:0 28px 18px}.person-profile-modal .person-summary.person-card>.person-card-banner{margin:0 -28px}.person-profile-modal .person-card-main>.avatar{width:116px;height:116px;margin-top:-52px;box-shadow:0 0 0 3px #e5b76699,0 6px 18px #000a}.person-profile-modal .person-card-name .cosmetic-name{font-size:28px}.person-profile-modal:has(.person-card) .modal-scroll>:not(.person-card){margin-inline:28px}.person-profile-modal:has(.person-card) .modal-scroll>:last-child{margin-bottom:24px}.person-profile-modal:has(.person-card[data-premium=true]){border-color:#c89f5599;box-shadow:0 0 0 1px #c89f5522,0 24px 70px #000a}@media (max-width:600px){.person-profile-modal .person-summary.person-card{padding:0 16px 14px}.person-profile-modal .person-summary.person-card>.person-card-banner{margin:0 -16px}.person-profile-modal:has(.person-card) .modal-scroll>:not(.person-card){margin-inline:16px}.person-profile-modal .person-card-main>.avatar{width:88px;height:88px;margin-top:-40px}}.cosmetic-badge.plus-medal,.participant-label .cosmetic-badge.plus-medal{background:0 0;border:0;padding:0}.cosmetic-badge.plus-medal>img{filter:drop-shadow(0 1px 2px #000a);width:22px;height:22px;display:block}.participant-label .cosmetic-badge.plus-medal>img{width:20px;height:20px}:is(.person-card-name,.profile-hero) .cosmetic-badge.plus-medal>img{width:30px;height:30px}
.palette-picker{gap:16px;display:grid}.palette-picker>.hint{margin:0}.palette-waiting{color:var(--amber-text);align-items:center;gap:8px;margin:0;display:flex}.palette-list{gap:18px;display:grid}.palette-group{gap:8px;display:grid}.palette-group-label{color:var(--muted);font-size:13px;font-weight:600}.palette-options{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px;display:grid}.palette-option{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-content:start;gap:8px;min-width:0;padding:8px;display:grid}@media (hover:hover){.palette-option:hover{border-color:color-mix(in srgb, var(--amber) 45%, var(--line))}}.palette-option.is-previewing{border-color:color-mix(in srgb, var(--amber) 60%, var(--line))}.palette-option[aria-selected=true]{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.palette-option-text{gap:2px;min-width:0;display:grid}.palette-option-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.palette-option-name strong{font-size:15px}.palette-option-about{color:var(--muted);font-size:13px;line-height:1.35}.palette-badge{border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.palette-badge.is-current{background:color-mix(in srgb, var(--amber) 16%, transparent);color:var(--amber-text)}.palette-badge.is-locked{border:1px solid color-mix(in srgb, var(--amber) 40%, transparent);color:var(--amber-text)}.palette-swatch{aspect-ratio:16/7;border:1px solid var(--sw-line);background:var(--sw-bg);border-radius:8px;grid-template-columns:26% 1fr;display:grid;overflow:hidden}.sw-side{background:var(--sw-panel);border-right:1px solid var(--sw-line);align-content:start;gap:5px;padding:8px 6px;display:grid}.sw-pill{background:color-mix(in srgb, var(--sw-muted) 45%, transparent);border-radius:4px;height:7px;display:block}.sw-pill.is-selected{background:var(--sw-selection);height:11px}.sw-stage{place-items:center;padding:10px;display:grid}.sw-card{border:1px solid var(--sw-line);background:var(--sw-surface);border-radius:6px;gap:5px;width:100%;padding:8px;display:grid}.sw-text-line,.sw-muted-line{border-radius:3px;height:5px;display:block}.sw-text-line{background:var(--sw-text);width:70%}.sw-muted-line{background:var(--sw-muted);width:90%}.sw-chip{background:var(--sw-raised);border-radius:6px;align-items:center;width:46%;height:12px;padding:0 4px;display:flex}.sw-amber{background:var(--amber);border-radius:50%;width:6px;height:6px;display:block}@media (forced-colors:active){.palette-option[aria-selected=true]{border:2px solid highlight}.palette-swatch{forced-color-adjust:none}}.appearance-palette-link{min-height:34px;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:-6px 0 14px;padding:4px 2px;font-size:13px;text-decoration:underline;display:inline-flex}.appearance-palette-link:hover{color:var(--text)}@media (pointer:coarse){.appearance-palette-link{min-height:var(--tap)}}.palette-picker>.plus-trigger{justify-self:start}.palette-group-label.is-plus{color:var(--amber-text);align-items:center;gap:6px;display:flex}.palette-group-label.is-plus>img{filter:drop-shadow(0 1px 2px #0008);width:22px;height:22px}.palette-group-label.is-plus>span{color:var(--muted);font-weight:500}.palette-simulate{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.palette-simulate>.hint{margin:0}