:root{--bg:#121010;--surface:#1b1715;--surface-2:#241d1a;--text:#f2ebdd;--text-2:#c8bfb2;--crimson:#9a1024;--crimson-hover:#b61335;--crimson-lo:#6e0b1a;--die-edge:#3e0610;--die-rim:#d9435e;--gold:#c49a49;--gold-hi:#e4bb84;--divider:#4a372b;--error:#d64545;--success:#4e9a68;--info:#6d8fb3;--info-ground:#1f3347;--news-ground:#17281d;--hearing:var(--gold-hi);--voice-crimson:#d42a4a;--thinking:#998666;--listening:#7d6a4c;--dying-frame:#f0607a;--dying-bg:#3a0f16;--disc:#2c2420;--disc-dying:#4a1a22;--stable-frame:#f2ebdd8c;--radius:14px;--tap:56px;--gutter:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--ink-room:.1em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-ui), system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:18px;line-height:1.45}body{min-height:100dvh;overflow-x:hidden}button{font:inherit;color:inherit;min-height:var(--tap);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:1px solid #0000;padding:0 24px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:var(--crimson);color:var(--text);font-weight:600}.primary:not(:disabled):hover{background:var(--crimson-hover)}.ghost{border-color:var(--divider);color:var(--text);background:0 0}.ghost:not(:disabled):hover{border-color:var(--gold)}.help{color:var(--text-2);margin:0;font-size:.9rem}.error{color:#f2b8b8;background:#d6454524;border:1px solid #d6454580;border-radius:10px;margin:0;padding:10px 14px}.note-news{color:var(--text);background:var(--news-ground);border:1px solid var(--success);border-radius:var(--radius);align-items:flex-start;gap:10px;margin:0;padding:10px 14px;line-height:1.45;display:flex}.note-news svg{color:var(--success);flex:none;margin-top:calc(.725em - 10px)}.note-problem{color:var(--text);background:var(--dying-bg);border:1px solid var(--error);border-radius:var(--radius);align-items:flex-start;gap:10px;margin:0;padding:10px 14px;line-height:1.45;display:flex}.note-problem svg{color:var(--error);flex:none;margin-top:calc(.725em - 10px)}.heard-slot{display:grid}.heard-slot>*{flex-direction:column;grid-area:1/1;justify-content:center;display:flex}.heard-slot-sizer{visibility:hidden}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 12px;font-size:.8rem;font-weight:600}.disclosure{color:var(--text-2);margin:0;font-size:.85rem}.disclosure-large{color:var(--text);border-left:3px solid var(--gold);text-align:left;padding:6px 0 6px 14px;font-size:1.15rem}.join{max-width:520px;min-height:100dvh;padding:max(40px, env(safe-area-inset-top)) var(--gutter) max(40px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:28px;margin:0 auto;display:flex}.join-head{text-align:center}.join-corners:empty{display:none}:root:is([data-layout^=tablet],[data-layout=pc]) .join-corners{top:max(24px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));z-index:1;position:absolute}.calling{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.calling-mark{--circle:100%;--line:2px;--c:var(--listening);aspect-ratio:1;width:120px;margin-bottom:4px;position:relative}:root:is([data-layout^=tablet],[data-layout=pc]) .calling-mark{width:132px}.calling-mark .face{border-style:dashed}.calling-words{margin:0}.calling-hint{color:var(--text-2);text-wrap:pretty;margin:0}.wordmark{font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--text);text-align:center;margin:0;font-size:1.6rem;font-weight:600}.tagline{color:var(--gold);font-family:var(--font-display), serif;margin:6px 0 0;font-size:1.05rem}.join-form{flex-direction:column;gap:12px;display:flex}.join-form label{font-weight:600}.join-form .setting-name{margin:8px 0 -6px}.code-input{font:inherit;letter-spacing:.2em;text-align:center;font-variant-numeric:tabular-nums;text-transform:uppercase;background:var(--surface);color:var(--text);border:1px solid var(--divider);border-radius:var(--radius);width:100%;min-height:76px;font-size:2.2rem}.code-input::placeholder{color:#5d514a}.code-input[aria-invalid=true]{border-color:var(--error)}.join-form .primary{min-height:64px;margin-top:4px;font-size:1.1rem}.start-title{font-family:var(--font-display), serif;text-align:center;margin:0;font-size:1.2rem;font-weight:600}.join-form .ghost{min-height:56px;font-size:1.05rem}.join-party{color:var(--text-2);text-align:center;overflow-wrap:anywhere;margin:-6px 0 0}.join-form .join-setup{min-height:48px}.join-form .dimmed{opacity:.4}.join-form .game-load{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:2px;min-width:0;padding:12px 18px;display:flex}.game-about{color:var(--text-2);font-size:.85rem;font-weight:400}.games{gap:10px;margin:0;padding:0;list-style:none;display:grid}.game{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link{color:var(--gold-hi);background:0 0;border:none;min-height:44px;padding:0 8px;text-decoration:underline}.danger{border-color:var(--error);color:#f2b8b8;background:0 0;min-height:56px}.player{gap:6px;display:grid}.player-who{align-items:center;gap:12px;display:flex}.player-token{flex:none;width:40px;height:40px}.player-who-text{min-width:0;display:grid}.player-what{color:var(--text-2);font-size:.9rem;font-weight:400}.player input,.player select{border:1px solid var(--divider);background:var(--surface-2);min-height:48px;color:var(--text);border-radius:10px;padding:0 12px;font-size:1rem}.meter{background:var(--surface-2);border:1px solid var(--divider);border-radius:7px;height:14px;overflow:hidden}.meter-fill{background:var(--gold);height:100%;transition:width .12s linear}.tips{color:var(--text);gap:10px;margin:0;padding-left:20px;line-height:1.4;display:grid}.tip-report strong{display:block}.ended{text-align:center;margin:0;font-size:1.3rem}.table{--ring-least:96px;--ring-most:220px;--word-room:48px;--line-room:52px;--pause-w:360px;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top""stage""bar";display:grid}:root[data-layout^=tablet] .table{--gutter:max(24px, env(safe-area-inset-left), env(safe-area-inset-right))}:root[data-layout=pc] .table{--gutter:max(32px, env(safe-area-inset-left), env(safe-area-inset-right));--cap:max(var(--gutter), calc((100% - 1680px) / 2))}.topbar{padding:12px var(--cap,var(--gutter));background:var(--surface);grid-area:top;align-items:center;gap:24px;display:flex}.topbar .adventure{align-items:baseline;gap:16px;min-width:0;display:flex}.topbar .adventure-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:36px;overflow:hidden}.topbar .adventure-session{white-space:nowrap;margin:0;font-size:14px}.topbar-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.topbar .sound-open,.topbar .more-open{min-width:44px;min-height:44px}.badge{border-radius:999px;padding:4px 10px;font-size:.85rem}.badge-warn{color:var(--gold-hi);border:1px solid var(--gold);background:#c49a4926}.stage{--above:24px;min-height:0;padding:24px var(--gutter);grid-area:stage;gap:24px;display:grid}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:0;min-height:0;display:flex}.presence-box{--words:var(--word-room);--still:0;--spread:calc((var(--rip2) - 1) / 2);--below:calc(var(--still) * (6px - var(--gap)));min-height:calc(var(--ring-least) + var(--words));max-height:calc(var(--ring-most) + var(--words) + max(0px, var(--over) * var(--ring-most) + 4px - var(--above)) + var(--still) * max(0px, var(--spread) * var(--ring-most) + 6px - var(--gap)));flex:1 1 0;align-self:stretch;place-items:center;display:grid;container-type:size}.presence-box:has(>.presence-trouble){--over:0}:root[data-layout^=phone] .presence-box:has(>.presence-paused){--over:0}.table-fight .presence-box{min-height:calc(var(--ring-least) + var(--words) + max(0px, var(--over) * var(--ring-least) + 4px - var(--above)) + var(--still) * max(0px, var(--spread) * var(--ring-least) + 6px - var(--gap)))}.table-fight .presence-box .presence{--floor:var(--ring-least)}.presence-box .presence{--room:calc(100cqh - var(--words) - var(--below));--floor:min(var(--ring-least), (var(--ring-least) - var(--below)) / (1 + var(--still) * var(--spread)), (var(--ring-least) - var(--below) + var(--above) - 4px) / (1 + var(--over) + var(--still) * var(--spread)));--w:min(100cqw, (100cqw + 2 * var(--gutter) - 8px) / (1 + 2 * var(--over)), clamp(var(--floor), min(var(--room) / (1 + var(--still) * var(--spread)), (var(--room) + var(--above) - 4px) / (1 + var(--over) + var(--still) * var(--spread))), var(--ring-most)));margin-top:max(0px, var(--over) * var(--w) + 4px - var(--above))}@media (prefers-reduced-motion:reduce){:root:is([data-layout^=tablet],[data-layout=pc]) .presence-box{--still:1}:root:is([data-layout^=tablet],[data-layout=pc]) .presence-box .presence{gap:max(var(--gap), var(--spread) * var(--w) + 6px)}}.presence-box:has(.presence-line){--words:calc(var(--word-room) + var(--line-room))}:root[data-layout=phone] .presence-box:has(.presence-trouble){--words:80px}:root[data-layout=phone] .table-fight .presence-box:has(.presence-trouble){--words:72px}:root[data-layout=phone] .presence-trouble{gap:8px}:root[data-layout=phone-side] .presence-box:has(.presence-trouble){--words:82px}.rail{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.rail>.party{flex:0 auto;min-height:0}:root:is([data-layout=tablet-landscape],[data-layout=pc]) .rail>.party{flex:auto}.adventure-title{font-family:var(--font-display), serif;margin:0;font-size:34px;font-weight:600;line-height:1.2}:root[data-layout^=tablet] .table .adventure-title:after{content:"";background:linear-gradient(90deg, var(--crimson-hover), var(--gold));width:112px;height:2px;margin:8px auto 0;display:block}:root[data-layout=tablet-landscape] .table .adventure-title:after{margin-left:0}:root[data-layout=pc] .table .topbar{border-bottom:2px solid #0000;border-image:linear-gradient(90deg, var(--crimson-hover), var(--gold) 40%, transparent 85%) 1}.adventure-session{color:var(--text-2);margin:4px 0 0;font-size:15px}:root[data-layout=pc] .stage{--above:32px;padding:32px var(--cap);grid-template-columns:minmax(0,1fr) 480px;gap:32px}:root[data-layout=pc] .table{--ring-least:160px;--ring-most:320px;--word-room:56px;--line-room:50px}:root[data-layout=tablet-landscape] .stage{--above:calc(24px + 34px * 1.2 + 10px + 16px);grid-template-columns:calc(58vw - var(--gutter) - 12px) minmax(0, 1fr)}:root[data-layout=tablet-landscape] .table{--ring-least:140px;--ring-most:240px}:root[data-layout^=tablet] .table{--word-room:52px;--line-room:56px}:root[data-layout=tablet-landscape] .center>.adventure{max-width:100%}:root[data-layout=tablet-landscape] .table:has(dialog.charsheet[open]) .center{padding-right:calc(18vw + 4px)}:root:is([data-layout=pc],[data-layout=tablet-landscape]) .center>.presence-box,:root:is([data-layout=pc],[data-layout=tablet-landscape]) .center>.play-actions{margin-top:auto}:root[data-layout=tablet-landscape] .adventure-title,.title-row .adventure-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rail-head{flex:none;justify-content:flex-end;gap:12px;display:flex}:root[data-layout=tablet-portrait] .stage,:root[data-layout=phone] .stage{grid-template-rows:minmax(min-content,1fr) minmax(0,auto);grid-template-columns:minmax(0,1fr)}:root[data-layout=tablet-portrait] .table{--ring-most:200px}:root[data-layout=tablet-portrait] .table:not(.table-fight) .stage{grid-template-rows:minmax(0,1fr) auto}:root[data-layout=tablet-portrait] .stage{--above:calc(24px + 34px * 1.2 + 10px + 8px);gap:12px;padding-bottom:0}:root[data-layout=tablet-portrait] .center{gap:8px}:root[data-layout=tablet-portrait] .trouble-band{padding:8px 16px}.title-row{grid-template-columns:56px minmax(0,1fr) 56px;align-self:stretch;align-items:center;gap:12px;display:grid}.title-space{width:56px}:root[data-layout=phone] .table{--ring-most:180px;grid-template-rows:auto minmax(0,1fr) auto minmax(0,8px)}:root[data-layout=phone] .table:not(.table-fight){grid-template-rows:auto minmax(min-content,1fr) auto minmax(0,8px)}:root[data-layout=phone] .stage{--above:16px;padding:16px var(--gutter) 0;gap:0}:root[data-layout=phone-side] .stage{--stage-pad-y:16px;--above:var(--stage-pad-y);padding:var(--stage-pad-y) var(--gutter);grid-template-columns:40% minmax(0,1fr);gap:16px}:root[data-layout=phone-side] .table{--ring-most:140px;--word-room:40px;--line-room:62px}:root[data-layout=phone-side] .center{justify-content:flex-start;gap:8px}:root[data-layout=phone-side] .play-row{margin-top:auto}:root[data-layout=phone] .party{padding:12px}:root[data-layout=phone] .party:not(.party-fight){padding:11px}:root[data-layout=phone] .party-six:not(.party-fight){padding:5px 11px}:root[data-layout=phone-side] .party:not(.party-fight){padding:7px}:root[data-layout^=phone] .party:has(.members>.member:not(.member-joining))>.party-head{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;min-height:0;position:absolute;overflow:hidden}:root[data-layout^=phone] .party:has(.members>.member:not(.member-joining))>.party-head button{display:none}:root[data-layout=phone] .table-fight,:root[data-layout=phone-side] .table-fight{--ring-least:72px}:root[data-layout=phone] .table:has(.party-eight){--ring-least:72px}:root{--over:.45;--gap:14px;--rip2:1.24;--speak-line:2px}:root[data-layout^=phone]{--over:.25;--rip2:1.62;--speak-line:1.5px}.presence{--c:var(--listening);--w:clamp(140px, 22vw, 220px);--circle:100%;--line:3px;--rip1:1.12;--arc1:1.08;--arc2:1.16;--arc3:1.24;align-items:center;gap:var(--gap);flex-direction:column;display:flex}:root[data-layout^=phone] .presence{--circle:60%;--line:2px;--rip1:1.33;--arc1:1.2;--arc2:1.4;--arc3:1.6}:root[data-layout=phone-side] .presence{--gap:8px}.presence-listening{--line:2px}.presence-hearing{--c:var(--hearing)}.presence-speaking,:root[data-layout^=phone] .presence-speaking{--c:var(--gold);--line:var(--speak-line)}.picture-strip .presence-speaking{--line:1.5px}.presence-thinking{--c:var(--thinking)}.presence-paused{--c:var(--text)}.presence-trouble{--c:var(--info)}.ring{isolation:isolate;width:var(--w);aspect-ratio:1;place-items:center;display:grid;position:relative}.face{width:var(--circle);aspect-ratio:1;border:var(--line) solid var(--c);background:radial-gradient(circle at 50% 40%, #2a201b, var(--bg) 72%);border-radius:50%;transition:border-color .2s,box-shadow .2s;position:relative}.presence-trouble .face{border-style:dashed}.presence-paused .face{background:0 0;border-color:#0000}.presence:is(.presence-listening,.presence-hearing,.presence-speaking,.presence-thinking) .ring:before{content:"";inset:calc(-100% * var(--over));z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--crimson) 22%, transparent), color-mix(in srgb, var(--crimson) 8%, transparent) 55%, transparent);border-radius:50%;position:absolute}.presence.presence-speaking .ring:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--crimson-hover) 34%, transparent), color-mix(in srgb, var(--crimson-hover) 12%, transparent) 55%, transparent)}.hat{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:62%;height:auto;transition:opacity .2s;position:absolute;top:12%;left:19%}@starting-style{.hat{opacity:0}}.ripple,.arc,.orbit,.diamond{inset:calc(-1 * var(--line));pointer-events:none;border-radius:50%;position:absolute}.ripple{border:1.5px solid var(--voice-crimson);transform:scale(var(--rip1));opacity:.45}.ripple+.ripple{transform:scale(var(--rip2));opacity:.25}.arc{border:2px solid #0000;border-left-color:var(--c);border-right-color:var(--c);transform:scale(var(--arc1));opacity:.8}.arc:nth-child(2){transform:scale(var(--arc2));opacity:.55}.arc:nth-child(3){transform:scale(var(--arc3));opacity:.3}.orbit{transform:rotate(-30deg)}.diamond:nth-child(2){transform:rotate(120deg)}.diamond:nth-child(3){transform:rotate(240deg)}.diamond:before{content:"";aspect-ratio:1;background:var(--c);width:clamp(6px,6%,16px);position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.pause-mark{justify-content:center;align-items:center;gap:16%;display:flex;position:absolute;inset:0}.pause-mark span{background:var(--c);border-radius:4px;width:13%;height:46%}.presence-label{color:var(--text-2);margin:0;font-size:30px;font-weight:600;line-height:1.2;transition:color .2s}:root[data-layout=pc] .presence-label{font-size:32px}:root[data-layout=phone] .presence-label{font-size:26px}:root[data-layout=phone-side] .presence-label{font-size:22px}.presence-hearing .presence-label{color:var(--hearing)}.presence-speaking .presence-label{color:var(--gold-hi)}.presence-thinking .presence-label{color:var(--thinking)}.presence-paused .presence-label,.presence-trouble .presence-label{color:var(--text)}.presence-trouble .presence-label .spinner{vertical-align:-.1em;margin-right:.35em}.presence-line{max-width:30em;color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:-6px 0 0;font-size:18px;line-height:1.3;display:-webkit-box;overflow:hidden}:root[data-layout=pc] .presence-line{font-size:16px}:root[data-layout=phone] .presence-line{font-size:17px}:root[data-layout=phone-side] .presence-line{-webkit-line-clamp:3;line-clamp:3;font-size:15px}:root:is([data-layout^=tablet],[data-layout=pc]) .presence-listening .face{animation:4s ease-in-out infinite presence-breath}:root:is([data-layout^=tablet],[data-layout=pc]) .presence-speaking .face{box-shadow:0 0 min(48px, var(--w) / 4) color-mix(in srgb, var(--voice-crimson) 45%, transparent)}.presence-speaking .ripple{animation:2.4s ease-out infinite presence-out}.presence-speaking .ripple+.ripple{animation-delay:-1.2s}.presence-hearing .arc{animation:1.8s ease-in infinite presence-in}.presence-hearing .arc:nth-child(2){animation-delay:-.6s}.presence-hearing .arc:nth-child(3){animation-delay:-1.2s}.presence-thinking .orbit{animation:2.4s linear infinite presence-orbit}:root:is([data-layout^=tablet],[data-layout=pc]) .stage{overflow:clip}@keyframes presence-breath{50%{border-color:#a38a5e}}@keyframes presence-out{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes presence-in{0%{opacity:0;transform:scale(1.3)}40%{opacity:.8}to{opacity:0;transform:scale(1)}}@keyframes presence-orbit{0%{transform:rotate(-30deg)}to{transform:rotate(330deg)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--info);border-top-color:#0000;border-radius:50%;flex:none;width:.9em;height:.9em;animation:1s linear infinite spin;display:inline-block}.steps{text-align:left;flex-direction:column;gap:12px;min-width:0;max-width:100%;margin:0;padding:0;font-size:16px;list-style:none;display:flex}.steps li{min-width:0;color:var(--text-2);align-items:center;gap:12px;display:flex}.steps .step-done,.steps .step-now{color:var(--text)}.step-mark{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.step-done .step-mark{color:var(--success)}.steps .spinner{border-color:var(--gold);border-top-color:#0000;width:16px;height:16px}.step-later .step-mark:before{content:"";border:1.5px solid var(--text-2);border-radius:50%;width:8px;height:8px}.step-words{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ready-steps{flex-direction:column;gap:16px;min-width:0;display:flex}.getting-ready{flex-direction:column;gap:16px;display:flex}.getting-ready .ready-line{color:var(--text);font-size:17px}.getting-ready .slow-line{font-size:17px}.menu-kept:not([hidden]){display:contents}.trouble .steps{margin:4px auto 0}:root[data-layout=phone-side] .join:has(.getting-ready){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;column-gap:32px;max-width:760px;display:grid}:root[data-layout=phone-side] .join:has(.getting-ready)>*{grid-column:1}:root[data-layout=phone-side] .getting-ready{display:contents}:root[data-layout=phone-side] .getting-ready .ready-line{grid-column:1}:root[data-layout=phone-side] .getting-ready .ready-steps{grid-area:1/2/span 3;align-self:center}.trouble-band{background:var(--info-ground);border-top:1px solid var(--info);border-bottom:1px solid var(--info);color:var(--text);text-align:center;flex:none;justify-content:center;align-self:stretch;align-items:center;gap:12px;padding:12px 16px;font-size:18px;line-height:1.3;display:flex}:root[data-layout=pc] .trouble-band{font-size:16px}:root[data-layout=tablet-landscape] .center>.adventure:has(+.trouble-band){margin-bottom:0}:root[data-layout=tablet-landscape] .center>.trouble-band{margin-bottom:auto}:root[data-layout=phone] .center:has(.presence-trouble:not(.presence-voice-stopped)){background:var(--info-ground);border:1px solid var(--info);border-radius:var(--radius);padding:8px}:root[data-layout=phone-side] .presence-box:has(.presence-trouble){background:var(--info-ground);border:1px solid var(--info);border-radius:var(--radius);padding:8px}.edge{z-index:9;pointer-events:none;--edge:transparent;box-shadow:inset 0 0 6px 3px var(--edge);transition:box-shadow .2s,border-color .2s;position:fixed;inset:0}:root[data-layout^=phone] .edge{box-shadow:none;border:4px solid var(--edge)}.edge-hearing{--edge:var(--hearing)}.edge-thinking{--edge:var(--thinking)}.edge-trouble{--edge:var(--info)}.edge-listening,.edge-speaking,.edge-paused{display:none}:root[data-layout^=phone] :is(.presence,.presence *,.edge){box-shadow:none;filter:none}:root[data-layout^=phone] :is(.presence,.presence *,.edge):not(.ripple,.arc,.orbit,.spinner){animation:none}.pause{background:var(--surface-2);border:1.5px solid var(--text-2);border-radius:var(--radius);min-width:0;min-height:64px;color:var(--text);justify-content:center;align-items:center;gap:14px;padding:0 24px;font-size:1.25rem;font-weight:700;display:inline-flex}.pause:not(:disabled):hover{border-color:var(--text)}.pause-icon{border-left:6px solid;border-right:6px solid;flex:none;width:18px;height:22px}:root[data-layout=pc] .pause,:root[data-layout=phone-side] .pause{min-height:56px}.dice-open,.sound-open,.more-open{min-height:var(--tap);min-width:var(--tap);background:var(--surface-2);border-color:var(--divider);color:var(--text);justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:inline-flex}.more-open{padding:0}.dice-open{background:var(--crimson);border:1.5px solid var(--crimson)}.dice-open:not(:disabled):is(:hover,:active){background:var(--crimson-hover);border-color:var(--crimson-hover)}.dice-open.dice-quiet{background:var(--surface-2);border-color:var(--text-2)}.dice-open.dice-quiet:not(:disabled):is(:hover,:active){background:var(--surface-2);border-color:var(--text)}.sound-icon{display:inline-flex;position:relative}.sound-note{background:var(--gold);width:16px;height:16px;color:var(--bg);text-align:center;border-radius:50%;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-8px;right:-8px}.play-actions{flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.play-actions .pause{min-width:var(--pause-w)}.play-actions .dice-open{min-width:96px}:root:is([data-layout=pc],[data-layout=tablet-landscape]) .center>.play-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-self:stretch;display:grid}:root:is([data-layout=pc],[data-layout=tablet-landscape]) .center>.play-actions .dice-open{grid-column:1;justify-self:end}:root:is([data-layout=pc],[data-layout=tablet-landscape]) .center>.play-actions .pause{grid-column:2}:root[data-layout=pc] .play-actions .dice-open{min-height:56px}.play-row{align-self:stretch;gap:8px}.play-row .pause{flex:auto;min-width:0;padding:0 12px}.play-row .dice-open{min-width:56px;padding:0 8px}.bottombar{padding:4px var(--gutter);grid-area:bar;align-items:center;gap:8px;min-height:72px;display:flex}.bottombar .pause{flex:auto}.bottombar .dice-open{padding:0 8px}:root[data-layout=tablet-portrait] .bottombar{padding:12px var(--gutter);gap:12px}:root[data-layout=tablet-portrait] .bottombar .dice-open{padding:0 20px}dialog.menu{color:var(--text);background:var(--surface);border:1px solid var(--divider);margin:0;padding:0;overflow:hidden}dialog.menu[open]{flex-direction:column;display:flex}.menu-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}dialog.menu-anchored{border-radius:var(--radius);width:320px;max-height:calc(100dvh - 120px);position:fixed;inset:auto;box-shadow:0 12px 40px #0009}dialog.menu-anchored::backdrop{background:0 0}dialog.menu-anchored.menu-wide{width:320px}dialog.menu-anchored .menu-body{padding:6px 0}dialog.menu-sheet{width:100vw;max-width:100vw;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:20px 20px 0 0;position:fixed;inset:auto 0 0}dialog.menu-page{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);border:0;position:fixed;inset:0}dialog.menu-sheet::backdrop,dialog.menu-page::backdrop{background:#0000008c}.menu-top{min-height:56px;padding:0 var(--gutter) 0 calc(var(--gutter) - 6px);border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:12px;display:flex}.menu-x{border-color:#0000;min-width:44px;min-height:44px;padding:0 12px;font-size:1.2rem;line-height:1}:root:not([data-input=key]) .menu-x:focus-visible,:root:not([data-input=key]) dialog button:focus-visible{outline:none}.menu-title{min-width:0}.menu-title-name{font-family:var(--font-display), serif;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:600}.menu-title-session{color:var(--text-2);margin:0;font-size:13px}.menu-heading{margin:0;font-size:1.05rem;font-weight:600}.menu-rows{margin:0;padding:0;list-style:none}.menu-row{width:100%;min-height:56px;padding:0 var(--gutter);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:14px;display:flex}.menu-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;padding:8px 0;display:flex}.menu-row-main{justify-content:space-between;gap:12px;display:flex}.menu-row-value{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.menu-row-under{color:var(--text-2);font-size:.85rem}.menu-row-icon{width:20px;height:20px;color:var(--gold-hi);flex:none;place-items:center;display:grid}.menu-row-icon svg{width:20px;height:20px}dialog.menu-anchored .menu-row{min-height:48px;padding:0 18px}.menu-row:focus-visible{outline-offset:-4px;border-radius:10px}@media (hover:hover){.menu-row:not(:disabled):hover{background:var(--surface-2)}}.menu-divider{border:0;border-top:1px solid var(--divider);margin:6px 0}.menu-sheet .menu-body,.menu-page .menu-body{padding:8px 0}.menu .sound-controls{padding:0 var(--gutter)}dialog.menu-anchored .sound-controls{padding:0 18px}.menu .sound-controls>.setting:first-child{border-top:0}.menu .sound-controls .setting{gap:8px;padding:10px 0}.menu .sound-controls .setting .setting{border-top:0;padding:0}.sound-where{border-top:1px solid var(--divider);padding:12px 0}.end-card{margin:8px var(--gutter,16px);background:var(--surface-2);border:1px solid var(--text-2);border-radius:var(--radius);text-align:left;flex-direction:column;gap:14px;padding:16px;display:flex}.left-line{text-align:center}.leave-card{scroll-margin-block:24px}dialog.menu-anchored .end-card{margin:6px 10px}.end-ask{margin:0;font-weight:600}.end-card .end-actions{justify-content:stretch}.end-card .end-actions button{white-space:nowrap;flex:auto;padding:0 12px}.party{--row-h:88px;--row-gap:8px;--token:60px;--name:22px;--hp:32px;--meta:15px;--save-size:18px;background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius);padding:4px 18px 12px}.party-head .section-title{margin:0;font-size:13px}:root[data-layout=pc] .party-head .section-title{font-size:12px}:root:is([data-layout^=tablet],[data-layout=pc]) .party-six{--row-gap:4px}.party-empty{border:1px dashed var(--divider);border-radius:var(--radius);min-height:64px;color:var(--text-2);text-align:center;justify-content:center;align-items:center;margin:0;padding:8px 16px;display:flex}.party>.members{animation:.2s party-in}@keyframes party-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.party>.members{animation:none}}:where(:root[data-layout=pc]) .party{--row-h:72px;--token:48px;--meta:14px}:where(:root[data-layout=phone]) .party{--row-h:64px;--name:20px;--hp:26px;--meta:13px;--save-size:16px}:where(:root[data-layout=phone]) .party-six{--row-h:56px;--row-gap:6px}:where(:root[data-layout=phone-side]) .party{--row-h:48px;--row-gap:4px;--name:18px;--hp:22px;--meta:13px;--save-size:14px}:where(:root[data-layout=phone-side]) .party-six{--row-h:42px;--name:17px;--hp:20px}:where(:root[data-layout=phone]) .party-eight{--row-h:48px;--row-gap:4px;--name:18px;--hp:22px;--meta:13px;--save-size:14px}:where(:root[data-layout=phone-side]) .party-eight{--row-h:48px;--name:18px;--hp:22px}:root[data-layout=phone-side] .party-eight:not(.party-fight)>.members{grid-template-rows:repeat(var(--side-rows,4), var(--row-h));column-gap:8px;row-gap:var(--row-gap);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;display:grid}:root[data-layout=phone-side] .party-eight:not(.party-fight)>.members>.status-dying{order:-1;grid-column:1/-1}:root:is([data-layout^=tablet],[data-layout=pc]) .party-rows-72{--row-h:72px;--token:48px;--name:20px;--hp:28px;--meta:14px}:root:is([data-layout^=tablet],[data-layout=pc]) .party-rows-64{--row-h:64px;--token:44px;--name:18px;--hp:26px;--meta:13px}:root:is([data-layout^=tablet],[data-layout=pc]) .party-rows-56{--row-h:56px;--token:40px;--name:17px;--hp:24px;--meta:13px}:root[data-layout=pc] :is(.party-rows-48,.party-rows-46){--row-h:48px;--token:36px;--name:17px;--hp:20px;--meta:13px;--save-size:14px}:root[data-layout=pc] .party-rows-46{--row-h:46px}.party-eight .member-joining .member-main{min-width:0}.party-eight .joining-line{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.party-eight .joining-fix{flex:none;min-height:44px}.members{gap:var(--row-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.member{height:var(--row-h);background:var(--surface-2);border-radius:var(--radius);--token-disc:var(--disc);align-items:center;gap:12px;padding:0 16px 0 12px;display:flex;position:relative}.member-open{z-index:1;border-radius:inherit;background:0 0;border:0;min-height:0;padding:0;position:absolute;inset:0}.member-token{width:var(--token);height:var(--token);flex:none}.member-main{flex-wrap:wrap;flex:auto;align-items:center;gap:4px 8px;min-width:0;display:flex;container:member/inline-size}.member-name{min-width:0;max-width:max-content;font-size:var(--name);flex:1 1 0;align-items:center;gap:8px;font-weight:600;line-height:1.2;display:inline-flex}.member-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.member-name .roll-mark{flex:none;margin-left:0}.member-name .level-mark{flex:none;margin-right:0}.member-role{display:none}.member-main>.saves,.member-line2{flex:1 0 100%;min-width:0}.member-line2{--line-fit:on;white-space:nowrap;align-items:center;gap:6px;display:flex;position:relative;overflow:hidden}.member-line2:empty{display:none}.member-joining{min-height:var(--row-h);height:auto}.member-joining:focus-visible{outline:3px solid var(--gold)}.party .member-open:focus-visible,.member-joining:focus-visible{outline-offset:1px}.joining-line{min-width:0;color:var(--text-2);flex:1 0 100%}:where(:root[data-layout^=phone]) .joining-line{font-size:12px;line-height:16px}.joining-fix{flex:none}.cs-menu [aria-disabled=true],.cs-edit[aria-disabled=true]{opacity:.4}.member-line2 .chips{flex-wrap:nowrap;flex:none}.member-line2 .chip,.line-measure-more{font-size:var(--meta);padding:1px 10px;line-height:1.3}.member-who,.line-measure-who{font-size:var(--meta);color:var(--text-2);white-space:nowrap}.member-who{min-width:0;overflow:hidden}.line-measure{visibility:hidden;pointer-events:none;white-space:nowrap;position:absolute;top:0;left:0}.line-measure>span{display:inline-block}.line-measure>span:before{content:attr(data-text)}.line-measure-more{border:1px solid var(--divider);border-radius:999px}.hp-text{font-size:var(--hp);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:700;line-height:1}.hp-max{color:var(--text-2);font-size:.75em;font-weight:600}.member .hp-zero .hp-now{color:var(--dying-frame)}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--divider);color:var(--text);text-rendering:geometricprecision;border-radius:999px;padding:3px 10px;font-size:.85rem}.chip-status{border-color:var(--crimson-hover);background:#9a102440;font-weight:600}.member .chip-status{font-size:var(--meta);flex:none;padding:1px 10px}.member.status-dying{background:var(--dying-bg);border:3px solid var(--dying-frame);--token-disc:var(--disc-dying);padding:0 13px 0 9px}.member.status-dying .chip-status{color:var(--text);border-color:var(--dying-frame);background:0 0}.member.status-stable{border:1px solid var(--stable-frame);padding:0 15px 0 11px}.member.status-stable .chip-status,.member.status-dead .chip-status{color:var(--text-2);border-color:var(--divider);background:0 0;font-weight:500}.status-dead{opacity:.6}@container member (min-width:220px){.member .save-word{display:inline}}:where(:root[data-layout^=phone]) .member{padding:0 16px}:where(:root[data-layout^=phone]) .member.status-dying{padding:0 13px}:where(:root[data-layout^=phone]) .member.status-stable{padding:0 15px}:where(:root[data-layout^=phone]) .member-token,:where(:root[data-layout^=phone]) .member-who{display:none}:where(:root[data-layout^=phone]) .members:not(.turns-out) .member-line2:not(.line-role),:where(:root[data-layout^=phone]) .members:not(.turns-out) .member-line2 .chips{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(:root[data-layout^=phone]) .members:not(.turns-out) .member-line2 .chip-more{display:none}:where(:root[data-layout^=phone]) .member-line2{--line-fit:off}:where(:root[data-layout^=phone]) .member-role{color:var(--text-2);flex:none;font-size:12px;line-height:16px;display:inline}:where(:root[data-layout^=phone]) .member-main{row-gap:2px}:where(:root[data-layout^=phone]) .member-name{flex:1 0 100%;max-width:100%}:where(:root[data-layout^=phone]) .member .chip-status{letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:12px;font-weight:600;line-height:16px}:where(:root[data-layout^=phone]) .member.status-dying .chip-status{color:var(--dying-frame)}:where(:root[data-layout^=phone]) .member.status-stable .chip-status,:where(:root[data-layout^=phone]) .member.status-dead .chip-status{text-transform:none;letter-spacing:0;font-size:var(--meta)}:where(:root[data-layout^=phone]) .member-main>.saves{flex:0 auto}:where(:root[data-layout^=phone]) .member .save-word{display:none}:where(:root[data-layout^=phone]) .member .hp-max{font-size:1em;font-weight:700}:where(:root[data-layout^=phone]) .member .hp-slash{margin:0 .2em}:where(:root[data-layout=phone-side]) .turns .member-main,:where(:root[data-layout=phone-side]) .turns-out .member-main{flex-wrap:nowrap}:where(:root[data-layout=phone-side]) .turns .member-name,:where(:root[data-layout=phone-side]) .turns-out .member-name{flex:0 auto;max-width:100%}:where(:root[data-layout=phone-side]) .turns .member-line2,:where(:root[data-layout=phone-side]) .turns-out .member-line2{flex:0 auto}:where(:root[data-layout=phone-side]) .turns .member-main>.saves,:where(:root[data-layout=phone-side]) .turns-out .member-main>.saves{flex:none}.token-track{fill:none;stroke:var(--divider);stroke-width:4px}.token-ring{fill:none;stroke-width:4px;stroke-linecap:butt}.token-high .token-ring{stroke:var(--success)}.token-half .token-ring{stroke:var(--text-2)}.token-disc{fill:var(--token-disc,var(--disc));stroke:var(--divider);stroke-width:1px;vector-effect:non-scaling-stroke}.token-zero .token-track{stroke:var(--dying-frame)}.paused{z-index:10;padding:max(24px, env(safe-area-inset-top)) var(--gutter) max(24px, env(safe-area-inset-bottom));text-align:center;background:var(--bg);flex-direction:column;justify-content:safe center;align-items:center;gap:22px;display:flex;position:fixed;inset:0;overflow-y:auto}.paused-title{font-family:var(--font-display), serif;padding-inline:var(--ink-room);color:var(--gold-hi);margin:0;font-size:clamp(2.4rem,7vw,4rem)}.paused-hint{margin:0;font-size:1.25rem}.paused-hint strong{color:var(--gold-hi)}.paused-head{flex-direction:column;align-items:center;gap:14px;display:flex}.bookend-mark{--circle:100%;--line:3px;aspect-ratio:1;flex:none;place-items:center;width:132px;display:grid}:root[data-layout^=phone] .bookend-mark{width:88px}.paused-side{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:row;align-items:stretch;gap:56px;overflow-y:hidden}.paused-left,.paused-right{flex-direction:column;min-height:0;display:flex}.paused-left{flex:0 0 calc(40% - 28px);align-items:center;gap:12px}.paused-left .paused-head{gap:6px;margin-block:auto}.paused-side .paused-title{font-size:26px}.paused-side .paused-first{color:var(--text-2);font-size:15px}.paused-side .resume{border-radius:var(--radius);width:100%;min-width:0;min-height:56px;font-size:1.15rem}.paused-right{min-width:0;padding-top:var(--tap);text-align:left;flex:1;justify-content:safe flex-end;gap:8px;overflow-y:auto}.paused-right .paused-hint{font-size:16px;line-height:1.35}.paused-right .help{font-size:14px;line-height:1.35}.paused-right .pause-actions,.paused-right .pause-divider{width:100%}.paused-right .pause-actions>button,.paused-right .pause-actions~button{min-height:48px}.paused-right .pause-actions{margin-top:4px}.paused-more{top:max(12px, env(safe-area-inset-top));right:var(--gutter);align-items:center;gap:8px;display:flex;position:absolute}.paused-shelf-left{top:max(12px, env(safe-area-inset-top));left:var(--gutter);position:absolute}:root[data-layout=pc] .paused-more .more-open{min-width:44px;min-height:44px}.paused-party{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.paused-chip{border:1px solid var(--divider);color:var(--text-2);text-rendering:geometricprecision;border-radius:999px;align-items:baseline;gap:6px;padding:4px 12px;font-size:15px;display:inline-flex}.paused-chip-name{color:var(--text)}.paused-chip-dying{background:var(--dying-bg);border-color:var(--dying-frame)}.paused-chip-dying .paused-chip-hp,.paused-chip-dying-word{color:var(--dying-frame);font-weight:600}.pause-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:min(100%,320px);display:flex}.paused .pause-actions:has(>:nth-child(2)){width:auto;max-width:100%}.pause-actions>button{white-space:nowrap;flex:0 auto}.pause-divider{border:0;border-top:1px solid var(--divider);width:min(100%,320px);margin:0}.resume{border-radius:20px;min-width:min(100%,320px);min-height:88px;font-size:1.35rem}.trouble-column{flex-direction:column;align-items:center;gap:16px;width:min(100%,480px);display:flex}.trouble-scene .adventure-title{font-size:22px}:root:is([data-layout^=tablet],[data-layout=pc]) .trouble-scene .adventure-title{font-size:26px}.trouble-head{gap:16px}.trouble-said{flex-direction:column;gap:10px;display:flex}.trouble .paused-title{font-size:clamp(26px,8vw,30px)}:root:is([data-layout^=tablet],[data-layout=pc]) .trouble .paused-title{font-size:40px}.trouble-first{margin:0;font-size:18px;line-height:1.4}.trouble .help{font-size:16px;line-height:1.4}.trouble-live{color:var(--text-2);align-items:center;gap:10px;margin:0;font-size:16px;display:inline-flex}.trouble-time{font-variant-numeric:tabular-nums}.trouble-stopped .spinner{border-color:var(--text-2);border-top-color:#0000}.trouble-actions{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.trouble-primary{width:min(100%,360px)}:root[data-layout=phone] .trouble-primary{width:100%}.trouble p,.presence-line{text-wrap:pretty}.trouble-back{min-height:44px;color:var(--text);text-underline-offset:3px;background:0 0;padding:0 16px;text-decoration:underline}.conn-note{border-radius:var(--radius);background:var(--info-ground);border:1px solid var(--info);color:var(--text);text-align:left;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.conn-note>svg{width:20px;height:20px;color:var(--info);flex:none;margin-top:1px}.conn-note p{margin:0;font-size:15px;line-height:1.4}.trouble-mark{--circle:100%;--line:3px;--c:var(--text-2);aspect-ratio:1;flex:none;width:120px;position:relative}:root:is([data-layout^=tablet],[data-layout=pc]) .trouble-mark{width:132px}:root[data-layout=phone-side] .trouble-mark{width:88px}.trouble-mark-lost{--c:var(--info)}.trouble-mark-lost .face{border-style:dashed}.trouble-windows{color:var(--text-2);position:absolute;inset:22%}.trouble-windows svg,.trouble-badge svg,.voice-off svg{width:100%;height:100%;display:block}.trouble-badge,.voice-off{border:2px solid var(--c);background:var(--bg);width:36px;height:36px;color:var(--c);border-radius:50%;padding:6px;position:absolute;top:85.36%;left:85.36%;transform:translate(-50%,-50%)}:root[data-layout^=phone] .trouble-badge{width:32px;height:32px}:root[data-layout=phone-side] .trouble-badge{width:28px;height:28px;padding:5px}.edge-over{z-index:11}.edge-lost{--edge:var(--info)}.edge-stopped{--edge:var(--text-2)}:root[data-layout=phone] .trouble{padding-block:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-bottom))}:root[data-layout=phone] .trouble-column{gap:10px}:root[data-layout=phone] .trouble-head,:root[data-layout=phone] .trouble-said{gap:6px}:root[data-layout=phone] .trouble-scene .adventure-title{font-size:18px}:root[data-layout=phone] .trouble-scene .adventure-session{margin-top:0;font-size:14px}:root[data-layout=phone] .trouble-first{font-size:16px;line-height:1.35}:root[data-layout=phone] .trouble .help,:root[data-layout=phone] .trouble .conn-note p{font-size:14px;line-height:1.35}:root[data-layout=phone] .trouble .conn-note{padding:8px 12px}:root[data-layout=phone] .trouble-actions{gap:0}.trouble.paused-side .paused-left .paused-head{gap:8px}.trouble.paused-side .paused-title{font-size:26px}.trouble.paused-side .trouble-primary{width:100%;min-height:56px}.trouble.paused-side .paused-right{gap:10px;padding-top:0}:where(:root[data-max-height~="360"]) .trouble.paused-side .paused-right{gap:5px}:where(:root[data-max-height~="360"]) .trouble.paused-side .trouble-first{font-size:15px;line-height:1.3}:where(:root[data-max-height~="360"]) .trouble.paused-side .help,:where(:root[data-max-height~="360"]) .trouble.paused-side .conn-note p{line-height:1.3}:where(:root[data-max-height~="360"]) .trouble.paused-side .conn-note{padding:6px 12px}:where(:root[data-max-height~="360"]) .trouble.paused-side .trouble-scene .adventure-session{margin:0}.trouble-elsewhere.paused-side .paused-right{justify-content:center}.trouble.paused-side .trouble-scene .adventure-title{font-size:18px}.trouble.paused-side .trouble-first{font-size:16px;line-height:1.35}.trouble.paused-side .help,.trouble.paused-side .conn-note p{font-size:14px;line-height:1.35}.trouble.paused-side .conn-note{padding:8px 12px}.trouble.paused-side .trouble-live{font-size:15px}.trouble.paused-side .trouble-back{align-self:flex-start;padding:0}.voice-off{--glyph-stroke:2.5px;aspect-ratio:1;width:max(44px,25%);height:auto;box-shadow:inset 0 0 0 2px var(--c);border:0;place-items:center;padding:0;display:grid}.voice-off svg{width:calc(50% - var(--glyph-stroke) / 2);aspect-ratio:20.5/16;height:auto;overflow:visible}.voice-off svg path{stroke-width:var(--glyph-stroke)}:root[data-layout=pc] .voice-off{--glyph-stroke:3px}:root[data-layout^=phone] .voice-off{--glyph-stroke:2px;width:max(24px,25%);box-shadow:inset 0 0 0 2px var(--c)}.presence-box:has(.presence-voice-stopped){--words:calc(var(--word-room) + var(--line-room) * 1.5)}.presence-voice-stopped .presence-line{-webkit-line-clamp:3;line-clamp:3}:root[data-layout^=phone] .presence-box:has(.presence-voice-stopped){--ring-least:72px}:root[data-layout^=phone] .presence-voice-stopped{--circle:100%}:root[data-layout=phone] .presence-box:has(.presence-voice-stopped){--text:118px;min-height:calc(var(--ring-least) + var(--text) + 8px);max-height:calc(var(--ring-most) + var(--text) + 50px)}:root[data-layout=phone] .table:not(.table-fight) .center{min-height:198px}:root[data-layout=phone] .table:not(.table-fight):has(.party-eight){grid-template-rows:auto minmax(0,1fr) auto minmax(0,8px)}:root[data-layout=phone] .table:not(.table-fight):has(.party-eight) .center{min-height:0}.party-eight:not(.party-fight){--more-h:24px;overscroll-behavior:contain;scroll-snap-type:y mandatory;scroll-padding-block:var(--pins-top,0px) var(--pins-bottom,0px);overflow-y:auto}.party-eight:not(.party-fight)>.party-head,.party-eight:not(.party-fight)>.members>li{scroll-snap-align:start}.party-eight:not(.party-fight)>.members{padding-bottom:var(--party-ground,0px)}.party-eight:not(.party-fight) .member.status-dying{top:var(--pin-top,0);bottom:var(--pin-bottom,0);z-index:2;position:sticky}.party-more{z-index:1;height:var(--more-h);pointer-events:none;color:var(--text-2);justify-content:center;align-items:center;font-size:13px;display:flex;position:sticky}.party-more-above{top:var(--pins-top,0);margin-bottom:calc(-1 * var(--more-h));background:linear-gradient(var(--surface) 40%, transparent)}.party-more-below{bottom:var(--pins-bottom,0);margin-top:calc(-1 * var(--more-h));background:linear-gradient(transparent, var(--surface) 60%)}:root[data-layout=phone] .presence-voice-stopped{--pad:clamp(3px, (100cqh - var(--text) - var(--ring-least) - 2px) / 2, 24px);padding:var(--pad);background:var(--info-ground);border:1px solid var(--info);border-radius:var(--radius)}:root[data-layout=phone] .presence-box .presence-voice-stopped .ring{width:clamp(var(--ring-least), 100cqh - var(--text) - 2px - 2 * var(--pad), var(--ring-most))}@container not (min-height:240px){:root[data-layout=phone] .presence-voice-stopped{--pad:3px;justify-content:center;min-height:100cqh;padding:3px 4px}}:root[data-layout=phone] .presence-box:has(.presence-voice-stopped){--words:112px}:root[data-layout=phone] .table-fight .presence-box:has(.presence-voice-stopped){--words:112px}:root[data-layout=phone-side] .presence-box:has(.presence-voice-stopped){--words:132px}:root[data-layout^=phone] .presence-voice-stopped{gap:4px}:root[data-layout^=phone] .presence-voice-stopped .presence-line{-webkit-line-clamp:4;line-clamp:4;margin:0;font-size:15px;line-height:1.3}.notice{z-index:30;left:50%;bottom:max(24px, env(safe-area-inset-bottom));width:min(calc(100% - 2 * var(--gutter)), 560px);background:var(--surface-2);border:1px solid var(--gold);border-radius:12px;margin:0;padding:14px 18px;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #0009}.sheet{width:min(calc(100% - 2 * var(--gutter)), 600px);max-height:calc(100dvh - 2 * max(16px, env(safe-area-inset-top), env(safe-area-inset-bottom)));background:var(--surface);color:var(--text);border:1px solid var(--divider);border-radius:20px;padding:22px}.sheet::backdrop{background:#000000b3}:root[data-keyboard=up] dialog.sheet[open]:not([data-own-keyboard]){top:var(--seen-top,0px);max-height:var(--seen-height);bottom:auto}:root[data-keyboard=up][data-layout=phone-side] dialog.panel-page[open]:not([data-own-keyboard]){height:var(--seen-height);max-height:var(--seen-height)}:root[data-keyboard=up] .pinned-foot{position:static}:root[data-keyboard=up] dialog.sheet[open]:not([data-own-keyboard]):after{content:"";height:100px;display:block}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-head .section-title{margin:0}dialog.panel-page>.sheet-head{z-index:2;background:var(--surface);border-bottom:1px solid var(--divider);margin:-22px -22px 8px;padding:10px 22px;position:sticky;top:-22px}dialog.panel-page>.sheet-head+.setting{border-top:0}dialog.panel-page .sheet-x{border-color:#0000;order:-1;min-width:44px;padding:0;font-size:1.2rem}dialog.panel-page>.sheet-head:has(.sheet-x){justify-content:flex-start;gap:8px;padding-left:12px}.setting{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.setting-column{flex-direction:column;align-items:stretch}.setting-text{flex-direction:column;gap:4px;display:flex}.setting-name{font-weight:600}.switch{background:var(--surface-2);border-color:var(--divider);flex-shrink:0;min-width:96px}.switch[aria-checked=true]{background:var(--crimson);border-color:var(--crimson)}.switch-label{font-weight:600}.switch[aria-busy=true]{opacity:.7}.setting-text .help[role=status]:empty{margin-top:-4px}.segments{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.segment{background:var(--surface-2);border-color:var(--divider);padding:0 8px}.segment[aria-checked=true],.segment[aria-selected=true]{border-color:var(--gold);color:var(--gold-hi);background:#c49a491f;font-weight:600}.slider{width:100%;min-height:var(--tap);accent-color:var(--gold)}.sheet-tall{width:min(calc(100% - 2 * var(--gutter)), 720px)}.party-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:6px;display:flex}.ghost.small{min-height:44px;padding:0 14px;font-size:.9rem}.character{border-top:1px solid var(--divider);flex-direction:column;gap:14px;margin-top:16px;padding-top:16px;display:flex}.character-name{margin:0;font-size:1.25rem}.tell-field{flex-direction:column;gap:8px;display:flex}.tell-text,.tell-input{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--divider);border-radius:10px;width:100%;padding:10px 12px}.tell-text{resize:vertical}.tell-actions,.tell-other{align-items:center;gap:12px;display:flex}.segments-3{grid-template-columns:repeat(3,1fr)}.pronoun-row{container-type:inline-size}.segments.pronoun-segments{grid-template-columns:repeat(3,minmax(0,1fr))}.pronoun-segments .segment{white-space:nowrap}@container (max-width:339px){.pronoun-segments .segment{padding:0 6px}}@container (max-width:303px){.segments.pronoun-segments{grid-template-columns:minmax(0,1fr)}}@media (max-width:400px){.sheet-panel:has(.pronoun-row){padding-inline:8px}}.segments-2,.segments.segments-2{grid-template-columns:repeat(2,1fr);margin-bottom:12px}.sheet-foot{border-top:1px solid var(--divider);padding-top:14px}:root[data-layout=phone-side] dialog.panel-page{--pp-left:max(16px, env(safe-area-inset-left));--pp-right:max(16px, env(safe-area-inset-right));width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0 var(--pp-right) max(16px, env(safe-area-inset-bottom)) var(--pp-left);overscroll-behavior:contain;border:0;border-radius:0;margin:0;position:fixed;inset:0;overflow-y:auto}:root[data-layout=phone-side] dialog.panel-page>.sheet-head{z-index:2;height:calc(48px + env(safe-area-inset-top));margin:0 calc(-1 * var(--pp-right)) 8px calc(-1 * var(--pp-left));padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--divider);justify-content:flex-start;gap:8px;position:sticky;top:0}:root[data-layout=phone-side] dialog.panel-page>.sheet-head .section-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:17px;overflow:hidden}:root[data-layout=phone-side] dialog.panel-page>.sheet-head button{height:44px;min-height:44px}:root[data-layout=phone-side] dialog.panel-page>.sheet-head+.setting{border-top:0}:root[data-layout=phone-side] dialog.panel-page .slider{margin-inline:0}:root[data-layout=phone-side] dialog.panel-page .sheet-x{border-color:#0000;order:-1;min-width:44px;padding:0;font-size:1.2rem}:root[data-layout=phone-side] dialog.menu-page .menu-top{height:48px;min-height:48px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}:root[data-layout=phone-side] dialog.menu-page .menu-x{height:44px}:root[data-layout=phone-side] dialog.menu-page .menu-title-name{font-size:17px}:root[data-layout=tablet-landscape] dialog.charsheet .notice,:root[data-layout=pc] dialog.charsheet .notice{width:calc(100vw - var(--side-sheet-w) - 32px);left:16px;bottom:calc(max(24px, env(safe-area-inset-bottom)) + 80px);overflow-wrap:anywhere;transform:none}:root:is([data-layout^=phone],[data-layout=tablet-portrait]) dialog.charsheet>.notice{width:auto;margin:8px var(--cs-gutter);box-shadow:none;overflow-wrap:anywhere;flex:none;order:1;position:static;transform:none}:root:is([data-layout^=phone],[data-layout=tablet-portrait]) dialog.charsheet[open]>.cs-foot{order:2}:root[data-keyboard=up]:is([data-layout^=phone],[data-layout=tablet-portrait]) dialog.charsheet[open]>.notice{order:0}:root[data-layout=phone] .notice,:root[data-layout=tablet-portrait] .notice{bottom:calc(env(safe-area-inset-bottom) + 100px)}@media (max-width:520px){html,body{font-size:17px}.segments{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.end-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sheet-editor{flex-direction:column;gap:14px;display:flex}.editor-head{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.editor-foot{padding:14px 22px max(16px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--divider);flex-direction:column;gap:10px;margin:0 -22px -22px;display:flex;position:sticky;bottom:-22px}dialog.newgame .editor-foot{margin:0 calc(-1 * var(--pp-right,var(--pp))) 0 calc(-1 * var(--pp-left,var(--pp)));padding:14px var(--pp-right,var(--pp)) max(24px, env(safe-area-inset-bottom)) var(--pp-left,var(--pp));bottom:0}.note{border-left:3px solid var(--gold);background:var(--surface-2);border-radius:0 10px 10px 0;padding:10px 14px;font-size:.9rem}.note ul{margin:6px 0 0;padding-left:20px}.sheet-panel{background:var(--surface-2);border:1px solid var(--divider);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.sheet-panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);margin:0;font-size:.8rem}.panel-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper,.ability-score{align-items:center;gap:8px;display:flex}.step{background:var(--bg);border-color:var(--divider);min-width:44px;min-height:44px;padding:0;font-size:1.2rem}.num-stepper{align-items:center;gap:8px;display:flex}.num-stepper .step{color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;font-size:20px}.num-stepper .step:disabled{color:var(--text-2);opacity:.4}.num-stepper-field{text-align:center;font-variant-numeric:tabular-nums;flex:0 64px;min-width:64px;min-height:44px}.big{color:var(--gold-hi);text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:1.5rem}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.stat{background:var(--surface);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat-k,.ability-name{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-size:.75rem}.stat-v{font-variant-numeric:tabular-nums;font-size:1.4rem}.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.changed{border-radius:6px;animation:1.6s ease-out glow}@keyframes glow{0%{background:#c49a4973}to{background:0 0}}.was{color:var(--gold);margin-left:6px;font-size:.75rem;font-weight:500}.armor-select{flex:180px;width:auto;min-height:48px}.abilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:560px){.abilities{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:700px){.abilities{grid-template-columns:repeat(6,minmax(0,1fr))}.abilities.make-steppers{grid-template-columns:repeat(3,minmax(0,1fr))}}.make-steppers .num-stepper{max-width:100%}.make-steppers .num-stepper-field{flex:64px;min-width:calc(3ch + 10px);max-width:64px;padding-inline:4px}@media (max-width:400px){.make-steppers .ability{padding-inline:0}.make-steppers .num-stepper{gap:4px}}.ability{background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 4px;display:flex}.ability-mod{color:var(--gold-hi);font-size:1.6rem}.ability-score .step{min-width:40px;min-height:40px}.sheet-list{margin:0;padding:0;list-style:none;display:grid}.two-columns{column-gap:20px}@media (min-width:700px){.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.sheet-row,.history-row{border-bottom:1px solid var(--divider);align-items:center;gap:10px;min-width:0;padding:8px 0;display:flex}.history-row{flex-direction:column;align-items:flex-start;gap:2px}.row-main{overflow-wrap:break-word;flex:1;min-width:0}.row-main .chip{white-space:nowrap;vertical-align:1px;margin-left:6px;display:inline-block}@media (max-width:520px){.row-main .chip{margin:4px 0 0;display:table}}.row-sub{color:var(--text-2);font-size:.8rem}.prof{border:2px solid var(--divider);background:0 0;border-radius:50%;flex-shrink:0;width:26px;height:26px;min-height:26px;padding:0;box-shadow:0 0 0 9px #0000}.prof[data-p="1"]{background:var(--gold);border-color:var(--gold)}.prof[data-p="2"]{background:var(--gold-hi);border-color:var(--gold-hi);box-shadow:0 0 0 3px var(--surface-2), 0 0 0 5px var(--gold-hi)}.chip-beyond{color:#e9c27a;border-color:#d9a441}.chip-own{border-color:var(--info);color:#a9c3de}.chip-unchecked{color:var(--text-2)}.picker{flex-direction:column;gap:6px;display:flex}.picks{gap:6px;max-height:260px;display:grid;overflow-y:auto}.pick{text-align:left;background:var(--surface);border-color:var(--divider);justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 12px;display:flex}@media (hover:hover) and (pointer:fine){.pick:not(:disabled):hover{background:var(--surface-2)}}.picks:not(.maker-players) button:focus-visible,.picks:not(.maker-players) input:focus-visible{outline-offset:-3px}.sheet-panel .switch{min-width:120px}.sheet-panel .switch[aria-checked=false] .switch-label:after{content:": off";color:var(--text-2);font-weight:400}.sheet-panel .switch[aria-checked=true] .switch-label:after{content:": on"}.coins{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.coin{flex-direction:column;gap:4px;min-width:0;display:flex}.coin .tell-input{text-align:center;min-height:48px;padding:0 4px}.stepper .num{text-align:center;min-width:3ch}.maker{flex-direction:column;gap:12px;min-width:0;max-width:100%;display:flex}.maker>nav{min-width:0;max-width:100%}.segments.tabs-3{grid-template-columns:repeat(3,1fr);margin-bottom:12px}.segments.tabs-3 .segment{white-space:normal;line-height:1.15}.maker-steps{scrollbar-width:thin;gap:6px;max-width:100%;margin:0;padding:2px 5px 6px;list-style:none;display:flex;position:relative;overflow-x:auto}.step-chip{background:var(--surface);border-color:var(--gold);white-space:nowrap;align-items:center;gap:6px;max-width:15em;min-height:40px;padding:0 10px;display:inline-flex}.step-chip .step-title{text-overflow:ellipsis;overflow:hidden}.step-chip.done{border-color:var(--divider)}.step-chip[aria-current=step]{outline:2px solid var(--gold);outline-offset:1px}.maker .pick{flex-wrap:wrap;padding:6px 12px}.score-table,.raise{gap:8px;max-width:560px;display:grid}.score-table{grid-template-columns:minmax(0,1fr) auto 28px 104px;column-gap:8px}.score-head,.score-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;padding-inline:12px;display:grid}.score-head{color:var(--text);text-align:center;border-bottom:1px solid var(--divider);padding-bottom:6px;font-size:14px;font-weight:600}.score-head .score-head-result{text-align:right;white-space:nowrap;grid-column:span 2}.score-row{background:var(--surface);border-radius:12px;min-height:60px;padding-block:8px}.score-row.swapped{animation:.6s ease-out swapped}@keyframes swapped{0%{box-shadow:0 0 0 2px var(--gold-hi), 0 0 12px var(--gold-hi)}to{box-shadow:none}}@media (prefers-reduced-motion:reduce){.score-row.swapped{animation:none}}.score-name{grid-template-areas:"label""more";align-content:center;min-width:0;line-height:1.25;display:grid}.score-label{grid-area:label}.score-more,.score-name .score-hint{grid-area:more;align-self:start}.score-more{display:grid}.score-more.under-hint{visibility:hidden}.score-adds{color:var(--gold-hi);font-size:13px;font-weight:600}.score-note{color:var(--text-2);font-size:13px}.score-hint{color:var(--text-2);letter-spacing:normal;text-transform:none;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.score-control{justify-content:center;display:flex}.score-control .num-stepper-field{flex:none;width:64px}.score-button{font-variant-numeric:tabular-nums;background:var(--bg);border:1px solid var(--divider);border-radius:10px;place-items:center;width:56px;min-height:44px;padding:0;font-size:20px;font-weight:600;display:inline-grid}.score-button.held{box-shadow:0 0 0 2px var(--text);background:#f2ebdd24}.score-arrow{text-align:center;color:#7a6a5c;font-size:20px}.score-result{white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:6px;display:flex}.score-total{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.1}.score-mod{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.score-row.raised .score-arrow,.score-row.raised .score-total{color:var(--gold-hi)}:root[data-layout=phone] .score-table{grid-template-columns:minmax(0,1fr) 56px 20px 88px;column-gap:6px}:root[data-layout=phone] .score-head,:root[data-layout=phone] .score-row{padding-inline:10px}:root[data-layout=phone] .score-row{font-size:15px}:root[data-layout=phone] .score-table.stepped{grid-template-columns:auto 20px minmax(88px,1fr)}:root[data-layout=phone] .score-row.stepped{grid-template-areas:"name name name""control arrow result";row-gap:4px}:root[data-layout=phone] .score-table.stepped .score-head span:first-child{display:none}:root[data-layout=phone] .score-row.stepped .score-name{flex-wrap:wrap;grid-area:name;align-items:baseline;column-gap:10px;display:flex}:root[data-layout=phone] .score-row.stepped .score-more{display:contents}:root[data-layout=phone] .score-row.stepped .score-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:12px;font-weight:600}:root[data-layout=phone] .score-row.stepped .score-control{grid-area:control}:root[data-layout=phone] .score-row.stepped .num-stepper-field{width:52px;min-width:52px}:root[data-layout=phone] .score-row.stepped .score-arrow{grid-area:arrow}:root[data-layout=phone] .score-row.stepped .score-result{grid-area:result}.score-methods .segment{white-space:nowrap;padding:0 4px}.raise{border-top:1px solid var(--divider);margin-top:4px;padding-top:12px}.raise-line{margin:0}.raise .raise-to-background{justify-self:start;min-height:44px}.raise-name{color:var(--gold-hi);font-weight:600}.raise-row{gap:4px;display:grid}.raise-caption{color:var(--text-2);font-size:12px;font-weight:600}.raise-choices.segments{grid-template-columns:repeat(3,minmax(0,1fr))}.raise-choices .segment{min-height:44px;padding:0 4px}:root[data-layout=phone] .raise-choices .segment{padding:0 2px;font-size:14px}.segment.dimmed{opacity:.45}.raise-choices .segment[aria-pressed=true]{border-color:var(--gold);color:var(--gold-hi);background:#c49a491f}.raise-choices .segment[aria-checked=true],.raise-choices .segment[aria-pressed=true]{font-weight:inherit}.make-roll{justify-items:start;gap:4px;display:grid}.make-roll-button{min-height:56px}:root[data-layout=phone] .make-roll-button{width:100%}.rolled-scores{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}:root[data-layout=phone] .rolled-scores{grid-template-columns:repeat(3,minmax(0,1fr))}.rolled-score{background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.rolled-total{font-size:1.4rem}.rolled-faces{font-size:var(--meta);font-variant-numeric:tabular-nums;gap:6px;display:flex}.points-left{margin:0}.maker .pick[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 4px 0 0 var(--gold)}.maker .picks{max-height:340px}.maker .maker-players{max-height:none;overflow:visible}.maker-players .pick-new{color:var(--gold-hi)}.maker-level .num-stepper-field{flex:none;width:64px}.maker-players .pick-mark{width:28px;font-size:22px}.maker-players .pick-none{color:var(--text-2)}.pick[role=radio][aria-checked=true]{border-color:var(--gold)}.pick-lead{align-items:center;gap:12px;display:inline-flex}.pick-tick{border:1.5px solid var(--text-2);border-radius:50%;flex:none;width:28px;height:28px}.pick[aria-checked=true] .pick-tick{border-color:var(--gold);background:var(--gold) no-repeat center / 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23121010' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.pick-group{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin:6px 0 0;font-size:12px;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spell-level{color:var(--gold-hi);margin:6px 0 0}.spell-name{min-width:0;min-height:44px;color:var(--text);text-align:left;font:inherit;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:4px 0;display:flex}.spell-name .row-main{width:100%}.spell-row.unprepared .spell-name{opacity:.6}.spell-state{white-space:nowrap}.spell-state-under{display:none}@media (max-width:520px){.spell-state{display:none}.spell-state-under{display:block}}.spell-mark{border:1px solid var(--gold);min-width:1.5em;color:var(--gold-hi);text-align:center;vertical-align:2px;border-radius:6px;margin-left:6px;padding:0 5px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.spell-choose{flex-direction:column;gap:10px;display:flex}.spell-ability{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.spell-card{overflow-y:auto}.spell-facts{grid-template-columns:max-content 1fr;gap:4px 14px;margin:10px 0;display:grid}.spell-facts dt{color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;padding-top:2px;font-size:.85rem}.spell-facts dd{margin:0}.spell-text p{white-space:pre-line;margin:0 0 10px}.dice-who-head{color:var(--text);margin:4px 0 0;transition:color .2s}.dice-who-head.dice-who-ask{color:var(--gold-hi)}.dice-who{flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.dice-token{border-color:var(--divider);background:0 0;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:6px 8px;display:flex}.dice-token-on,.dice-token-ask{border-width:2px;padding:5px 7px}.dice-token-on{border-color:var(--gold);background:var(--surface-2)}.dice-token-ask{border-style:dashed;border-color:var(--gold-hi)}.dice-monogram{flex:none;width:56px;height:56px}.dice-name{font-size:.9rem}.dice-note{color:var(--text);border:1px solid var(--info);background:#6d8fb329;border-radius:10px;margin:0 0 12px;padding:10px 14px}.dice-mode{gap:4px;margin-bottom:8px;display:flex;container-type:inline-size}.dice-seg{white-space:nowrap;border-color:var(--divider);min-height:44px;color:var(--text);background:0 0;flex:auto;padding:0 4px}.dice-seg-on{background:var(--gold);border-color:var(--gold);color:var(--bg)}@container (max-width:309px){.dice-seg{font-size:14px}}.dice-roll{width:100%;min-height:72px;font-size:1.3rem}.dice-roll[aria-disabled=true]{opacity:.4}.dice-right{container-type:inline-size}.dice-row-dice{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}@container (min-width:372px){.dice-row-dice{grid-template-columns:repeat(7,minmax(0,1fr))}}.dice-die{background:var(--surface-2);border-color:var(--divider);min-width:0;height:56px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-weight:600;display:flex;position:relative}.dice-die-on{border:2px solid var(--gold)}.dice-die-count{background:var(--gold);min-width:20px;height:20px;color:var(--bg);text-align:center;border-radius:10px;padding:0 5px;font:700 12px/20px Inter,system-ui,sans-serif;position:absolute;top:2px;right:2px}.dice-die-picture{width:32px;height:32px;display:block}.dice-die-pair{width:32px;height:32px;display:block;position:relative}.dice-die-pair .dice-die-picture{width:26px;height:26px;position:absolute;top:0;left:0}.dice-die-pair .dice-die-picture+.dice-die-picture{top:6px;left:6px}.dice-die-name{font:600 12px/1.2 var(--font-ui), Inter, system-ui, sans-serif;color:var(--text-2)}.dice-die-on .dice-die-name{color:var(--text)}.dice-pick{align-items:center;gap:8px;height:44px;margin-top:8px;display:flex}.dice-pick-words{flex:1;min-width:0;position:relative;overflow:hidden}.dice-pick-line{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:600;line-height:24px;overflow:hidden}.dice-pick-small{font-size:14px}.dice-pick-sizer{visibility:hidden;white-space:nowrap;font-size:18px;font-weight:600;position:absolute;top:0;left:0}.dice-pick-most{color:var(--text-2);margin:0;font-size:14px;line-height:18px}.dice-clear{flex:none;min-height:44px}:root[data-layout=phone-side] dialog.dice.panel-page[open]{flex-direction:column;display:flex;overflow:hidden}:root[data-layout=phone-side] .dice-body{flex:1;grid-template-columns:minmax(0,1fr) max(372px,50% - 8px);gap:16px;min-height:0;display:grid}:root[data-layout=phone-side] .dice-left{overscroll-behavior:contain;min-height:0;overflow-y:auto}.dice-result{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;height:290px;margin:12px 0;display:flex;container-type:inline-size}:root:is([data-layout^=tablet],[data-layout=pc]) .dice-result{height:314px}.dice-result>.dice-wait{margin:auto 0}.dice-shown{flex-direction:column;align-items:center;gap:6px;display:flex}.dice-shown,.roll-ask-result:not(.roll-ask-waiting){animation:.2s ease-out dice-shown}@keyframes dice-shown{0%{opacity:0}}.dice-wait{color:var(--text-2);margin:0}.dice-total{font-variant-numeric:tabular-nums;border:3px solid #0000;border-radius:999px;margin:0;padding:4px 20px;font-size:96px;font-weight:700;line-height:1}:is(.dice-total,.roll-ask-total).dice-nat20{border-color:var(--gold)}:is(.dice-total,.roll-ask-total).dice-nat1{border-color:var(--dying-frame)}.dice-natural{margin:0;font-weight:600}.dice-faces{flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0;display:flex}.dice-face{font-variant-numeric:tabular-nums;font-size:32px;font-weight:600}.dice-dropped{color:var(--text-2);opacity:.6;text-decoration:line-through}.dice-row{flex-wrap:wrap;justify-content:center;gap:6px 10px;max-width:286px;margin:4px 0;display:flex}@container (max-width:299px){.dice-row{column-gap:4px}}.die{flex:none;width:64px;height:64px;display:inline-block;position:relative;container-type:size}.dice-row-few .die{width:88px;height:88px}.roll-ask-result .die{width:56px;height:56px}.die-picture{-webkit-user-select:none;user-select:none;display:block}.die>.die-picture{width:100%;height:100%}.die-number{color:var(--text);font-family:var(--font-ui), Inter, sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 1px var(--die-edge), 0 0 1px var(--die-edge), 0 0 2px var(--die-edge);font-weight:700;line-height:1;position:absolute}.die-number-two{letter-spacing:-.06em}.die-dropped .die-picture{opacity:.4}.die-dropped .die-number{color:var(--text-2)}.die-strike{background:var(--text-2);border-radius:2px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:8%;right:8%;transform:rotate(-20deg)}.die-nat20 .die-picture{filter:drop-shadow(1.75px 0 0 var(--gold-hi)) drop-shadow(-1.75px 0 0 var(--gold-hi)) drop-shadow(0 1.75px 0 var(--gold-hi)) drop-shadow(0 -1.75px 0 var(--gold-hi))}.die-nat1 .die-picture{filter:drop-shadow(1.75px 0 0 var(--dying-frame)) drop-shadow(-1.75px 0 0 var(--dying-frame)) drop-shadow(0 1.75px 0 var(--dying-frame)) drop-shadow(0 -1.75px 0 var(--dying-frame))}.die-shape polygon{fill:none;stroke:currentColor;stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.die-shape .die-shape-rim{stroke-width:2px}.news{color:var(--gold-hi);margin:0}.dice-last ul{margin:6px 0 0;padding:0;list-style:none}.dice-last li{border-top:1px solid var(--divider);padding:6px 0}.dice-last-who{font-weight:600}.dice-last-faces{color:var(--text-2)}:root:is([data-layout^=tablet],[data-layout=pc]) .dice-total{font-size:120px}@media (prefers-reduced-motion:reduce){.dice-shown,.roll-ask-result{animation:none}}.roll-ask-wrap{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:176px;display:flex}:root:is([data-layout^=tablet],[data-layout=pc]) .roll-ask-wrap{width:min(100%, var(--pause-w))}:root:is([data-layout=tablet-portrait],[data-layout^=phone]) .center:has(>:is(.roll-ask-wrap,.roll-ask-result))>.presence-box:not(:has(.presence-trouble)){--word-room:0px}:root:is([data-layout=tablet-portrait],[data-layout^=phone]) .center:has(>:is(.roll-ask-wrap,.roll-ask-result))>.presence-box:not(:has(.presence-trouble)) .presence-label{display:none}.roll-ask{text-align:left;background:var(--surface-2);border:2px solid var(--gold-hi);width:100%;min-height:64px;color:var(--text);align-items:center;gap:14px;padding:10px 16px;display:flex}.roll-ask-die{flex-shrink:0;width:40px;height:40px}.roll-ask-text{flex-direction:column;flex:1;min-width:0;display:flex}.roll-ask-who{font-size:1.5rem;font-weight:600;line-height:1.2}.roll-ask-what{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roll-ask-key{font:inherit;color:var(--text-2);border:1px solid var(--divider);border-radius:6px;padding:0 6px;font-size:.8rem;display:none}@media (hover:hover) and (pointer:fine){.roll-ask-key{display:inline-block}}.roll-ask-then{color:var(--text-2);margin:0;font-size:.85rem}.roll-ask-result{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;height:176px;display:flex}.roll-ask-result .dice-row{margin:0}.roll-ask-result .dice-face{font-size:24px}.roll-ask-total{font-variant-numeric:tabular-nums;border:3px solid #0000;border-radius:999px;margin:0;padding:0 16px;font-size:56px;font-weight:700;line-height:1}.roll-mark{vertical-align:-2px;width:18px;height:18px;color:var(--gold-hi);margin-left:8px;display:inline-flex}.roll-mark svg{width:100%;height:100%}:root[data-layout^=phone] .roll-ask-total{font-size:48px}:root[data-layout=phone-side] .roll-ask{min-height:56px}:root[data-layout=phone-side] :is(.roll-ask-wrap,.roll-ask-result){--ask-h:clamp(100px, 100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2 * var(--stage-pad-y) - 96px - max(0px, var(--over) * 96px + 4px - var(--stage-pad-y)) - 56px - 16px, 176px);width:100%;height:var(--ask-h)}:root[data-layout=phone-side] .roll-ask-wrap{gap:clamp(4px, var(--ask-h) - 92px, 8px)}.roll-ask-warn{display:none}:root[data-layout=phone-side] .roll-ask-wrap .error{text-align:center;max-height:36px;color:var(--text);background:0 0;border:0;border-radius:0;padding:0;font-size:13px;line-height:18px}:root[data-layout=phone-side] .roll-ask-wrap .roll-ask-warn{vertical-align:-2px;color:var(--error);margin-right:6px;display:inline-block}:root[data-layout=phone-side] .center:has(>:is(.roll-ask-wrap,.roll-ask-result))>.presence-box{--ring-least:72px}:root[data-layout=phone-side] .roll-ask-wrap:has(.error) .roll-ask-then{display:none}:root[data-layout=phone-side] .center:has(>:is(.roll-ask-wrap,.roll-ask-result))>.presence-box:not(:has(.presence-trouble)){--line-room:0px}:root[data-layout=phone-side] .center:has(>:is(.roll-ask-wrap,.roll-ask-result))>.presence-box:not(:has(.presence-trouble)) .presence-line{display:none}:root[data-layout=phone-side] .roll-ask-result:not(.roll-ask-waiting){justify-content:flex-start;gap:8px;padding-top:8px}.roll-ask-line{justify-content:center;align-items:center;gap:8px;height:56px;margin:0;display:flex}.roll-ask-line .dice-row{flex-wrap:nowrap;gap:8px}.roll-ask-line .die{width:44px;height:44px}.roll-ask-line .roll-ask-total{padding:0 8px}.roll-ask-line .dice-faces{text-align:center;text-wrap:balance;margin:0;line-height:24px;display:block}.roll-ask-line .dice-faces .dice-face{margin:0 2px;display:inline-block}.roll-ask-line .dice-face{font-size:20px}:root[data-layout=phone-side] .roll-ask-result .side-news{width:100%;height:20px;color:var(--text-2);white-space:nowrap;justify-content:center;margin:0;font-size:13px;line-height:20px;display:flex;overflow:hidden}.side-news>[aria-hidden]{display:flex}.side-news-nat,.side-news-sep,.side-news-what{flex:none}.side-news-sep{white-space:pre}.side-news-cut>[aria-hidden],.side-news-cut .side-news-who{min-width:0}.side-news-cut .side-news-who{text-overflow:ellipsis;overflow:hidden}:root[data-layout=phone-side] .roll-ask-result .side-news-wrap{text-align:center;white-space:normal;height:40px;display:block}.side-news-wrap>[aria-hidden]{display:inline}.side-news-wrap :is(.side-news-nat,.side-news-who,.side-news-ability){white-space:nowrap}.side-news-wrap.side-news-cut .side-news-who{vertical-align:bottom;max-width:100%;display:inline-block}:root[data-layout=phone-side] .center:has(>:is(.roll-ask-wrap,.roll-ask-result))>.presence-box:has(.presence-voice-stopped){--ring-least:0px;--words:0px}:root[data-layout=phone-side] .center:has(>:is(.roll-ask-wrap,.roll-ask-result)) .presence-voice-stopped .ring{display:none}:root[data-layout=phone-side] .center:has(>:is(.roll-ask-wrap,.roll-ask-result)) .presence-voice-stopped .presence-label{font-size:18px}:root[data-layout=phone-side] .center:has(>:is(.roll-ask-wrap,.roll-ask-result))>.presence-box:has(.presence-voice-stopped){padding-left:4px;padding-right:4px}.menu-mark{vertical-align:-6px;background:var(--surface-2);border:1px solid var(--divider);width:28px;height:24px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.menu-mark svg{width:18px;height:18px}.presence-line .line-short,.presence-line-short .line-full{display:none}.presence-line-short .line-short{display:inline}:root[data-layout=phone-side] .center:has(>:is(.roll-ask-wrap,.roll-ask-result)) .presence-voice-stopped .presence-line{-webkit-line-clamp:2;line-clamp:2}:root[data-layout=phone-side] .roll-ask-who{font-size:1.2rem}.level-new{color:var(--gold-hi)}.level-mark{border:1px solid var(--gold-hi);color:var(--gold-hi);border-radius:999px;align-items:center;gap:6px;margin-right:auto;padding:2px 10px 2px 4px;font-size:.85rem;font-weight:600;display:inline-flex}.level-badge{background:var(--gold-hi);width:22px;height:22px;box-shadow:0 0 0 2px var(--surface-2);border-radius:50%;flex:none;position:relative}.level-badge:after{content:"";border-left:2px solid var(--bg);border-top:2px solid var(--bg);width:7px;height:7px;position:absolute;top:8px;left:7px;transform:rotate(45deg)}:where(:root[data-layout=phone]) .level-mark{border:0;padding:0}:where(:root[data-layout=phone]) .level-badge{width:20px;height:20px}:where(:root[data-layout=phone]) .level-badge:after{top:7px;left:6px}:where(:root[data-layout=phone]) .level-chip-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.member .voice-chip{font-size:var(--meta);color:var(--text-2);border-color:var(--text-2);background:0 0;flex:none;align-items:center;gap:4px;padding:1px 10px;display:inline-flex}.member .voice-chip-icon{padding:1px 6px}.voice-chip-icon .voice-chip-text{display:none}.voice-pencil{color:var(--text-2);flex:none;line-height:0;display:none}:where(:root[data-layout^=phone]) .member .voice-chip{display:none}:where(:root[data-layout^=phone]) .voice-pencil{display:inline-flex}.level-choose-box{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.level-choose{min-height:var(--tap);background:var(--surface-2);border:2px solid var(--gold-hi);color:var(--gold-hi);font-weight:600}.level-row{flex-wrap:wrap;gap:12px}.level-raise{min-height:var(--tap);border:1px solid var(--gold);color:var(--gold-hi);background:0 0;font-weight:600}.level-raise-words{display:inline-grid}.level-raise-words>span{grid-area:1/1}.level-raise-words>[aria-hidden=true]{visibility:hidden}.cs-scroll:has(>.level-up){flex-direction:column;display:flex}.cs-scroll>.level-up{flex:1 0 auto}.cs-scroll>.level-up>.editor-foot{margin-top:auto}.level-up .maker-steps{flex-wrap:wrap;overflow-x:visible}.level-up .step-chip{white-space:normal;text-align:start;max-width:100%}.level-up .step-chip .step-title{overflow:visible}.level-lower{min-height:44px;color:var(--text-2);background:0 0;padding:0 12px;font-size:.95rem}.level-progress{margin:6px 0}.level-bar{background:var(--surface-2);border-radius:999px;height:8px;margin-bottom:12px;overflow:hidden}.level-bar-fill{background:var(--gold);height:100%}.level-lower-ask{border:1px solid var(--divider);border-radius:var(--radius);background:var(--surface-2);margin:8px 0 14px;padding:14px}.level-lower-ask p{margin:0 0 10px}.level-up-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.level-up-waiting-actions{flex-wrap:wrap;gap:12px;display:flex}:root[data-layout=phone] .level-up-waiting-actions>*{white-space:nowrap;flex:auto}.level-rail-count{margin:0 0 6px}.hp-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hp-card{background:var(--surface-2);border:2px solid var(--divider);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:160px;padding:16px;display:flex}.hp-card[aria-pressed=true]{border-color:var(--gold-hi)}.hp-card:disabled[aria-pressed=true]{opacity:1}.hp-card-title{font-weight:600}.hp-card-big{font-variant-numeric:tabular-nums;color:var(--gold-hi);font-size:2.6rem;font-weight:700;line-height:1.1}.level-gives{margin-top:16px}.level-line{margin:10px 0}.level-card{border:1px solid var(--divider);border-radius:var(--radius);background:var(--surface);text-align:left;flex-direction:column;gap:8px;width:min(100%,480px);padding:16px;display:flex}.level-card-title{font-family:var(--font-display), serif;color:var(--gold-hi);margin:0;font-size:1.2rem}.level-card .help{margin:0}.level-card-row{min-height:var(--tap);background:var(--surface-2);border:1px solid var(--divider);text-align:left;align-items:center;gap:12px;padding:0 14px;display:flex}.level-card-row .row-main{flex:1}.chevron{color:var(--gold-hi);font-size:1.5rem}.celebration{z-index:30;padding:24px var(--gutter);text-align:center;background:var(--bg);box-shadow:inset 0 0 0 4px var(--gold), inset 0 0 48px #c49a4959;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.celebration-presence{position:relative}.celebration-rings{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.celebration-ring{border:3px solid var(--gold-hi);opacity:0;border-radius:50%;width:120px;height:120px;animation:1.2s ease-out forwards celebration-burst;position:absolute}.celebration-ring:nth-child(2){animation-delay:.15s}.celebration-ring:nth-child(3){animation-delay:.3s}@keyframes celebration-burst{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.celebration-title{font-family:var(--font-display), serif;color:var(--gold-hi);margin:0;font-size:64px;font-weight:600}.celebration-line{color:var(--text);margin:0;font-size:1.3rem}.celebration-along{color:var(--text);margin:0;font-size:1.1rem}.celebration-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:min(100%,1100px);margin:0;padding:0;list-style:none;display:grid}.celebration-card{border:1px solid var(--divider);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:4px;padding:16px;display:flex}.celebration-name{font-weight:600}.celebration-levels{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.celebration-go{min-width:min(100%,280px);min-height:64px}@media (min-width:1200px){.celebration-title{font-size:72px}}@media (max-width:520px){.celebration-title{font-size:40px}.celebration-cards{flex-direction:column;gap:0;display:flex}.celebration-card{background:0 0;border-width:0 0 1px;border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;min-height:56px;padding:0 14px}.celebration-levels{font-size:1.2rem}.hp-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.celebration-ring{opacity:.5;animation:none}.celebration-ring:nth-child(2){opacity:.3;transform:scale(1.5)}.celebration-ring:nth-child(3){opacity:.15;transform:scale(2)}.celebration .celebration-title,.celebration .celebration-line,.celebration .celebration-cards{animation:.2s ease-out both celebration-fade!important}}@keyframes celebration-fade{0%{opacity:0}to{opacity:1}}.party-fight{--row-h:var(--turn-party-h);--row-gap:var(--turn-gap);--token:44px;--turn-party-h:64px;--turn-other-h:48px;--turn-name:18px;--turn-gap:4px;--next-slot:36px;--list-end:6px;--more-h:24px;--save-size:18px;--turns-max:100%;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:8px 14px 14px 6px;display:grid}.party-fight>.round-line{grid-column:1;padding-bottom:4px}.party-fight>.party-foot{margin-right:var(--list-end);grid-area:1/2;padding:0}.party-fight>.turns-area{grid-column:1/-1;align-self:stretch;min-height:0}:where(:root[data-layout=pc]) .party-fight{--token:40px;--turn-party-h:56px;--turn-other-h:44px;--next-slot:34px}:where(:root[data-layout=phone]) .party-fight{--turn-party-h:48px;--turn-other-h:40px;--turn-name:17px;--next-slot:32px;--more-h:20px;--save-size:14px}:where(:root[data-layout=phone-side]) .party-fight{--turn-party-h:40px;--turn-other-h:40px;--turn-name:17px;--next-slot:32px;--more-h:20px;--save-size:14px}:root[data-layout=phone-side] .table-fight .stage{--stage-pad-y:8px}:where(:root[data-layout=phone-side]) .party-fight{padding-top:4px;padding-bottom:4px}.turns-area{position:relative}.turns-box{max-height:var(--turns-max);overscroll-behavior:contain;position:relative;overflow-y:auto}.round-line{white-space:nowrap;min-width:0;color:var(--text);align-items:baseline;margin:0;padding:2px 6px 8px 12px;font-size:1rem;font-weight:400;line-height:1.3;display:flex}.round-number,.turns-outside{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-size:13px;font-weight:600}:root:is([data-layout=pc],[data-layout^=phone]) :is(.round-number,.turns-outside){font-size:12px}.round-dot{color:var(--text-2);white-space:pre}.round-number,.round-dot{flex-shrink:0}.round-turn{text-overflow:ellipsis;min-width:0;overflow:hidden}.turns-edge{z-index:2;pointer-events:none;background:var(--surface);position:absolute;left:0;right:0}.turns-edge-top{box-shadow:0 -1px 0 var(--surface);top:0}.turns-edge-bottom{box-shadow:0 1px 0 var(--surface);bottom:0}.pins{padding:0 var(--list-end) 0 12px;background:var(--surface);pointer-events:auto;flex-direction:column;gap:4px;margin:0;list-style:none;display:flex}.pins-pairs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pins-pairs .pin-wide{grid-column:1/-1}.pins-pairs .pin .turn-next:empty{display:none}.turn-pinned{opacity:0}.pin.pin-focus{outline:3px solid var(--gold);outline-offset:3px}.turns-edge-top:not(.with-fade) .pins{border-bottom:1px solid var(--divider);padding-bottom:4px}.turns-edge-bottom:not(.with-fade) .pins{border-top:1px solid var(--divider);padding-top:4px}.turns-edge-top.with-fade .pins{padding-bottom:5px}.turns-edge-bottom.with-fade .pins{padding-top:5px}.pin{background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex;container-type:inline-size}.pin-token{flex:none;width:28px;height:28px}.pin.status-dying{--token-disc:var(--disc-dying)}:where(:root[data-layout^=phone]) .pin-token{display:none}.pin-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.pin-out .pin-name{color:var(--text-2)}.pin-hp,.pin-saves{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-weight:600}.pin-saves+.pin-hp,.pin .turn-next{margin-left:0}.pin-saves{flex-flow:row-reverse wrap;flex:auto;align-content:flex-start;align-items:center;gap:20px 6px;min-width:0;height:20px;display:flex;overflow:hidden}.pin.status-dying{gap:8px}.pin.status-dying .pin-name{flex-shrink:0;max-width:45%}.pin-hp{flex-shrink:0}.pin-dying{letter-spacing:.08em;text-transform:uppercase;color:var(--dying-frame);font-size:12px;line-height:20px}.pin.status-dying{background:var(--dying-bg);border:3px solid var(--dying-frame);padding:0 9px}.pin.status-dying .pin-hp-now{color:var(--dying-frame)}.saves{align-items:center;gap:12px;display:inline-flex}.save-group{align-items:center;gap:3px;display:inline-flex}.save{width:var(--save-size);height:var(--save-size);border:1.5px solid var(--text-2);border-radius:50%;flex-shrink:0}.save-ok.save-on{background:var(--text);border-color:var(--text)}.save-fail.save-on{border:0;border-radius:0;display:inline-flex}.save-fail svg{fill:none;width:100%;height:100%;stroke:var(--dying-frame);stroke-width:2px;stroke-linecap:round}.save-word{color:var(--text-2);margin-left:3px;font-size:.75rem;font-weight:400;display:none}@container (min-width:470px){.save-word{display:inline}}.turns-more{height:var(--more-h);color:var(--text-2);justify-content:center;align-items:center;margin:0;font-size:.8rem;line-height:1;display:flex;overflow:hidden}.turns-edge-top .turns-more{background:var(--surface);align-items:flex-start;padding-top:1px}.turns-edge-bottom .turns-more{background:var(--surface);align-items:flex-end;padding-bottom:1px}.turns-ground{background:var(--surface)}.turns{padding:4px var(--list-end) 6px 12px;gap:var(--turn-gap);flex-direction:column;margin:0;list-style:none;display:flex}.turns,.members{animation:.2s list-in}@keyframes list-in{0%{opacity:0}to{opacity:1}}.turn{outline-offset:2px;border-radius:10px;outline:2px solid #0000;transition:outline-color .2s;position:relative}.turn-now{outline-color:var(--gold)}.turn-now:before{content:"";background:var(--gold);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:-10px}.turn-other.turn-now{outline-offset:-1px}.turn-other.turn-now:before{content:none}:where(:root[data-layout^=phone]) .turn-now:before{border-left:4px solid var(--gold);background:0 0;border-radius:12px 0 0 12px;width:14px;top:-4px;bottom:-4px;left:-4px}.turn-next{flex:0 0 var(--next-slot);width:var(--next-slot);text-align:right;color:var(--text-2);white-space:nowrap;margin-left:auto;font-size:.75rem;font-weight:400}.turns .member,.turns-out .member{padding-right:8px}.turns .member-open,.turns-out .member-open{inset:calc(var(--turn-gap) / -2) 0}.turns .member.status-dying,.turns-out .member.status-dying{padding-right:5px}.turns .member .turn-next,.turns-out .member .turn-next{margin-left:0}.turn-row{width:100%;min-height:var(--turn-other-h);text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--divider);border-left:4px solid #0000;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:4px 12px;font-weight:400;display:flex}.turn-enemy .turn-row{border-left-color:var(--error)}.turn-other.turn-party .turn-row{border-left-color:var(--text-2)}.turn-down .turn-name{color:var(--text-2)}.turn-name{font-weight:600;font-size:var(--turn-name);overflow-wrap:anywhere;min-width:0;line-height:1.2}.turn-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-bloodied{border-color:var(--error);align-items:center;gap:5px;display:inline-flex}.chip-icon{width:9px;height:12px;fill:var(--error);flex-shrink:0}.cond-icon{width:16px;height:16px;color:var(--text-2);flex-shrink:0}:where(.turn-chips,.member-line2,.short-chips) .chip:where(:not(.chip-more)){align-items:center;gap:5px;display:inline-flex}.short-chips .cond-icon{width:20px;height:20px}:where(:root[data-layout^=phone]) .turns .cond-icon,:where(:root[data-layout^=phone]) .turns-out .cond-icon{display:none}.chip-down{color:var(--text-2);border-color:var(--text-2)}.chip-more{color:var(--text-2)}.chip-more-phone{display:none}:where(:root[data-layout=phone]) .turn-row{grid-template-columns:minmax(0, 1fr) auto var(--next-slot);column-gap:8px;display:grid}:where(:root[data-layout=phone]) .turn-name{white-space:nowrap;text-overflow:ellipsis;grid-column:1;overflow:hidden}:where(:root[data-layout=phone]) .turn-chips{flex-wrap:nowrap;grid-column:2}:where(:root[data-layout=phone]) .turn-row>.turn-next{grid-column:3}:where(:root[data-layout=phone]) .turn-chips .chip-later,:where(:root[data-layout=phone]) .turn-chips .chip-more-wide{display:none}:where(:root[data-layout=phone]) .turn-chips .chip-more-phone{display:inline-block}:where(:root[data-layout=phone]) .turn-chips+.turn-next{margin-left:0}:where(:root[data-layout=phone]) .turn-now:before{left:-6px}:where(:root[data-layout^=phone]) .turns .member-line2,:where(:root[data-layout^=phone]) .turns-out .member-line2{--line-fit:role;display:flex}:where(:root[data-layout^=phone]) .turns .member .chips>li.chip:nth-child(n+2):not(.chip-more),:where(:root[data-layout^=phone]) .turns-out .member .chips>li.chip:nth-child(n+2):not(.chip-more){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(:root[data-layout^=phone]) .turns .member .chips>.chip-more-wide,:where(:root[data-layout^=phone]) .turns-out .member .chips>.chip-more-wide{display:none}:where(:root[data-layout^=phone]) .turns .member .chips>.chip-more-phone,:where(:root[data-layout^=phone]) .turns-out .member .chips>.chip-more-phone,:where(:root[data-layout^=phone]) .turns .member-line2.line-folded .chips>.chip-more-wide,:where(:root[data-layout^=phone]) .turns-out .member-line2.line-folded .chips>.chip-more-wide{display:inline-block}:where(:root[data-layout^=phone]) .turns .member-line2.line-folded .chips>.chip-more-phone,:where(:root[data-layout^=phone]) .turns-out .member-line2.line-folded .chips>.chip-more-phone{display:none}:where(:root[data-layout^=phone]) .turns .member-line2 .chip,:where(:root[data-layout^=phone]) .turns-out .member-line2 .chip{letter-spacing:normal;text-transform:none;padding:2px 10px;font-size:12px;line-height:16px}:where(:root[data-layout^=phone]) .turns .member:is(.status-stable,.status-dead) .member-line2,:where(:root[data-layout^=phone]) .turns-out .member:is(.status-stable,.status-dead) .member-line2{flex:1 1 0}.turns-outside{margin:12px 0 6px 12px}.turns-out{padding:0 var(--list-end) 6px 12px}.party-foot{justify-content:flex-end;padding-top:10px;display:flex}dialog.short-page{--cs-gutter:16px;width:100vw;max-width:100vw;height:auto;max-height:90dvh;padding:0 0 env(safe-area-inset-bottom);border:1px solid var(--divider);background:var(--surface);color:var(--text);border-bottom:0;border-radius:20px 20px 0 0;margin:0;position:fixed;inset:auto 0 0;overflow:hidden}dialog.short-page[open]{flex-direction:column;display:flex}dialog.short-page::backdrop{background:#0000008c}.short-top{border-radius:20px 20px 0 0}.short-body{overscroll-behavior:contain;min-height:0;padding:12px var(--cs-gutter) 16px;flex:auto;overflow-y:auto}.short-body:after{content:"";height:24px;margin:0 calc(-1 * var(--cs-gutter)) -16px;background:linear-gradient(transparent, var(--surface));pointer-events:none;display:block;position:sticky;bottom:-16px}:where(:root:not([data-layout^=phone])) dialog.short-page{--cs-gutter:24px}:where(:root:not([data-layout^=phone])[data-orientation=landscape]) dialog.short-page{border:0;border-left:1px solid var(--divider);border-radius:0;width:min(480px,100vw);height:100dvh;max-height:100dvh;padding:0;inset:0 0 0 auto}:where(:root:not([data-layout^=phone])[data-orientation=landscape]) .short-top{border-radius:0}:where(:root[data-layout=pc]) dialog.short-page{--cs-gutter:32px;border:0;border-left:1px solid var(--divider);border-radius:0;width:560px;height:100dvh;max-height:100dvh;padding:0;inset:0 0 0 auto}:where(:root[data-layout=pc]) .short-top{border-radius:0}.short-page h2:focus{outline:none}.short-side{color:var(--text-2);margin:0 0 8px}.short-when{color:var(--text-2);margin:-4px 0 8px}.short-chips{margin:0;padding:0;list-style:none}.short-chips li{border-top:1px solid var(--divider);align-items:center;min-height:44px;display:flex}.short-band{padding:6px calc(var(--cs-gutter) - 8px) 6px var(--cs-gutter);border-bottom:3px solid var(--dying-frame);background:var(--dying-bg);justify-content:space-between;align-items:center;gap:12px;margin:0;font-weight:600;display:flex}.short-band-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.short-band button{white-space:nowrap;flex-shrink:0}.adventure-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.topbar .adventure-line{flex-wrap:nowrap}.picture-close,.shelf{border:1.5px solid var(--text-2);background:var(--surface-2);height:48px;min-height:48px;color:var(--text);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:16px;font-weight:600;display:inline-flex}.shelf-maps{border-color:var(--gold-hi);color:var(--gold-hi);background:#3f3329}.picture-close:not(:disabled):hover,.shelf:not(:disabled):hover{border-color:var(--text)}.shelf-maps:not(:disabled):hover{border-color:var(--gold-hi)}.shelf-empty{visibility:hidden}.shelves,.strip-buttons{align-items:center;gap:8px;display:flex}.strip-buttons{flex:none}.shelves-row{flex:none;align-self:stretch;height:0;position:relative}.shelves-row>.shelves{z-index:1;position:absolute;top:8px;right:0}:root[data-layout^=phone] .picture-close{min-width:92px;height:44px;min-height:44px;padding:0 10px;font-size:15px}:root[data-layout^=phone] .center{position:relative}.band-chip{z-index:1;position:absolute;top:12px;right:12px}.band-chip-left{left:12px;right:auto}:root[data-layout=phone] .band-chip .shelf,:root[data-layout^=phone] .paused .shelf{flex-direction:column;gap:4px;width:64px;height:52px;min-height:52px;padding:0;font-size:13px}:root[data-layout=phone-side] .center>.shelves{flex:none;justify-content:center;margin-bottom:8px}:root[data-layout=phone-side] .center>.shelves .shelf{height:44px;min-height:44px;padding:0 10px;font-size:15px}.shelf-heading{padding:8px 16px 6px}.shelf-name{font-weight:600}.shelf-caption{color:var(--text-2);font-size:14px}.picture-box{flex-direction:column;flex:1 1 0;align-self:stretch;gap:8px;min-height:0;display:flex}.picture-strip{flex:none;justify-content:space-between;align-self:stretch;align-items:center;gap:12px;height:64px;display:flex}.picture-strip .presence{--w:48px;--over:.25;flex-direction:row;gap:12px}:root .picture-strip .presence-label{font-size:18px}:root[data-layout=pc] .picture-strip .presence-label{font-size:16px}.picture-strip .presence-label .spinner{display:none}.picture-tools{flex:none;gap:8px;display:flex}.picture-tool{background:var(--surface);border:1px solid var(--divider);width:44px;height:44px;min-height:44px;color:var(--text);place-items:center;padding:0;font-size:22px;line-height:1;display:grid}.picture-fit{font-size:16px}.picture-tool[aria-disabled=true]{opacity:.4;cursor:default}.picture-tool-rest{visibility:hidden}@media (hover:none){.picture-tool:not(:disabled):hover{border-color:var(--divider)}.picture-close:not(:disabled):hover,.shelf:not(:disabled):hover{border-color:var(--text-2)}.shelf-maps:not(:disabled):hover{border-color:var(--gold-hi)}}.picture{flex-direction:column;flex:1 1 0;align-self:stretch;gap:8px;min-width:0;min-height:0;animation:.2s ease-out picture-in;display:flex}.picture-head{justify-content:space-between;gap:8px;display:flex}.picture-frame{outline-offset:-3px;background:var(--bg);border:1px solid var(--divider);touch-action:none;border-radius:14px;outline:none;flex:1 1 0;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.picture-img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.picture-img-step{transition:transform .15s ease-out}.picture-foot{align-items:flex-start;gap:12px;display:flex}.picture-words{text-align:left;flex:1;min-width:0}.picture-caption,.picture-knows{color:var(--text-2);text-wrap:balance;margin:0}.picture-knows{font-size:15px}.picture-broken{text-align:center;margin:auto;padding:16px}:root:is([data-layout=tablet-portrait],[data-layout^=phone]) .table-picture .rail>.party{display:none}:root[data-layout=tablet-portrait] .table.table-picture .stage{grid-template-rows:minmax(0,1fr)}:root[data-layout=tablet-portrait] .table-picture .rail{display:none}:root[data-layout=phone] .table-picture{--ring-least:138px;--ring-most:138px}:root[data-layout=phone] .table-picture .presence-box .presence{gap:0}:root[data-layout=phone] .table-picture .presence-box .presence-label{margin-top:calc(6px + (.6 * var(--rip2) - 1) * var(--w) / 2)}:root[data-input=key] .picture-frame:focus-visible{outline:3px solid var(--gold)}:root[data-layout=phone] .table-picture .presence-box:has(.presence-voice-stopped){--ring-least:48px;--ring-most:48px;flex:none;min-height:0;max-height:none;container-type:inline-size}:root[data-layout=phone] .table-picture .presence-box .presence-voice-stopped{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:0;padding:72px 12px 12px;display:grid}:root[data-layout=phone] .table-picture .presence-box .presence-voice-stopped .ring{grid-area:1/1;width:48px}:root[data-layout=phone] .table-picture .presence-voice-stopped .presence-label{text-align:left;grid-area:1/2;margin:0 0 0 4px;font-size:20px}:root[data-layout=phone] .table-picture .presence-voice-stopped .presence-line{text-align:left;grid-area:2/1/3/-1;max-width:none}:root[data-layout=phone] .table-picture .presence-voice-stopped .voice-off{--glyph-stroke:2px;width:20px}:root[data-layout=phone] .picture-foot{padding-bottom:12px}:root[data-layout=phone] .table-picture .stage{grid-template-rows:auto minmax(0,1fr);gap:12px}.picture-leaving{z-index:5;pointer-events:none;margin:0;animation:.2s ease-in forwards picture-out;position:fixed}@keyframes picture-out{to{opacity:0}}.menu-row[aria-current=true]{background:var(--surface-2)}.menu-row-words{flex-direction:column;flex:1;min-width:0;padding-block:6px;display:flex}.menu-row-now{color:var(--text-2);font-size:14px}@keyframes picture-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.picture{animation:none}.picture-img-step{transition:none}}:root[data-layout=phone-side] dialog.menu-page .menu-row{min-height:48px}.picture-strip:has(.presence-voice-stopped){background:var(--info-ground);border:1px solid var(--info);border-radius:var(--radius);grid-template-rows:64px auto;grid-template-columns:48px auto minmax(0,1fr) auto;align-items:center;column-gap:12px;height:auto;min-height:64px;padding:0 12px 10px;display:grid}.picture-strip .presence-voice-stopped{display:contents}.picture-strip .presence-voice-stopped .ring{grid-area:1/1}.picture-strip .presence-voice-stopped .presence-label{grid-area:1/2}.picture-strip:has(.presence-voice-stopped) .strip-buttons{grid-area:1/4}.picture-strip .presence-voice-stopped .presence-line{max-width:none;color:var(--text-2);text-align:left;grid-area:2/1/3/-1;margin:0;font-size:15px;display:block;overflow:visible}.picture-strip .presence-voice-stopped .voice-off{--glyph-stroke:2px;width:20px}.picture-strip .presence-voice-stopped .presence-label{margin-left:4px}dialog.picture-page{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:max(12px, env(safe-area-inset-top)) var(--gutter) max(12px, env(safe-area-inset-bottom));background:var(--surface);color:var(--text);border:0;margin:0;position:fixed;inset:0}dialog.picture-page[open]{flex-direction:column;display:flex}dialog.picture-page::backdrop{background:#000000b3}:root[data-layout^=tablet] dialog.picture-page{border-top:1px solid var(--divider);border-radius:20px 20px 0 0;height:90dvh;padding-top:16px;inset:auto 0 0}:root[data-layout=pc] dialog.picture-page{border-left:1px solid var(--divider);width:min(720px,60vw);padding:24px;inset:0 0 0 auto}dialog.picture-page .picture-head{justify-content:flex-end}:root[data-layout=phone-side] dialog.picture-page .picture-head{justify-content:space-between}.menu-rows>li.menu-rows-next{border-top:1px solid var(--divider);margin-top:6px;padding-top:6px}dialog.party-panel,dialog.newgame{--pp:22px;width:min(calc(100% - 2 * var(--gutter)), 640px);padding:var(--pp) var(--pp) 0}:root[data-layout=phone] dialog.party-panel,:root[data-layout=phone] dialog.newgame,:root[data-layout=phone-side] dialog.party-panel,:root[data-layout=phone-side] dialog.newgame{--pp:var(--gutter);border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0}:root:not([data-layout^=phone]) dialog.newgame{--pp:32px;--pp-left:max(32px, calc((100vw - 960px) / 2));--pp-right:var(--pp-left);background:var(--bg);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:var(--pp) var(--pp-right) env(safe-area-inset-bottom) var(--pp-left);scrollbar-gutter:stable both-edges;overscroll-behavior:contain;border:0;border-radius:0;margin:0;position:fixed;inset:0;overflow-y:auto}:root:not([data-layout^=phone]) dialog.newgame::backdrop{background:var(--bg)}.party-bar{justify-content:flex-start;gap:12px}dialog.panel-page>.sheet-head.party-bar,.party-page>.sheet-head.party-bar{top:calc(-1 * var(--pp,22px));z-index:2;margin:calc(-1 * var(--pp,22px)) calc(-1 * var(--pp-right,var(--pp,22px))) 8px calc(-1 * var(--pp-left,var(--pp,22px)));padding:10px var(--pp-right,var(--pp,22px)) 10px var(--pp-left,var(--pp,22px));background:var(--surface);border-bottom:1px solid var(--divider);position:sticky}.party-title{margin:0;font-size:1.15rem;font-weight:600}.party-title:focus{outline:none}.party-back{min-height:44px;color:var(--gold-hi);border-color:#0000;padding:0 4px;font-weight:600}.party-head-line{color:var(--text-2);margin:4px 0 18px}.party-head-part{white-space:nowrap}.party-head-part+.party-head-part:before{content:" ";white-space:normal}.party-page .section-title{margin:20px 0 10px}.party-page .section-title:focus{outline:none}.party-rows{flex-direction:column;gap:10px;margin:0 0 8px;padding:0;list-style:none;display:flex}.party-row{background:var(--surface-2);border-radius:var(--radius);padding:12px}.party-row-main{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"token who act""token chip chip";align-items:center;column-gap:12px;min-height:48px;display:grid}.party-row-main>.party-token{grid-area:token}.party-row-main>.party-who{grid-area:who}.party-row-main>.played-by,.party-row-main>.played-by-new{grid-area:chip;justify-self:start;margin-top:10px}.party-row-main>button{grid-area:act}.party-row-main:has(>.played-by,>.played-by-new)>button{align-self:start}:root:not([data-layout^=phone]) .party-row-main{grid-template-columns:48px minmax(0,1fr) auto auto;grid-template-areas:"token who chip act"}:root:not([data-layout^=phone]) .party-row-main>.played-by,:root:not([data-layout^=phone]) .party-row-main>.played-by-new{margin-top:0;margin-right:10px}:root:not([data-layout^=phone]) .party-row-main:has(>.played-by,>.played-by-new)>button{align-self:center}.party-token{width:48px;height:48px}.party-token-new{box-sizing:border-box;border:3px dashed var(--divider);background:var(--surface);border-radius:50%}.party-who{flex-direction:column;gap:2px;min-width:0;display:flex}.party-name{overflow-wrap:anywhere;font-size:17px;font-weight:600}.party-line{color:var(--text-2);font-size:15px}.party-page .nowrap{white-space:nowrap}.party-line-dying{color:var(--dying-frame)}.party-out,.party-cancel{white-space:nowrap;min-width:96px;min-height:44px;color:var(--text);border-color:var(--divider);padding:0 12px;font-weight:600}.party-add{border:1px solid var(--gold);min-width:72px;min-height:44px;color:var(--gold-hi);background:0 0;padding:0 16px;font-weight:600}.party-page .dimmed{opacity:.4}.party-page .party-start.dimmed{opacity:1;background:var(--surface-2);border-color:var(--surface-2);color:var(--text-2)}.party-cant{color:var(--text-2);margin:8px 0 0 60px;font-size:14px}.party-problem{background:var(--dying-bg);border:1px solid var(--error);color:var(--text);border-radius:10px;margin:0 0 10px;padding:10px 14px}.party-ask{background:var(--dying-bg);border:1px solid var(--error)}.party-ask-q{margin:0;font-weight:600}.party-ask-line{color:var(--text-2);margin:4px 0 12px}.party-ask-actions{gap:10px;display:flex}.party-ask-actions button{flex:1 1 0;min-height:48px;padding:0 10px}.party-make{border:1px solid var(--gold);border-radius:var(--radius);width:100%;min-height:56px;color:var(--gold-hi);text-align:left;background:0 0;align-items:center;gap:14px;margin-bottom:10px;padding:0 16px;font-size:1.05rem;font-weight:600;display:flex}.party-make-plus{border:2px solid var(--gold-hi);border-radius:50%;place-items:center;width:28px;height:28px;font-size:1.1rem;line-height:1;display:grid}.party-group.section-title{margin-top:18px}.played-by{appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23f2ebdd'/%3E%3C/svg%3E") no-repeat right 14px center;max-width:100%;min-height:44px;color:var(--text);border:1px solid var(--divider);font:inherit;border-radius:12px;padding:0 34px 0 14px;font-size:15px}.played-by-new{gap:8px;width:100%;display:flex}.played-by-new input{flex:auto;min-width:0;min-height:44px}button.played-by{text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;overflow:hidden}.played-by-none{color:var(--text-2)}.played-by[aria-expanded=true]{border-color:var(--gold-hi)}.pick-dim{z-index:30;position:fixed;inset:0}.menu-opener[aria-expanded=true],.menu-opener[aria-expanded=true]:hover{border-color:var(--gold)}.pick-menu{z-index:31;background:var(--surface-2);border:1px solid var(--divider);overscroll-behavior:contain;border-radius:14px;flex-direction:column;max-width:calc(100vw - 32px);padding:6px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #00000073}.pick-menu button{min-height:48px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;padding:0 16px 0 8px;font-size:16px;display:flex}.pick-menu button[aria-checked=true],.pick-menu button:focus-visible,.pick-menu button:hover{background:#ffffff0f}.pick-mark{text-align:center;width:32px;color:var(--gold-hi);flex:none}.pick-menu .pick-new{color:var(--gold-hi)}.pick-menu .pick-none,.pick-menu .pick-none .pick-mark{color:var(--text-2)}.pick-line{background:var(--divider);height:1px;margin:6px 4px}.party-foot-start{margin:16px calc(-1 * var(--pp-right,var(--pp,22px))) 0 calc(-1 * var(--pp-left,var(--pp,22px)));padding:12px var(--pp-right,var(--pp,22px)) max(16px, env(safe-area-inset-bottom)) var(--pp-left,var(--pp,22px));background:var(--surface);border-top:1px solid var(--divider);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.party-start-hint:empty{display:none}.party-start{width:100%;min-height:56px}.adventure-rows{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.adventure-row{background:var(--surface-2);border-radius:var(--radius);text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:16px;display:flex}.adventure-row-title{font-family:var(--font-display), serif;color:var(--text);font-size:1.2rem}.adventure-row-line{color:var(--text-2)}.play-low{min-height:28px;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:15px;display:flex}.play-low svg{flex:none}.play-low-short{color:var(--text);font-weight:600}.play-low-inline{min-height:0;margin-top:4px;display:inline}.adventure-line .adventure-dot{color:var(--text-2);margin-top:4px}.play-low-row{justify-content:center;display:flex}.round-play{color:var(--text-2);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;padding-left:12px;font-size:15px}.round-play-short{color:var(--text);font-weight:600}.round-fit{flex-wrap:wrap;flex:0 auto;align-items:baseline;min-width:0;height:1.3em;display:flex;overflow:hidden}.round-fit:before{content:"​"}.round-whole{white-space:nowrap}.paused-play{color:var(--text-2);font-variant-numeric:tabular-nums;margin:0;font-size:15px}.time-up-head{text-align:left;justify-content:space-between;align-self:stretch;align-items:flex-start;gap:12px;display:flex}