@layer base,component,view;:root{--font-body: "Spectral", serif;--font-display: "Spectral SC", serif;--duration: .1s;--z-dock: 4;--z-overlay: 5;--z-prompt: 6;--z-popover: 9;--z-popup: 20;--z-menu: 1000;font-family:var(--font-body);line-height:1;--ui-fit: min(.8333vw, 1.4545dvh);--space: clamp(2px, 2 * var(--ui-fit) - 16px, 16px);font-size:clamp(12.8px,var(--ui-fit),16px)}@layer base{*,*:before,*:after{box-sizing:border-box;text-box:trim-both cap alphabetic}*{scrollbar-width:none}html{height:100dvh;overflow:hidden}body,#app{height:100%;overflow:hidden}body{margin:0;background-color:#222;color:#fff}a{text-decoration:none;color:inherit}button,a[role=button]{font:inherit;color:inherit;background:none;border:none;margin:0;padding:0;cursor:pointer}button:disabled{cursor:default}:focus{outline:none}input,textarea,select{font:inherit;color:inherit}}@layer component{.bg{--bg-fill: #313131;--bg-texture: none;position:relative;background:var(--bg-texture) repeat,var(--bg-fill);background-blend-mode:multiply,normal}.bg-parchment{--bg-texture: url(/hud/bg/bg-parchment.webp);--bg-fill: linear-gradient(to bottom, #413b2f, #2d2921)}.bg-rocky{--bg-texture: url(/hud/bg/bg-rocky.webp)}.bg-leather{--bg-texture: url(/hud/bg/bg-leather.webp);background-blend-mode:normal}.font-display{font-family:var(--font-display)}.button-raised{padding:.5rem 1rem;border-radius:4px;background-color:#333;color:#fff;font-size:1rem;box-shadow:0 4px 4px #00000026,0 6px 4px -5px #00000080;transition:background-color var(--duration),transform var(--duration)}.button-raised:is(:hover,:focus-visible){background-color:#3a3a3a;transform:translateY(-1px)}.button-gold{border:1px solid color-mix(in srgb,#e3c387 55%,transparent);background:color-mix(in srgb,#313131 70%,black);color:#e3c387}}@layer view{#loading,#error,#app-shell{--shell-texture-marble: url(/hud/bg/bg-marble.webp)}#loading,#error{height:100%;margin:0;display:grid;place-items:center;overflow:hidden}#error{gap:1rem}#app-shell{height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;background-color:#070707;background-image:var(--shell-texture-marble)}#app-main{min-width:0;min-height:0;overflow:hidden}}@layer component{#session-dock{--chat-text: #fff;--chat-button-bottom: #15140f;--chat-button-top: #282620;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:.5rem;height:100%;max-width:100%;min-width:0;min-height:0;pointer-events:none}#chatbox{flex:1 1 0;display:flex;flex-direction:column;width:22rem;max-width:100%;min-height:0;pointer-events:auto;border-radius:4px;background-color:#000000bf;overflow:hidden}.chat-launcher{--bg-texture: url(/hud/bg/bg-parchment.webp);--bg-fill: linear-gradient(to bottom, var(--chat-button-top), var(--chat-button-bottom));position:relative;flex:0 0 auto;pointer-events:auto;padding:.65rem 1.25rem;color:var(--chat-text);font-size:.875rem;border:1px solid #bf8b48;border-radius:3px;box-shadow:0 1px 2px #000c,0 2px 8px #000c,inset 0 1px 1px color-mix(in srgb,#e3c387 39%,transparent),inset 0 -1px 1px 1px #00000057}.chat-launcher:is(:hover,:focus-visible,[data-selected=true]){--bg-fill: linear-gradient( to bottom, color-mix(in srgb, var(--chat-button-top) 92%, white), color-mix(in srgb, var(--chat-button-bottom) 95%, white) )}#chat-unread-badge{position:absolute;top:-.6rem;right:-.6rem;min-width:1.4rem;height:1.4rem;padding:0 .25rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background-color:#c53a3a;color:var(--chat-text);font-family:var(--font-body);font-size:.875rem;box-shadow:0 2px 4px 2px #00000040}#chat-container{flex:1;min-height:0;overflow-y:auto;padding:.5rem .625rem;display:flex;flex-direction:column;gap:.5rem}.chat-message{padding:.5rem;border-radius:2px;line-height:1.35}.chat-message[data-local=true] .chat-message-sender{color:#e3c387}.chat-message-sender{font-family:var(--font-display);color:#b0b0b0;font-size:.875rem}.chat-message-sender:after{content:": "}.chat-message-text{white-space:pre-wrap;word-break:break-word}#chat-input-container{margin:0 .625rem .625rem;display:flex;align-items:flex-end;gap:.25rem;padding:0 .25rem 0 .5rem;border-bottom:1px solid #e3c387;border-radius:2px;background-color:#0006}#chat-input{flex:1;min-width:0;max-height:7.5rem;padding:.5rem 0;border:0;background:transparent;color:var(--chat-text);font:inherit;line-height:1.35;text-box:normal;field-sizing:content;resize:none}#chat-send{flex:0 0 auto;width:1.75rem;height:1.75rem;margin-bottom:.3rem;padding:.25rem;display:flex;align-items:center;justify-content:center;background:transparent;color:#e3c387}.chat-send-icon{width:100%;height:100%;fill:currentColor}}@layer view{#dm-succession{--prompt-border-hair: rgb(255 255 255 / .12);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-width:0;padding:.5rem .75rem;border:1px solid var(--prompt-border-hair);background:color-mix(in srgb,#313131 82%,black)}.prompt-bar-text{color:#fff}#succession-approve,#succession-reject{border:1px solid var(--prompt-border-hair);background:transparent;padding:.375rem .75rem}#succession-approve[data-selected=true],#succession-reject[data-selected=true]{border-color:#e3c387}.dm-action-overlay{position:fixed;inset:0;z-index:var(--z-popup);display:flex;align-items:center;justify-content:center;padding:calc(1.5 * var(--space));background:color-mix(in srgb,#222 72%,transparent)}#dm-confirm{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 2rem;border:1px solid color-mix(in srgb,#e3c387 55%,transparent);border-radius:8px}.dm-action-prompt{margin:0;color:#f4e3c2;font-size:1.25rem;letter-spacing:.05em}.dm-action-buttons{display:flex;gap:.75rem}#confirm-cancel,#confirm-approve{padding:.5rem 1.25rem;border-radius:4px;font-size:1rem}}@layer view{#char{--char-text-dim: #ffffff80;--char-text-gold: #e3c387;--char-text-gold-light: #f4e3c2;--char-frame-idle: #6d5529;--char-accent: #e3c387;--char-border-hair: rgb(255 255 255 / .12);--char-glow-gold: #e3c387;--char-glow-gold-light: #f4e3c2;--char-button-shadow: 0 2px 4px 2px rgb(0 0 0 / .25);--char-panel-shadow: 0 2px 4px 2px rgb(0 0 0 / .25), 0 8px 16px 4px rgb(0 0 0 / .15);--char-panel-radius: 4px;--char-title-font-size: 1.5rem;--char-opacity-disabled: .45;height:100%;margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;position:relative}#char>main{grid-column:2;grid-row:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative}#char>#char-party{grid-column:1;grid-row:1;min-height:0}.char-chat{position:absolute;right:.75rem;bottom:.75rem;z-index:var(--z-dock);height:21rem;max-height:calc(100% - 1.5rem);pointer-events:none}.char-creation-container{flex:1;min-height:0;width:100%;max-width:75rem;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;padding:var(--space) calc(1.5 * var(--space)) calc(1.5 * var(--space));gap:calc(2 * var(--space))}.char-creation-panel{flex:0 0 auto;padding:calc(2 * var(--space));border:1px solid var(--char-border-hair);border-radius:var(--char-panel-radius);corner-shape:scoop;box-shadow:var(--char-panel-shadow),inset 0 1px color-mix(in srgb,var(--char-glow-gold-light) 12%,transparent)}.char-creation-container>#dm-confirm{position:relative;z-index:var(--z-prompt);margin-block-start:calc(1.5 * var(--space));padding:1rem 1.25rem;background:#313131;border:1px solid var(--char-frame-idle);border-radius:var(--char-panel-radius);corner-shape:scoop;box-shadow:var(--char-panel-shadow)}.char-creation-overlay{position:absolute;inset:0;z-index:var(--z-overlay);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:calc(1.5 * var(--space));background:color-mix(in srgb,#222 72%,transparent)}.char-creation-modal{width:min(55rem,100%);max-height:100%;overflow:auto;margin:auto;padding:calc(1.5 * var(--space));border:1px solid var(--char-frame-idle);border-radius:var(--char-panel-radius);corner-shape:scoop}.char-creation-modal-title{color:var(--char-text-gold-light);font-size:var(--char-title-font-size);letter-spacing:.05em;text-align:center}.char-creation-modal-hint{margin-block:var(--space) calc(2 * var(--space));color:var(--char-text-dim);font-size:1rem;text-align:center}.char-creation-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-block-end:calc(2 * var(--space));text-align:center}.char-creation-title{color:var(--char-text-gold-light);font-size:2rem;letter-spacing:.05em;text-shadow:0 2px 12px color-mix(in srgb,var(--char-glow-gold) 25%,transparent)}.char-creation-hint{color:var(--char-text-dim);font-size:1rem}.char-creation-identity{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border:1px solid var(--char-border-hair);border-radius:12px;background:color-mix(in srgb,#222 40%,transparent);box-shadow:inset 0 1px 3px #00000059}.char-creation-identity-fields{flex:1;min-width:0}.char-creation-field-label{display:block;color:var(--char-text-gold);margin-block-end:.25rem}#char-id{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}#char-name{flex:1;min-width:0;color:var(--char-text-gold-light);font-size:1.75rem}#char-name>div{line-height:normal;text-box:none;padding:.25rem 0 0;font-family:var(--font-body);border-block-end:1px solid transparent;white-space:nowrap}#char-name-form{width:100%}#char-name-input{display:block;width:100%;max-width:20ch;text-box:none;padding:.25rem 0 0;font-family:var(--font-body);border:0;border-block-end:1px solid color-mix(in srgb,var(--char-accent) 40%,transparent);border-radius:0;background:transparent;color:inherit;caret-color:var(--char-text-gold);transition:border-color var(--duration)}#char-name-input::placeholder{color:#888}#char-name-input:is(:hover,:focus-visible):not(:disabled){border-color:color-mix(in srgb,var(--char-accent) 70%,transparent)}#char-name-input:disabled{opacity:var(--char-opacity-disabled)}.char-creation-cta{flex-shrink:0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;letter-spacing:.05em;transition:box-shadow var(--duration)}.char-creation-cta:not(:disabled){border-color:var(--char-accent);background:linear-gradient(180deg,#f4e3c2,#e3c387);color:#222;box-shadow:var(--char-button-shadow),0 0 18px color-mix(in srgb,var(--char-glow-gold) 35%,transparent)}.char-creation-cta:not(:disabled):is(:hover,:focus-visible){box-shadow:var(--char-button-shadow),0 0 26px color-mix(in srgb,var(--char-glow-gold) 55%,transparent)}.char-creation-cta:disabled{opacity:var(--char-opacity-disabled)}.char-creation-cta[data-ready=true]{opacity:1;border-color:color-mix(in srgb,var(--char-accent) 70%,transparent);background:color-mix(in srgb,#413b2f 80%,black);color:var(--char-text-gold)}.char-creation-sections{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;grid-auto-rows:min-content;gap:var(--space) 1.5rem}.char-creation-rule{display:grid;grid-column:1 / -1;width:100%;height:2rem;margin-block-start:calc(.5 * var(--space));color:var(--char-text-gold)}.char-creation-rule__line,.char-creation-rule__mark{grid-area:1 / 1}.char-creation-rule__line{width:100%;height:100%;min-height:0;aspect-ratio:auto;align-self:center}.char-creation-rule__mark{justify-self:center;align-self:center}.char-creation-heading{display:flex;align-items:center;grid-column:1 / -1;margin:0;color:var(--char-text-gold);font-size:1.25rem;letter-spacing:.05em}.class-card__band{margin-block-start:calc(.5 * var(--space))}.char-creation-pick-card{--char-notch: var(--char-panel-radius);--char-frame-color: var(--char-frame-idle);position:relative;border:1px solid var(--char-frame-color);border-radius:var(--char-notch);corner-shape:scoop;box-shadow:var(--char-panel-shadow);color:#fff;text-align:start;transition:border-color var(--duration),box-shadow var(--duration)}.char-creation-pick-card:before{content:"";position:absolute;inset:1px;pointer-events:none;corner-shape:scoop;border-radius:var(--char-notch);box-shadow:inset 0 1px color-mix(in srgb,var(--char-glow-gold-light) 20%,transparent)}.char-creation-pick-card:is(:hover,:focus-visible):not(:disabled){--char-frame-color: var(--char-accent)}.char-creation-pick-card[data-selected=true]{--char-frame-color: var(--char-accent);box-shadow:var(--char-panel-shadow),0 0 3px #e3c387,0 0 12px color-mix(in srgb,#e3c387 60%,transparent),inset 0 0 2px 1px color-mix(in srgb,#e3c387 50%,transparent),inset 0 0 8px color-mix(in srgb,#e3c387 22%,transparent)}.char-creation-pick-card:disabled:not([data-selected=true])>*{opacity:var(--char-opacity-disabled)}.char-creation-mark,.class-card__mark,.race-card__mark{flex-shrink:0;width:.85rem;height:.85rem;border-radius:50%;border:1.5px solid var(--char-accent);background:transparent;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow var(--duration)}[data-selected=true] .char-creation-mark{box-shadow:inset 0 0 0 .2rem var(--char-glow-gold)}.scenario-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space);margin-block-start:calc(2 * var(--space))}.scenario-option{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem}#char[data-phase=scenario-selection] .scenario-option:disabled>*{opacity:1}.scenario-option__title{display:flex;align-items:center;gap:.625rem;padding-block-end:1rem;border-block-end:1px solid var(--char-border-hair);color:var(--char-text-gold-light);font-size:var(--char-title-font-size)}.scenario-option__facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:1rem 1.5rem;align-items:baseline}.scenario-option__label{color:var(--char-text-gold);font-size:.875rem;letter-spacing:.05em}.scenario-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space) calc(1.25 * var(--space));margin-block-start:calc(2 * var(--space))}.scenario-actions:empty{display:none}.char-creation-notice{color:var(--char-text-gold-light)}#scenario-start-error{color:#c53a3a}}@layer view{.catalog-icon{--icon-radius: 3px;position:relative;isolation:isolate;display:grid;flex:0 0 auto;width:3rem;height:3rem;min-width:0;min-height:0;border-radius:var(--icon-radius);corner-shape:bevel;box-shadow:0 2px 6px #0000007f,0 10px 10px -4px #0000007f}.catalog-icon-sprite{position:relative;grid-area:1 / 1;width:100%;height:100%;overflow:hidden;border-radius:var(--icon-radius);corner-shape:bevel}.catalog-icon-sprite img{position:absolute;display:block;max-width:none}.catalog-icon-frame{grid-area:1 / 1;width:100%;height:100%;z-index:2;pointer-events:none;border:none}}@layer view{.class-card,.class-card__header,.class-card__band,.class-card__given{--class-text: #fff;--class-text-gold-light: #f4e3c2;--class-option-bottom: #2a2a2a;--class-option-top: #313131;--class-border: #333;--class-glow-gold: #e3c387}.class-card{display:grid;grid-template-columns:subgrid;row-gap:var(--space);width:100%;min-width:0;align-content:start}.class-card__header{display:flex;align-items:baseline;gap:.625rem;width:100%;min-width:0;padding:1rem;color:var(--class-text-gold-light);font-size:1.25rem;white-space:nowrap}.class-card__mark+span{min-width:0;overflow-x:clip}.class-card__header>.class-card__mark{align-self:center}.class-card__header[data-selected=true] .class-card__mark{box-shadow:inset 0 0 0 .2rem var(--class-glow-gold)}.class-card__choice[data-selected=true] .class-card__mark{box-shadow:inset 0 0 0 .22rem var(--class-glow-gold)}.class-card__band{grid-column:1 / -1;color:#e3c387;letter-spacing:.05em}.class-card__option{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%;min-width:0;padding:.5rem .75rem;border-radius:4px;corner-shape:scoop;text-align:start}.class-card__option.bg{--bg-fill: linear-gradient( to bottom, color-mix(in srgb, var(--class-option-top) 92%, black), color-mix(in srgb, var(--class-option-bottom) 92%, black) )}.class-card[data-column-selected=true] .class-card__option.bg,.class-card__option.bg[data-highlighted=true]{--bg-fill: linear-gradient( to bottom, color-mix(in srgb, var(--class-option-top) 96%, white), color-mix(in srgb, var(--class-option-bottom) 96%, white) )}.class-card__option.char-creation-pick-card:not(:hover):not(:focus-visible):not([data-selected=true]):not([data-highlighted=true]){--char-frame-color: var(--class-border)}.class-card__choice:is(:hover,:focus-visible):not(:disabled) .class-card__name{color:var(--class-text-gold-light)}.class-card__choice:disabled .class-card__mark{border-color:#6d5529}.class-card .class-card__choice:disabled:not([data-selected=true])>*{opacity:1}.class-card__given.char-creation-pick-card:not([data-highlighted=true]),.class-card__given.char-creation-pick-card:not([data-highlighted=true]):is(:hover,:focus-visible){--char-frame-color: var(--class-border)}.class-card__given[data-highlighted=true].char-creation-pick-card,.class-card__given[data-highlighted=true].char-creation-pick-card:is(:hover,:focus-visible){--char-frame-color: #e3c387}.class-card__copy{display:flex;flex-direction:column;justify-content:center;gap:.625rem;flex:1;min-width:0;overflow-x:clip;white-space:nowrap}.class-card__name{color:var(--class-text);min-width:0}.class-card__passive{color:#887e6b;font-size:.85em;margin-left:.25em}.class-card__stats{display:inline-flex;align-items:center;color:#ffffff80;min-width:0;white-space:pre}.class-card__value{color:var(--class-text)}.class-card__dice{flex:none;width:1em;height:1em}}@layer component{.sound-prompt{--sound-border-hair: rgb(255 255 255 / .12);position:absolute;z-index:var(--z-prompt);display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:.75rem .5rem;border:1px solid var(--sound-border-hair);border-radius:4px;background-color:#2a2a2a;box-shadow:0 2px 4px 2px #00000040,0 8px 16px 4px #00000026;font-size:.75rem}.sound-prompt-copy{margin:0;color:#b1b0ae;line-height:1.4}.sound-prompt .button-raised{padding:.375rem .75rem;border:1px solid var(--sound-border-hair);font-size:inherit}}@layer view{#char-party{--bg-fill: #222;position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid rgb(255 255 255 / .08)}.actor-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.peer-card-row{display:flex;flex-direction:column;gap:5rem;padding:5rem 1.25rem 1.25rem;overflow:auto;min-height:0;flex:1 1 auto}.char-party-footer{position:relative;display:grid;padding:1rem 1.25rem 1.25rem}.char-party-invite{--invite-button-bottom: #15140f;--invite-button-top: #282620;--bg-texture: url(/hud/bg/bg-parchment.webp);--bg-fill: linear-gradient(to bottom, var(--invite-button-top), var(--invite-button-bottom));display:grid;justify-items:center;padding:.65rem 1.25rem;color:#fff;font-size:.875rem;border:1px solid #bf8b48;border-radius:3px;box-shadow:0 1px 2px #000c,0 2px 8px #000c,inset 0 1px 1px color-mix(in srgb,#e3c387 39%,transparent),inset 0 -1px 1px 1px #00000057}.char-party-invite:is(:hover,:focus-visible){--bg-fill: linear-gradient( to bottom, color-mix(in srgb, var(--invite-button-top) 92%, white), color-mix(in srgb, var(--invite-button-bottom) 95%, white) )}.char-party-invite-label{grid-area:1 / 1;transition:opacity var(--duration)}.char-party-invite-label[aria-hidden=true]{opacity:0}#char-party .sound-prompt{left:1.25rem;right:1.25rem;bottom:100%}}@layer component{.avatar,.video-container,.video-mic-overlay,.video-icon{--avatar-mic-bg: #313131;--avatar-hover-bg: #3a3a3a}.video-container{position:relative;border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-container video{width:100%;height:100%;object-fit:cover}[data-video=false] video,[data-video=true] .video-off-icon,[data-audio-disabled=false] .video-mic-overlay{display:none}.video-mic-overlay{position:absolute;bottom:-2px;right:-2px;width:1rem;height:1rem;background:var(--avatar-mic-bg);border-radius:50%;padding:1px}.video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;pointer-events:none;transition:opacity var(--duration)}.avatar{--avatar-size: 6.25rem;--avatar-mic-size: 2rem;position:relative;display:flex;align-items:center;justify-content:center}.avatar .video-container{width:var(--avatar-size);height:var(--avatar-size);transition:background-color var(--duration)}.avatar .video-container.video-off:is(:hover,:focus-visible){background-color:var(--avatar-hover-bg)}.avatar .video-container #player-video-off-icon,.avatar .video-container #player-video-on-icon{opacity:0}.avatar .video-container.video-off #player-video-off-icon{opacity:1}.avatar .video-container.video-on:is(:hover,:focus-visible) #player-video-off-icon{opacity:.75}.avatar .video-container.video-off:is(:hover,:focus-visible) #player-video-on-icon{opacity:1}.avatar .video-container.video-off:is(:hover,:focus-visible) #player-video-off-icon{opacity:0}.avatar .video-container .video-icon{width:calc(var(--avatar-size) * .32);height:calc(var(--avatar-size) * .32)}.avatar .video-container video{width:100%;height:100%;border-radius:50%;transform:scaleX(-1)}.avatar .video-container.video-off video{display:none}.avatar .mic-control{position:absolute;bottom:0;right:0;width:var(--avatar-mic-size);height:var(--avatar-mic-size);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--avatar-mic-bg);border:1px solid #333}.avatar .mic-control:is(:hover,:focus-visible){background-color:var(--avatar-hover-bg)}.avatar .mic-control .mic-icon{width:calc(var(--avatar-mic-size) * .65);height:calc(var(--avatar-mic-size) * .65)}.avatar .mic-control.audio-off #player-audio-on-icon,.avatar .mic-control.audio-on #player-audio-off-icon{display:none}}@layer component{.context-menu-point{position:fixed;z-index:var(--z-menu);anchor-name:--menu-point;anchor-scope:--menu-point}.context-menu{--menu-bg-gold: #413b2f;--menu-border-gold: #e3c387;--menu-border-hair: rgb(255 255 255 / .08);--menu-row-inset: 1rem;position:fixed;position-anchor:--menu-point;position-area:bottom span-right;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;border:1px solid var(--menu-border-hair);border-radius:8px;box-shadow:0 2px 4px 2px #00000040,0 8px 16px 4px #00000026;background:#313131;min-width:9.375rem;padding:.25rem 0}.context-menu-title{padding:.25rem var(--menu-row-inset);color:#e3c387;letter-spacing:.05em;border-bottom:1px solid var(--menu-border-hair);margin-bottom:.25rem}.context-menu-item{padding:.5rem var(--menu-row-inset);cursor:pointer;color:#ffffff80;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.context-menu-item:is(:hover,:focus-visible){background-color:color-mix(in srgb,var(--menu-bg-gold) 55%,transparent)}.context-menu-item.selected{color:#f4e3c2;background-color:color-mix(in srgb,var(--menu-bg-gold) 80%,transparent)}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.context-menu-item.disabled:is(:hover,:focus-visible){background-color:transparent}.context-menu-item-label{min-width:0;flex:1}.context-menu-item-trailing{display:flex;flex:0 0 auto;gap:.25rem}.context-menu-item-trailing button{padding:.125rem .375rem;border-color:color-mix(in srgb,var(--menu-border-gold) 45%,transparent);font-size:.75rem;border-radius:4px}.context-menu-item-trailing button:is(:hover,:focus-visible):enabled{background:#3a3a3a;border-color:color-mix(in srgb,var(--menu-border-gold) 70%,transparent)}.context-menu-item-warning{width:1.25rem;height:1.25rem;flex:0 0 auto}.context-menu-item-more{flex:0 0 auto;color:#888}.context-menu-item.has-children{anchor-name:--menu-row;anchor-scope:--menu-row}.context-menu-submenu{display:none;position-anchor:--menu-row;position-area:right span-bottom;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline;margin:0;z-index:1}.context-menu-item.has-children:is(:hover,:focus-visible,:focus-within)>.context-menu-submenu{display:block}}@layer view{.hud-inspect{--inspect-text: #fff;--inspect-text-dim: #b3b3b3;--inspect-block-gap: .375rem;position:fixed;left:0;top:0;z-index:var(--z-popover);display:flex;flex-direction:column;gap:.5rem;min-width:10rem;max-width:16rem;padding:.75rem;color:var(--inspect-text-dim);background:color-mix(in srgb,#070707 95%,transparent);border:1px solid #333;border-radius:4px;box-shadow:0 2px 4px 2px #00000040,0 8px 16px 4px #00000026;font-size:.875rem;pointer-events:none}.hud-inspect-name{color:var(--inspect-text);font-size:1em;white-space:nowrap}.hud-inspect-times{color:var(--inspect-text-dim)}.hud-inspect-title,.hud-inspect-passive{color:#e3c387;font-size:.8em;letter-spacing:.05em}.hud-inspect-lines{display:flex;flex-direction:column;gap:.5rem;margin-top:var(--inspect-block-gap);white-space:pre-wrap}.hud-inspect-indent{padding-left:.5rem}.hud-inspect-hint{margin-top:var(--inspect-block-gap);color:var(--inspect-text-dim);font-style:italic;text-align:center}.hud-inspect-hint-note{display:flex;justify-content:center;align-items:center;gap:.25em;color:var(--inspect-text-dim);font-style:italic}.hud-inspect-ap{width:.875em;height:.875em}.hud-inspect-value{color:var(--inspect-text)}.hud-inspect-dice{width:1em;height:1em;vertical-align:-.2em}}@layer view{.peer-card-slot,.peer-card{--peer-text: #fff;--peer-border: #333;--peer-shadow: 0 2px 4px 2px rgb(0 0 0 / .25), 0 8px 16px 4px rgb(0 0 0 / .15);--peer-radius: 3px;--peer-gold: #e3c387;--peer-silver: #c8c8c8}.peer-card-slot{position:relative;flex:0 0 auto}.peer-card-disconnected{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:var(--peer-text);font-size:1rem;letter-spacing:.05em;text-shadow:0 1px 3px black,0 2px 7px black}.peer-card{flex:0 0 auto;border:1px solid var(--peer-border);border-radius:var(--peer-radius);corner-shape:bevel;box-shadow:var(--peer-shadow);display:flex;flex-direction:row;align-items:stretch;min-width:0}.peer-card[data-connected=false]{opacity:.25}.peer-card[data-local=true]{border-color:#e3c387}.peer-card[data-ready=true]{--ready-glow: var(--peer-silver);box-shadow:var(--peer-shadow),0 0 3px 0 var(--ready-glow),0 0 12px color-mix(in srgb,var(--ready-glow) 60%,transparent),inset 0 0 2px 1px color-mix(in srgb,var(--ready-glow) 50%,transparent),inset 0 0 8px color-mix(in srgb,var(--ready-glow) 22%,transparent)}.peer-card[data-local=true][data-ready=true]{--ready-glow: var(--peer-gold)}.peer-card:not([data-local=true]){--bg-fill: linear-gradient(to bottom, #313131, #2a2a2a);border-color:var(--peer-border)}.peer-card:not([data-local=true])[data-ready=true]{border-color:var(--peer-silver)}.peer-card-ready{position:absolute;right:0;bottom:calc(100% + .75rem);padding:.375rem 1rem;border:1px solid var(--peer-silver);border-radius:8px;color:var(--peer-silver);background:color-mix(in srgb,#2a2a2a 85%,black);font-size:.875rem;letter-spacing:.05em;box-shadow:0 0 10px color-mix(in srgb,var(--peer-silver) 30%,transparent)}.peer-card-ready.local{border-color:var(--peer-gold);color:var(--peer-gold);box-shadow:0 0 10px color-mix(in srgb,var(--peer-gold) 30%,transparent)}.peer-card-art{position:relative;flex:0 0 8rem;align-self:stretch;overflow:visible;pointer-events:none}.peer-card-art:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 45% 50% at center bottom,#0000004d,#0000),radial-gradient(ellipse 50% 110% at 20% bottom,#0006,#0000)}.peer-card-art .actor-portrait{position:absolute;left:0;bottom:0;width:100%;height:12rem;z-index:1;object-fit:cover;object-view-box:inset(0% 0% 55% 0%)}.peer-card-media{position:absolute;left:.35rem;bottom:.35rem;width:4rem;height:4rem;overflow:hidden;pointer-events:auto;z-index:2;border:1px solid #bdbdbd;background:#2a2a2a}.peer-card-media .avatar{--avatar-size: 100%;--avatar-mic-size: 1.15rem;width:100%;height:100%}.peer-card-media .video-container,.peer-card-media .video-container video{width:100%;height:100%;aspect-ratio:1;border:none;border-radius:0;box-shadow:none}.peer-card-media .video-icon{width:1.15rem;height:1.15rem}.peer-card-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.peer-card-top{display:flex;align-items:center;flex:0 0 auto;gap:.75rem;padding:.75rem;border-bottom:1px solid;border-image:linear-gradient(to right,transparent,#6d5529,transparent) 1}.peer-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.625rem}.peer-card-name{font-size:1rem;white-space:nowrap}.peer-card-race-class{font-size:.875rem;color:#e3c387}.peer-card-name.empty,.peer-card-race-class.empty{color:#887e6b;font-style:italic}.peer-card-stat{align-self:flex-start;flex-shrink:0;display:flex;align-items:baseline;gap:.375rem}.peer-card-stat-label{color:#ffffff80;font-size:.875rem}.peer-card-stat-value{color:var(--peer-text);font-size:1rem;font-variant-numeric:tabular-nums}.peer-card-bottom{display:flex;flex-direction:column;padding:.75rem;font-size:.875rem}.peer-card-chips{display:flex;flex-wrap:nowrap;gap:.5rem}.peer-card-chip-spacer{visibility:hidden}.peer-card-chip-empty{display:block;flex:0 0 auto;width:3rem;height:3rem;border-radius:var(--peer-radius);corner-shape:bevel;position:relative;background-color:#0000001a;box-shadow:inset 0 0 10px #00000080,0 1px #ffffff19,0 -1px 1px #00000097}.peer-card-chip-empty:before{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-size:3rem 3rem;opacity:.7;mix-blend-mode:overlay}.peer-card-chip-empty[data-slot=weapon]:before{background-image:url(/hud/slot-weapon.webp)}.peer-card-chip-empty[data-slot=armor]:before{background-image:url(/hud/slot-armor.webp)}.peer-card-chip-empty[data-slot=skill]:before{background-image:url(/hud/slot-skill.webp)}}@layer view{.race-card{display:flex;align-items:baseline;justify-content:space-between;gap:.625rem;width:100%;min-width:0;padding:1rem}.race-card__header{display:flex;align-items:baseline;gap:.625rem;min-width:0;overflow-x:clip;white-space:nowrap;color:#f4e3c2;font-size:1.25rem}.race-card__mark{align-self:center}.race-card[data-selected=true] .race-card__mark{box-shadow:inset 0 0 0 .2rem #e3c387}.race-card__stats{flex:none;display:flex;flex-direction:column;gap:.375rem;margin:0}.race-card__stat{display:flex;align-items:baseline;gap:.375rem;margin:0}.race-card__stat-label{margin:0;color:#ffffff80;font-size:.875rem;white-space:nowrap}.race-card__stat-value{margin:0;color:#fff;font-size:1rem;font-variant-numeric:tabular-nums;white-space:nowrap}.race-card__stat-bonus{color:#e3c387}}@layer component{.game-log-dock{--game-log-button-bottom: #15140f;--game-log-button-top: #282620;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;height:100%;min-height:0;max-width:100%;pointer-events:none}.game-log-launcher{--bg-texture: url(/hud/bg/bg-parchment.webp);--bg-fill: linear-gradient(to bottom, var(--game-log-button-top), var(--game-log-button-bottom));flex:0 0 auto;pointer-events:auto;padding:.65rem 1.25rem;color:#fff;font-size:.875rem;border:1px solid #bf8b48;border-radius:3px;box-shadow:0 1px 2px #000c,0 2px 8px #000c,inset 0 1px 1px color-mix(in srgb,#e3c387 39%,transparent),inset 0 -1px 1px 1px #00000057}.game-log-launcher:is(:hover,:focus-visible,[data-selected=true]){--bg-fill: linear-gradient( to bottom, color-mix(in srgb, var(--game-log-button-top) 92%, white), color-mix(in srgb, var(--game-log-button-bottom) 95%, white) )}#game-log{flex:1 1 0;width:22rem;max-width:100%;min-height:0;pointer-events:auto;overflow-y:auto;padding:.5rem .625rem;display:flex;flex-direction:column;gap:.5rem;border-radius:4px;background-color:#000000bf}.game-log-entry{margin:0;color:#ffffff80;font-size:.875rem;line-height:1.35;word-break:break-word}.game-log-line[data-consequence=true]{padding-left:1rem}.game-log-actor{color:#b0b0b0}.game-log-actor[data-local=true]{color:#e3c387}.game-log-actor[data-side=enemy]{color:#ef7b6e}}@layer component{.toast{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:var(--z-popup);width:max-content;max-width:calc(100% - 2rem);margin:0 auto;padding:.5rem .75rem;border:1px solid #c53a3a;border-radius:4px;background:#3a1f1f;color:#fff;box-shadow:0 2px 4px 2px #00000040}}@layer view{#board{--board-bg: #222;position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;touch-action:none;background:var(--board-bg)}#board>canvas{display:block;width:100%;height:100%;background:var(--board-bg)}#board .board-renderer-error{display:none;pointer-events:none}#board[data-renderer=unavailable] .board-renderer-error{position:absolute;z-index:1;top:50%;left:50%;display:block;width:max-content;max-width:min(28rem,calc(100% - 2rem));padding:.75rem 1rem;text-align:center;transform:translate(-50%,-50%)}}@layer view{.game-hud{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;gap:calc(2 * var(--space));width:100%;max-width:100%;min-width:0;padding:var(--space) var(--space) 0;overflow:visible;pointer-events:none;background:linear-gradient(to top,#000000e6,#000000b3 50%,#0006,#0000)}}@layer view{.party-card{--party-card-text: #fff;--party-card-bg: #2a2a2a;--party-card-row-gap: .5rem;--party-card-art-width: 6.25rem;position:relative;flex:0 0 auto;width:max-content;display:flex;flex-direction:row;align-items:stretch;min-height:13.875rem;overflow:visible;pointer-events:auto;color:var(--party-card-text);text-shadow:0 0 8px black}.party-card[data-connected=false] .party-card-art,.party-card[data-connected=false] .party-card-top,.party-card[data-connected=false] .party-card-bottom{opacity:.25}.party-card-disconnected{position:absolute;inset:0 0 0 calc(-1 * var(--party-card-art-width));z-index:1;display:grid;place-items:center;pointer-events:none;color:var(--party-card-text);font-size:1rem;letter-spacing:.05em;text-shadow:0 1px 3px black,0 2px 7px black}.party-card-main{position:relative;z-index:1;flex:1 1 auto;align-self:flex-end;min-width:0;display:flex;flex-direction:column;padding-bottom:1rem}.party-card-art{position:relative;flex:0 0 auto;align-self:flex-end;width:var(--party-card-art-width);height:8rem;overflow:hidden;pointer-events:none;background-repeat:no-repeat;background-position:center top;background-size:8.6875rem 17.5rem}.party-card-art:after{content:"";position:absolute;inset:0;background:inherit;filter:brightness(1.25);opacity:0;transition:opacity var(--duration)}.party-card-video{position:absolute;bottom:.35rem;left:.35rem;width:4rem;height:4rem;z-index:1;pointer-events:auto;border-radius:0;border:1px solid #bdbdbd;background:var(--party-card-bg)}.party-card-video .video-container{display:block;width:100%;height:100%;aspect-ratio:1;border:none;border-radius:0;background:var(--party-card-bg);box-shadow:none;overflow:hidden;cursor:default}[data-video=true] :is(.party-card-video .video-container){aspect-ratio:auto}.party-card-video video{width:100%;height:100%;border-radius:0;object-fit:cover}.party-card-video [data-video=true] video{display:block}.party-card-video .video-icon{width:1.15rem;height:1.15rem}.party-card-avatar{position:relative;width:100%}.party-card-top{display:flex;align-items:flex-start;gap:1rem}.party-card-identity{display:flex;flex-direction:column;gap:var(--party-card-row-gap);flex:1 1 auto;align-self:flex-end}.party-card-name{font-size:1.25rem;white-space:nowrap}.party-card[data-highlighted=true] .party-card-art:after{opacity:1}.party-card-race-class{font-size:.875rem;color:#e3c387;white-space:nowrap}.party-card-race-class.empty{color:#ffffff80}.party-card-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--party-card-row-gap);flex:0 0 auto;font-size:.875rem}.party-card-ap{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.party-card-ap-pip{width:1em;height:1em;overflow:visible;flex-shrink:0}.party-card-ap-pip img{display:block;max-width:none;width:2em;height:2em;margin:-.5em}.party-card-hp{display:flex;align-items:center;gap:.25rem}.party-card-hp-icon{flex:0 0 auto;height:1em;width:1em}.party-card-hp-value{color:var(--party-card-text)}.party-card-bottom{position:relative;display:flex;flex-direction:column;gap:.375rem;padding:.625rem 0 0;font-size:1rem}}@layer view{.hud-chip{--action-text: #fff;--action-shadow: 0 2px 6px rgb(0 0 0 / 50%), 0 10px 10px -4px rgb(0 0 0 / 50%);--action-size: 2.875rem;--action-radius: 3px;--action-frame-radius: 0;--action-font-size: .75rem;position:relative;isolation:isolate;display:grid;width:var(--action-size);height:var(--action-size);min-width:0;min-height:0;margin:0;padding:0;color:var(--action-text);background:none;border:none;border-radius:var(--action-radius);corner-shape:bevel;cursor:default}.hud-chip:not([data-kind=passive]){box-shadow:var(--action-shadow)}.hud-chip:not([data-kind=passive]):after{content:"";grid-area:1 / 1;z-index:1;pointer-events:none;border-radius:var(--action-radius);corner-shape:bevel;box-shadow:inset 0 0 5px 3px #000}.hud-chip[data-forbidden=true]:not([data-selected=true]){opacity:.45}.hud-chip[data-selected=true]{box-shadow:var(--action-shadow),0 0 2px 4px #f4e3c2,0 0 5px 4px color-mix(in srgb,#f4e3c2 85%,transparent)}.hud-chip[data-kind=passive]:is(:hover,:focus-visible){filter:brightness(1.12)}button.hud-chip{cursor:pointer}button.hud-chip[data-selected=true]{cursor:url(/cursor_target.svg) 12 12,crosshair}button.hud-chip[data-forbidden=true][data-selected=true]{cursor:pointer}button.hud-chip[data-forbidden=true]:not([data-selected=true]),button.hud-chip:disabled{cursor:default}button.hud-chip:not(:disabled):not([data-forbidden=true]):is(:hover,:focus-visible){filter:brightness(1.12)}button.hud-chip[data-highlighted=true]:not([data-selected=true]){filter:brightness(1.12);box-shadow:var(--action-shadow),0 0 0 1px #fffc,0 0 6px 1px #ffffff80}.hud-chip-sprite,.hud-chip-frame{grid-area:1 / 1;width:100%;height:100%}.hud-chip-sprite{position:relative;overflow:hidden;border-radius:var(--action-radius);corner-shape:bevel}.hud-chip[data-kind=passive] .hud-chip-sprite{-webkit-mask-image:linear-gradient(to right,transparent,#000 3px,#000 calc(100% - 3px),transparent),linear-gradient(to bottom,transparent,#000 3px,#000 calc(100% - 3px),transparent);mask-image:linear-gradient(to right,transparent,#000 3px,#000 calc(100% - 3px),transparent),linear-gradient(to bottom,transparent,#000 3px,#000 calc(100% - 3px),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.hud-chip-frame{display:block;min-width:0;min-height:0;z-index:2;pointer-events:none;border:none;border-radius:var(--action-frame-radius);corner-shape:bevel}.hud-chip-sprite img{position:absolute;display:block;max-width:none}.hud-chip-name{display:none}.hud-chip-mark{position:absolute;z-index:3;right:3px;bottom:2px;color:var(--action-text);font-family:var(--font-body);font-size:var(--action-font-size);text-shadow:0 0 4px black}.hud-chip-qty{position:absolute;z-index:3;right:2px;bottom:1px;color:#f4e3c2;font-size:var(--action-font-size)}.hud-chip-qty:has(+.hud-chip-mark){top:1px;bottom:auto}}@layer view{.hud-chip-sets{--chips-cell-small: 1.875rem;--chips-cell: 2.875rem;--chips-small-gap: .125rem;--chips-set-gap: .625rem;--chips-cell-small-radius: 2px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;gap:var(--chips-set-gap)}.hud-chip-set{display:flex;flex-direction:column;gap:.25rem}.hud-chip-sets:not(.compact) .hud-chip-set+.hud-chip-set{position:relative;padding-left:var(--chips-set-gap)}.hud-chip-sets:not(.compact) .hud-chip-set+.hud-chip-set:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,#e3c387 50%,transparent) 70%,transparent)}.hud-chip-set-label{font-family:var(--font-display);font-size:.75rem;color:#b1b0ae;text-shadow:none}.hud-chip-row{display:grid;gap:.25rem;min-height:0}[data-chip-set=equip] .hud-chip-row{grid-template-columns:repeat(2,var(--chips-cell))}[data-chip-set=skills] .hud-chip-row{grid-template-columns:repeat(3,var(--chips-cell))}[data-chip-set=bag] .hud-chip-row{grid-template-columns:repeat(4,var(--chips-cell-small));gap:var(--chips-small-gap)}.hud-chip-empty{display:block;width:var(--chips-cell);height:var(--chips-cell);border-radius:3px;corner-shape:bevel;background:#00000080;border:1px solid rgb(255 255 255 / .1)}.hud-chip-empty[data-slot]{position:relative}.hud-chip-empty[data-slot]:before{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-size:cover;opacity:.4;mix-blend-mode:overlay}.hud-chip-empty[data-slot][data-slot=shield]:before{background-image:url(/hud/slot-shield.webp)}.hud-chip-empty[data-slot][data-slot=armor]:before{background-image:url(/hud/slot-armor.webp)}.hud-chip-empty[data-slot][data-slot=accessory]:before{background-image:url(/hud/slot-accessory.webp)}[data-chip-set=bag] .hud-chip{--action-size: var(--chips-cell-small);--action-radius: var(--chips-cell-small-radius);--action-frame-radius: var(--chips-cell-small-radius)}[data-chip-set=bag] .hud-chip-empty{width:var(--chips-cell-small);height:var(--chips-cell-small);border-radius:var(--chips-cell-small-radius)}.hud-chip-sets.compact .hud-chip-row{gap:var(--chips-small-gap)}.hud-chip-sets.compact [data-chip-set=equip] .hud-chip-row{grid-template-columns:repeat(2,var(--chips-cell-small))}.hud-chip-sets.compact [data-chip-set=skills] .hud-chip-row{grid-template-columns:repeat(3,var(--chips-cell-small))}.hud-chip-sets.compact [data-chip-set=bag] .hud-chip-row{grid-template-columns:none;grid-template-rows:repeat(2,var(--chips-cell-small));grid-auto-columns:var(--chips-cell-small);grid-auto-flow:column}.hud-chip-sets.compact .hud-chip{--action-size: var(--chips-cell-small);--action-radius: var(--chips-cell-small-radius);--action-frame-radius: var(--chips-cell-small-radius)}.hud-chip-sets.compact .hud-chip-empty{width:var(--chips-cell-small);height:var(--chips-cell-small);border-radius:var(--chips-cell-small-radius)}}@layer view{.player-card{--player-text: #fff;--player-text-gold: #e3c387;--player-bg: #2a2a2a;--player-button-bottom: #15140f;--player-button-top: #282620;--player-row-gap: .5rem;--player-texture-parchment: url(/hud/bg/bg-parchment.webp);position:relative;flex:0 0 auto;width:max-content;display:flex;flex-direction:row;align-items:stretch;min-height:13.875rem;overflow:visible;pointer-events:auto;color:var(--player-text);text-shadow:0 0 8px black}.player-card-main{position:relative;z-index:1;flex:1 1 auto;align-self:flex-end;min-width:0;display:flex;flex-direction:column;padding-bottom:1rem}.player-card-art{position:relative;flex:0 0 auto;align-self:stretch;width:10.125rem;overflow:hidden;pointer-events:none;background-repeat:no-repeat;background-position:center top;background-size:14.125rem 28.625rem}.player-card-art:after{content:"";position:absolute;inset:0;background:inherit;filter:brightness(1.25);opacity:0;transition:opacity var(--duration)}.player-card-video{position:absolute;bottom:.35rem;left:.35rem;width:4rem;height:4rem;z-index:1;pointer-events:auto;border-radius:0;border:1px solid #bdbdbd;background:var(--player-bg)}.player-card-video .avatar{--avatar-size: 100%;--avatar-mic-size: 1.15rem;width:100%;height:100%}.player-card-video .video-container{display:block;width:100%;height:100%;aspect-ratio:1;border:none;border-radius:0;background:var(--player-bg);box-shadow:none;overflow:hidden}.player-card-video .video-container.video-on{aspect-ratio:auto}.player-card-video video{width:100%;height:100%;border-radius:0;object-fit:cover}.player-card-video .video-container.video-on video{display:block}.player-card-video .video-icon{width:1.15rem;height:1.15rem}.player-card-top{display:flex;align-items:flex-start;gap:1rem}.player-card-identity{display:flex;flex-direction:column;gap:var(--player-row-gap);flex:1 1 auto;align-self:flex-end}.player-card-name{font-size:1.5rem;white-space:nowrap}.player-card[data-highlighted=true] .player-card-art:after{opacity:1}.player-card-race-class{font-size:1rem;color:var(--player-text-gold);white-space:nowrap}.player-card-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--player-row-gap);flex:0 0 auto}.player-card-ap{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.player-card-ap-label{color:var(--player-text-gold);font-size:.875rem;margin-inline-end:.25rem}.player-card-ap-pip{width:1em;height:1em;overflow:visible;flex-shrink:0}.player-card-ap-pip img{display:block;max-width:none;width:2em;height:2em;margin:-.5em}.player-card-hp{display:flex;align-items:center;gap:.25rem}.player-card-hp-icon{flex:0 0 auto;height:1em;width:1em}.player-card-hp-value{display:inline-flex;align-items:baseline;gap:.125rem;font-size:1rem;color:var(--player-text)}.player-card-end-turn{--bg-texture: var(--player-texture-parchment);--bg-fill: linear-gradient(to bottom, var(--player-button-top), var(--player-button-bottom));flex:0 0 auto;padding:.65rem 1.25rem;color:var(--player-text);font-family:var(--font-display);font-size:.875rem;border:1px solid #bf8b48;border-radius:3px;box-shadow:0 1px 2px #000c,0 2px 8px #000c,inset 0 1px 1px color-mix(in srgb,#e3c387 39%,transparent),inset 0 -1px 1px 1px #00000057;transition:background-color .1s ease-in-out}.player-card-end-turn:not(:disabled):is(:hover,:focus-visible){--bg-fill: linear-gradient( to bottom, color-mix(in srgb, var(--player-button-top) 92%, white), color-mix(in srgb, var(--player-button-bottom) 95%, white) )}.player-card-end-turn:disabled{opacity:.45}.player-card-end-turn[data-visible=false]{visibility:hidden}.player-card-bottom{position:relative;display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem;padding:.625rem 0 0;font-size:1rem}.player-card-bottom:before{content:"";position:absolute;top:0;left:-1rem;right:0;height:1px;background:linear-gradient(to right,transparent,color-mix(in srgb,#e3c387 50%,transparent) 10%,transparent)}}@layer view{#mini-info-card,#door-info-card{position:fixed;z-index:var(--z-popover);display:flex;flex-direction:column;gap:.5rem;padding:.75rem;color:#fff;background:color-mix(in srgb,#070707 75%,transparent);border:1px solid #999;border-radius:4px;box-shadow:0 2px 4px 2px #00000040,0 8px 16px 4px #00000026;white-space:nowrap;pointer-events:none;translate:0 -100%}.mini-info-name{font-size:1rem}#mini-info-card[data-side=enemy] .mini-info-name{color:#ef7b6e}.mini-info-race-class{color:#e3c387;font-size:.875rem}.mini-info-stats{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem}.mini-info-hp,.mini-info-ap{display:flex;align-items:center;gap:.25rem}.mini-info-hp-icon{width:1em;height:1em}.mini-info-ap-pip{width:1em;height:1em;overflow:visible}.mini-info-ap-pip img{display:block;max-width:none;width:2em;height:2em;margin:-.5em}}@layer view{.play{--play-text-gold: #e3c387;--play-text-gold-light: #f4e3c2;--play-text-muted: #888;--play-text-red: #c53a3a;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"outcome" "board" "controls";height:100%;width:100%;min-width:0;min-height:0;overflow:hidden;background:#070707}.play[data-cursor-intent=target]{cursor:url(/cursor_target.svg) 12 12,crosshair}.play[data-cursor-intent=open]{cursor:url(/cursor_open_door.svg) 12 12,pointer}.play[data-cursor-intent=pick-loot],.play[data-cursor-intent=pick-loot] button.hud-chip[data-selected=true]{cursor:url(/cursor_pick_loot.svg) 12 12,pointer}.play[data-cursor-intent=use-item],.play[data-cursor-intent=use-item] button.hud-chip[data-selected=true]{cursor:url(/cursor_use_item.svg) 12 12,pointer}.play[data-cursor-intent=forbidden]{cursor:url(/cursor_target_forbidden.svg) 12 12,not-allowed}.play-stage{grid-area:board;position:relative;min-width:0;min-height:0;overflow:hidden}#play-outcome{grid-area:outcome;margin:0;padding:.75rem 1rem;color:var(--play-text-gold-light);border-bottom:1px solid color-mix(in srgb,#e3c387 35%,transparent)}#play-outcome-title{margin:0;color:var(--play-text-gold);font-size:1.25rem;letter-spacing:.05em}#play-outcome[data-result=defeat] #play-outcome-title{color:var(--play-text-red)}#play-start-another-run{margin-top:.75rem}#play-restart-waiting,#play-restart-authority{margin:.5rem 0 0}#play-restart-waiting{color:var(--play-text-muted)}#play-restart-authority{color:var(--play-text-red)}.play-stage .sound-prompt{top:.75rem;left:50%;translate:-50% 0;width:max-content;max-width:min(24rem,calc(100% - 1.5rem))}.play-stage-chrome{position:absolute;top:.75rem;left:.75rem;z-index:1;pointer-events:none;display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;width:max-content;max-width:calc(100% - 1.5rem);min-width:0}#play-objective{margin:0;flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .5rem;color:var(--play-text-gold-light);letter-spacing:.05em;white-space:nowrap;box-shadow:0 2px 4px 2px #00000040,0 8px 16px 4px #00000026;border-radius:8px}.play-objective-icon{width:1.2rem;height:1.2rem;flex-shrink:0;color:var(--play-text-gold)}.play-dock{grid-area:board;z-index:1;display:flex;flex-direction:column;min-height:0;pointer-events:none}.play-rail{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:flex-end;gap:calc(.75 * var(--space));padding:calc(.75 * var(--space))}.play-rail-slot{flex:1 1 0;min-height:0;max-width:100%}.play-controls{grid-area:controls;display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid rgb(255 255 255 / .12)}.play-controls:not(:has(*)){display:none;padding:0;border:0}.play-button{padding:.5rem 1rem;border-radius:8px;letter-spacing:.05em}.play-button:disabled{opacity:.45}.play-status{margin:0;color:var(--play-text-muted);font-size:.875rem}}@layer view{.play-initiative{--initiative-dark: linear-gradient(to bottom, #282620, #15140f);--bg-fill: var(--initiative-dark);display:flex;gap:.5rem;margin:0;padding:4px;list-style:none;pointer-events:auto;border:1px solid #bf8b48;border-radius:45px;box-shadow:0 1px 2px #000c,0 2px 8px #000c,inset 0 1px 1px color-mix(in srgb,#e3c387 39%,transparent),inset 0 -1px 1px 1px #00000057}.play-initiative-actor{--initiative-edge: linear-gradient(to top, #312111, #51371e);--initiative-band: linear-gradient(to bottom, #c7934e, #ad783a);--initiative-band-light: rgb(226 201 137 / .49);--initiative-inner-edge: linear-gradient(to top, #0f0e0b, #1e1c15);position:relative;flex:0 0 auto;width:3.875rem;height:3.875rem;border-radius:50%;background:var(--initiative-edge)}.play-initiative-actor:before,.play-initiative-actor:after{content:"";position:absolute;border-radius:50%}.play-initiative-actor:before{inset:1px;background:var(--initiative-band);box-shadow:inset 1px 2px 1px var(--initiative-band-light)}.play-initiative-actor:after{inset:3px;background:var(--initiative-inner-edge)}.play-initiative-actor[data-side=enemy]{--initiative-band: linear-gradient(to bottom, #c13225, #871f18);--initiative-band-light: rgb(254 200 200 / .56)}.play-initiative-actor[data-current=true]{--initiative-edge: linear-gradient(to top, #d1be85, #dfd3b5);--initiative-inner-edge: linear-gradient(to top, #574425, #6f6138);box-shadow:0 0 13px -2px #d8b680}.play-initiative-actor[data-current=true] .play-initiative-disc{--bg-fill: linear-gradient(to bottom, #7a6b3e, #5e4728)}.play-initiative-actor[data-highlighted=true]{--initiative-edge: linear-gradient(to top, #d9d9d9, #fff);box-shadow:0 0 10px -1px #fffc}.play-initiative-disc{--bg-fill: var(--initiative-dark);position:absolute;inset:4px;z-index:1;overflow:hidden;border-radius:50%}.play-initiative-disc:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 1px #e3c38730}.play-initiative-token{position:absolute;top:0;left:50%;width:9.875rem;max-width:none;translate:-50% 0}.play-initiative-token:not([data-portrait]){top:-17px;width:4.4375rem}.play-initiative-marker{position:absolute;top:3.0625rem;left:50%;z-index:2;max-width:none;translate:-50% 0}}@layer view{.timeline{--timeline-text-dim: #ffffff80;--timeline-text-muted: #888;--timeline-hover-bg: #3a3a3a;--timeline-border: #333;--timeline-border-gold: #e3c387;--timeline-font-size: .75rem;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"board" "controls";height:100%;width:100%;min-width:0;min-height:0;overflow:hidden;background:#070707}.timeline-stage{grid-area:board;min-width:0;min-height:0;overflow:hidden}.timeline-stage-empty{height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.timeline .game-hud{grid-area:board;align-self:end;z-index:1}.timeline-controls{grid-area:controls;display:flex;flex-wrap:nowrap;align-items:stretch;gap:.625rem;min-width:0;max-width:100%;overflow:hidden;padding:.5rem;background:color-mix(in srgb,#222 92%,transparent);border-top:1px solid rgb(255 255 255 / .12)}.timeline-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.timeline-dump-button,.timeline-nav-button{display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--timeline-border);background:#333;font-size:var(--timeline-font-size);transition:background-color var(--duration),border-color var(--duration)}.timeline-dump-button:is(:hover,:focus-visible),.timeline-nav-button:is(:hover,:focus-visible){background:var(--timeline-hover-bg);border-color:#666}.timeline-dump-button{flex:0 1 auto;align-self:center;max-width:12rem;padding:.25rem .5rem}.timeline-dump-button.loaded{color:var(--timeline-text-dim)}.timeline-dump-name{white-space:nowrap;min-width:0}.timeline-dump-icon{flex:0 0 auto;color:#e3c387}.timeline-error{flex:0 1 auto;align-self:center;margin:0;padding:.25rem .5rem;background:#3a1f1f;color:#c53a3a;border:1px solid #c53a3a;font-size:var(--timeline-font-size)}.timeline-empty{margin:0;color:var(--timeline-text-muted)}.timeline-nav{display:flex;flex:0 0 auto;align-self:center;gap:.375rem}.timeline-nav-button{padding:.25rem;justify-content:center;width:1.75rem;height:1.75rem}.timeline-track{display:flex;flex:1 1 auto;align-items:stretch;overflow-x:auto;overflow-y:hidden;min-width:0;min-height:0}.timeline-node{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:.375rem;row-gap:.125rem;flex:0 0 auto;padding:.25rem .5rem;border:1px solid var(--timeline-border);border-left:none;background:transparent;color:var(--timeline-text-muted);font-size:var(--timeline-font-size);transition:color var(--duration),border-color var(--duration);min-width:4.5rem;max-width:9rem}.timeline-node:first-child{border-left:1px solid var(--timeline-border)}.timeline-node:is(:hover,:focus-visible){color:var(--timeline-text-dim)}.timeline-node:is(:hover,:focus-visible) .timeline-node-marker{border-color:var(--timeline-border-gold);background:var(--timeline-hover-bg)}.timeline-node-marker{grid-column:1;grid-row:1;width:.6rem;height:.6rem;border-radius:50%;border:2px solid #666;background:#2a2a2a}.timeline-node:first-child .timeline-node-marker,.timeline-node:last-child .timeline-node-marker{border-radius:2px}.timeline-node-actor,.timeline-node-action{min-width:0;white-space:nowrap}.timeline-node-actor{grid-column:2;grid-row:1}.timeline-node-action{grid-column:2;grid-row:2}.timeline-node[aria-selected=true]{color:#f4e3c2}.timeline-node[aria-selected=true] .timeline-node-marker{border-color:var(--timeline-border-gold);background:#e3c387;box-shadow:0 0 0 1px color-mix(in srgb,#e3c387 35%,transparent)}}