@import '_content/Nexus.Adventure.UI.Shared/Nexus.Adventure.UI.Shared.sj41mdi0ri.bundle.scp.css';
@import '_content/Nexus.Characters.Components/Nexus.Characters.Components.iow9sn7pjq.bundle.scp.css';
@import '_content/Nexus.Characters.UI/Nexus.Characters.UI.quknvp4sw1.bundle.scp.css';
@import '_content/Nexus.Chat.UI.Shared/Nexus.Chat.UI.Shared.28ojn8r8ln.bundle.scp.css';
@import '_content/Nexus.Client.Blazor/Nexus.Client.Blazor.thrn4nbooz.bundle.scp.css';
@import '_content/Nexus.Combat.Blazor/Nexus.Combat.Blazor.wfmpgk7ljt.bundle.scp.css';
@import '_content/Nexus.Friends.UI/Nexus.Friends.UI.d67gwerug3.bundle.scp.css';
@import '_content/Nexus.Guidance.UI/Nexus.Guidance.UI.mrfvalymel.bundle.scp.css';
@import '_content/Nexus.Issues.UI.Shared/Nexus.Issues.UI.Shared.6ec87l3sv8.bundle.scp.css';
@import '_content/Nexus.Items.UI.Shared/Nexus.Items.UI.Shared.pjfwsn9u89.bundle.scp.css';
@import '_content/Nexus.Monsters.UI.Shared/Nexus.Monsters.UI.Shared.6wi06gn46p.bundle.scp.css';
@import '_content/Nexus.RealmManagement.UI/Nexus.RealmManagement.UI.axxoxca8zm.bundle.scp.css';
@import '_content/Nexus.Rules.UI/Nexus.Rules.UI.kojvjt6kl6.bundle.scp.css';
@import '_content/Nexus.Scheduling.UI/Nexus.Scheduling.UI.1gul5gt3sy.bundle.scp.css';
@import '_content/Nexus.Timeline.UI/Nexus.Timeline.UI.l6nzpdx4jn.bundle.scp.css';
@import '_content/Nexus.UI.Shared/Nexus.UI.Shared.qoatzo0dkh.bundle.scp.css';
@import '_content/Nexus.Voice.UI/Nexus.Voice.UI.cuxpdvflq5.bundle.scp.css';

/* /Components/Admin/BillingProductsAdminPanel.razor.rz.scp.css */
.billing-products-admin-panel[b-9hsrvmn6mz] {
    display: block;
}

.billing-products-select-row[b-9hsrvmn6mz],
.billing-products-command-row[b-9hsrvmn6mz] {
    flex-wrap: wrap;
}

.billing-products-select-row > *[b-9hsrvmn6mz] {
    flex: 1 1 13rem;
}

@media (max-width: 720px) {
    .billing-products-command-row[b-9hsrvmn6mz] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Admin/BookImportIntakePanel.razor.rz.scp.css */
.book-import-intake-panel[b-xibg40jcyw] {
    margin-bottom: 1.25rem;
}

.book-import-file[b-xibg40jcyw] {
    display: grid;
    gap: 0.5rem;
}

.book-import-file-name[b-xibg40jcyw] {
    color: var(--ui-text-secondary);
}

.book-import-file-limit[b-xibg40jcyw] {
    color: var(--ui-text-secondary);
}

.book-import-validation-list[b-xibg40jcyw] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.book-import-validation-list li + li[b-xibg40jcyw] {
    margin-top: 0.25rem;
}

.book-import-agent-task textarea[b-xibg40jcyw] {
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: calc(var(--ui-font-size-lg) * 0.8);
}
/* /Pages/AdminContentPage.razor.rz.scp.css */
.admin-content-page[b-7ulj4tunuh] {
    padding: 2rem 1rem;
}

.admin-content-heading-row[b-7ulj4tunuh] {
    gap: 1rem;
}

.admin-content-subtitle[b-7ulj4tunuh],
.admin-content-selected[b-7ulj4tunuh] {
    color: var(--ui-text-secondary);
}

.admin-content-selector[b-7ulj4tunuh] {
    display: grid;
    gap: 0.4rem;
    max-width: 32rem;
}

.admin-content-ruleset-select[b-7ulj4tunuh] {
    width: 100%;
}

.admin-content-loading[b-7ulj4tunuh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3rem;
}

.admin-content-actions[b-7ulj4tunuh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
}

.admin-content-action[b-7ulj4tunuh] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    min-height: 6rem;
    padding: 0.95rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    background: var(--ui-surface);
    color: var(--ui-text-primary);
    text-align: left;
    cursor: pointer;
}

.admin-content-action:hover[b-7ulj4tunuh],
.admin-content-action:focus-visible[b-7ulj4tunuh] {
    border-color: var(--ui-action-primary);
    outline: none;
}

.admin-content-action:disabled[b-7ulj4tunuh] {
    cursor: not-allowed;
    opacity: 0.55;
}

.admin-content-action-icon[b-7ulj4tunuh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--ui-action-primary) 12%, transparent);
    color: var(--ui-action-primary);
}

.admin-content-action-copy[b-7ulj4tunuh] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
}

.admin-content-action-copy strong[b-7ulj4tunuh] {
    font-size: calc(var(--ui-font-size-lg) * 0.98);
    line-height: 1.3;
}

.admin-content-action-copy span[b-7ulj4tunuh] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.88);
    line-height: 1.45;
}

.admin-content-action-chevron[b-7ulj4tunuh] {
    color: var(--ui-text-secondary);
}

@media (max-width: 640px) {
    .admin-content-heading-row[b-7ulj4tunuh] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/AdminOfficialRulesPage.razor.rz.scp.css */
.admin-rules-page[b-qq7gby0rzp] {
    padding: 2rem 1rem;
}

.admin-rules-heading[b-qq7gby0rzp] {
    gap: 1rem;
}

.admin-rules-subtitle[b-qq7gby0rzp] {
    color: var(--ui-text-secondary);
}

.admin-rules-actions[b-qq7gby0rzp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
}

.admin-rules-action[b-qq7gby0rzp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    min-height: 5.75rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    background: var(--ui-surface);
    color: var(--ui-text-primary);
    text-align: left;
    cursor: pointer;
}

.admin-rules-action:hover[b-qq7gby0rzp],
.admin-rules-action:focus-visible[b-qq7gby0rzp] {
    border-color: var(--ui-action-primary);
    outline: none;
}

.admin-rules-action-icon[b-qq7gby0rzp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--ui-action-primary) 12%, transparent);
    color: var(--ui-action-primary);
}

.admin-rules-action-copy[b-qq7gby0rzp] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
}

.admin-rules-action-copy strong[b-qq7gby0rzp] {
    font-size: calc(var(--ui-font-size-lg) * 0.98);
    line-height: 1.3;
}

.admin-rules-action-copy span[b-qq7gby0rzp] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.88);
    line-height: 1.45;
}

.admin-rules-action-chevron[b-qq7gby0rzp] {
    color: var(--ui-text-secondary);
}
/* /Pages/AdminRulebooksPage.razor.rz.scp.css */
.admin-page-toolbar[b-amsl66y4jj] {
    gap: 1rem;
}

.admin-page-subtitle[b-amsl66y4jj] {
    color: var(--ui-text-secondary);
}
/* /Pages/LoginPage.razor.rz.scp.css */
/* 
 * Projektmappe: Nexus.Client.Browser/Pages
 * Namespace: Nexus.Client.Browser.Pages
 * Fil: LoginPage.razor.css
 * Formål: Styling for Login Page
 * 
 * Teknologi Stack:
 * - CSS: Custom styling for layout, spacing og responsive design
 * - Scoped CSS: Denne fil er scoped til LoginPage.razor komponenten
 * 
 * Design Principper:
 * - Mobile-first responsive design
 * - Light theme (bruger CSS variables fra nexus.css)
 * - Centreret login card
 */

.login-page[b-ruzkwuf6d1] {
    min-height: 100vh;
    background: var(--ui-background);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-md);
}

.login-container[b-ruzkwuf6d1] {
    width: 100%;
    max-width: 400px;
}

.login-card[b-ruzkwuf6d1] {
    background: var(--ui-surface);
    border-radius: var(--radius-lg);
    padding: var(--space-3xl);
    border: 1px solid var(--ui-border);
    box-shadow: var(--ui-shadow-lg);
}

.login-header[b-ruzkwuf6d1] {
    text-align: center;
    margin-bottom: var(--space-3xl);
}

.login-title[b-ruzkwuf6d1] {
    font-size: calc(var(--ui-font-size-lg) * 2);
    line-height: 1.5;
    color: var(--ui-text-primary);
    margin: 0 0 var(--space-sm) 0;
    font-weight: 600;
}

.login-subtitle[b-ruzkwuf6d1] {
    font-size: calc(var(--ui-font-size-lg) * 0.875);
    line-height: 1.5;
    color: var(--ui-text-secondary);
    margin: 0;
}

.login-footer[b-ruzkwuf6d1] {
    text-align: center;
    margin-top: var(--space-md);
}

/* /Pages/PromptTesterPage.razor.rz.scp.css */
.prompt-tester-pre[b-csa58zin3i] {
    white-space: pre-wrap;
    font-family: monospace;
    font-size: calc(var(--ui-font-size-lg) * 0.875);
}

.prompt-tester-pre-compact[b-csa58zin3i] {
    white-space: pre-wrap;
}
/* /Pages/PublicLandingPage.razor.rz.scp.css */
/* 
 * Projektmappe: Nexus.Client.Browser/Pages
 * Namespace: Nexus.Client.Browser.Pages
 * Fil: PublicLandingPage.razor.css
 * Formål: Styling for Public Landing Page
 * 
 * Teknologi Stack:
 * - CSS: Custom styling for layout, spacing og responsive design
 * - Scoped CSS: Denne fil er scoped til PublicLandingPage.razor komponenten
 * 
 * Design Principper:
 * - Mobile-first responsive design
 * - Light theme (bruger CSS variables fra nexus.css)
 * - Hero section med call-to-action
 * - Feature cards med hover effekter
 */

.public-landing-page[b-lwjad8dlck] {
    min-height: 100vh;
    background: var(--ui-background);
    width: 100%;
    color: var(--ui-text-primary);
    position: relative;
    z-index: var(--ui-z-base);
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

.public-landing-page-container[b-lwjad8dlck] {
    max-width: 1280px;
    margin: 0 auto;
    padding: var(--space-3xl) var(--space-md);
}

/* Hero Section */
.hero-section[b-lwjad8dlck] {
    text-align: center;
    margin-bottom: var(--space-3xl);
    padding: var(--space-3xl) 0;
}

.hero-title[b-lwjad8dlck] {
    font-size: calc(var(--ui-font-size-lg) * 3);
    line-height: 1.2;
    color: var(--ui-text-primary);
    margin: 0 0 var(--space-md) 0;
    font-weight: 700;
}

@media (min-width: 768px) {
    .hero-title[b-lwjad8dlck] {
        font-size: calc(var(--ui-font-size-lg) * 4);
    }
}

.hero-subtitle[b-lwjad8dlck] {
    font-size: calc(var(--ui-font-size-lg) * 1.5);
    line-height: 1.5;
    color: var(--ui-text-secondary);
    margin: 0 0 var(--space-lg) 0;
    font-weight: 500;
}

.hero-description[b-lwjad8dlck] {
    font-size: calc(var(--ui-font-size-lg) * 1.125);
    line-height: 1.75;
    color: var(--ui-text-secondary);
    margin: 0 auto;
    max-width: 600px;
}

/* Action Section */
.action-section[b-lwjad8dlck] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-3xl);
}

@media (min-width: 768px) {
    .action-section[b-lwjad8dlck] {
        flex-direction: row;
    }
}

.action-button[b-lwjad8dlck] {
    min-width: 200px;
}

/* Features Section */
.features-section[b-lwjad8dlck] {
    margin-top: var(--space-3xl);
}

.features-title[b-lwjad8dlck] {
    font-size: calc(var(--ui-font-size-lg) * 2);
    line-height: 1.5;
    color: var(--ui-text-primary);
    margin: 0 0 var(--space-3xl) 0;
    font-weight: 600;
    text-align: center;
}

.features-grid[b-lwjad8dlck] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-lg);
    width: 100%;
}

@media (min-width: 768px) {
    .features-grid[b-lwjad8dlck] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .features-grid[b-lwjad8dlck] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.feature-card[b-lwjad8dlck] {
    background: var(--ui-surface);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    border: 1px solid var(--ui-border);
    box-shadow: var(--ui-shadow-sm);
    text-align: center;
    transition: var(--ui-motion-normal);
}

.feature-card:hover[b-lwjad8dlck] {
    border-color: var(--ui-border-hover);
    box-shadow: var(--ui-shadow-lg);
    transform: translateY(-2px);
}

.feature-icon[b-lwjad8dlck] {
    color: var(--ui-action-primary);
    margin-bottom: var(--space-md);
}

.feature-title[b-lwjad8dlck] {
    font-size: calc(var(--ui-font-size-lg) * 1.25);
    line-height: 1.5;
    color: var(--ui-text-primary);
    margin: 0 0 var(--space-sm) 0;
    font-weight: 600;
}

.feature-description[b-lwjad8dlck] {
    font-size: calc(var(--ui-font-size-lg) * 0.875);
    line-height: 1.5;
    color: var(--ui-text-secondary);
    margin: 0;
}

/* /Pages/RegisterPage.razor.rz.scp.css */
/* 
 * Projektmappe: Nexus.Client.Browser/Pages
 * Namespace: Nexus.Client.Browser.Pages
 * Fil: RegisterPage.razor.css
 * Formål: Styling for Register Page
 * 
 * Teknologi Stack:
 * - CSS: Custom styling for layout, spacing og responsive design
 * - Scoped CSS: Denne fil er scoped til RegisterPage.razor komponenten
 * 
 * Design Principper:
 * - Mobile-first responsive design
 * - Light theme (bruger CSS variables fra nexus.css)
 * - Centreret register card
 */

.register-page[b-1kxxbx4zrf] {
    min-height: 100vh;
    background: var(--ui-background);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-md);
}

.register-container[b-1kxxbx4zrf] {
    width: 100%;
    max-width: 400px;
}

.register-card[b-1kxxbx4zrf] {
    background: var(--ui-surface);
    border-radius: var(--radius-lg);
    padding: var(--space-3xl);
    border: 1px solid var(--ui-border);
    box-shadow: var(--ui-shadow-lg);
}

.register-header[b-1kxxbx4zrf] {
    text-align: center;
    margin-bottom: var(--space-3xl);
}

.register-title[b-1kxxbx4zrf] {
    font-size: calc(var(--ui-font-size-lg) * 2);
    line-height: 1.5;
    color: var(--ui-text-primary);
    margin: 0 0 var(--space-sm) 0;
    font-weight: 600;
}

.register-subtitle[b-1kxxbx4zrf] {
    font-size: calc(var(--ui-font-size-lg) * 0.875);
    line-height: 1.5;
    color: var(--ui-text-secondary);
    margin: 0;
}

.register-footer[b-1kxxbx4zrf] {
    text-align: center;
    margin-top: var(--space-md);
}

/* /Pages/V2/GuidesPage.razor.rz.scp.css */
.v2-guides[b-1pzrzlde7e] { display: grid; gap: 1rem; max-width: 90rem; margin: 0 auto; }
.v2-guides__head[b-1pzrzlde7e], .v2-guides__editor-head[b-1pzrzlde7e], .v2-guides__section-title[b-1pzrzlde7e], .v2-guides__actions[b-1pzrzlde7e], .v2-guides__lesson footer[b-1pzrzlde7e] { align-items: center; display: flex; gap: .75rem; justify-content: space-between; }
.v2-guides h1[b-1pzrzlde7e], .v2-guides h2[b-1pzrzlde7e] { font-family: var(--ui-font-display); margin: 0; }
.v2-guides__head p[b-1pzrzlde7e] { color: var(--ui-text-secondary); margin: .35rem 0 0; }
.v2-guides__eyebrow[b-1pzrzlde7e] { color: var(--ui-status-warning); font-size: var(--ui-font-size-sm); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.v2-guides__metadata[b-1pzrzlde7e], .v2-guides__lesson[b-1pzrzlde7e], .v2-guides__step[b-1pzrzlde7e] { border: 1px solid var(--ui-border); padding: 1rem; }
.v2-guides__metadata[b-1pzrzlde7e] { align-items: end; display: grid; gap: 1rem; grid-template-columns: minmax(16rem, 2fr) repeat(3, 1fr); }
.v2-guides__layout[b-1pzrzlde7e] { display: grid; gap: 1rem; grid-template-columns: 16rem minmax(0, 1fr); }
.v2-guides__sections[b-1pzrzlde7e] { align-content: start; display: grid; gap: .35rem; height: fit-content; padding: .75rem; }
.v2-guides__section[b-1pzrzlde7e] { background: transparent; border: 0; border-left: 3px solid transparent; color: var(--ui-text-primary); cursor: pointer; display: flex; font: inherit; justify-content: space-between; padding: .65rem .5rem; text-align: left; }
.v2-guides__section--active[b-1pzrzlde7e] { background: var(--ui-surface-muted); border-left-color: var(--ui-action-primary); font-weight: 700; }
.v2-guides__section small[b-1pzrzlde7e] { color: var(--ui-text-secondary); }
.v2-guides__editor[b-1pzrzlde7e] { display: grid; gap: 1rem; padding: 1rem; }
.v2-guides__lesson[b-1pzrzlde7e] { display: grid; gap: .75rem; }
.v2-guides__steps[b-1pzrzlde7e] { display: grid; gap: .75rem; }
.v2-guides__step[b-1pzrzlde7e] { background: var(--ui-surface-muted); display: grid; gap: .65rem; }
.v2-guides__fields[b-1pzrzlde7e] { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v2-guides label[b-1pzrzlde7e] { color: var(--ui-text-secondary); display: grid; font-size: var(--ui-font-size-sm-md); gap: .3rem; }
.v2-guides input[b-1pzrzlde7e], .v2-guides select[b-1pzrzlde7e], .v2-guides textarea[b-1pzrzlde7e] { background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); color: var(--ui-text-primary); font: inherit; padding: .5rem; width: 100%; }
.v2-guides textarea[b-1pzrzlde7e] { resize: vertical; }
.v2-guides .primary[b-1pzrzlde7e] { background: var(--ui-action-primary); color: var(--ui-action-primary-text); }
@media (max-width: 52rem) { .v2-guides__head[b-1pzrzlde7e], .v2-guides__metadata[b-1pzrzlde7e], .v2-guides__layout[b-1pzrzlde7e], .v2-guides__fields[b-1pzrzlde7e] { grid-template-columns: 1fr; } .v2-guides__head[b-1pzrzlde7e] { align-items: start; flex-direction: column; } .v2-guides__sections[b-1pzrzlde7e] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Pages/V2/KomponenterPage.razor.rz.scp.css */
/* Komponentsiden (fase 4b): kun layout-hjaelpere med --space-*; primitives selv styles i nexus.css. */
.k-komponenter[b-2oaxyqszsc] { display: flex; flex-direction: column; gap: var(--space-md); padding: var(--space-md) var(--space-lg) var(--space-2xl); max-width: 1100px; margin: 0 auto; }
.k-komponenter__row[b-2oaxyqszsc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm); }
.k-komponenter__note[b-2oaxyqszsc] { margin-top: var(--space-sm); color: var(--ui-text-secondary); }
.k-komponenter__flushrow[b-2oaxyqszsc] { padding: var(--space-sm) var(--space-md); border-bottom: 1px solid var(--ui-border); }
.k-komponenter__flushrow:last-child[b-2oaxyqszsc] { border-bottom: none; }
/* /Pages/V2/Views/ActiveCharacterControl.razor.rz.scp.css */
/* Projektmappe: Nexus.Client.Browser/Pages/V2/Views
   Fil: ActiveCharacterControl.razor.css
   Formaal: Kontrollen skal kunne staa i en vaerktoejslinje uden at raabe. Navnet er det
            eneste der har vaegt; etiketten er en hvisken. */

.acc-root[b-39rflnjcls] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--space-xs);
    min-width: 0;
}

.acc-label[b-39rflnjcls] {
    font-size: var(--ui-font-size-2xs);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ui-text-secondary);
    flex: 0 0 auto;
}

.acc-name[b-39rflnjcls] {
    font-family: var(--ui-font-display);
    font-size: var(--ui-font-size-lg);
    color: var(--ui-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acc-trigger[b-39rflnjcls] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    background: none;
    border: none;
    border-bottom: 1px dotted var(--ui-border-hover);
    padding: 0 0 var(--space-2xs);
    cursor: pointer;
    color: var(--ui-text-primary);
    min-width: 0;
}

.acc-trigger:hover[b-39rflnjcls] {
    border-bottom-color: var(--ui-status-warning);
}
/* /Pages/V2/Views/AdventureNotebookView.razor.rz.scp.css */
.adventure-notebook .notebook-toolbar > div[b-wp9kjvc1pu],
.adventure-notebook .suggestion-head[b-wp9kjvc1pu],
.adventure-notebook .suggestion-head > div:last-child[b-wp9kjvc1pu] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.adventure-notebook .notebook-action[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    min-height: 32px;
    padding: var(--space-xs) var(--space-sm-md);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    border: 1px solid var(--ui-border-hover);
    font: inherit;
    font-size: var(--ui-font-size-sm);
    font-weight: 700;
    line-height: 1.2;
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    cursor: pointer;
}

.adventure-notebook .notebook-action.primary[b-wp9kjvc1pu] {
    color: var(--ui-surface);
    border-color: var(--ui-text-primary);
    background: var(--ui-text-primary);
}

.adventure-notebook .notebook-action.secondary[b-wp9kjvc1pu] {
    color: var(--ui-text-primary);
    background: var(--ui-surface-muted);
}

.adventure-notebook .notebook-action:hover:not(:disabled)[b-wp9kjvc1pu] {
    border-color: var(--ui-status-warning);
}

.adventure-notebook .notebook-action:disabled[b-wp9kjvc1pu] {
    opacity: .55;
    cursor: default;
}

.adventure-notebook[b-wp9kjvc1pu] {
    min-height: 100%;
}

.adventure-notebook .notebook-grid[b-wp9kjvc1pu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-sm-md);
    align-items: stretch;
}

.adventure-notebook .notebook-grid.with-flow[b-wp9kjvc1pu] {
    grid-template-columns: minmax(360px, 1fr) minmax(420px, 42vw);
    align-items: start;
}

.adventure-notebook .notebook-editor[b-wp9kjvc1pu],
.adventure-notebook .notebook-inline-review[b-wp9kjvc1pu],
.adventure-notebook .notebook-flow-panel[b-wp9kjvc1pu] {
    min-width: 0;
}

.adventure-notebook .notebook-editor[b-wp9kjvc1pu] {
    display: flex;
    min-height: clamp(460px, 62vh, 820px);
    flex-direction: column;
}

.adventure-notebook .notebook-toolbar[b-wp9kjvc1pu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-sm-md);
    min-height: 1px;
    margin-bottom: 0;
}

.adventure-notebook .notebook-toolbar-actions[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--space-sm);
    min-width: 0;
}

.adventure-notebook .notebook-save-status[b-wp9kjvc1pu] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.adventure-notebook .notebook-textarea[b-wp9kjvc1pu] {
    width: 100%;
    min-height: clamp(380px, 56vh, 760px);
    flex: 1 1 auto;
    resize: vertical;
    padding: var(--space-sm-md);
    border: 1px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    font: inherit;
    line-height: 1.5;
}

.adventure-notebook .notebook-textarea:focus[b-wp9kjvc1pu] {
    outline: 2px solid color-mix(in srgb, var(--ui-status-warning) 70%, transparent);
    outline-offset: 1px;
    border-color: var(--ui-status-warning);
}

.adventure-notebook .notebook-page-stack[b-wp9kjvc1pu] {
    display: grid;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
}

.adventure-notebook .notebook-page-section[b-wp9kjvc1pu] {
    padding: var(--space-sm-md) var(--space-sm-md);
    border: 1px solid var(--ui-border);
    border-left: 4px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-surface) 88%, var(--ui-surface-muted));
}

.adventure-notebook .notebook-page-head[b-wp9kjvc1pu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-sm);
}

.adventure-notebook .notebook-page-section h3[b-wp9kjvc1pu] {
    margin: var(--space-2xs) 0 0;
    font: inherit;
    font-size: calc((var(--ui-font-size-lg) + var(--ui-font-size-2xl)) / 2);
    font-weight: 800;
    line-height: 1.25;
}

.adventure-notebook .notebook-page-section p[b-wp9kjvc1pu] {
    margin: var(--space-xs) 0 0;
    color: var(--ui-text-secondary);
    line-height: 1.35;
}

.adventure-notebook .notebook-page-kind[b-wp9kjvc1pu] {
    color: var(--ui-text-secondary);
    font-size: var(--ui-font-size-2xs);
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.adventure-notebook .notebook-page-sync[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: var(--space-2xs) var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-full);
    color: var(--ui-text-secondary);
    background: var(--ui-surface-muted);
    font-size: var(--ui-font-size-xs);
    font-weight: 700;
    white-space: nowrap;
}

.adventure-notebook .notebook-page-quest[b-wp9kjvc1pu] {
    border-left-color: var(--ui-status-warning);
}

.adventure-notebook .notebook-page-stage[b-wp9kjvc1pu] {
    border-left-color: var(--ui-action-primary);
}

.adventure-notebook .notebook-page-secret[b-wp9kjvc1pu] {
    border-left-color: color-mix(in srgb, var(--ui-status-error) 72%, var(--ui-text-primary));
}

.adventure-notebook .notebook-page-character[b-wp9kjvc1pu],
.adventure-notebook .notebook-page-npc[b-wp9kjvc1pu],
.adventure-notebook .notebook-page-monster[b-wp9kjvc1pu] {
    border-left-color: var(--ui-status-success);
}

.adventure-notebook .notebook-page-item[b-wp9kjvc1pu],
.adventure-notebook .notebook-page-timeevent[b-wp9kjvc1pu],
.adventure-notebook .notebook-page-combat[b-wp9kjvc1pu] {
    border-left-color: var(--ui-status-accent);
}

.adventure-notebook .notebook-link-strip[b-wp9kjvc1pu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin-top: var(--space-sm);
}

.adventure-notebook .notebook-link-chip[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    max-width: 100%;
    min-height: 30px;
    padding: var(--space-xs) var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    color: var(--ui-text-primary);
    background: var(--ui-surface-muted);
    font: inherit;
    font-size: var(--ui-font-size-sm);
    line-height: 1.2;
    cursor: pointer;
}

.adventure-notebook .notebook-link-chip span[b-wp9kjvc1pu] {
    color: var(--ui-text-secondary);
}

.adventure-notebook .notebook-link-chip strong[b-wp9kjvc1pu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adventure-notebook .notebook-link-chip:hover[b-wp9kjvc1pu],
.adventure-notebook .notebook-link-chip:focus-visible[b-wp9kjvc1pu] {
    border-color: var(--ui-status-warning);
    background: color-mix(in srgb, var(--ui-status-warning) 15%, var(--ui-surface-muted));
}

.adventure-notebook .notebook-quick-links[b-wp9kjvc1pu] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin-top: var(--space-sm);
}

.adventure-notebook .notebook-quick-trigger[b-wp9kjvc1pu],
.adventure-notebook .notebook-icon-action[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-full);
    color: var(--ui-text-primary);
    background: var(--ui-surface-muted);
    cursor: pointer;
}

.adventure-notebook .notebook-quick-trigger:hover[b-wp9kjvc1pu],
.adventure-notebook .notebook-quick-trigger:focus-visible[b-wp9kjvc1pu],
.adventure-notebook .notebook-icon-action:hover[b-wp9kjvc1pu],
.adventure-notebook .notebook-icon-action:focus-visible[b-wp9kjvc1pu] {
    border-color: var(--ui-status-warning);
    background: color-mix(in srgb, var(--ui-status-warning) 14%, var(--ui-surface-muted));
}

.adventure-notebook .notebook-icon-action.danger:hover[b-wp9kjvc1pu],
.adventure-notebook .notebook-icon-action.danger:focus-visible[b-wp9kjvc1pu] {
    border-color: var(--ui-status-error);
    color: var(--ui-status-error);
}

.adventure-notebook .notebook-quick-menu[b-wp9kjvc1pu] {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 38px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    max-width: min(520px, 90vw);
    padding: var(--space-sm);
    border: 1px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-panel-lift) color-mix(in srgb, var(--ui-text-primary) 14%, transparent);
}

.adventure-notebook .notebook-quick-link[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    min-height: 28px;
    padding: var(--space-xs) var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    color: var(--ui-text-primary);
    background: color-mix(in srgb, var(--ui-surface-muted) 88%, var(--ui-surface));
    font: inherit;
    font-size: var(--ui-font-size-sm);
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.adventure-notebook .notebook-quick-link:hover[b-wp9kjvc1pu],
.adventure-notebook .notebook-quick-link:focus-visible[b-wp9kjvc1pu] {
    border-color: var(--ui-status-warning);
    background: color-mix(in srgb, var(--ui-status-warning) 14%, var(--ui-surface-muted));
}

.adventure-notebook .notebook-quick-picker[b-wp9kjvc1pu] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto;
    gap: var(--space-sm);
    align-items: end;
    margin-top: var(--space-sm);
    padding: var(--space-sm);
    border: 1px dashed var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-surface-muted) 72%, var(--ui-surface));
}

.adventure-notebook .notebook-quick-picker-title[b-wp9kjvc1pu] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    color: var(--ui-text-secondary);
    font-size: var(--ui-font-size-sm);
    font-weight: 800;
}

.adventure-notebook .notebook-quick-search[b-wp9kjvc1pu] {
    grid-column: 1 / -1;
    min-width: 0;
    min-height: 34px;
    padding: var(--space-xs) var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    font: inherit;
}

.adventure-notebook .notebook-quick-results[b-wp9kjvc1pu] {
    grid-column: 1 / -1;
    display: grid;
    gap: var(--space-xs);
    max-height: 210px;
    overflow: auto;
}

.adventure-notebook .notebook-quick-group[b-wp9kjvc1pu] {
    margin-top: var(--space-xs);
    color: var(--ui-text-secondary);
    font-size: var(--ui-font-size-2xs);
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.adventure-notebook .notebook-quick-candidate[b-wp9kjvc1pu] {
    display: grid;
    gap: var(--space-2xs);
    width: 100%;
    min-height: 32px;
    padding: var(--space-xs) var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.adventure-notebook .notebook-quick-candidate span[b-wp9kjvc1pu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
}

.adventure-notebook .notebook-quick-candidate small[b-wp9kjvc1pu] {
    overflow: hidden;
    color: var(--ui-text-secondary);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adventure-notebook .notebook-quick-candidate:hover[b-wp9kjvc1pu],
.adventure-notebook .notebook-quick-candidate:focus-visible[b-wp9kjvc1pu],
.adventure-notebook .notebook-quick-candidate.selected[b-wp9kjvc1pu] {
    border-color: var(--ui-status-warning);
    background: color-mix(in srgb, var(--ui-status-warning) 14%, var(--ui-surface));
}

.adventure-notebook .notebook-quick-empty[b-wp9kjvc1pu] {
    grid-column: 1 / -1;
    color: var(--ui-text-secondary);
    font-size: var(--ui-font-size-sm);
}

.adventure-notebook .notebook-format-toolbar[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    width: fit-content;
    margin: 0 0 var(--space-xs);
    padding: var(--space-xs);
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-surface-muted) 86%, var(--ui-surface));
}

.adventure-notebook .notebook-format-button[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: var(--ui-radius);
    color: var(--ui-text-primary);
    background: transparent;
    cursor: pointer;
}

.adventure-notebook .notebook-format-button:hover[b-wp9kjvc1pu] {
    border-color: var(--ui-status-warning);
    background: var(--ui-surface);
}

.adventure-notebook .notebook-rendered[b-wp9kjvc1pu] {
    width: 100%;
    min-height: clamp(380px, 56vh, 760px);
    flex: 1 1 auto;
    padding: var(--space-sm-md);
    border: 1px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    line-height: 1.5;
    white-space: pre-wrap;
    overflow: auto;
    overflow-wrap: anywhere;
}

.adventure-notebook .notebook-empty-note[b-wp9kjvc1pu] {
    padding: 0;
    border: 0;
    color: var(--ui-text-secondary);
    background: transparent;
    font: inherit;
    cursor: text;
}

.adventure-notebook .notebook-hidden-source[b-wp9kjvc1pu] {
    display: none;
}

.adventure-notebook .notebook-inline-review[b-wp9kjvc1pu] {
    display: flex;
    min-height: clamp(380px, 56vh, 760px);
    flex: 1 1 auto;
    flex-direction: column;
    padding: var(--space-sm);
    border: 1px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-surface-muted) 82%, var(--ui-surface));
    overflow: auto;
}

.adventure-notebook .notebook-review-text[b-wp9kjvc1pu] {
    flex: 1 1 auto;
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px dashed var(--ui-border);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    line-height: 1.65;
}

.adventure-notebook .notebook-link[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: baseline;
    max-width: 100%;
    padding: 0 var(--space-2xs);
    border: 0;
    border-bottom: 1px solid currentColor;
    border-radius: calc((var(--radius-xs) + var(--radius-sm)) / 2);
    color: var(--ui-action-primary);
    background: transparent;
    font: inherit;
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.adventure-notebook .notebook-link:hover[b-wp9kjvc1pu] {
    background: color-mix(in srgb, var(--ui-status-warning) 16%, transparent);
}

.adventure-notebook .notebook-match[b-wp9kjvc1pu] {
    position: relative;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    flex-direction: column;
    gap: var(--space-2xs);
    margin: 0 var(--space-2xs) var(--space-sm);
}

.adventure-notebook .notebook-match mark[b-wp9kjvc1pu] {
    padding: 0 var(--space-2xs);
    border-radius: var(--radius-sm);
    color: var(--ui-text-primary);
    background: color-mix(in srgb, var(--ui-status-warning) 36%, transparent);
    box-shadow: var(--ui-shadow-underline) var(--ui-status-warning);
}

.adventure-notebook .notebook-match-menu[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    max-width: min(440px, 92vw);
    padding: var(--space-xs) var(--space-xs);
    border: 1px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-compact) color-mix(in srgb, var(--ui-text-primary) 8%, transparent);
    font-size: var(--ui-font-size-sm);
    line-height: 1.2;
}

.adventure-notebook .notebook-match-menu select[b-wp9kjvc1pu] {
    width: min(320px, 58vw);
    min-height: 30px;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    color: var(--ui-text-primary);
    background: var(--ui-surface-muted);
    font: inherit;
}

.adventure-notebook .notebook-match-apply[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    color: var(--ui-text-primary);
    background: var(--ui-surface-muted);
    cursor: pointer;
}

.adventure-notebook .notebook-match-apply:hover[b-wp9kjvc1pu],
.adventure-notebook .notebook-match-apply:focus-visible[b-wp9kjvc1pu] {
    border-color: var(--ui-status-warning);
    background: color-mix(in srgb, var(--ui-status-warning) 18%, var(--ui-surface-muted));
}

.adventure-notebook .notebook-match-type[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-full);
    border: 1px solid var(--ui-border);
    color: var(--ui-text-primary);
    background: color-mix(in srgb, var(--ui-status-warning) 20%, var(--ui-surface));
    font-size: var(--ui-font-size-2xs);
    font-weight: 700;
    white-space: nowrap;
}

.adventure-notebook .notebook-match-menu label[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    white-space: nowrap;
}

.adventure-notebook .notebook-heading-rows[b-wp9kjvc1pu] {
    display: grid;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
}

.adventure-notebook .notebook-heading-row[b-wp9kjvc1pu] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(130px, 160px) minmax(140px, 200px) minmax(150px, 220px);
    gap: var(--space-sm);
    align-items: center;
    padding: var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: var(--ui-surface);
}

.adventure-notebook .notebook-heading-title[b-wp9kjvc1pu] {
    display: grid;
    min-width: 0;
    gap: var(--space-2xs);
}

.adventure-notebook .notebook-heading-title span[b-wp9kjvc1pu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.adventure-notebook .notebook-heading-title small[b-wp9kjvc1pu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-text-secondary);
}

.adventure-notebook .notebook-heading-row select[b-wp9kjvc1pu] {
    min-width: 0;
    min-height: 30px;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    color: var(--ui-text-primary);
    background: var(--ui-surface-muted);
    font: inherit;
}

.adventure-notebook .notebook-flow-panel[b-wp9kjvc1pu] {
    display: flex;
    position: sticky;
    top: 8px;
    align-self: start;
    min-height: clamp(460px, 62vh, 820px);
    max-height: calc(100vh - 80px);
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-sm);
    border: 1px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-surface-muted) 86%, var(--ui-surface));
    overflow: hidden;
}

.adventure-notebook .notebook-flow-header[b-wp9kjvc1pu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-sm);
}

.adventure-notebook .notebook-flow-header p[b-wp9kjvc1pu] {
    margin: var(--space-2xs) 0 0;
}

.adventure-notebook .notebook-flow-select[b-wp9kjvc1pu] {
    min-height: 34px;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    font: inherit;
}

.adventure-notebook .notebook-flow-select-label[b-wp9kjvc1pu] {
    color: var(--ui-text-secondary);
    font-size: var(--ui-font-size-sm);
    font-weight: 700;
}

.adventure-notebook .notebook-flow-graph[b-wp9kjvc1pu] {
    min-height: 420px;
    flex: 1 1 min(58vh, 620px);
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: var(--ui-surface);
    overflow: hidden;
}

.adventure-notebook .notebook-flow-graph .quest-stage-graph[b-wp9kjvc1pu] {
    min-height: 420px;
}

.adventure-notebook .notebook-flow-drafts[b-wp9kjvc1pu] {
    display: grid;
    gap: var(--space-sm);
    padding: var(--space-sm);
    border: 1px dashed var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: var(--ui-surface);
}

.adventure-notebook .notebook-flow-draft[b-wp9kjvc1pu] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: var(--space-sm);
    align-items: center;
    padding: var(--space-xs) var(--space-sm);
    border-left: 4px solid var(--ui-border-hover);
    border-radius: var(--ui-radius);
    background: color-mix(in srgb, var(--ui-surface-muted) 82%, var(--ui-surface));
}

.adventure-notebook .notebook-flow-draft span[b-wp9kjvc1pu] {
    color: var(--ui-text-secondary);
    font-size: var(--ui-font-size-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.adventure-notebook .notebook-flow-draft strong[b-wp9kjvc1pu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adventure-notebook .notebook-flow-draft.quest[b-wp9kjvc1pu] {
    border-left-color: var(--ui-status-warning);
}

.adventure-notebook .notebook-flow-draft.stage[b-wp9kjvc1pu] {
    border-left-color: var(--ui-action-primary);
}

.adventure-notebook .notebook-flow-draft.secret[b-wp9kjvc1pu] {
    border-left-color: color-mix(in srgb, var(--ui-status-error) 72%, var(--ui-text-primary));
}

.adventure-notebook .notebook-page-stack[b-wp9kjvc1pu] {
    display: grid;
    gap: var(--space-sm-md);
}

.adventure-notebook .notebook-page-section[b-wp9kjvc1pu] {
    display: grid;
    gap: var(--space-sm);
    padding: var(--space-sm-md);
    border: 1px solid var(--ui-border-hover);
    border-left: 4px solid var(--ui-action-primary);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    color: var(--ui-text-primary);
    background: color-mix(in srgb, var(--ui-surface) 88%, var(--ui-surface-muted));
}

.adventure-notebook .notebook-page-section[b-wp9kjvc1pu],
.adventure-notebook .notebook-page-section *[b-wp9kjvc1pu] {
    color: var(--ui-text-primary);
}

.adventure-notebook .notebook-team-summary[b-wp9kjvc1pu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    margin-left: auto;
    max-width: min(360px, 38vw);
    color: var(--ui-text-secondary);
    font-size: var(--ui-font-size-sm);
    line-height: 1.25;
    text-align: right;
}

.adventure-notebook .notebook-team-name[b-wp9kjvc1pu] {
    color: var(--ui-text-primary);
    font-weight: 700;
}

.adventure-notebook .notebook-page-quest[b-wp9kjvc1pu] {
    border-left-color: var(--ui-status-warning);
}

.adventure-notebook .notebook-page-secret[b-wp9kjvc1pu] {
    border-left-color: color-mix(in srgb, var(--ui-status-error) 72%, var(--ui-text-primary));
}

.adventure-notebook .notebook-page-note[b-wp9kjvc1pu] {
    border-left-color: var(--ui-border-hover);
}

.adventure-notebook .notebook-page-head[b-wp9kjvc1pu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-sm);
}

.adventure-notebook .notebook-page-kind[b-wp9kjvc1pu],
.adventure-notebook .notebook-page-sync[b-wp9kjvc1pu] {
    color: var(--ui-text-primary);
    font-size: var(--ui-font-size-xs);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.adventure-notebook .notebook-page-sync[b-wp9kjvc1pu] {
    display: none;
}

.adventure-notebook .notebook-section-tools[b-wp9kjvc1pu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.adventure-notebook .notebook-section-tools .notebook-format-toolbar[b-wp9kjvc1pu] {
    margin: 0;
}

.adventure-notebook .notebook-section-title-input[b-wp9kjvc1pu] {
    width: 100%;
    min-height: 34px;
    padding: 0;
    border: 0;
    color: var(--ui-text-primary);
    -webkit-text-fill-color: var(--ui-text-primary);
    caret-color: var(--ui-text-primary);
    background: transparent;
    font-family: var(--ui-font-display, inherit);
    font-size: calc((var(--ui-font-size-2xl) + var(--ui-font-size-3xl)) / 2);
    font-weight: 800;
    line-height: 1.2;
}

.adventure-notebook .notebook-section-title-input:focus[b-wp9kjvc1pu] {
    outline: 2px solid color-mix(in srgb, var(--ui-status-warning) 42%, transparent);
    outline-offset: 2px;
}

.adventure-notebook .notebook-section-editor[b-wp9kjvc1pu] {
    position: relative;
    width: 100%;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
    overflow: hidden;
}

.adventure-notebook .notebook-section-editor:focus-within[b-wp9kjvc1pu] {
    border-color: var(--ui-status-warning);
    outline: 2px solid color-mix(in srgb, var(--ui-status-warning) 28%, transparent);
}

.adventure-notebook .notebook-section-body[b-wp9kjvc1pu] {
    width: 100%;
    min-height: 260px;
    padding: var(--space-sm) var(--space-sm-md);
    border: 0;
    border-radius: var(--ui-radius);
    color: var(--ui-text-primary);
    -webkit-text-fill-color: var(--ui-text-primary);
    caret-color: var(--ui-text-primary);
    background: transparent;
    font: inherit;
    line-height: 1.45;
    resize: vertical;
}

.adventure-notebook .notebook-section-body:focus[b-wp9kjvc1pu] {
    outline: 0;
}

.adventure-notebook .notebook-section-editor.has-linked-text .notebook-section-body[b-wp9kjvc1pu] {
    color: transparent;
    -webkit-text-fill-color: transparent;
    caret-color: var(--ui-text-primary);
}

.adventure-notebook .notebook-section-linked-text[b-wp9kjvc1pu] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 260px;
    padding: var(--space-sm) var(--space-sm-md);
    border: 0;
    border-radius: var(--ui-radius);
    box-sizing: border-box;
    color: var(--ui-text-primary);
    background: transparent;
    font: inherit;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    overflow: hidden;
    pointer-events: none;
}

.adventure-notebook .notebook-section-linked-text .notebook-link[b-wp9kjvc1pu] {
    display: inline;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    appearance: none;
    color: inherit;
    background: transparent;
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    white-space: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    vertical-align: baseline;
    pointer-events: auto;
}

.adventure-notebook .notebook-section-review[b-wp9kjvc1pu] {
    min-height: 120px;
}

.adventure-notebook .notebook-section-links[b-wp9kjvc1pu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.adventure-notebook .notebook-page-actions[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

.adventure-notebook .notebook-section-link-chip[b-wp9kjvc1pu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    min-height: 28px;
    padding: var(--space-xs) var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-full);
    color: var(--ui-text-primary);
    background: var(--ui-surface-muted);
    font: inherit;
    cursor: pointer;
}

.adventure-notebook .notebook-section-link-chip span[b-wp9kjvc1pu] {
    color: var(--ui-text-secondary);
    font-size: var(--ui-font-size-2xs);
    font-weight: 800;
    text-transform: uppercase;
}

.adventure-notebook .notebook-section-link-chip strong[b-wp9kjvc1pu] {
    color: var(--ui-text-primary);
    font-weight: 800;
}

.adventure-notebook .notebook-section-link-chip:hover[b-wp9kjvc1pu],
.adventure-notebook .notebook-section-link-chip:focus-visible[b-wp9kjvc1pu] {
    border-color: var(--ui-status-warning);
    background: color-mix(in srgb, var(--ui-status-warning) 14%, var(--ui-surface-muted));
}

.adventure-notebook .notebook-flow-block[b-wp9kjvc1pu] {
    margin: 0 0 var(--space-sm-md);
    padding: var(--space-sm) var(--space-sm-md) var(--space-sm-md);
    border: 1px solid var(--ui-border);
    border-left: 4px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-surface) 86%, var(--ui-surface-muted));
    white-space: normal;
}

.adventure-notebook .notebook-flow-block + .notebook-flow-block[b-wp9kjvc1pu] {
    margin-top: var(--space-sm);
}

.adventure-notebook .notebook-flow-heading[b-wp9kjvc1pu] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    min-width: 0;
    font-weight: 800;
    line-height: 1.25;
}

.adventure-notebook .notebook-flow-heading .notebook-link[b-wp9kjvc1pu] {
    font-weight: inherit;
}

.adventure-notebook .notebook-flow-body[b-wp9kjvc1pu] {
    margin-top: var(--space-sm);
    color: var(--ui-text-primary);
    white-space: pre-wrap;
}

.adventure-notebook .notebook-flow-quest[b-wp9kjvc1pu] {
    border-left-color: var(--ui-status-warning);
}

.adventure-notebook .notebook-flow-stage[b-wp9kjvc1pu] {
    border-left-color: var(--ui-action-primary);
}

.adventure-notebook .notebook-flow-secret[b-wp9kjvc1pu] {
    border-left-color: color-mix(in srgb, var(--ui-status-error) 72%, var(--ui-text-primary));
    background: color-mix(in srgb, var(--ui-surface) 82%, var(--ui-surface-muted));
}

@media (max-width: 840px) {
    .adventure-notebook .notebook-grid.with-flow[b-wp9kjvc1pu] {
        grid-template-columns: 1fr;
    }

    .adventure-notebook .suggestion-head[b-wp9kjvc1pu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .adventure-notebook .notebook-match-menu[b-wp9kjvc1pu] {
        max-width: 90vw;
        align-items: stretch;
        flex-direction: column;
    }

    .adventure-notebook .notebook-heading-row[b-wp9kjvc1pu] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/V2/Views/AdventureQuestStageOverviewV2.razor.rz.scp.css */
.v2-adventure-quest-stage-overview[b-25dpanb6xy] {
    margin-top: 1rem;
}

.v2-quest-block[b-25dpanb6xy] {
    border-top: 1px solid var(--ui-border);
    padding: 1rem 0 1.25rem;
}

.v2-quest-head[b-25dpanb6xy],
.v2-quest-actions[b-25dpanb6xy],
.v2-quest-meta[b-25dpanb6xy] {
    display: flex;
    align-items: center;
}

.v2-quest-head[b-25dpanb6xy] {
    justify-content: space-between;
    gap: 1rem;
}

.v2-quest-title[b-25dpanb6xy] {
    min-width: 0;
    flex: 1;
}

.v2-quest-meta[b-25dpanb6xy] {
    flex-wrap: wrap;
    gap: 0.6rem;
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.82);
    margin-top: 0.15rem;
}

.v2-quest-actions[b-25dpanb6xy] {
    gap: 0.25rem;
}

.v2-quest-fields[b-25dpanb6xy] {
    display: grid;
    grid-template-columns: minmax(160px, 0.6fr) minmax(220px, 1fr);
    gap: 0.8rem 1.25rem;
    margin: 0.8rem 0 1rem;
}

.v2-quest-map-wrap[b-25dpanb6xy] {
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--ui-border);
    background: color-mix(in srgb, var(--ui-surface) 68%, transparent);
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
}

.v2-quest-map-wrap[b-25dpanb6xy]  .quest-stage-graph {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.v2-notebook-overview-layout[b-25dpanb6xy] {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.v2-notebook-overview-layout.with-flow[b-25dpanb6xy] {
    grid-template-columns: minmax(420px, 1fr) minmax(430px, 42vw);
}

.v2-notebook-page-stack[b-25dpanb6xy] {
    display: grid;
    gap: 0.9rem;
}

.v2-notebook-page[b-25dpanb6xy] {
    position: relative;
    display: grid;
    gap: 0.75rem;
    min-height: 320px;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    border-left: 4px solid var(--ui-action-primary);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-surface) 90%, var(--ui-surface-muted));
    color: var(--ui-text-primary);
}

.v2-notebook-page[b-25dpanb6xy],
.v2-notebook-page *[b-25dpanb6xy] {
    color: var(--ui-text-primary);
}

.v2-notebook-page-quest[b-25dpanb6xy] {
    border-left-color: var(--ui-status-warning);
}

.v2-notebook-page-stage[b-25dpanb6xy] {
    border-left-color: var(--ui-action-primary);
}

.v2-notebook-page-head[b-25dpanb6xy],
.v2-notebook-page-actions[b-25dpanb6xy],
.v2-notebook-flow-head[b-25dpanb6xy],
.v2-notebook-attach-head[b-25dpanb6xy] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

.v2-notebook-page-head[b-25dpanb6xy],
.v2-notebook-flow-head[b-25dpanb6xy],
.v2-notebook-attach-head[b-25dpanb6xy] {
    justify-content: space-between;
}

.v2-notebook-page-title[b-25dpanb6xy] {
    min-width: 0;
    flex: 1;
}

.v2-notebook-page-kind[b-25dpanb6xy] {
    color: var(--ui-text-primary);
    font-size: calc(var(--ui-font-size-lg) * 0.68);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.v2-notebook-page-meta[b-25dpanb6xy],
.v2-notebook-relation-line[b-25dpanb6xy] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.82);
}

.v2-notebook-relation-line[b-25dpanb6xy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.v2-notebook-title-input[b-25dpanb6xy],
.v2-notebook-body[b-25dpanb6xy] {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--ui-text-primary);
    -webkit-text-fill-color: var(--ui-text-primary);
    caret-color: var(--ui-text-primary);
}

.v2-notebook-title-input[b-25dpanb6xy] {
    min-height: 2.3rem;
    padding: 0;
    font-family: var(--ui-font-display, inherit);
    font-size: calc(var(--ui-font-size-lg) * 1.45);
    font-weight: 800;
    line-height: 1.2;
}

.v2-notebook-title-readonly[b-25dpanb6xy] {
    margin: 0;
    min-height: 2.3rem;
    font-family: var(--ui-font-display, inherit);
    font-size: calc(var(--ui-font-size-lg) * 1.45);
    font-weight: 800;
    line-height: 1.2;
}

.v2-notebook-body[b-25dpanb6xy] {
    min-height: 220px;
    padding: 0.7rem 0.75rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
    font: inherit;
    line-height: 1.5;
    resize: vertical;
}

.v2-notebook-body-readonly[b-25dpanb6xy] {
    min-height: 220px;
    padding: 0.7rem 0.75rem;
    border: 1px solid transparent;
    color: var(--ui-text-primary);
    line-height: 1.5;
    white-space: pre-wrap;
}

.v2-notebook-title-input:focus[b-25dpanb6xy],
.v2-notebook-body:focus[b-25dpanb6xy] {
    outline: 2px solid color-mix(in srgb, var(--ui-status-warning) 32%, transparent);
    outline-offset: 2px;
}

.v2-notebook-icon-action[b-25dpanb6xy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-full);
    background: var(--ui-surface-muted);
    cursor: pointer;
}

.v2-notebook-icon-action:hover[b-25dpanb6xy],
.v2-notebook-icon-action:focus-visible[b-25dpanb6xy] {
    border-color: var(--ui-status-warning);
    background: color-mix(in srgb, var(--ui-status-warning) 14%, var(--ui-surface-muted));
}

.v2-notebook-icon-action.danger:hover[b-25dpanb6xy],
.v2-notebook-icon-action.danger:focus-visible[b-25dpanb6xy] {
    border-color: var(--ui-status-error);
}

.v2-notebook-attach-popover[b-25dpanb6xy] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: var(--ui-surface-muted);
    box-shadow: var(--ui-shadow-panel-lift) color-mix(in srgb, var(--ui-text-primary) 12%, transparent);
}

.v2-notebook-attach-popover[b-25dpanb6xy]  .v2-linkage-panel {
    padding: 0;
    border: 0;
    background: transparent;
}

.v2-notebook-attach-popover[b-25dpanb6xy]  .v2-linkage-title {
    display: none;
}

.v2-notebook-flow-panel[b-25dpanb6xy] {
    position: sticky;
    top: 0.75rem;
    display: grid;
    gap: 0.75rem;
    min-height: 520px;
    padding: 0.9rem;
    border: 1px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-surface) 88%, var(--ui-surface-muted));
}

.v2-notebook-flow-label[b-25dpanb6xy] {
    color: var(--ui-text-primary);
    font-weight: 700;
}

.v2-notebook-flow-select[b-25dpanb6xy] {
    width: 100%;
    min-height: 2.55rem;
    padding: 0 0.7rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
    color: var(--ui-text-primary);
    font: inherit;
}

.v2-notebook-flow-graph[b-25dpanb6xy] {
    min-height: 460px;
    overflow: hidden;
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-surface) 78%, transparent);
}

.v2-notebook-flow-graph[b-25dpanb6xy]  .quest-stage-graph {
    min-height: 460px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.v2-inline-workspace[b-25dpanb6xy] {
    border-top: 1px solid var(--ui-border);
    padding-top: 1rem;
}

.v2-selected-stage[b-25dpanb6xy] {
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--ui-surface) 78%, transparent);
    margin: 0.75rem 0 1rem;
    padding: 0.9rem;
}

.v2-selected-stage-head[b-25dpanb6xy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.v2-selected-stage h3[b-25dpanb6xy] {
    margin: 0;
    font-size: calc(var(--ui-font-size-lg) * 1.35);
    line-height: 1.2;
}

.v2-stage-table-wrap[b-25dpanb6xy] {
    width: 100%;
    overflow-x: auto;
}

.v2-stage-table[b-25dpanb6xy] {
    width: 100%;
    border-collapse: collapse;
    font-size: calc(var(--ui-font-size-lg) * 0.92);
}

.v2-stage-table th[b-25dpanb6xy],
.v2-stage-table td[b-25dpanb6xy] {
    border-bottom: 1px solid var(--ui-border);
    padding: 0.55rem 0.45rem;
    text-align: left;
    vertical-align: top;
}

.v2-stage-table th[b-25dpanb6xy] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.75);
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.v2-row-actions[b-25dpanb6xy] {
    width: 5.5rem;
    text-align: right;
    white-space: nowrap;
}

.v2-link-button[b-25dpanb6xy] {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--ui-action-primary);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: 0;
    text-align: left;
}

.v2-stage-detail-row td[b-25dpanb6xy] {
    padding-top: 0;
}

.v2-stage-details-grid[b-25dpanb6xy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 0.6rem 0.9rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--ui-border) 70%, transparent);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--ui-surface) 58%, transparent);
}

[b-25dpanb6xy] .v2-data-field {
    min-width: 0;
}

[b-25dpanb6xy] .v2-data-field span {
    display: block;
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.72);
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-25dpanb6xy] .v2-data-field strong {
    display: block;
    color: var(--ui-text-primary);
    font-size: calc(var(--ui-font-size-lg) * 0.88);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.k-empty.compact[b-25dpanb6xy] {
    padding: 1rem;
}

@media (max-width: 760px) {
    .v2-quest-head[b-25dpanb6xy] {
        align-items: flex-start;
    }

    .v2-quest-fields[b-25dpanb6xy] {
        grid-template-columns: 1fr;
    }

    .v2-stage-details-grid[b-25dpanb6xy] {
        grid-template-columns: 1fr;
    }

    .v2-notebook-overview-layout.with-flow[b-25dpanb6xy] {
        grid-template-columns: 1fr;
    }

    .v2-notebook-flow-panel[b-25dpanb6xy] {
        position: static;
    }
}
/* /Pages/V2/Views/AdventureV2LinkagePanel.razor.rz.scp.css */
.v2-linkage-panel[b-oz3j48cbm3] {
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--ui-surface) 58%, transparent);
    padding: 0.7rem;
    margin: 0.85rem 0 1rem;
}

.v2-linkage-title[b-oz3j48cbm3],
.v2-linkage-section-title[b-oz3j48cbm3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.v2-linkage-title[b-oz3j48cbm3] {
    color: var(--ui-text-primary);
    font-weight: 700;
    margin-bottom: 0.65rem;
}

.v2-linkage-grid[b-oz3j48cbm3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
    gap: 0.6rem;
}

.v2-linkage-grid.stage[b-oz3j48cbm3] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}

.v2-linkage-section[b-oz3j48cbm3] {
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--ui-surface) 42%, transparent);
    padding: 0.55rem;
}

.v2-linkage-section-title[b-oz3j48cbm3] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.75);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.v2-linkage-empty[b-oz3j48cbm3] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.82);
    font-style: italic;
    padding: 0.25rem 0;
}

.v2-linkage-list[b-oz3j48cbm3] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.v2-linkage-row[b-oz3j48cbm3] {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    justify-content: space-between;
    min-width: 0;
}

.v2-linkage-row-main[b-oz3j48cbm3] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.v2-linkage-row-main strong[b-oz3j48cbm3],
.v2-linkage-row-main span[b-oz3j48cbm3] {
    overflow-wrap: anywhere;
}

.v2-linkage-row-main strong[b-oz3j48cbm3] {
    color: var(--ui-text-primary);
    font-size: calc(var(--ui-font-size-lg) * 0.9);
}

.v2-linkage-row-main span[b-oz3j48cbm3] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.8);
}

.v2-linkage-picker-spacer[b-oz3j48cbm3] {
    min-height: 8rem;
}

[b-oz3j48cbm3] .ktitle[data-testid="v2-secretspanel"] {
    margin-top: 0.75rem;
}

@media (max-height: 760px) {
    .v2-linkage-picker-spacer[b-oz3j48cbm3] {
        min-height: 5rem;
    }
}

@media (max-width: 1200px) {
    .v2-linkage-grid[b-oz3j48cbm3] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
}

@media (max-width: 760px) {
    .v2-linkage-grid[b-oz3j48cbm3],
    .v2-linkage-grid.stage[b-oz3j48cbm3] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/V2/Views/AdventureV4ClueGallery.razor.rz.scp.css */
/* Billedet i spor-galleriet: fylder hoejst bredden og 70 % af viewporten og beskaeres aldrig. */
.v4-gallery-image[b-v7nq8vjeoy] { max-width: 100%; max-height: 70dvh; object-fit: contain; }
/* /Pages/V2/Views/AdventureV4Connection.razor.rz.scp.css */
.v4-connect__backdrop[b-m9ci63wa24] { position: fixed; inset: 0; z-index: var(--ui-z-modal); display: grid; place-items: center; background: color-mix(in srgb, var(--ui-text-primary) 30%, transparent); padding: var(--space-md); }
.v4-connect__backdrop[b-m9ci63wa24]  .v4-connect__trap { width: min(38rem, 100%); }
.v4-connect[b-m9ci63wa24] { box-sizing: border-box; width: 100%; max-height: calc(100dvh - var(--space-xl)); overflow: auto; background: var(--ui-surface); color: var(--ui-text-primary); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); padding: var(--space-lg); }
.v4-connect header[b-m9ci63wa24], .v4-connect footer[b-m9ci63wa24] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-sm); }
.v4-connect h3[b-m9ci63wa24] { font-size: calc(var(--ui-font-size-lg) * 1.25); margin: 0; }
.v4-connect fieldset[b-m9ci63wa24] { border: 0; padding: 0; margin: var(--space-lg) 0; display: grid; gap: var(--space-md); min-width: 0; }
.v4-connect label[b-m9ci63wa24] { display: grid; gap: var(--space-xs); font-size: var(--ui-font-size-lg); }
.v4-connect input[b-m9ci63wa24], .v4-connect select[b-m9ci63wa24] { box-sizing: border-box; width: 100%; min-width: 0; padding: var(--space-sm); background: var(--ui-surface); color: var(--ui-text-primary); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); font: inherit; }
.v4-connect button[b-m9ci63wa24] { display: inline-flex; align-items: center; gap: var(--space-xs); padding: var(--space-xs) var(--space-sm); font: inherit; background: var(--ui-surface); color: var(--ui-text-primary); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); cursor: pointer; }
.v4-connect button:disabled[b-m9ci63wa24] { opacity: .5; cursor: default; }
.v4-connect [role="alert"][b-m9ci63wa24] { color: var(--ui-error); overflow-wrap: anywhere; }
/* /Pages/V2/Views/AdventureV4ContentLibrary.razor.rz.scp.css */
.v4-library[b-82roi8fjid] { color: var(--ui-text-primary); padding: var(--space-lg); }
.v4-library button[b-82roi8fjid], .v4-library input[b-82roi8fjid], .v4-library select[b-82roi8fjid] { font: inherit; color: inherit; letter-spacing: 0; }
.v4-library button[b-82roi8fjid] { cursor: pointer; }
.v4-library__head[b-82roi8fjid] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-md); }
.v4-library__head h3[b-82roi8fjid], .v4-library__detail h3[b-82roi8fjid] { font-family: Georgia, serif; font-size: calc(var(--ui-font-size-lg) * 1.8125); margin: var(--space-xs) 0; overflow-wrap: anywhere; }
.v4-library__head p[b-82roi8fjid], .v4-library__count[b-82roi8fjid] { font-size: var(--ui-font-size-xs); color: var(--ui-text-secondary); }
.v4-library__eyebrow[b-82roi8fjid] { color: var(--ui-status-warning); font-size: var(--ui-font-size-3xs); }
.v4-library button.v4-library__create[b-82roi8fjid] { display: inline-flex; align-items: center; gap: var(--space-xs); background: var(--ui-action-primary); color: var(--ui-action-primary-text); border: 0; border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2); padding: var(--space-sm) var(--space-md); min-height: 34px; }
.v4-library__filters[b-82roi8fjid] { display: flex; gap: var(--space-sm); margin: var(--space-lg) 0 var(--space-md); flex-wrap: wrap; }
.v4-library__search[b-82roi8fjid] { flex: 1 1 180px; display: flex; align-items: center; gap: var(--space-sm); }
.v4-library__filters input[b-82roi8fjid], .v4-library__filters select[b-82roi8fjid] { background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2); min-height: 34px; padding: var(--space-sm); max-width: 100%; font-size: var(--ui-font-size-xs); }
.v4-library__search input[b-82roi8fjid] { width: 100%; min-width: 0; }
.v4-library__grid[b-82roi8fjid] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr)); gap: var(--space-md); }
.v4-library__card[b-82roi8fjid] { text-align: left; display: flex; flex-direction: column; gap: var(--space-sm); min-height: 172px; min-width: 0; padding: var(--space-md); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--radius-md); }
.v4-library__card:hover[b-82roi8fjid] { border-color: var(--ui-action-primary); }
.v4-library__picture[b-82roi8fjid] { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2); }
.v4-library__card h4[b-82roi8fjid] { font-family: Georgia, serif; font-size: calc((var(--ui-font-size-lg) + var(--ui-font-size-2xl)) / 2); overflow-wrap: anywhere; margin: 0; }
.v4-library__card p[b-82roi8fjid] { font-size: var(--ui-font-size-xs); color: var(--ui-text-secondary); overflow-wrap: anywhere; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.v4-library__card-top[b-82roi8fjid] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); }
.v4-library__avatar[b-82roi8fjid] { width: 32px; height: 32px; display: grid; place-items: center; background: var(--ui-surface-muted); border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2); font-size: var(--ui-font-size-sm); }
.v4-library__type[b-82roi8fjid] { font-size: var(--ui-font-size-2xs); color: var(--ui-text-secondary); }
.v4-library__links[b-82roi8fjid] { margin-top: auto; display: flex; align-items: center; gap: var(--space-xs); font-size: var(--ui-font-size-2xs); color: var(--ui-action-primary); }
.v4-library__backdrop[b-82roi8fjid] { position: fixed; inset: 0; z-index: var(--ui-z-modal, 1400); background: color-mix(in srgb, var(--ui-text-primary) 45%, transparent); display: grid; place-items: center; padding: var(--space-lg); }
.v4-library__detail[b-82roi8fjid] { width: min(650px, 100%); max-height: 88dvh; overflow: auto; padding: var(--space-lg); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--radius-md); }
.v4-library__detail header[b-82roi8fjid] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-md); }
.v4-library__detail header button[b-82roi8fjid] { border: 0; background: transparent; min-width: 34px; height: 34px; }
.v4-library__body[b-82roi8fjid], .v4-library__detail dd[b-82roi8fjid] { white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--ui-font-size-sm-md); line-height: 1.7; }
.v4-library__detail dt[b-82roi8fjid] { font-size: var(--ui-font-size-xs); color: var(--ui-text-secondary); margin-top: var(--space-sm); }
.v4-library__backlink[b-82roi8fjid] { display: flex; align-items: center; gap: var(--space-sm); background: transparent; border: 0; padding: var(--space-sm) 0; overflow-wrap: anywhere; font-size: var(--ui-font-size-sm); text-align: left; }
.v4-library__quest[b-82roi8fjid] { color: var(--ui-text-secondary); font-size: var(--ui-font-size-xs); }
.v4-library__empty[b-82roi8fjid] { padding: var(--space-lg) 0; color: var(--ui-text-secondary); }
.v4-library__handout-image[b-82roi8fjid] { margin: var(--space-md) 0; }
.v4-library__handout-image img[b-82roi8fjid] { display: block; max-width: 100%; max-height: 60dvh; object-fit: contain; }
.v4-library__handout-image figcaption[b-82roi8fjid] { overflow-wrap: anywhere; font-size: var(--ui-font-size-sm); color: var(--ui-text-secondary); }
.v4-library__image-controls[b-82roi8fjid] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-sm); min-height: 34px; font-size: var(--ui-font-size-sm); }
.v4-library__image-controls button[b-82roi8fjid] { display: grid; place-items: center; width: 34px; height: 34px; border: 0; background: transparent; color: var(--ui-text-primary); }
.v4-library__image-controls button:disabled[b-82roi8fjid] { opacity: .55; cursor: default; }
.v4-library__reveal[b-82roi8fjid] { border-bottom: 1px solid var(--ui-border); padding: var(--space-md) 0; font-size: var(--ui-font-size-sm-md); overflow-wrap: anywhere; }
.v4-library__reveal button[b-82roi8fjid] { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: 34px; border: 0; background: transparent; color: var(--ui-action-primary); font: inherit; }
.v4-library__reveal button:disabled[b-82roi8fjid] { opacity: .55; cursor: default; }
/* /Pages/V2/Views/AdventureV4CreateCharacter.razor.rz.scp.css */
.v4-character[b-9tis8zxv4d] { display: grid; gap: var(--space-sm-md); min-width: 0; }
.v4-character fieldset[b-9tis8zxv4d] { border: 0; padding: 0; margin: 0; display: grid; gap: var(--space-sm-md); min-width: 0; }
.v4-character label[b-9tis8zxv4d] { display: grid; gap: var(--space-xs); color: var(--ui-text-primary); font-size: var(--ui-font-size-sm-md); }
.v4-character input[b-9tis8zxv4d], .v4-character select[b-9tis8zxv4d], .v4-character textarea[b-9tis8zxv4d] { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid var(--ui-border); border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2); padding: var(--space-sm); background: var(--ui-surface); color: var(--ui-text-primary); font: inherit; letter-spacing: 0; }
.v4-character textarea[b-9tis8zxv4d] { resize: vertical; }
.v4-character button[b-9tis8zxv4d] { border: 1px solid var(--ui-border); border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2); padding: calc(var(--space-xs) + var(--space-2xs)) calc(var(--space-sm) + var(--space-2xs)); background: var(--ui-surface-muted); color: var(--ui-text-primary); display: inline-flex; align-items: center; gap: var(--space-xs); font: inherit; white-space: normal; }
.v4-character button:disabled[b-9tis8zxv4d] { opacity: .55; }
.v4-character :focus-visible[b-9tis8zxv4d] { outline: 2px solid var(--ui-action-primary); outline-offset: 2px; }
.v4-character__images[b-9tis8zxv4d] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: calc(var(--space-sm) + var(--space-2xs)); }
.v4-character__images figure[b-9tis8zxv4d] { margin: 0; min-width: 0; display: grid; gap: var(--space-xs); }
.v4-character__images img[b-9tis8zxv4d] { width: 100%; height: 100px; object-fit: contain; }
.v4-character figcaption[b-9tis8zxv4d], .v4-character p[b-9tis8zxv4d] { overflow-wrap: anywhere; margin: 0; }
.v4-character [role="alert"][b-9tis8zxv4d] { color: var(--ui-status-error); }
.v4-character__actions[b-9tis8zxv4d] { display: flex; gap: var(--space-sm); flex-wrap: wrap; align-items: center; }
.v4-character .v4-character__check[b-9tis8zxv4d] { display: flex; align-items: center; }
.v4-character__check input[b-9tis8zxv4d] { width: auto; }
.v4-character__destination[b-9tis8zxv4d] { color: var(--ui-text-secondary); font-size: var(--ui-font-size-sm-md); }
.v4-character__matches[b-9tis8zxv4d] { display: grid; gap: calc(var(--space-xs) + var(--space-2xs)); border-block: 1px solid var(--ui-border); padding-block: var(--space-sm); }
.v4-character__matches button[b-9tis8zxv4d] { justify-content: space-between; text-align: left; }
.v4-character__matches span[b-9tis8zxv4d] { min-width: 0; overflow-wrap: anywhere; }
.v4-character__matches small[b-9tis8zxv4d] { display: block; color: var(--ui-text-secondary); }
@media (prefers-reduced-motion: reduce) { .v4-character *[b-9tis8zxv4d] { scroll-behavior: auto; } }
/* /Pages/V2/Views/AdventureV4CreateHandout.razor.rz.scp.css */
.v4-handout[b-khaisga9h9] { display: grid; gap: var(--space-md); min-width: 0; }
.v4-handout fieldset[b-khaisga9h9] { border: 0; padding: 0; margin: 0; display: grid; gap: var(--space-md); min-width: 0; }
.v4-handout label[b-khaisga9h9] { display: grid; gap: calc(var(--space-xs) + var(--space-2xs)); font-size: var(--ui-font-size-md); }
.v4-handout input[b-khaisga9h9], .v4-handout textarea[b-khaisga9h9] { box-sizing: border-box; width: 100%; min-width: 0; padding: var(--space-sm) calc(var(--space-sm) + var(--space-2xs)); border: 1px solid var(--ui-border); border-radius: var(--ui-radius); color: inherit; background: var(--ui-surface); font: inherit; }
.v4-handout__images[b-khaisga9h9] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); gap: var(--space-sm-md); }
.v4-handout__images:empty[b-khaisga9h9] { display: none; }
.v4-handout figure[b-khaisga9h9] { margin: 0; min-width: 0; position: relative; }
.v4-handout figure img[b-khaisga9h9] { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; }
.v4-handout figcaption[b-khaisga9h9] { overflow-wrap: anywhere; font-size: var(--ui-font-size-sm); }
.v4-handout figure button[b-khaisga9h9] { width: 32px; height: 32px; position: absolute; right: 4px; top: 4px; border: 1px solid var(--ui-border); background: var(--ui-surface); border-radius: var(--radius-sm); }
/* /Pages/V2/Views/AdventureV4CreateItem.razor.rz.scp.css */
.v4-item[b-8fl25rjfqg] { display: grid; gap: var(--space-md); }
.v4-item fieldset[b-8fl25rjfqg] { border: 0; padding: 0; margin: 0; display: grid; gap: var(--space-md); min-width: 0; }
.v4-item label[b-8fl25rjfqg] { display: grid; gap: var(--space-xs); color: var(--ui-text-primary); }
.v4-item input[b-8fl25rjfqg], .v4-item textarea[b-8fl25rjfqg], .v4-item select[b-8fl25rjfqg] { width: 100%; min-width: 0; box-sizing: border-box; color: var(--ui-text-primary); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); padding: var(--space-sm); font: inherit; }
.v4-item textarea[b-8fl25rjfqg] { resize: vertical; }
.v4-item label:has(input[type="checkbox"])[b-8fl25rjfqg] { display: flex; align-items: center; }
.v4-item input[type="checkbox"][b-8fl25rjfqg] { width: auto; }
.v4-item__fields[b-8fl25rjfqg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md); }
.v4-item button[b-8fl25rjfqg] { display: flex; align-items: center; gap: var(--space-xs); border: 0; background: transparent; color: var(--ui-action-primary); padding: var(--space-xs); font: inherit; text-align: left; overflow-wrap: anywhere; }
.v4-item [role="alert"][b-8fl25rjfqg] { color: var(--ui-error); }
.v4-item fieldset.v4-item__images[b-8fl25rjfqg] { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.v4-item__images > label[b-8fl25rjfqg] { width: 100%; }
.v4-item figure[b-8fl25rjfqg] { margin: 0; width: 140px; max-width: 100%; position: relative; min-width: 0; }
.v4-item img[b-8fl25rjfqg] { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; border-radius: var(--radius-sm); }
.v4-item figcaption[b-8fl25rjfqg] { overflow-wrap: anywhere; }
.v4-item figure button[b-8fl25rjfqg] { position: absolute; top: 0; right: 0; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--ui-border); background: var(--ui-surface); color: var(--ui-text-primary); border-radius: var(--radius-sm); padding: 0; }
@media (max-width: 600px) { .v4-item__fields[b-8fl25rjfqg] { grid-template-columns: minmax(0, 1fr); } }
/* /Pages/V2/Views/AdventureV4CreateNpc.razor.rz.scp.css */
.v4-npc[b-63b734lidc] { display: grid; gap: var(--space-md); }
.v4-npc fieldset[b-63b734lidc] { border: 0; padding: 0; margin: 0; display: grid; gap: var(--space-md); min-width: 0; }
.v4-npc label[b-63b734lidc] { display: grid; gap: var(--space-xs); color: var(--ui-text-primary); }
.v4-npc input[b-63b734lidc], .v4-npc textarea[b-63b734lidc], .v4-npc select[b-63b734lidc] { width: 100%; min-width: 0; box-sizing: border-box; color: var(--ui-text-primary); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); padding: var(--space-sm); font: inherit; }
.v4-npc textarea[b-63b734lidc] { resize: vertical; }
.v4-npc label:has(input[type="checkbox"])[b-63b734lidc] { display: flex; align-items: center; }
.v4-npc input[type="checkbox"][b-63b734lidc] { width: auto; }
.v4-npc__fields[b-63b734lidc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md); }
.v4-npc__matches[b-63b734lidc] { display: grid; gap: var(--space-xs); }
.v4-npc__matches button[b-63b734lidc] { display: flex; align-items: center; gap: var(--space-xs); border: 0; background: transparent; color: var(--ui-action-primary); padding: var(--space-xs); font: inherit; text-align: left; overflow-wrap: anywhere; }
.v4-npc [role="alert"][b-63b734lidc] { color: var(--ui-error); }
.v4-npc__images[b-63b734lidc] { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.v4-npc__images > label[b-63b734lidc] { width: 100%; }
.v4-npc figure[b-63b734lidc] { margin: 0; width: 140px; position: relative; min-width: 0; }
.v4-npc img[b-63b734lidc] { width: 140px; height: 105px; object-fit: contain; border-radius: var(--radius-sm); }
.v4-npc figcaption[b-63b734lidc] { overflow-wrap: anywhere; }
.v4-npc figure button[b-63b734lidc] { position: absolute; top: 0; right: 0; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--ui-border); background: var(--ui-surface); color: var(--ui-text-primary); border-radius: var(--radius-sm); padding: 0; }
/* /Pages/V2/Views/AdventureV4CreateOrganization.razor.rz.scp.css */
.v4-organization[b-aamldwvhjj], .v4-organization fieldset[b-aamldwvhjj] { display: grid; gap: var(--space-md); min-width: 0; }
.v4-organization fieldset[b-aamldwvhjj] { border: 0; margin: 0; padding: 0; }
.v4-organization label[b-aamldwvhjj] { display: grid; gap: var(--space-xs); color: var(--ui-text-primary); overflow-wrap: anywhere; }
.v4-organization input[b-aamldwvhjj], .v4-organization textarea[b-aamldwvhjj], .v4-organization select[b-aamldwvhjj] { box-sizing: border-box; width: 100%; min-width: 0; padding: var(--space-sm); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); background: var(--ui-surface); color: var(--ui-text-primary); font: inherit; }
.v4-organization textarea[b-aamldwvhjj] { resize: vertical; }
.v4-organization .v4-organization__check[b-aamldwvhjj] { display: flex; align-items: center; gap: var(--space-xs); }
.v4-organization input[type="checkbox"][b-aamldwvhjj] { width: auto; }
.v4-organization [role="alert"][b-aamldwvhjj] { color: var(--ui-error); }
.v4-organization p[b-aamldwvhjj] { overflow-wrap: anywhere; }
.v4-organization__images[b-aamldwvhjj] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: var(--space-sm); }
.v4-organization figure[b-aamldwvhjj] { min-width: 0; margin: 0; display: grid; gap: var(--space-xs); }
.v4-organization img[b-aamldwvhjj] { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; }
/* /Pages/V2/Views/AdventureV4CreateSecret.razor.rz.scp.css */
.v4-secret[b-1jxad0neap], .v4-secret fieldset[b-1jxad0neap] { display: grid; gap: var(--space-md); min-width: 0; }
.v4-secret fieldset[b-1jxad0neap] { border: 0; margin: 0; padding: 0; }
.v4-secret label[b-1jxad0neap] { display: grid; gap: var(--space-xs); color: var(--ui-text-primary); }
.v4-secret input[b-1jxad0neap], .v4-secret textarea[b-1jxad0neap], .v4-secret select[b-1jxad0neap] { box-sizing: border-box; width: 100%; min-width: 0; padding: var(--space-sm); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); background: var(--ui-surface); color: var(--ui-text-primary); font: inherit; }
.v4-secret textarea[b-1jxad0neap] { resize: vertical; }
.v4-secret .v4-secret__check[b-1jxad0neap], .v4-secret__visibility[b-1jxad0neap] { display: flex; align-items: center; gap: var(--space-xs); }
.v4-secret input[type="checkbox"][b-1jxad0neap] { width: auto; }
.v4-secret [role="alert"][b-1jxad0neap] { color: var(--ui-error); }
.v4-secret .v4-secret__images[b-1jxad0neap] { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.v4-secret__images > label[b-1jxad0neap] { width: 100%; }
.v4-secret figure[b-1jxad0neap] { margin: 0; width: 140px; min-width: 0; position: relative; }
.v4-secret img[b-1jxad0neap] { width: 140px; height: 105px; object-fit: contain; border-radius: var(--radius-sm); }
.v4-secret figcaption[b-1jxad0neap] { overflow-wrap: anywhere; }
.v4-secret figure button[b-1jxad0neap] { position: absolute; top: 0; right: 0; width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 1px solid var(--ui-border); border-radius: var(--radius-sm); background: var(--ui-surface); color: var(--ui-text-primary); }
/* /Pages/V2/Views/AdventureV4CreateStructure.razor.rz.scp.css */
.v4-create[b-q92tkhwkp3] { display: grid; gap: var(--space-md); }
.v4-create fieldset[b-q92tkhwkp3] { border: 0; padding: 0; margin: 0; display: grid; gap: var(--space-md); min-width: 0; }
.v4-create label[b-q92tkhwkp3] { display: grid; gap: var(--space-xs); color: var(--ui-text-primary); }
.v4-create input[b-q92tkhwkp3], .v4-create textarea[b-q92tkhwkp3], .v4-create select[b-q92tkhwkp3] { width: 100%; min-width: 0; box-sizing: border-box; color: var(--ui-text-primary); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); padding: var(--space-sm); font: inherit; }
.v4-create textarea[b-q92tkhwkp3] { resize: vertical; }
.v4-create label:has(input[type="checkbox"])[b-q92tkhwkp3] { display: flex; align-items: center; }
.v4-create input[type="checkbox"][b-q92tkhwkp3] { width: auto; }
.v4-create__images[b-q92tkhwkp3] { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.v4-create__images > label[b-q92tkhwkp3] { width: 100%; }
.v4-create figure[b-q92tkhwkp3] { margin: 0; width: 100px; position: relative; }
.v4-create img[b-q92tkhwkp3] { width: 100px; height: 75px; object-fit: cover; border-radius: var(--radius-sm); }
.v4-create figcaption[b-q92tkhwkp3] { overflow-wrap: anywhere; }
.v4-create figure button[b-q92tkhwkp3] { position: absolute; top: 0; right: 0; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--ui-border); background: var(--ui-surface); color: var(--ui-text-primary); border-radius: var(--radius-sm); padding: 0; }
.v4-create [role="alert"][b-q92tkhwkp3] { color: var(--ui-error); }
/* /Pages/V2/Views/AdventureV4CreateWorldEvent.razor.rz.scp.css */
.v4-world-event[b-5uic6kgz5p], .v4-world-event fieldset[b-5uic6kgz5p] { display: grid; gap: var(--space-md); min-width: 0; }
.v4-world-event fieldset[b-5uic6kgz5p] { border: 0; margin: 0; padding: 0; }
.v4-world-event label[b-5uic6kgz5p] { display: grid; gap: var(--space-xs); color: var(--ui-text-primary); }
.v4-world-event input[b-5uic6kgz5p], .v4-world-event textarea[b-5uic6kgz5p], .v4-world-event select[b-5uic6kgz5p] { box-sizing: border-box; width: 100%; min-width: 0; padding: var(--space-sm); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); background: var(--ui-surface); color: var(--ui-text-primary); font: inherit; }
.v4-world-event textarea[b-5uic6kgz5p] { resize: vertical; }
.v4-world-event .v4-world-event__check[b-5uic6kgz5p] { display: flex; align-items: center; gap: var(--space-xs); }
.v4-world-event input[type="checkbox"][b-5uic6kgz5p] { width: auto; }
.v4-world-event [role="alert"][b-5uic6kgz5p] { color: var(--ui-error); }
.v4-world-event p[b-5uic6kgz5p], .v4-world-event label[b-5uic6kgz5p] { overflow-wrap: anywhere; }
.v4-world-event__images[b-5uic6kgz5p] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: var(--space-sm); min-width: 0; }
.v4-world-event__images figure[b-5uic6kgz5p] { display: grid; align-content: start; gap: var(--space-xs); margin: 0; min-width: 0; }
.v4-world-event__images img[b-5uic6kgz5p] { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: var(--ui-surface); }
.v4-world-event__images figcaption[b-5uic6kgz5p] { overflow-wrap: anywhere; }
.v4-world-event__images button[b-5uic6kgz5p] { justify-self: start; display: inline-flex; align-items: center; gap: var(--space-xs); }
/* /Pages/V2/Views/AdventureV4FindExisting.razor.rz.scp.css */
.v4-find[b-nnzz001wlj] { min-width: 0; container-type: inline-size; }
.v4-find .adv-v4__field[b-nnzz001wlj] { display: grid; gap: var(--space-xs); margin-block: var(--space-sm); }
.v4-find__filters[b-nnzz001wlj] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(8rem, 12rem); gap: var(--space-sm); }
.v4-find__results[b-nnzz001wlj] { max-height: 22rem; overflow: auto; }
.v4-find__row[b-nnzz001wlj] { display: flex; align-items: center; gap: var(--space-sm); padding: var(--space-sm) 0; border-bottom: 1px solid var(--ui-border); }
.v4-find__row span[b-nnzz001wlj] { display: grid; min-width: 0; flex: 1; overflow-wrap: anywhere; }
.v4-find__row small[b-nnzz001wlj] { color: var(--ui-text-secondary); }
.v4-find select[b-nnzz001wlj], .v4-find input:not([type="checkbox"])[b-nnzz001wlj] { width: 100%; min-width: 0; padding: var(--space-sm); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); background: var(--ui-surface); color: var(--ui-text-primary); font: inherit; }
.v4-find input[type="checkbox"][b-nnzz001wlj] { accent-color: var(--ui-action-primary); }
@container (max-width: 32rem) { .v4-find__filters[b-nnzz001wlj] { grid-template-columns: minmax(0, 1fr); } }
/* /Pages/V2/Views/AdventureV4Flow.razor.rz.scp.css */
.v4-flow[b-aas873sre4] { min-width: 0; }
.v4-flow h3[b-aas873sre4] { font-size: calc(var(--ui-font-size-lg) * 1.25); margin: 0 0 var(--space-md); }
.v4-flow__tools[b-aas873sre4] { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-bottom: var(--space-md); }
.v4-flow button[b-aas873sre4] { display: inline-flex; align-items: center; gap: var(--space-xs); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); padding: var(--space-xs) var(--space-sm); background: var(--ui-surface); color: var(--ui-text-primary); font: inherit; cursor: pointer; }
.v4-flow button:disabled[b-aas873sre4] { opacity: .5; cursor: default; }
.v4-flow__scroll[b-aas873sre4] { max-width: 100%; overflow: auto; }
.v4-flow__canvas[b-aas873sre4] { display: block; }
.v4-flow .v4-flow__grip[b-aas873sre4] { align-self: stretch; margin-top: 0; justify-content: space-between; cursor: grab; touch-action: none; }
.v4-flow .v4-flow__grip:active[b-aas873sre4] { cursor: grabbing; }
.v4-flow .v4-flow__grip:focus-visible[b-aas873sre4] { outline: 2px solid var(--ui-ring); outline-offset: 2px; }
.v4-flow__edge[b-aas873sre4] { fill: none; stroke: var(--ui-text-secondary); stroke-width: 1.5; }
.v4-flow__edge--optional[b-aas873sre4] { stroke-dasharray: 5 4; }
.v4-flow__arrow[b-aas873sre4] { fill: var(--ui-text-secondary); }
.v4-flow__node[b-aas873sre4] { box-sizing: border-box; height: 100%; display: flex; flex-direction: column; gap: var(--space-xs); padding: var(--space-sm); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); background: var(--ui-surface); color: var(--ui-text-primary); }
.v4-flow__node--selected[b-aas873sre4] { border-color: var(--ui-action-primary); }
.v4-flow__node small[b-aas873sre4], .v4-flow__node p[b-aas873sre4] { font-size: calc(var(--ui-font-size-lg) * .75); color: var(--ui-text-secondary); margin: 0; overflow-wrap: anywhere; }
.v4-flow__node p[b-aas873sre4] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.v4-flow__node h4[b-aas873sre4] { font-size: calc(var(--ui-font-size-lg) * .875); margin: 0; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.v4-flow__node button[b-aas873sre4] { align-self: flex-end; margin-top: auto; font-size: calc(var(--ui-font-size-lg) * .75); }
.v4-flow__backdrop[b-aas873sre4] { position: fixed; inset: 0; z-index: var(--ui-z-modal); display: grid; place-items: center; background: color-mix(in srgb, var(--ui-text-primary) 30%, transparent); padding: var(--space-md); }
.v4-flow__backdrop[b-aas873sre4]  .v4-flow__trap { width: min(38rem, 100%); }
.v4-flow__dialog[b-aas873sre4] { box-sizing: border-box; width: 100%; max-height: calc(100dvh - var(--space-xl)); overflow: auto; background: var(--ui-surface); color: var(--ui-text-primary); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); padding: var(--space-lg); }
.v4-flow__dialog header[b-aas873sre4] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); }
.v4-flow__dialog h3[b-aas873sre4] { margin: 0; overflow-wrap: anywhere; }
.v4-flow__dialog h4[b-aas873sre4] { margin: var(--space-sm) 0; font-size: var(--ui-font-size-lg); overflow-wrap: anywhere; }
.v4-flow__connections[b-aas873sre4] { padding: 0; margin: var(--space-lg) 0; list-style: none; overflow-wrap: anywhere; display: grid; gap: var(--space-md); }
.v4-flow__connections li[b-aas873sre4] { border: 1px solid var(--ui-border); border-radius: var(--radius-sm); padding: var(--space-md); }
.v4-flow__connections p[b-aas873sre4] { margin: var(--space-sm) 0; }
.v4-flow__kind[b-aas873sre4], .v4-flow__condition[b-aas873sre4] { color: var(--ui-text-secondary); font-size: calc(var(--ui-font-size-lg) * .875); }
/* /Pages/V2/Views/AdventureV4HandoutPreview.razor.rz.scp.css */
.v4-handout-preview[b-fjweb364le] { margin-top: var(--space-lg); color: var(--ui-text-primary); }
.v4-handout-preview h4[b-fjweb364le] { font-size: var(--ui-font-size-md); margin: var(--space-md) 0 var(--space-sm); overflow-wrap: anywhere; }
.v4-handout-preview fieldset[b-fjweb364le] { border: 0; padding: 0; margin: var(--space-md) 0; display: grid; gap: var(--space-sm); }
.v4-handout-preview legend[b-fjweb364le] { font-size: var(--ui-font-size-sm); color: var(--ui-text-secondary); margin-bottom: var(--space-sm); }
.v4-handout-preview label[b-fjweb364le] { display: flex; align-items: flex-start; gap: var(--space-sm); font-size: var(--ui-font-size-sm-md); overflow-wrap: anywhere; min-width: 0; }
.v4-handout-preview input[b-fjweb364le] { flex: 0 0 auto; }
.v4-handout-preview button[b-fjweb364le] { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: 34px; padding: var(--space-sm); background: transparent; color: var(--ui-action-primary); border: 0; font: inherit; font-size: var(--ui-font-size-sm); text-align: left; overflow-wrap: anywhere; }
.v4-handout-preview__player[b-fjweb364le] { border-top: 1px solid var(--ui-border); margin-top: var(--space-md); padding-top: var(--space-sm); }
.v4-handout-preview__text[b-fjweb364le] { white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--ui-font-size-sm-md); line-height: 1.7; }
.v4-handout-preview ul[b-fjweb364le] { padding-left: var(--space-lg); font-size: var(--ui-font-size-sm); overflow-wrap: anywhere; }
.v4-handout-preview figure[b-fjweb364le] { margin: var(--space-md) 0; }
.v4-handout-preview img[b-fjweb364le] { display: block; max-width: 100%; max-height: 60dvh; object-fit: contain; }
.v4-handout-preview figcaption[b-fjweb364le] { font-size: var(--ui-font-size-sm); color: var(--ui-text-secondary); overflow-wrap: anywhere; }
.v4-handout-preview__confirmation[b-fjweb364le] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); margin-top: var(--space-md); }
.v4-handout-preview button:disabled[b-fjweb364le] { opacity: .55; cursor: default; }
/* /Pages/V2/Views/AdventureV4IncomingRules.razor.rz.scp.css */
.v4-incoming-rules[b-pfjbnvfelu] { display: grid; gap: var(--space-md); padding-block: var(--space-md); }
.v4-incoming-rules__arrival[b-pfjbnvfelu] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-sm); border-left: 2px solid var(--ui-border); padding-left: var(--space-md); }
.v4-incoming-rules p[b-pfjbnvfelu] { margin-block: var(--space-xs); overflow-wrap: anywhere; }
.v4-incoming-rules strong[b-pfjbnvfelu] { font-size: var(--ui-font-size-md); overflow-wrap: anywhere; }
.v4-incoming-rules button[b-pfjbnvfelu] { display: inline-flex; align-items: center; gap: var(--space-xs); border: 0; padding: var(--space-xs) 0; background: transparent; color: var(--ui-text-primary); font: inherit; text-align: left; overflow-wrap: anywhere; }
.v4-incoming-rules button:focus-visible[b-pfjbnvfelu] { outline: 2px solid var(--ui-border); outline-offset: 2px; }
.v4-incoming-rules button:disabled[b-pfjbnvfelu] { opacity: .6; }
.v4-incoming-rules [role="alert"][b-pfjbnvfelu] { color: var(--ui-error); }
/* /Pages/V2/Views/AdventureV4RealmEntityGallery.razor.rz.scp.css */
/* Thumbnails og det aabne billede i realm-galleriet beskaeres aldrig; det aabne billede fylder hoejst
   bredden og 70 % af viewporten. */
.v4-gallery-thumb[b-jio2jeo3bd] { object-fit: contain; }
.v4-gallery-image[b-jio2jeo3bd] { max-width: 100%; max-height: 70dvh; object-fit: contain; }
/* /Pages/V2/Views/AdventureV4RuleEditor.razor.rz.scp.css */
.v4-rule-editor__backdrop[b-0ymfd7wbvv] { position: fixed; inset: 0; z-index: var(--ui-z-modal); display: grid; place-items: center; padding: var(--space-lg); background: color-mix(in srgb, var(--ui-text-primary) 40%, transparent); }
.v4-rule-editor[b-0ymfd7wbvv] { width: min(40rem, calc(100vw - var(--space-xl))); max-height: calc(100dvh - var(--space-xl)); overflow: auto; padding: var(--space-lg); background: var(--ui-surface); color: var(--ui-text-primary); border-radius: var(--radius-sm); }
.v4-rule-editor h3[b-0ymfd7wbvv] { margin: 0 0 var(--space-lg); font: 400 20px Georgia, serif; overflow-wrap: anywhere; }
.v4-rule-editor form[b-0ymfd7wbvv], .v4-rule-editor label[b-0ymfd7wbvv], .v4-rule-editor__step > div[b-0ymfd7wbvv] { display: grid; gap: var(--space-sm); }
.v4-rule-editor form[b-0ymfd7wbvv] { gap: var(--space-lg); }
.v4-rule-editor input:not([type="checkbox"])[b-0ymfd7wbvv], .v4-rule-editor select[b-0ymfd7wbvv] { width: 100%; min-width: 0; padding: var(--space-sm); border: 1px solid var(--ui-border); color: var(--ui-text-primary); background: var(--ui-surface); font: inherit; }
.v4-rule-editor__step[b-0ymfd7wbvv] { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-md); }
.v4-rule-editor__sentence[b-0ymfd7wbvv] { border-left: 2px solid var(--ui-border); padding-left: var(--space-md); overflow-wrap: anywhere; }
.v4-rule-editor footer[b-0ymfd7wbvv] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-sm); }
.v4-rule-editor button[b-0ymfd7wbvv], button[data-testid="v4-rule-add"][b-0ymfd7wbvv] { display: inline-flex; align-items: center; gap: var(--space-xs); padding: var(--space-sm); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); color: var(--ui-text-primary); background: var(--ui-surface); font: inherit; }
.v4-rule-editor .v4-rule-editor__check[b-0ymfd7wbvv] { display: flex; align-items: center; gap: var(--space-sm); }
.v4-rule-editor [role="alert"][b-0ymfd7wbvv] { color: var(--ui-error); }
/* /Pages/V2/Views/AdventureV4RulesOverview.razor.rz.scp.css */
.v4-rules-overview[b-jmicpunhdh] { display: grid; gap: var(--space-lg); padding: var(--space-lg); }
.v4-rules-overview h3[b-jmicpunhdh] { font: 400 24px Georgia, serif; margin: 0; overflow-wrap: anywhere; }
.v4-rules-overview label[b-jmicpunhdh] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm); }
.v4-rules-overview select[b-jmicpunhdh] { max-width: 100%; padding: var(--space-sm); color: var(--ui-text-primary); background: var(--ui-surface); border: 1px solid var(--ui-border); }
.v4-rules-overview__scene[b-jmicpunhdh] { min-width: 0; border-top: 1px solid var(--ui-border); padding-top: var(--space-md); }
.v4-rules-overview__scene header[b-jmicpunhdh] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-sm); }
.v4-rules-overview h4[b-jmicpunhdh] { margin: 0; overflow-wrap: anywhere; }
.v4-rules-overview button[b-jmicpunhdh] { display: inline-flex; align-items: center; gap: var(--space-xs); font: inherit; background: transparent; color: var(--ui-text-primary); border: 0; padding: var(--space-sm); }
.v4-rules-overview button:disabled[b-jmicpunhdh] { opacity: .6; }
.v4-rules-overview :is(button, select):focus-visible[b-jmicpunhdh] { outline: 2px solid var(--ui-border); outline-offset: 2px; }
/* /Pages/V2/Views/AdventureV4SceneGallery.razor.rz.scp.css */
.v4-gallery[b-zyprx2y3hv] { min-width: 0; margin-block: var(--space-md); }
.v4-gallery h4[b-zyprx2y3hv] { margin: 0; font-size: var(--ui-font-size-lg); letter-spacing: 0; }
.v4-gallery__strip[b-zyprx2y3hv] { display: flex; gap: var(--space-sm); overflow-x: auto; padding-block: var(--space-sm); }
.v4-gallery button[b-zyprx2y3hv] { color: var(--ui-text-primary); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); cursor: pointer; }
.v4-gallery button:focus-visible[b-zyprx2y3hv] { outline: 2px solid var(--ui-action-primary); outline-offset: 2px; }
.v4-gallery__thumb[b-zyprx2y3hv] { flex: 0 0 12rem; max-width: 100%; min-width: 0; display: grid; padding: 0; overflow: hidden; }
.v4-gallery__thumb img[b-zyprx2y3hv], .v4-gallery__placeholder[b-zyprx2y3hv] { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.v4-gallery__placeholder[b-zyprx2y3hv] { display: grid; place-items: center; background: var(--ui-surface); }
.v4-gallery__thumb > span:last-child[b-zyprx2y3hv] { padding: var(--space-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v4-gallery__backdrop[b-zyprx2y3hv] { position: fixed; inset: 0; z-index: var(--ui-z-modal); display: grid; place-items: center; padding: var(--space-md); background: color-mix(in srgb, var(--ui-text-primary) 40%, transparent); }
.v4-gallery__viewer[b-zyprx2y3hv] { width: min(56rem, calc(100vw - var(--space-xl))); max-height: calc(100dvh - var(--space-xl)); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: auto; padding: var(--space-md); gap: var(--space-md); color: var(--ui-text-primary); background: var(--ui-surface); border-radius: var(--radius-sm); }
.v4-gallery__viewer header[b-zyprx2y3hv], .v4-gallery__viewer footer[b-zyprx2y3hv] { display: flex; gap: var(--space-sm); align-items: center; justify-content: space-between; min-width: 0; }
.v4-gallery__viewer h4[b-zyprx2y3hv] { min-width: 0; overflow-wrap: anywhere; }
.v4-gallery__viewer img[b-zyprx2y3hv] { width: 100%; height: 100%; max-height: 70dvh; object-fit: contain; }
.v4-gallery__viewer button[b-zyprx2y3hv] { width: 2.25rem; height: 2.25rem; flex: 0 0 2.25rem; display: grid; place-items: center; padding: 0; }
.v4-gallery__viewer button:disabled[b-zyprx2y3hv] { opacity: .5; cursor: default; }
.v4-gallery__editor[b-zyprx2y3hv] { display: grid; gap: var(--space-sm); padding-block: var(--space-sm); min-width: 0; }
.v4-gallery__editor label[b-zyprx2y3hv], .v4-gallery__editor input[b-zyprx2y3hv] { max-width: 100%; min-width: 0; }
.v4-gallery__upload[b-zyprx2y3hv] { display: flex; flex-wrap: wrap; gap: var(--space-sm); align-items: center; min-width: 0; }
.v4-gallery__upload img[b-zyprx2y3hv] { width: 6rem; height: 4rem; object-fit: cover; }
.v4-gallery__upload span[b-zyprx2y3hv] { overflow-wrap: anywhere; min-width: 0; }
.v4-gallery__upload button[b-zyprx2y3hv] { width: 2.25rem; height: 2.25rem; flex: 0 0 2.25rem; padding: 0; }
.v4-gallery__viewer button:not([aria-label])[b-zyprx2y3hv] { width: auto; flex: 0 0 auto; padding-inline: var(--space-sm); }
/* /Pages/V2/Views/AdventureV4SceneRules.razor.rz.scp.css */
.v4-scene-rules[b-93tk4qzmmm] { display: grid; gap: var(--space-md); padding-top: var(--space-lg); }
.v4-scene-rules header > span[b-93tk4qzmmm] { font-size: var(--ui-font-size-sm); color: var(--ui-text-secondary); }
.v4-scene-rules h3[b-93tk4qzmmm] { font-size: var(--ui-font-size-2xl); margin: 0; font-family: Georgia, serif; font-weight: 400; overflow-wrap: anywhere; }
.v4-scene-rules article[b-93tk4qzmmm] { border: 1px solid var(--ui-border); border-radius: var(--radius-sm); padding: var(--space-md); background: var(--ui-surface); }
.v4-scene-rules dl[b-93tk4qzmmm] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-sm); }
.v4-scene-rules dd[b-93tk4qzmmm] { margin: 0; overflow-wrap: anywhere; }
.v4-scene-rules p[b-93tk4qzmmm] { overflow-wrap: anywhere; }
.v4-scene-rules button[b-93tk4qzmmm] { display: inline-flex; align-items: center; gap: var(--space-xs); border: 1px solid var(--ui-border); border-radius: var(--radius-sm); padding: var(--space-sm); color: var(--ui-text-primary); background: var(--ui-surface); font: inherit; }
.v4-scene-rules__actions[b-93tk4qzmmm], .v4-scene-rules footer[b-93tk4qzmmm] { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.v4-scene-rules [role="alert"][b-93tk4qzmmm] { color: var(--ui-error); }
.v4-scene-rules__backdrop[b-93tk4qzmmm] { position: fixed; inset: 0; z-index: var(--ui-z-modal); display: grid; place-items: center; padding: var(--space-lg); background: color-mix(in srgb, var(--ui-text-primary) 40%, transparent); }
.v4-scene-rules__confirmation[b-93tk4qzmmm] { width: min(36rem, calc(100vw - var(--space-xl))); max-height: calc(100dvh - var(--space-xl)); overflow: auto; padding: var(--space-lg); background: var(--ui-surface); color: var(--ui-text-primary); border-radius: var(--radius-sm); }
/* /Pages/V2/Views/AdventureV4SessionCreate.razor.rz.scp.css */
.v4-session-create__backdrop[b-n0pmb1bmnq] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: var(--space-lg);
    background: color-mix(in srgb, var(--ui-text-primary) 30%, transparent);
    z-index: var(--ui-z-modal);
}
.v4-session-create__backdrop[b-n0pmb1bmnq]  .v4-session-create__trap {
    width: min(44rem, 100%);
}
.v4-session-create[b-n0pmb1bmnq] {
    width: 100%;
    max-height: calc(100dvh - var(--space-xl));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: var(--space-md);
    padding: var(--space-lg);
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    box-shadow: var(--ui-shadow-lg);
}
.v4-session-create header[b-n0pmb1bmnq], .v4-session-create footer[b-n0pmb1bmnq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}
.v4-session-create h3[b-n0pmb1bmnq], .v4-session-create p[b-n0pmb1bmnq] {
    margin: 0;
    letter-spacing: 0;
}
.v4-session-create__fields[b-n0pmb1bmnq] {
    display: grid;
    gap: var(--space-md);
    overflow: auto;
}
.v4-session-create label[b-n0pmb1bmnq] {
    display: grid;
    gap: var(--space-xs);
    min-width: 0;
}
.v4-session-create input[b-n0pmb1bmnq], .v4-session-create textarea[b-n0pmb1bmnq], .v4-session-create button[b-n0pmb1bmnq] {
    min-width: 0;
    max-width: 100%;
    font: inherit;
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    padding: var(--space-sm);
}
.v4-session-create textarea[b-n0pmb1bmnq] { resize: vertical; }
.v4-session-create button[b-n0pmb1bmnq] { cursor: pointer; }
.v4-session-create button:disabled[b-n0pmb1bmnq] { cursor: default; opacity: .6; }
/* /Pages/V2/Views/AdventureV4Sessions.razor.rz.scp.css */
.adv-v4-sessions[b-4ja9doygt9] {
    display: grid;
    gap: var(--space-md);
    padding: var(--space-lg);
    min-width: 0;
}
.adv-v4-sessions h3[b-4ja9doygt9], .adv-v4-sessions h4[b-4ja9doygt9], .adv-v4-sessions p[b-4ja9doygt9] {
    margin: 0;
    letter-spacing: 0;
}
.adv-v4-sessions__scope[b-4ja9doygt9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
}
.adv-v4-sessions__scope label[b-4ja9doygt9] {
    display: grid;
    gap: var(--space-xs);
    flex: 1 1 12rem;
    min-width: 0;
}
.adv-v4-sessions select[b-4ja9doygt9], .adv-v4-sessions textarea[b-4ja9doygt9], .adv-v4-sessions button[b-4ja9doygt9] {
    min-width: 0;
    max-width: 100%;
    font: inherit;
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    padding: var(--space-sm);
}
.adv-v4-sessions__note[b-4ja9doygt9] {
    display: grid;
    gap: var(--space-xs);
}
.adv-v4-sessions textarea[b-4ja9doygt9] {
    resize: vertical;
}
.adv-v4-sessions__note-actions[b-4ja9doygt9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}
.adv-v4-sessions__note-actions button[b-4ja9doygt9] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    cursor: pointer;
}
.adv-v4-sessions__list[b-4ja9doygt9], .adv-v4-sessions__detail[b-4ja9doygt9] {
    display: grid;
    gap: var(--space-sm);
    min-width: 0;
}
.adv-v4-sessions__list button[b-4ja9doygt9] {
    display: grid;
    gap: var(--space-xs);
    text-align: left;
    cursor: pointer;
}
.adv-v4-sessions__list button[aria-pressed="true"][b-4ja9doygt9] {
    border-color: var(--ui-text-primary);
}
.adv-v4-sessions__text[b-4ja9doygt9] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.adv-v4-sessions__entry[b-4ja9doygt9] {
    padding-block: var(--space-sm);
    border-top: 1px solid var(--ui-border);
}
/* /Pages/V2/Views/AdventureV4View.razor.rz.scp.css */
.adv-v4.k-page[b-9p9q6ns1sw] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    container-type: inline-size;
    container-name: adventure-v4;
    font-family: "Segoe UI", Arial, sans-serif;
}

.adv-v4__loading[b-9p9q6ns1sw] {
    display: grid;
    gap: var(--space-sm);
    padding: var(--space-lg);
}

.adv-v4[b-9p9q6ns1sw] (.adv-v4__pagehead) {
    flex: 0 0 auto;
    margin: 0;
    border-width: 0 0 1px;
    border-radius: 0;
}

.adv-v4__mode[b-9p9q6ns1sw] { display: inline-flex; gap: var(--space-2xs); }

.adv-v4__scene-head h3[b-9p9q6ns1sw],
.adv-v4__content h3[b-9p9q6ns1sw],
.adv-v4__flow h3[b-9p9q6ns1sw],
.adv-v4__sessions h3[b-9p9q6ns1sw],
.adv-v4__dialog h3[b-9p9q6ns1sw] {
    margin: 0;
    letter-spacing: 0;
    font-family: Georgia, serif;
    font-weight: 400;
}

.adv-v4__scene-head h3[b-9p9q6ns1sw] { font-size: calc(var(--ui-font-size-lg) * 1.8125); overflow-wrap: anywhere; }
.adv-v4__content h3[b-9p9q6ns1sw], .adv-v4__flow h3[b-9p9q6ns1sw], .adv-v4__sessions h3[b-9p9q6ns1sw], .adv-v4__dialog h3[b-9p9q6ns1sw] { font-size: var(--ui-font-size-2xl); overflow-wrap: anywhere; }

.adv-v4__scene-head p[b-9p9q6ns1sw],
.adv-v4__context p[b-9p9q6ns1sw],
.adv-v4__content p[b-9p9q6ns1sw],
.adv-v4__sessions p[b-9p9q6ns1sw] {
    margin: var(--space-xs) 0 0;
    color: var(--ui-text-secondary);
}

.adv-v4__toolbar[b-9p9q6ns1sw],
.adv-v4__dialog-tabs[b-9p9q6ns1sw],
.adv-v4__dialog footer[b-9p9q6ns1sw] {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm);
}

.adv-v4__layout[b-9p9q6ns1sw] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: 211px minmax(0, 1fr) 278px;
    gap: 0;
    position: relative;
}

.adv-v4__outline[b-9p9q6ns1sw],
.adv-v4__workspace[b-9p9q6ns1sw],
.adv-v4__context[b-9p9q6ns1sw],
.adv-v4__dialog[b-9p9q6ns1sw] {
    border: 1px solid var(--ui-border);
    border-radius: 0;
    background: var(--ui-surface);
}

.adv-v4__outline[b-9p9q6ns1sw],
.adv-v4__workspace[b-9p9q6ns1sw],
.adv-v4__context[b-9p9q6ns1sw] {
    min-width: 0;
    min-height: 0;
}

.adv-v4__rail-tabs[b-9p9q6ns1sw] {
    display: flex;
    gap: var(--space-sm);
    border-bottom: 1px solid var(--ui-border);
    padding-bottom: var(--space-sm);
}

.adv-v4__rail-tabs [aria-pressed="true"][b-9p9q6ns1sw] {
    color: var(--ui-action-primary);
    font-weight: var(--ui-font-weight-medium);
}

.adv-v4__context [hidden][b-9p9q6ns1sw] {
    display: none;
}

.adv-v4__outline[b-9p9q6ns1sw],
.adv-v4__context[b-9p9q6ns1sw] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: var(--space-md);
}

.adv-v4__workspace[b-9p9q6ns1sw] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: var(--space-md);
}

.adv-v4__workspace-body[b-9p9q6ns1sw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.adv-v4__workspace > .adv-v4__tabs[b-9p9q6ns1sw] {
    flex: 0 0 auto;
}

.adv-v4__outline:focus-visible[b-9p9q6ns1sw],
.adv-v4__workspace-body:focus-visible[b-9p9q6ns1sw],
.adv-v4__context:focus-visible[b-9p9q6ns1sw] {
    outline: 2px solid var(--ui-ring);
    outline-offset: -2px;
}

.adv-v4__panel-head[b-9p9q6ns1sw] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-sm);
    color: var(--ui-text-secondary);
    font-weight: var(--ui-font-weight-medium);
}

.adv-v4__quest[b-9p9q6ns1sw] {
    margin-top: var(--space-md);
}

.adv-v4__quest-toggle[b-9p9q6ns1sw],
.adv-v4__quest-details[b-9p9q6ns1sw],
.adv-v4__stage[b-9p9q6ns1sw],
.adv-v4__node[b-9p9q6ns1sw],
.adv-v4__tab[b-9p9q6ns1sw],
.adv-v4__toolbar button[b-9p9q6ns1sw],
.adv-v4__context button[b-9p9q6ns1sw],
.adv-v4__dialog button[b-9p9q6ns1sw] {
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-sm);
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    cursor: pointer;
}

.adv-v4__quest-toggle[b-9p9q6ns1sw] {
    width: 100%;
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: var(--space-sm);
    font-weight: var(--ui-font-weight-medium);
    text-align: left;
}

.adv-v4__quest-head[b-9p9q6ns1sw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-xs);
}

.adv-v4__quest-toggle > span[b-9p9q6ns1sw] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.adv-v4__quest-details[b-9p9q6ns1sw] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    align-self: center;
    padding: 0;
}

.adv-v4__stage-list[b-9p9q6ns1sw] {
    display: grid;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

.adv-v4__stage-list[hidden][b-9p9q6ns1sw] {
    display: none;
}

.adv-v4__stage[b-9p9q6ns1sw] {
    display: grid;
    gap: var(--space-2xs);
    padding: var(--space-sm);
    text-align: left;
}

.adv-v4__stage small[b-9p9q6ns1sw],
.adv-v4__node small[b-9p9q6ns1sw] {
    color: var(--ui-text-secondary);
}

.adv-v4__stage--active[b-9p9q6ns1sw],
.adv-v4__node--active[b-9p9q6ns1sw],
.adv-v4__tab--active[b-9p9q6ns1sw] {
    border-color: var(--ui-action-primary);
    background: var(--ui-surface-muted);
    color: var(--ui-action-primary);
}

.adv-v4__scene-head[b-9p9q6ns1sw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-md);
    margin-top: var(--space-md);
}

.adv-v4__save-state[b-9p9q6ns1sw] {
    align-self: start;
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-full);
    padding: var(--space-xs) var(--space-sm);
    color: var(--ui-text-secondary);
}

.adv-v4__toolbar[b-9p9q6ns1sw] {
    margin: var(--space-md) 0;
}

.adv-v4__toolbar button[b-9p9q6ns1sw],
.adv-v4__context button[b-9p9q6ns1sw],
.adv-v4__dialog button[b-9p9q6ns1sw],
.adv-v4__tab[b-9p9q6ns1sw] {
    max-width: 100%;
    white-space: normal;
    padding: var(--space-xs) var(--space-sm);
}

.adv-v4__field[b-9p9q6ns1sw] {
    display: grid;
    gap: var(--space-xs);
    margin-top: var(--space-md);
    color: var(--ui-text-secondary);
    font-weight: var(--ui-font-weight-medium);
}

.adv-v4__field input[b-9p9q6ns1sw],
.adv-v4__field select[b-9p9q6ns1sw],
.adv-v4__field textarea[b-9p9q6ns1sw] {
    width: 100%;
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
    color: var(--ui-text-primary);
    background: var(--ui-surface);
    font: inherit;
    font-weight: var(--ui-font-weight-normal);
    resize: vertical;
}

.adv-v4__field--body textarea[b-9p9q6ns1sw] {
    min-height: 14rem;
    line-height: 1.85;
    border: 0;
    padding-inline: 0;
}

.adv-v4__field > span[b-9p9q6ns1sw] { display: flex; align-items: center; gap: var(--space-xs); }
.adv-v4__field--read-aloud[b-9p9q6ns1sw] { padding: var(--space-md); background: var(--ui-surface-muted); border-left: 3px solid var(--ui-action-primary); }
.adv-v4__field--read-aloud textarea[b-9p9q6ns1sw] { font-family: Georgia, serif; font-size: var(--ui-font-size-xl); line-height: 1.75; border: 0; padding-inline: 0; background: transparent; }
.adv-v4__field--body > span[b-9p9q6ns1sw] { font-family: Georgia, serif; font-size: var(--ui-font-size-2xl); font-weight: 400; color: var(--ui-text-primary); }
.adv-v4__field--gm[b-9p9q6ns1sw] { border-top: 1px solid var(--ui-border); padding-top: var(--space-md); }
.adv-v4__field--gm small[b-9p9q6ns1sw] { margin-left: auto; font-weight: 400; }
.adv-v4__field textarea[b-9p9q6ns1sw] { box-sizing: border-box; max-width: 100%; overflow-wrap: anywhere; }
.adv-v4__live-read[b-9p9q6ns1sw] { margin-top: var(--space-lg); padding: var(--space-lg); border-left: 3px solid var(--ui-action-primary); background: var(--ui-surface-muted); }
.adv-v4__live-read h4[b-9p9q6ns1sw], .adv-v4__live-gm h4[b-9p9q6ns1sw] { display: flex; align-items: center; gap: var(--space-xs); margin: 0; font-size: var(--ui-font-size-lg); font-weight: var(--ui-font-weight-medium); }
.adv-v4__live-read p[b-9p9q6ns1sw] { font-family: Georgia, serif; font-size: var(--ui-font-size-2xl); line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; margin: var(--space-sm) 0 0; }
.adv-v4__live-gm[b-9p9q6ns1sw] { margin-top: var(--space-lg); border-top: 1px solid var(--ui-border); padding-top: var(--space-md); }
.adv-v4__live-gm p[b-9p9q6ns1sw] { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.85; margin: var(--space-sm) 0 0; }

.adv-v4__content-grid[b-9p9q6ns1sw] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: var(--space-md);
    margin-top: var(--space-md);
}

.adv-v4__content article[b-9p9q6ns1sw],
.adv-v4__context section[b-9p9q6ns1sw] {
    min-width: 0;
    padding: var(--space-md);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    background: var(--ui-surface);
}

.adv-v4__context[b-9p9q6ns1sw] {
    display: grid;
    align-content: start;
    gap: var(--space-md);
}

.adv-v4__context dl[b-9p9q6ns1sw] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--space-xs) var(--space-sm);
    margin: var(--space-md) 0 0;
}

.adv-v4__context dt[b-9p9q6ns1sw] {
    color: var(--ui-text-secondary);
}

.adv-v4__context dd[b-9p9q6ns1sw] {
    margin: 0;
}

.adv-v4__stage-contracts[b-9p9q6ns1sw] {
    min-width: 0;
    max-height: 24rem;
    margin-top: var(--space-md);
    overflow: auto;
}

.adv-v4[b-9p9q6ns1sw] (.mud-input-control),
.adv-v4[b-9p9q6ns1sw] (.mud-input),
.adv-v4[b-9p9q6ns1sw] (.mud-select),
.adv-v4[b-9p9q6ns1sw] (.mud-autocomplete),
.adv-v4[b-9p9q6ns1sw] (.mud-toolbar),
.adv-v4[b-9p9q6ns1sw] (.mud-stack),
.adv-v4[b-9p9q6ns1sw] (.mud-grid),
.adv-v4[b-9p9q6ns1sw] (.mud-grid-item),
.adv-v4[b-9p9q6ns1sw] (.mud-paper),
.adv-v4[b-9p9q6ns1sw] (.mud-card),
.adv-v4[b-9p9q6ns1sw] (.k-card) {
    max-width: 100%;
    min-width: 0;
}

.adv-v4[b-9p9q6ns1sw] (.v2-linkage-panel),
.adv-v4[b-9p9q6ns1sw] (.v2-linkage-grid),
.adv-v4[b-9p9q6ns1sw] (.v2-linkage-section) {
    max-width: 100%;
    min-width: 0;
}

.adv-v4[b-9p9q6ns1sw] (.v2-linkage-grid),
.adv-v4[b-9p9q6ns1sw] (.v2-linkage-grid.stage) {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
}

.adv-v4__stage-contracts[b-9p9q6ns1sw] (.k-card) {
    margin: 0;
    border: 0;
    background: transparent;
}

.adv-v4__stage-contracts[b-9p9q6ns1sw] (.v2-feature-grid) {
    grid-template-columns: 1fr;
}

.adv-v4__workspace-body[b-9p9q6ns1sw] (.adv-v4__no-stage) {
    min-height: 24rem;
    justify-content: center;
}

.adv-v4__dialog-backdrop[b-9p9q6ns1sw] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: var(--space-lg);
    background: color-mix(in srgb, var(--ui-text-primary) 30%, transparent);
    z-index: var(--ui-z-modal);
}

.adv-v4__dialog-frame[b-9p9q6ns1sw] {
    width: min(44rem, 100%);
    min-width: 0;
}

.adv-v4__dialog[b-9p9q6ns1sw] {
    width: min(44rem, 100%);
    max-height: calc(100dvh - var(--space-xl));
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    overflow: hidden;
    padding: var(--space-lg);
    box-shadow: var(--ui-shadow-lg);
}

.adv-v4__dialog header[b-9p9q6ns1sw],
.adv-v4__dialog footer[b-9p9q6ns1sw] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
}

.adv-v4__dialog-tabs[b-9p9q6ns1sw],
.adv-v4__dialog-body[b-9p9q6ns1sw] {
    margin-top: var(--space-md);
}

.adv-v4__dialog-body[b-9p9q6ns1sw] {
    overflow: auto;
    min-height: 0;
}

.adv-v4__narrow-tools[b-9p9q6ns1sw], .adv-v4 .adv-v4__narrow-close[b-9p9q6ns1sw] { display: none; }
@container adventure-v4 (min-width: 1551px) {
    .adv-v4__layout[b-9p9q6ns1sw] { grid-template-columns: 235px minmax(0, 1fr) 315px; }
    .adv-v4__scene-head h3[b-9p9q6ns1sw] { font-size: calc(var(--ui-font-size-lg) * 2.125); }
}
@container adventure-v4 (max-width: 1200px) {
    .adv-v4__layout[b-9p9q6ns1sw] { grid-template-columns: 183px minmax(0, 1fr) 245px; }
}
@container adventure-v4 (max-width: 1050px) {
    .adv-v4__layout[b-9p9q6ns1sw] { grid-template-columns: 181px minmax(0, 1fr); }
    .adv-v4__context[b-9p9q6ns1sw] { display: none; }
    .adv-v4__narrow-tools[b-9p9q6ns1sw] { display: flex; flex: 0 0 auto; gap: var(--space-sm); padding: var(--space-xs) var(--space-sm); }
    .adv-v4 .adv-v4__narrow-close[b-9p9q6ns1sw] { display: inline-flex; }
    .adv-v4__layout--context[b-9p9q6ns1sw] { grid-template-columns: minmax(0, 1fr) 260px; }
    .adv-v4__layout--context .adv-v4__outline[b-9p9q6ns1sw] { display: none; }
    .adv-v4__layout--context .adv-v4__context[b-9p9q6ns1sw] { display: block; }
}
@container adventure-v4 (max-width: 760px) {
    .adv-v4__layout[b-9p9q6ns1sw], .adv-v4__layout--context[b-9p9q6ns1sw] { grid-template-columns: minmax(0, 1fr); }
    .adv-v4__outline[b-9p9q6ns1sw] { display: none; }
    .adv-v4__layout--structure .adv-v4__outline[b-9p9q6ns1sw], .adv-v4__layout--context .adv-v4__context[b-9p9q6ns1sw] {
        display: block;
        position: absolute;
        inset: 0;
        z-index: var(--ui-z-dropdown);
    }
}
.adv-v4__dialog-backdrop[hidden][b-9p9q6ns1sw] { display: none; }
/* /Pages/V2/Views/BattlemapGuidanceV2.razor.rz.scp.css */
.v2-battlemap-guidance[b-42z7ii6zb5] {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1090;
}

.v2-battlemap-guidance[b-42z7ii6zb5]  .guidance-launcher {
    background: var(--ui-surface);
    border-color: var(--ui-border);
    box-shadow: var(--ui-shadow-soft);
    color: var(--ui-text-primary);
    font-weight: 650;
    gap: calc(var(--space-sm) * .7);
    padding: calc(var(--space-sm) * .7) var(--space-sm);
}

.v2-battlemap-guidance[b-42z7ii6zb5]  .guidance-launcher__icon {
    background: var(--ui-action-primary);
    color: var(--ui-action-primary-text);
    height: var(--space-md);
    width: var(--space-md);
}

.v2-battlemap-guidance__loading[b-42z7ii6zb5] {
    position: absolute;
    right: 1rem;
    top: 4rem;
    z-index: 1090;
    background: var(--ui-surface);
    color: var(--ui-text-secondary);
    font-size: var(--ui-font-size-sm-md);
    padding: .35rem .5rem;
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel {
    background: var(--ui-surface);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-window);
    font-family: var(--ui-font-sans);
    max-height: min(48rem, calc(100vh - var(--space-xl)));
    padding: var(--space-md);
    right: var(--space-md);
    top: var(--space-md);
    width: min(56rem, calc(100vw - var(--space-xl)));
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-practice-card,
.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-callout,
.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-video--placeholder {
    padding: var(--space-sm-md);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel__header {
    gap: var(--space-sm-md);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel__eyebrow {
    margin-bottom: calc(var(--space-sm) * .7);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel__close {
    font-size: var(--ui-font-size-3xl);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel__body {
    gap: var(--space-md);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel__nav {
    gap: calc(var(--space-sm) * .7);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-step {
    margin-top: var(--space-md);
    padding-top: var(--space-sm-md);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-practice {
    padding-right: var(--space-sm-md);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-practice-card,
.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-callout,
.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-video {
    margin-top: var(--space-sm-md);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-practice-card p {
    margin-top: calc(var(--space-sm) * .7);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel__search {
    background: var(--ui-surface-muted);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel__eyebrow,
.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel__nav h3 {
    font-size: var(--ui-font-size-md);
}

.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel h2,
.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel h3,
.v2-battlemap-guidance__panel-host[b-42z7ii6zb5]  .guidance-panel h4 {
    font-family: var(--ui-font-display);
}
/* /Pages/V2/Views/CharacterLibraryView.razor.rz.scp.css */
/* Projektmappe: Nexus.Client.Browser/Pages/V2/Views
   Fil: CharacterLibraryView.razor.css
   Formaal: Biblioteket som et gitter af navne. «Opret ny» ligner de andre kort i form,
            men er stiplet — den er en plads der venter paa at blive fyldt, ikke en
            karakter der allerede findes. */

.cl-quota[b-2epjyo2oaw] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin: var(--space-xs) 0 var(--space-md);
    flex-wrap: wrap;
}

.cl-quota-bar[b-2epjyo2oaw] {
    flex: 0 0 160px;
    height: 5px;
    border-radius: calc((var(--radius-xs) + var(--radius-sm)) / 2);
    background: var(--ui-border);
    overflow: hidden;
}

.cl-quota-fill[b-2epjyo2oaw] {
    height: 100%;
    background: var(--ui-status-success);
}

/* Foerst naar der ikke er flere pladser skifter maaleren farve. En gul bjaelke ved
   halvtomt ville advare om noget der ikke er sket. */
.cl-quota-fill--full[b-2epjyo2oaw] {
    background: var(--ui-status-error);
}

.cl-grid[b-2epjyo2oaw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: var(--space-sm);
}

.cl-card[b-2epjyo2oaw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-xs);
    min-height: 84px;
    padding: var(--space-sm-md);
    border: 1px solid var(--ui-border-hover);
    border-radius: var(--radius-sm);
    background: var(--ui-surface);
    color: var(--ui-text-primary);
    cursor: pointer;
    text-align: left;
}

.cl-card-slot[b-2epjyo2oaw] {
    position: relative;
}

.cl-card-slot .cl-card[b-2epjyo2oaw] {
    width: 100%;
    height: 100%;
    padding-right: var(--space-2xl);
}

.cl-card-delete[b-2epjyo2oaw] {
    position: absolute;
    top: var(--space-xs);
    right: var(--space-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-xs);
    border: 0;
    border-radius: var(--ui-radius);
    background: transparent;
    color: var(--ui-text-secondary);
    cursor: pointer;
}

.cl-card-delete:hover[b-2epjyo2oaw],
.cl-card-delete:focus-visible[b-2epjyo2oaw] {
    color: var(--ui-error);
    background: var(--ui-surface-muted);
}

.cl-card-delete:disabled[b-2epjyo2oaw] {
    opacity: .5;
    cursor: not-allowed;
}

.cl-card:hover[b-2epjyo2oaw] {
    border-color: var(--ui-status-warning);
}

.cl-card--new[b-2epjyo2oaw] {
    align-items: center;
    justify-content: center;
    border-style: dashed;
    color: var(--ui-text-secondary);
    background: none;
    font-family: var(--ui-font-sans);
    font-size: var(--ui-font-size-sm-md);
}

.cl-card--new:disabled[b-2epjyo2oaw] {
    cursor: not-allowed;
    opacity: .5;
}

.cl-card-name[b-2epjyo2oaw] {
    font-family: var(--ui-font-display);
    font-size: calc((var(--ui-font-size-lg) + var(--ui-font-size-2xl)) / 2);
    line-height: 1.2;
}

.cl-card-badge[b-2epjyo2oaw] {
    font-size: var(--ui-font-size-2xs);
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ui-text-secondary);
    border: 1px solid var(--ui-border-hover);
    border-radius: calc((var(--radius-md) + var(--radius-lg)) / 2);
    padding: 0 var(--space-xs);
    line-height: calc((var(--ui-font-size-md) + var(--ui-font-size-lg)) / 2);
}
/* /Pages/V2/Views/ChatOverviewView.razor.rz.scp.css */
.chat-v2[b-1ywht23rw7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm-md);
    min-height: 100%;
}

.chat-v2-head[b-1ywht23rw7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-sm-md);
}

.chat-v2-actions[b-1ywht23rw7],
.chat-v2-create-actions[b-1ywht23rw7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-sm);
}

.chat-v2-create[b-1ywht23rw7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    border: 1px dashed var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: var(--space-sm-md);
    background: var(--ui-surface);
}

.chat-v2-create-head[b-1ywht23rw7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

.chat-v2-friends[b-1ywht23rw7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-sm);
    max-height: 180px;
    overflow: auto;
}

.chat-v2-friend[b-1ywht23rw7] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: var(--space-sm);
    background: var(--ui-surface-muted);
}

.chat-v2-friend span[b-1ywht23rw7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-v2-stats[b-1ywht23rw7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-sm);
}

.chat-v2-stat[b-1ywht23rw7] {
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: var(--space-sm);
    background: var(--ui-surface);
}

.chat-v2-stat span[b-1ywht23rw7],
.chat-v2-preview[b-1ywht23rw7],
.chat-v2-meta[b-1ywht23rw7] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.82);
}

.chat-v2-stat strong[b-1ywht23rw7] {
    display: block;
    margin-top: var(--space-xs);
    font-size: calc(var(--ui-font-size-lg) * 1.15);
}

.chat-v2-list[b-1ywht23rw7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    overflow: auto;
}

.chat-v2-tabs[b-1ywht23rw7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.chat-v2-tab[b-1ywht23rw7] {
    min-height: 34px;
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: 0 var(--space-sm);
    background: var(--ui-surface-muted);
    color: inherit;
    font-weight: 700;
}

.chat-v2-tab.active[b-1ywht23rw7] {
    background: var(--ui-surface);
    border-color: var(--ui-status-warning);
}

.chat-v2-row[b-1ywht23rw7] {
    width: 100%;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: var(--space-sm);
    background: var(--ui-surface-muted);
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.chat-v2-row:focus-visible[b-1ywht23rw7] {
    outline: 2px solid var(--ui-status-warning);
    outline-offset: 2px;
}

.chat-v2-delete[b-1ywht23rw7] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    font-weight: 700;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-family: inherit;
    line-height: 1;
}

.chat-v2-delete:hover[b-1ywht23rw7],
.chat-v2-delete:focus-visible[b-1ywht23rw7] {
    border-color: var(--ui-status-warning);
    background: var(--ui-surface-subtle);
}

.chat-v2-delete:disabled[b-1ywht23rw7] {
    cursor: progress;
    opacity: 0.65;
}

.chat-v2-main[b-1ywht23rw7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}

.chat-v2-title[b-1ywht23rw7],
.chat-v2-preview[b-1ywht23rw7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-v2-title[b-1ywht23rw7] {
    font-weight: 700;
}

.chat-v2-meta[b-1ywht23rw7] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.chat-v2-badge[b-1ywht23rw7] {
    min-width: 22px;
    height: 22px;
    padding: 0 var(--space-xs);
    border-radius: var(--radius-full);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ui-status-warning);
    color: var(--ui-surface-subtle);
    font-weight: 700;
}

.chat-v2-global[b-1ywht23rw7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    border-top: 1px solid var(--ui-border);
    padding-top: var(--space-sm);
}

.chat-v2-section-title[b-1ywht23rw7] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.82);
    font-weight: 700;
    text-transform: uppercase;
}

.chat-v2-result[b-1ywht23rw7] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(100px, 160px) minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: var(--space-sm);
    background: var(--ui-surface-muted);
    color: inherit;
    text-align: left;
}

.chat-v2-result-thread[b-1ywht23rw7],
.chat-v2-result-text[b-1ywht23rw7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-v2-result-thread[b-1ywht23rw7] {
    font-weight: 700;
}

.chat-v2-result-text[b-1ywht23rw7] {
    color: var(--ui-text-secondary);
}

.chat-v2-result-text mark[b-1ywht23rw7] {
    border-radius: calc((var(--radius-xs) + var(--radius-sm)) / 2);
    padding: 0 var(--space-2xs);
    background: var(--ui-status-warning);
    color: var(--ui-surface-subtle);
}

@media (max-width: 720px) {
    .chat-v2-stats[b-1ywht23rw7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chat-v2-result[b-1ywht23rw7] {
        grid-template-columns: 1fr;
    }

    .chat-v2-head[b-1ywht23rw7],
    .chat-v2-actions[b-1ywht23rw7],
    .chat-v2-create-actions[b-1ywht23rw7] {
        align-items: stretch;
        flex-direction: column;
    }

    .chat-v2-friends[b-1ywht23rw7] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/V2/Views/ChooseAdventureView.razor.rz.scp.css */
/* Projektmappe: Nexus.Client.Browser/Pages/V2/Views
   Fil: ChooseAdventureView.razor.css
   Formaal: D′-listen. Taet, rolig, én raekke pr. eventyr — ikke et gitter af kort.
            Alle farver kommer fra semantiske UI-tokens, saa siden foelger temaet
            og ikke sin egen palet. */

.ca-invitations[b-b4ljk6f91x] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.ca-invitation[b-b4ljk6f91x] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-sm-md);
    border: 1px solid var(--ui-border-hover);
    border-left: 3px solid var(--ui-action-primary);
    border-radius: var(--radius-sm);
    background: var(--ui-surface);
}

.ca-invitation-text[b-b4ljk6f91x] {
    flex: 1;
    min-width: 0;
}

.ca-invitation-title[b-b4ljk6f91x] {
    font-family: var(--ui-font-display);
    font-size: var(--ui-font-size-xl);
    font-weight: 700;
    color: var(--ui-text-primary);
}

/* Reglen der skiller invitationer fra listen. Den findes kun naar der ER invitationer;
   uden den ville de to grupper flyde sammen til én liste af uens ting. */
.ca-rule[b-b4ljk6f91x] {
    height: 1px;
    background: var(--ui-border);
    margin: var(--space-md) 0 var(--space-sm-md);
}

.ca-list[b-b4ljk6f91x] {
    display: flex;
    flex-direction: column;
}

.ca-row[b-b4ljk6f91x] {
    display: flex;
    align-items: center;
    gap: var(--space-sm-md);
    padding: var(--space-sm-md) var(--space-sm);
    border-bottom: 1px solid var(--ui-border);
}

.ca-row:first-child[b-b4ljk6f91x] {
    border-top: 1px solid var(--ui-border);
}

.ca-row:hover[b-b4ljk6f91x] {
    background: var(--ui-surface);
}

.ca-row-main[b-b4ljk6f91x] {
    flex: 1;
    min-width: 0;
}

.ca-row-title[b-b4ljk6f91x] {
    font-family: var(--ui-font-display);
    font-size: calc((var(--ui-font-size-md) + var(--ui-font-size-3xl)) / 2);
    font-weight: 700;
    line-height: 1.2;
    color: var(--ui-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ca-row-meta[b-b4ljk6f91x] {
    margin-top: var(--space-2xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/* Karaktercellen staar samme sted i hver raekke, uanset tilstand. Flytter den sig,
   skal oejet lede efter den i hver linje. */
.ca-row-character[b-b4ljk6f91x] {
    flex: 0 0 auto;
    min-width: 170px;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: var(--space-xs);
}

.ca-character-name[b-b4ljk6f91x] {
    font-family: var(--ui-font-display);
    font-size: var(--ui-font-size-lg);
    color: var(--ui-text-primary);
}

/* «+N» er bevidst dæmpet: det er en oplysning, ikke en handling. */
.ca-character-more[b-b4ljk6f91x] {
    font-size: var(--ui-font-size-sm);
    color: var(--ui-text-secondary);
    border: 1px solid var(--ui-border-hover);
    border-radius: var(--radius-lg);
    padding: 0 var(--space-xs);
    line-height: var(--ui-font-size-xl);
}

.ca-row-action[b-b4ljk6f91x] {
    flex: 0 0 auto;
}

.ca-row-actions[b-b4ljk6f91x] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.ca-note[b-b4ljk6f91x] {
    padding: var(--space-sm) var(--space-xs);
}

.ca-action-error[b-b4ljk6f91x] {
    margin-bottom: var(--space-sm);
    padding: var(--space-sm) var(--space-sm);
    border-left: 3px solid var(--ui-status-error);
}

.ca-archive[b-b4ljk6f91x] {
    margin-top: var(--space-md);
    padding-top: var(--space-sm-md);
    border-top: 1px solid var(--ui-border);
}

.ca-archive > summary[b-b4ljk6f91x] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-sm);
    cursor: pointer;
    list-style: none;
}

.ca-archive > summary[b-b4ljk6f91x]::-webkit-details-marker {
    display: none;
}

.ca-archive > summary[b-b4ljk6f91x]::after {
    content: "▾";
    color: var(--ui-text-secondary);
}

.ca-archive:not([open]) > summary[b-b4ljk6f91x]::after {
    content: "▸";
}

/* Smal skaerm: raekken bliver to linjer, men karakter og «Spil» bliver paa samme
   linje — de hoerer sammen som «hvem» og «af sted». */
@media (max-width: 720px) {
    .ca-row[b-b4ljk6f91x] {
        flex-wrap: wrap;
    }

    .ca-row-main[b-b4ljk6f91x] {
        flex: 1 0 100%;
    }

    .ca-row-character[b-b4ljk6f91x] {
        flex: 1;
        justify-content: flex-start;
        min-width: 0;
    }

    .ca-row-actions[b-b4ljk6f91x] {
        flex: 1 0 100%;
        justify-content: flex-start;
    }
}
/* /Pages/V2/Views/CombatV2View.razor.rz.scp.css */
.combat-v2[b-g4j3i2xf5s] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm-md);
    min-height: 100%;
}

.combat-v2-head[b-g4j3i2xf5s],
.combat-v2-create-head[b-g4j3i2xf5s],
.combat-v2-confirm[b-g4j3i2xf5s],
.combat-v2-actions[b-g4j3i2xf5s],
.combat-v2-row-actions[b-g4j3i2xf5s] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.combat-v2-head[b-g4j3i2xf5s],
.combat-v2-create-head[b-g4j3i2xf5s],
.combat-v2-confirm[b-g4j3i2xf5s] {
    justify-content: space-between;
}

.combat-v2-actions[b-g4j3i2xf5s],
.combat-v2-row-actions[b-g4j3i2xf5s] {
    justify-content: flex-end;
}

.combat-v2-create[b-g4j3i2xf5s],
.combat-v2-confirm[b-g4j3i2xf5s] {
    border: 1px dashed var(--ui-border-hover);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: var(--space-sm-md);
    background: var(--ui-surface);
}

.combat-v2-create[b-g4j3i2xf5s] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.combat-v2-realm[b-g4j3i2xf5s] {
    display: block;
    margin-top: var(--space-xs);
    color: var(--ui-text-secondary);
}

.combat-v2-picker-section[b-g4j3i2xf5s] {
    display: grid;
    gap: var(--space-sm);
    min-width: 0;
    padding: var(--space-sm-md);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    background: var(--ui-surface);
}

.combat-v2-section-head[b-g4j3i2xf5s] {
    display: grid;
    gap: var(--space-xs);
}

.combat-v2-section-head small[b-g4j3i2xf5s],
.combat-v2-help[b-g4j3i2xf5s],
.combat-v2-search-label[b-g4j3i2xf5s] {
    color: var(--ui-text-secondary);
}

.combat-v2-search[b-g4j3i2xf5s] {
    width: 100%;
    min-height: 44px;
    padding: var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-sm);
    background: var(--ui-surface);
    color: var(--ui-text-primary);
}

.combat-v2-option-list[b-g4j3i2xf5s] {
    display: grid;
    gap: var(--space-xs);
    max-height: 240px;
    overflow-y: auto;
}

.combat-v2-pick-row[b-g4j3i2xf5s],
.combat-v2-selected[b-g4j3i2xf5s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    min-height: 44px;
    padding: var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-sm);
    background: var(--ui-surface-muted);
    color: var(--ui-text-primary);
    text-align: left;
}

.combat-v2-pick-row[b-g4j3i2xf5s] {
    width: 100%;
    cursor: pointer;
}

.combat-v2-pick-row:hover[b-g4j3i2xf5s] {
    border-color: var(--ui-action-primary);
}

.combat-v2-depth[b-g4j3i2xf5s] {
    display: grid;
    gap: var(--space-xs);
    margin: 0;
    padding: var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-sm);
}

.combat-v2-depth label[b-g4j3i2xf5s],
.combat-v2-picker-section .combat-v2-link-option[b-g4j3i2xf5s] {
    min-height: 44px;
}

.combat-v2-depth input[b-g4j3i2xf5s],
.combat-v2-picker-section .combat-v2-link-option input[b-g4j3i2xf5s] {
    margin-right: var(--space-xs);
    accent-color: var(--ui-action-primary);
}

.combat-v2-search:focus-visible[b-g4j3i2xf5s],
.combat-v2-pick-row:focus-visible[b-g4j3i2xf5s],
.combat-v2-picker-section button:focus-visible[b-g4j3i2xf5s],
.combat-v2-picker-section input:focus-visible[b-g4j3i2xf5s] {
    outline: 2px solid var(--ui-action-primary);
    outline-offset: 2px;
}

.combat-v2-chips[b-g4j3i2xf5s] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin: 0;
    padding: 0;
    list-style: none;
}

.combat-v2-chips li[b-g4j3i2xf5s] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-sm);
    background: var(--ui-surface-muted);
}

.combat-v2-chips button[b-g4j3i2xf5s] {
    min-height: 44px;
    border: 0;
    background: transparent;
    color: var(--ui-action-primary);
    cursor: pointer;
}

.combat-v2-field[b-g4j3i2xf5s] {
    display: grid;
    gap: var(--space-xs);
}

.combat-v2-field > span[b-g4j3i2xf5s] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.78);
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.combat-v2-field > small[b-g4j3i2xf5s] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.78);
}

.combat-v2-link-field[b-g4j3i2xf5s] {
    display: grid;
    gap: var(--space-xs);
    margin: 0;
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: var(--space-sm) var(--space-sm);
}

.combat-v2-link-field legend[b-g4j3i2xf5s] {
    padding: 0 var(--space-xs);
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.78);
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.combat-v2-link-option[b-g4j3i2xf5s] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    cursor: pointer;
}

.combat-v2-link-field small[b-g4j3i2xf5s] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.78);
}

.combat-v2-select[b-g4j3i2xf5s] {
    min-height: 40px;
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: 0 var(--space-sm);
    background: var(--ui-surface-muted);
    color: inherit;
}

.combat-v2-confirm span[b-g4j3i2xf5s] {
    min-width: 0;
    font-weight: 700;
}

.combat-v2-empty[b-g4j3i2xf5s] {
    display: grid;
    justify-items: center;
    gap: var(--space-sm);
    padding: 48px var(--space-sm-md);
    color: var(--ui-text-secondary);
    text-align: center;
}

.combat-v2-list[b-g4j3i2xf5s] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    overflow: auto;
}

.combat-v2-row[b-g4j3i2xf5s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: var(--space-sm);
    background: var(--ui-surface-muted);
}

.combat-v2-row-confirm[b-g4j3i2xf5s] {
    grid-column: 1 / -1;
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
}

.combat-v2-open[b-g4j3i2xf5s] {
    display: grid;
    gap: var(--space-2xs);
    min-width: 0;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    text-align: left;
}

.combat-v2-title[b-g4j3i2xf5s],
.combat-v2-desc[b-g4j3i2xf5s] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combat-v2-title[b-g4j3i2xf5s] {
    font-weight: 800;
}

.combat-v2-desc[b-g4j3i2xf5s],
.combat-v2-meta[b-g4j3i2xf5s] {
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.82);
}

.combat-v2-meta[b-g4j3i2xf5s] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.chat-feature-btn.danger[b-g4j3i2xf5s] {
    border-color: color-mix(in srgb, var(--ui-error) 70%, var(--ui-border-hover));
    color: var(--ui-error);
}

@media (max-width: 760px) {
    .combat-v2-head[b-g4j3i2xf5s],
    .combat-v2-create-head[b-g4j3i2xf5s],
    .combat-v2-selected[b-g4j3i2xf5s],
    .combat-v2-confirm[b-g4j3i2xf5s],
    .combat-v2-row[b-g4j3i2xf5s] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .combat-v2-head[b-g4j3i2xf5s],
    .combat-v2-create-head[b-g4j3i2xf5s],
    .combat-v2-selected[b-g4j3i2xf5s],
    .combat-v2-confirm[b-g4j3i2xf5s] {
        flex-direction: column;
    }

    .combat-v2-actions[b-g4j3i2xf5s],
    .combat-v2-row-actions[b-g4j3i2xf5s] {
        justify-content: stretch;
    }
}
/* /Pages/V2/Views/InvitationView.razor.rz.scp.css */
/* Projektmappe: Nexus.Client.Browser/Pages/V2/Views
   Fil: InvitationView.razor.css
   Formaal: Invitationssiden i D′. Tre blokke adskilt af tynde regler, saa oejet
            laeser dem i raekkefoelge frem for at scanne en vaeg af felter. */

.inv-description[b-6d6j0h5v1p] {
    font-family: var(--ui-font-display);
    font-size: var(--ui-font-size-lg);
    line-height: 1.55;
    color: var(--ui-text-primary);
    margin: var(--space-sm) 0 0;
    max-width: 60ch;
}

.inv-rule[b-6d6j0h5v1p] {
    height: 1px;
    background: var(--ui-border);
    margin: calc(var(--space-md) + var(--space-xs)) 0 var(--space-md);
}

.inv-characters[b-6d6j0h5v1p] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

/* Karakteren er en knap og ikke et checkbox-felt: valget er selve handlingen, og et
   afkrydsningsfelt ville antyde en formular der skal udfyldes foerst. */
.inv-character[b-6d6j0h5v1p] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-sm-md);
    border: 1px solid var(--ui-border-hover);
    border-radius: var(--radius-sm);
    background: var(--ui-surface);
    color: var(--ui-text-primary);
    font-family: var(--ui-font-sans);
    font-size: var(--ui-font-size-sm-md);
    cursor: pointer;
}

.inv-character:hover[b-6d6j0h5v1p] {
    border-color: var(--ui-status-warning);
}

.inv-character--selected[b-6d6j0h5v1p] {
    border-color: var(--ui-action-primary);
    box-shadow: var(--ui-shadow-inset-1) var(--ui-action-primary);
}

.inv-character-name[b-6d6j0h5v1p] {
    font-family: var(--ui-font-display);
    font-size: var(--ui-font-size-lg);
}

.inv-no-characters[b-6d6j0h5v1p] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-sm-md);
    border: 1px dashed var(--ui-border-hover);
    border-radius: var(--radius-sm);
    color: var(--ui-text-primary);
}

.inv-actions[b-6d6j0h5v1p] {
    display: flex;
    align-items: center;
    gap: var(--space-sm-md);
    flex-wrap: wrap;
}
/* /Pages/V2/Views/ItemDetailView.razor.rz.scp.css */
/* Genstands-maerke ("Genstandsbrevet"): blaa blaek-glyph via den delte V2-klasse. */
.k-item-mark[b-ycvg71im6q] {
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.k-item-mark-col[b-ycvg71im6q] {
    position: relative;
}

.k-item-mark.has-image .k-item-mark-glyph[b-ycvg71im6q] {
    display: none;
}

.k-item-mark-action[b-ycvg71im6q] {
    position: absolute;
    right: 0.25rem;
    bottom: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
    display: grid;
    place-items: center;
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--ui-surface-subtle) 88%, transparent);
    color: var(--ui-text-secondary);
    box-shadow: var(--ui-shadow-detail-sm) color-mix(in srgb, var(--ui-text-primary) 16%, transparent);
}

.k-img-clear[b-ycvg71im6q] {
    position: absolute;
    right: -0.35rem;
    top: -0.35rem;
    width: 1.4rem;
    height: 1.4rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-full);
    padding: 0;
    background: var(--ui-surface-subtle);
    color: var(--ui-status-error);
    box-shadow: var(--ui-shadow-detail-md) color-mix(in srgb, var(--ui-text-primary) 18%, transparent);
}

.k-img-clear:disabled[b-ycvg71im6q] {
    opacity: 0.55;
}

.k-hidden-file[b-ycvg71im6q] {
    display: none;
}

.item-core-properties[b-ycvg71im6q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: 0.85rem 1.15rem;
    margin: 0.7rem 0 1.25rem;
}

.item-core-properties[b-ycvg71im6q] (.k-inline) {
    align-content: start;
    min-width: 0;
}

.item-core-properties[b-ycvg71im6q] (.k-inline-label) {
    display: block;
}

.item-core-properties[b-ycvg71im6q] (.k-inline-value),
.item-core-properties[b-ycvg71im6q] (.k-toggle) {
    margin-top: 0.2rem;
}

.item-template-groups[b-ycvg71im6q] {
    display: grid;
    gap: 1rem;
    margin: 0.75rem 0 1.25rem;
}

.item-template-group[b-ycvg71im6q] {
    border-top: 1px solid var(--ui-border);
    padding-top: 0.85rem;
}

.item-template-group-title[b-ycvg71im6q] {
    font-size: calc(var(--ui-font-size-lg) * 0.9);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ui-text-secondary);
    margin-bottom: 0.75rem;
}

.item-template-grid[b-ycvg71im6q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem 1rem;
}

.item-template-cell[b-ycvg71im6q] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.item-template-label[b-ycvg71im6q] {
    font-size: calc(var(--ui-font-size-lg) * 0.8);
    color: var(--ui-text-secondary);
}

.item-template-value[b-ycvg71im6q] {
    font-size: calc(var(--ui-font-size-lg) * 1.05);
    color: var(--ui-text-primary);
    word-break: break-word;
}

.item-template-value.empty[b-ycvg71im6q] {
    color: var(--ui-text-secondary);
}

.item-template-editor[b-ycvg71im6q] {
    margin: 1rem 0 1.25rem;
}

.item-template-editor-title[b-ycvg71im6q] {
    font-size: calc(var(--ui-font-size-lg) * 0.85);
    font-weight: 700;
    color: var(--ui-text-secondary);
    margin-bottom: 0.6rem;
}

.v2-item-editor[b-ycvg71im6q] {
    display: grid;
    gap: 1rem;
    padding: 0.25rem;
}

.v2-item-editor-header[b-ycvg71im6q],
.v2-item-editor-actions[b-ycvg71im6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.v2-item-editor-grid[b-ycvg71im6q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
}

.v2-item-editor-grid[b-ycvg71im6q] (.mud-switch) {
    align-self: center;
}

.v2-item-editor-section[b-ycvg71im6q] {
    border-top: 1px solid var(--ui-border);
    padding-top: 0.85rem;
}

@media (max-width: 42rem) {
    .v2-item-editor-grid[b-ycvg71im6q] {
        grid-template-columns: 1fr;
    }

    .v2-item-editor-header[b-ycvg71im6q],
    .v2-item-editor-actions[b-ycvg71im6q] {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Hemmeligheder: diskret GM-menu i vindues-toppen i stedet for en flydende sektion nederst.
   Knappen sidder i KPageHeaders Actions-slot; panelet foldes ud lige under headeren og er lukket som default. */
.item-secrets-toggle[b-ycvg71im6q] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-2xs) var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-full);
    background: transparent;
    color: var(--ui-text-secondary);
    font-size: calc(var(--ui-font-size-lg) * 0.78);
    line-height: 1.4;
    cursor: pointer;
    white-space: nowrap;
}

.item-secrets-toggle:hover[b-ycvg71im6q],
.item-secrets-toggle.open[b-ycvg71im6q] {
    color: var(--ui-action-primary);
    border-color: var(--ui-action-primary);
}

.item-secrets-count[b-ycvg71im6q] {
    min-width: var(--space-md);
    padding: 0 var(--space-xs);
    border-radius: var(--radius-full);
    background: var(--ui-action-primary);
    color: var(--ui-action-primary-text);
    font-size: calc(var(--ui-font-size-lg) * 0.7);
    font-weight: 700;
    text-align: center;
}

.item-secrets-drawer[b-ycvg71im6q] {
    margin: 0 0 var(--space-md);
    padding: var(--space-xs) var(--space-md) var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface-subtle);
    max-height: 40vh;
    overflow-y: auto;
}

.item-secrets-drawer-head[b-ycvg71im6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* /Pages/V2/Views/ItemsListView.razor.rz.scp.css */
.items-type-tabs[b-7yr6he2lst] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0 1.25rem;
}

.items-type-tab[b-7yr6he2lst] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--ui-surface) 88%, transparent);
    color: var(--ui-text-primary);
    padding: 0.5rem 0.9rem;
    font: inherit;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.items-type-tab:hover[b-7yr6he2lst] {
    background: color-mix(in srgb, var(--ui-status-warning) 16%, transparent);
    border-color: var(--ui-status-warning);
}

.items-type-tab.active[b-7yr6he2lst] {
    background: var(--ui-status-warning);
    border-color: var(--ui-status-warning);
    color: var(--ui-text-primary);
}

.items-type-tab-count[b-7yr6he2lst] {
    min-width: 1.6rem;
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--ui-text-primary) 10%, transparent);
    font-size: calc(var(--ui-font-size-lg) * 0.9);
    text-align: center;
}

.items-type-tab.active .items-type-tab-count[b-7yr6he2lst] {
    background: color-mix(in srgb, var(--ui-surface) 24%, transparent);
}
/* /Pages/V2/Views/KSecretsPanel.razor.rz.scp.css */
/* Scoped styles for KSecretsPanel — supplerer de globale .kartograf-root .k-*-klasser. */

.k-secret-tags[b-howt7qjc9u] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

.k-secret-reuse[b-howt7qjc9u] {
    margin-top: var(--space-xs);
    font-size: var(--ui-font-size-xs);
    color: var(--ui-text-secondary);
    font-style: italic;
}

.k-secret-visibility[b-howt7qjc9u] {
    flex: 0 1 160px;
    min-width: 140px;
}
/* /Pages/V2/Views/MyRulebooksView.razor.rz.scp.css */
.my-rulebooks-share-row[b-f8iwhlr73j] {
    width: 100%;
}

.my-rulebooks-book-row[b-f8iwhlr73j] {
    gap: .5rem;
}

.my-rulebooks-shop-links[b-f8iwhlr73j] {
    gap: .75rem;
}
/* /Pages/V2/Views/OrgMemberPanel.razor.rz.scp.css */
.org-member-panel[b-n8kza6qp2m] {
    container-type: inline-size;
}

.org-member-list[b-n8kza6qp2m] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--space-xs) / 2);
}

.org-member-row[b-n8kza6qp2m] {
    display: grid;
    grid-template-columns: var(--space-xl) minmax(0, 1fr) calc(var(--space-xl) - var(--space-xs));
    align-items: center;
    column-gap: var(--space-sm);
    min-height: calc(var(--space-xl) + var(--space-sm));
    padding: var(--space-xs);
}

.org-member-rankmark[b-n8kza6qp2m] {
    width: calc(var(--space-xl) - var(--space-xs));
    height: calc(var(--space-xl) - var(--space-xs));
    align-self: center;
}

.org-member-main[b-n8kza6qp2m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
}

.org-member-name-row[b-n8kza6qp2m] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    min-width: 0;
}

.org-member-name[b-n8kza6qp2m] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.org-member-top-tag[b-n8kza6qp2m] {
    flex: 0 0 auto;
}

.org-member-fields[b-n8kza6qp2m] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.45fr) minmax(0, 0.75fr);
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
}

.org-member-field[b-n8kza6qp2m] {
    min-width: 0;
}

.org-member-field[b-n8kza6qp2m]  .k-inline {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    gap: var(--space-xs);
    padding: 0;
}

.org-member-field[b-n8kza6qp2m]  .k-inline-label {
    line-height: 1;
    white-space: nowrap;
}

.org-member-field[b-n8kza6qp2m]  .k-inline-value {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
}

.org-member-field-rank[b-n8kza6qp2m]  .k-inline,
.org-member-field-status[b-n8kza6qp2m]  .k-inline {
    grid-template-columns: auto auto;
}

.org-member-field[b-n8kza6qp2m]  .k-inline-edit {
    min-width: 0;
}

.org-member-field[b-n8kza6qp2m]  .k-inline-edit .mud-input-control {
    min-width: 0;
    width: 100%;
}

.org-member-remove[b-n8kza6qp2m] {
    align-self: center;
    justify-self: center;
}

.org-member-addrow[b-n8kza6qp2m] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(0, 0.6fr) calc(var(--space-xl) + var(--space-2xl)) auto;
    align-items: center;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
}

.org-member-addrow .ainp[b-n8kza6qp2m] {
    width: 100%;
    min-width: 0;
}

.org-member-addrow .k-w64[b-n8kza6qp2m] {
    width: calc(var(--space-xl) + var(--space-2xl));
}

.org-member-search[b-n8kza6qp2m] {
    min-width: 0;
}

@container (max-width: 780px) {
    .org-member-main[b-n8kza6qp2m] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-xs);
    }

    .org-member-fields[b-n8kza6qp2m] {
        grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, auto);
        gap: var(--space-sm);
    }
}

@container (max-width: 620px) {
    .org-member-row[b-n8kza6qp2m] {
        grid-template-columns: var(--space-xl) minmax(0, 1fr) calc(var(--space-xl) - var(--space-xs));
        align-items: start;
    }

    .org-member-fields[b-n8kza6qp2m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .org-member-field-status[b-n8kza6qp2m] {
        grid-column: span 2;
    }

    .org-member-addrow[b-n8kza6qp2m] {
        grid-template-columns: auto minmax(0, 1fr) calc(var(--space-xl) + var(--space-2xl));
    }

    .org-member-addrow .ainp:not(.k-w64)[b-n8kza6qp2m],
    .org-member-addrow .btnx[b-n8kza6qp2m] {
        grid-column: span 3;
    }
}
/* /Pages/V2/Views/PlayerHubView.razor.rz.scp.css */
/* Projektmappe: Nexus.Client.Browser/Pages/V2/Views
   Fil: PlayerHubView.razor.css
   Formaal: Hub'ens layout. Fladen blev foerst udsendt UDEN denne fil, og klasserne
            i markup'en fandtes derfor ingen steder: raekkerne faldt tilbage til rent
            blokflow, saa «Spil»-knapperne laa klistret op ad navnene i en trappe og
            de fire omraader loeb sammen til én stribe.

            Alle farver og skrifter kommer fra semantiske UI-tokens, saa fladen
            foelger temaet og ikke sin egen palet — samme regel som D′-listen. */

/* ---------- Invitationer -------------------------------------------------- */

.hub-invitations[b-nlgvgb01jy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    margin-bottom: var(--space-md);
}

.hub-invitation[b-nlgvgb01jy] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-sm-md);
    border: 1px solid var(--ui-border-hover);
    border-left: 3px solid var(--ui-action-primary);
    border-radius: var(--radius-sm);
    background: var(--ui-surface);
}

.hub-invitation-text[b-nlgvgb01jy] {
    flex: 1;
    min-width: 0;
}

.hub-invitation-title[b-nlgvgb01jy] {
    font-family: var(--ui-font-display);
    font-size: var(--ui-font-size-xl);
    font-weight: 700;
    color: var(--ui-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- Gitteret ------------------------------------------------------ */

/* Eventyr er fladens aerinde — «vaelg et eventyr for at spille» — og faar derfor
   den brede spalte. Karakterer og regelboeger er opslag, ikke handlinger, og
   stables i den smalle. */
.hub-grid[b-nlgvgb01jy] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-md);
    align-items: start;
}

.hub-col[b-nlgvgb01jy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    min-width: 0;
}

.hub-area[b-nlgvgb01jy] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hub-area-head[b-nlgvgb01jy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-sm);
    margin-bottom: var(--space-sm);
}

/* ---------- Raekker ------------------------------------------------------- */

.hub-list[b-nlgvgb01jy] {
    display: flex;
    flex-direction: column;
}

.hub-row[b-nlgvgb01jy] {
    display: flex;
    align-items: center;
    gap: var(--space-sm-md);
    padding: var(--space-sm) var(--space-xs);
    border-bottom: 1px solid var(--ui-border);
    min-width: 0;
}

.hub-row:first-child[b-nlgvgb01jy] {
    border-top: 1px solid var(--ui-border);
}

.hub-row-name[b-nlgvgb01jy] {
    flex: 1;
    min-width: 0;
}

.hub-row-title[b-nlgvgb01jy] {
    font-family: var(--ui-font-display);
    font-size: var(--ui-font-size-xl);
    font-weight: 700;
    line-height: 1.25;
    color: var(--ui-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hub-row-meta[b-nlgvgb01jy] {
    margin-top: var(--space-2xs);
    white-space: normal;
}

/* Handlingen staar samme sted i hver raekke. Flytter den sig, skal oejet lede
   efter den i hver linje — det var praecis symptomet i den foerste udsendelse. */
.hub-row-action[b-nlgvgb01jy] {
    flex: 0 0 auto;
}

.hub-row-actions[b-nlgvgb01jy] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.hub-area-foot[b-nlgvgb01jy] {
    margin-top: var(--space-sm);
}

.hub-note[b-nlgvgb01jy] {
    padding: var(--space-xs) var(--space-xs);
}

.hub-action-error[b-nlgvgb01jy] {
    border-left: 3px solid var(--ui-status-error);
}

.hub-archive[b-nlgvgb01jy] {
    margin-top: var(--space-sm-md);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--ui-border);
}

.hub-archive > summary[b-nlgvgb01jy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-sm);
    cursor: pointer;
    list-style: none;
}

.hub-archive > summary[b-nlgvgb01jy]::-webkit-details-marker {
    display: none;
}

.hub-archive > summary[b-nlgvgb01jy]::after {
    content: "▾";
    color: var(--ui-text-secondary);
}

.hub-archive:not([open]) > summary[b-nlgvgb01jy]::after {
    content: "▸";
}

/* ---------- Smal skaerm --------------------------------------------------- */

@media (max-width: 900px) {
    .hub-grid[b-nlgvgb01jy] {
        grid-template-columns: minmax(0, 1fr);
    }

    .hub-row[b-nlgvgb01jy] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .hub-row-actions[b-nlgvgb01jy] {
        width: 100%;
        justify-content: flex-start;
    }
}

/* En raekke der KAN klikkes skal ogsaa se saadan ud. Foer var navnet ren tekst i en div,
   og brugerens ord var praecis dét: «der sker ikke noget, naar man vaelger regelboeger». */
.hub-row--action[b-nlgvgb01jy] {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid var(--ui-border);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.hub-row--action .hub-row-name[b-nlgvgb01jy] {
    font-family: var(--ui-font-display);
    font-size: var(--ui-font-size-xl);
    font-weight: 700;
    line-height: 1.25;
    color: var(--ui-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hub-row--action:hover[b-nlgvgb01jy] {
    background: var(--ui-surface);
}
/* /Pages/V2/Views/PlayerSecretJournalView.razor.rz.scp.css */
/* Scoped styles for PlayerSecretJournalView — supplerer de globale .kartograf-root .k-*-klasser. */

.pj-list[b-wu9hb2evqu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm-md);
    margin-top: var(--space-sm);
}

.pj-entry[b-wu9hb2evqu] {
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    padding: var(--space-sm-md) var(--space-sm-md);
    background: var(--ui-surface-subtle);
}

.pj-entry-h[b-wu9hb2evqu] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.pj-entry-title[b-wu9hb2evqu] {
    font-size: var(--ui-font-size-lg);
    font-weight: 700;
    color: var(--ui-text-primary);
    flex: 1 1 auto;
    min-width: 0;
}

.pj-body[b-wu9hb2evqu] {
    margin: var(--space-sm) 0 var(--space-xs);
    font-size: calc((var(--ui-font-size-sm-md) + var(--ui-font-size-md)) / 2);
    line-height: 1.5;
    color: var(--ui-text-primary);
    white-space: pre-wrap;
}

.pj-partial[b-wu9hb2evqu] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin: var(--space-sm) 0 var(--space-xs);
    font-size: calc((var(--ui-font-size-sm) + var(--ui-font-size-sm-md)) / 2);
    font-style: italic;
    color: var(--ui-text-secondary);
}

.pj-knownby-h[b-wu9hb2evqu] {
    font-weight: 600;
    font-size: var(--ui-font-size-sm);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ui-text-secondary);
    margin: var(--space-sm-md) 0 var(--space-xs);
    border-top: 1px solid var(--ui-border);
    padding-top: var(--space-sm);
}

.pj-knownby[b-wu9hb2evqu] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
}

.pj-knownby-main[b-wu9hb2evqu] {
    flex: 1;
    min-width: 0;
}

.pj-knownby-main .nm[b-wu9hb2evqu] {
    font-size: var(--ui-font-size-sm-md);
    color: var(--ui-text-primary);
}

.pj-knownby-main .sub[b-wu9hb2evqu] {
    font-size: var(--ui-font-size-xs);
    color: var(--ui-text-secondary);
}

.sw-dot[b-wu9hb2evqu] {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.sw-glyph[b-wu9hb2evqu] {
    display: inline-block;
    width: 18px;
    text-align: center;
    flex: 0 0 auto;
}
/* /Pages/V2/Views/QuestStageV2FeatureBoard.razor.rz.scp.css */
.v2-feature-grid[b-runq35180b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    align-items: start;
}

.v2-feature-grid > div[b-runq35180b] {
    min-width: 0;
}

@media (max-width: 700px) {
    .v2-feature-grid[b-runq35180b] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/V2/Views/RealmPlaceLinkagePanel.razor.rz.scp.css */
.realm-place-links[b-24kblb0iyg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    gap: var(--space-md);
}

.place-link-section[b-24kblb0iyg],
.place-link-text[b-24kblb0iyg] {
    min-width: 0;
}

.place-link-heading[b-24kblb0iyg],
.place-link-row[b-24kblb0iyg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

.place-link-row[b-24kblb0iyg] {
    align-items: flex-start;
    margin-block: var(--space-sm);
    overflow-wrap: anywhere;
}

.place-link-text[b-24kblb0iyg] {
    display: flex;
    flex-direction: column;
}

.place-link-notes[b-24kblb0iyg] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.place-link-row[b-24kblb0iyg]  .mud-icon-button {
    flex-shrink: 0;
}

@media (max-width: 760px) {
    .realm-place-links[b-24kblb0iyg] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/V2/Views/RulebookShopView.razor.rz.scp.css */
/* Scoped styles for RulebookShopView (ADR-088 PR-5). */

.rulebook-shop-grid[b-hrdj447w20] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
    margin-top: 0.5rem;
}

.rulebook-card[b-hrdj447w20] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rulebook-card--highlight[b-hrdj447w20] {
    outline: 2px solid var(--ui-action-primary);
    outline-offset: 2px;
}

.rulebook-price[b-hrdj447w20] {
    font-weight: 600;
}
/* /Pages/V2/Views/SecretsSpiderwebView.razor.rz.scp.css */
/* Scoped styles for SecretsSpiderwebView — supplerer de globale .kartograf-root .k-*-klasser. */

.sw-topbar[b-ztdl19lg84] {
    display: flex;
    align-items: center;
    gap: var(--space-sm-md);
    flex-wrap: wrap;
    margin: var(--space-sm) 0 var(--space-sm);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--ui-border);
}

.sw-search[b-ztdl19lg84] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex: 1 1 220px;
    min-width: 180px;
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    padding: var(--space-2xs) var(--space-sm);
    background: var(--ui-surface);
}

.sw-search-in[b-ztdl19lg84] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font: inherit;
    color: var(--ui-text-primary);
    padding: var(--space-xs) 0;
}

.sw-toggle[b-ztdl19lg84] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--ui-font-size-sm-md);
    cursor: pointer;
    user-select: none;
    color: var(--ui-text-primary);
}

.sw-body[b-ztdl19lg84] {
    display: grid;
    grid-template-columns: 180px 1fr 260px;
    gap: var(--space-sm-md);
    align-items: stretch;
}

.sw-rail[b-ztdl19lg84] {
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    padding: var(--space-sm);
    background: var(--ui-surface);
    max-height: 640px;
    overflow-y: auto;
}

.sw-rail-sect[b-ztdl19lg84] {
    font-weight: 600;
    font-size: var(--ui-font-size-sm);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ui-text-secondary);
    margin: var(--space-sm) 0 var(--space-xs);
}

.sw-rail-sect:first-child[b-ztdl19lg84] {
    margin-top: 0;
}

.sw-check[b-ztdl19lg84] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--ui-font-size-sm-md);
    padding: var(--space-2xs) 0;
    cursor: pointer;
    user-select: none;
    color: var(--ui-text-primary);
}

.sw-dot[b-ztdl19lg84] {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.sw-glyph[b-ztdl19lg84] {
    display: inline-block;
    width: 18px;
    text-align: center;
    flex: 0 0 auto;
}

.sw-canvas[b-ztdl19lg84] {
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    background:
        radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--ui-surface) 35%, transparent), transparent 60%),
        var(--ui-surface);
    min-height: 480px;
    overflow: hidden;
}

.sw-svg[b-ztdl19lg84] {
    width: 100%;
    height: 100%;
    min-height: 480px;
    display: block;
}

.sw-edge[b-ztdl19lg84] {
    stroke-width: 1.4;
}

.sw-edge-place[b-ztdl19lg84] {
    stroke: var(--ui-text-secondary);
    stroke-dasharray: 4 4;
    opacity: .5;
}

.sw-edge-rel[b-ztdl19lg84] {
    stroke-width: 2;
    opacity: .75;
}

.sw-node[b-ztdl19lg84] {
    cursor: pointer;
}

/* Symmetrisk, usynligt klik-omraade om node-centrum. Etiketten (sw-lbl) rendres
   forskudt over/under den synlige form, saa <g>'ens naturlige bounding-box ikke
   centreres om formen - et klik paa boksens beregnede centrum kan derfor ramme
   det blanke SVG-lærred mellem form og etiket i stedet for noden selv. Dette
   rect dominerer bbox'en og giver et paalideligt traefpunkt uanset etiket-tilstand. */
.sw-hitarea[b-ztdl19lg84] {
    fill: transparent;
    pointer-events: all;
}

.sw-circle[b-ztdl19lg84] {
    stroke: var(--ui-text-primary);
    stroke-width: 1.2;
}

.sw-node.dim .sw-circle[b-ztdl19lg84] {
    opacity: .2;
}

.sw-node.dim .sw-lbl[b-ztdl19lg84] {
    opacity: .25;
}

.sw-node.selected .sw-circle[b-ztdl19lg84],
.sw-node.selected .sw-rect[b-ztdl19lg84] {
    stroke: var(--ui-status-warning);
    stroke-width: 2.5;
}

.sw-rect[b-ztdl19lg84] {
    fill: var(--ui-surface);
    stroke: var(--ui-border-hover);
    stroke-width: 1.2;
}

.sw-glyph-txt[b-ztdl19lg84] {
    font-size: var(--ui-font-size-xs);
    fill: var(--ui-text-primary);
    pointer-events: none;
}

.sw-lbl[b-ztdl19lg84] {
    font-size: var(--ui-font-size-xs);
    fill: var(--ui-text-primary);
    pointer-events: none;
}

.sw-lbl-secret[b-ztdl19lg84] {
    font-weight: 600;
}

.sw-lbl-entity[b-ztdl19lg84] {
    fill: var(--ui-text-secondary);
}

.sw-detail[b-ztdl19lg84] {
    border: 1px solid var(--ui-border);
    border-radius: var(--radius-md);
    padding: var(--space-sm-md);
    background: var(--ui-surface);
    max-height: 640px;
    overflow-y: auto;
}

.sw-detail-h[b-ztdl19lg84] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-weight: 700;
}

.sw-detail-title[b-ztdl19lg84] {
    font-size: calc((var(--ui-font-size-md) + var(--ui-font-size-lg)) / 2);
    color: var(--ui-text-primary);
}

.sw-detail-meta[b-ztdl19lg84] {
    margin: var(--space-xs) 0 var(--space-xs);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.sw-visibility[b-ztdl19lg84] {
    margin: var(--space-xs) 0 var(--space-sm);
}

.sw-reveal-bar[b-ztdl19lg84] {
    margin: var(--space-sm) 0 var(--space-xs);
}

.sw-crud-bar[b-ztdl19lg84] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin: var(--space-xs) 0 var(--space-sm);
}

.sw-attach-form[b-ztdl19lg84] {
    margin: var(--space-sm) 0;
    padding: var(--space-sm);
    border: 1px solid var(--ui-border);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: var(--ui-surface-muted);
}

.sw-newbtn[b-ztdl19lg84] {
    margin-left: auto;
}

.sw-sect[b-ztdl19lg84] {
    font-weight: 600;
    font-size: var(--ui-font-size-sm);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ui-text-secondary);
    margin: var(--space-sm-md) 0 var(--space-xs);
    border-top: 1px solid var(--ui-border);
    padding-top: var(--space-sm);
}

.sw-row[b-ztdl19lg84] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
}

.sw-row-main[b-ztdl19lg84] {
    flex: 1;
    min-width: 0;
}

.sw-row-main .nm[b-ztdl19lg84] {
    font-size: var(--ui-font-size-sm-md);
    color: var(--ui-text-primary);
}

.sw-row-main .sub[b-ztdl19lg84] {
    font-size: var(--ui-font-size-xs);
    color: var(--ui-text-secondary);
}

.sw-rel-swatch[b-ztdl19lg84] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: var(--radius-xs);
    margin-top: var(--space-2xs);
    flex: 0 0 auto;
}

.sw-muted[b-ztdl19lg84] {
    font-size: var(--ui-font-size-sm);
    font-style: italic;
    color: var(--ui-text-secondary);
}

.sw-detail-empty[b-ztdl19lg84] {
    text-align: center;
    color: var(--ui-text-secondary);
    padding: var(--space-lg) var(--space-sm);
    font-size: var(--ui-font-size-sm-md);
}

.sw-hidden-note[b-ztdl19lg84] {
    margin-top: var(--space-sm-md);
    padding: var(--space-sm);
    border-radius: calc((var(--radius-sm) + var(--radius-md)) / 2);
    background: color-mix(in srgb, var(--ui-status-warning) 12%, transparent);
    border: 1px solid var(--ui-status-warning);
    font-size: var(--ui-font-size-sm);
    color: var(--ui-text-primary);
}
/* /Pages/V2/Views/SettlementDetailView.razor.rz.scp.css */
[b-s67o2uj03h] [data-testid="k-inline-desc"] .k-inline-value,
[b-s67o2uj03h] [data-testid="k-inline-background"] .k-inline-value,
[b-s67o2uj03h] [data-testid="k-inline-history"] .k-inline-value {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

[data-testid="v2-settlement-districts"][b-s67o2uj03h] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
}

.wtabs[b-s67o2uj03h] {
    flex-wrap: wrap;
}

.district-link[b-s67o2uj03h] {
    background: transparent;
    border: 0;
    padding: 0;
    font: inherit;
    color: var(--ui-action-primary);
    text-align: left;
    text-decoration: underline;
    overflow-wrap: anywhere;
    max-width: 100%;
    cursor: pointer;
}

.realm-hero-picker[b-s67o2uj03h] { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-xs) var(--space-sm); overflow-x:auto; }
.realm-hero-choice[b-s67o2uj03h] { border:1px solid var(--ui-border); border-radius:var(--radius-sm); padding:var(--space-2xs); background:transparent; cursor:pointer; flex:none; }
.realm-hero-choice.selected[b-s67o2uj03h] { border:2px solid var(--ui-action-primary); }
.realm-hero-choice img[b-s67o2uj03h] { display:block; width:70px; height:34px; object-fit:cover; border-radius:var(--radius-xs); }
.realm-hero-upload[b-s67o2uj03h] { font-size:var(--ui-font-size-sm); color:var(--ui-action-primary); cursor:pointer; white-space:nowrap; margin-left:var(--space-sm); }
/* /Pages/V2/Views/TerritoryDetailView.razor.rz.scp.css */
[b-vbboz5bg3p] [data-testid="k-inline-desc"] .k-inline-value,
[b-vbboz5bg3p] [data-testid="k-inline-background"] .k-inline-value,
[b-vbboz5bg3p] [data-testid="k-inline-history"] .k-inline-value {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.wtabs[b-vbboz5bg3p] {
    flex-wrap: wrap;
}

.realm-hero-picker[b-vbboz5bg3p] { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-xs) var(--space-sm); overflow-x:auto; }
.realm-hero-choice[b-vbboz5bg3p] { border:1px solid var(--ui-border); border-radius:var(--radius-sm); padding:var(--space-2xs); background:transparent; cursor:pointer; flex:none; }
.realm-hero-choice.selected[b-vbboz5bg3p] { border:2px solid var(--ui-action-primary); }
.realm-hero-choice img[b-vbboz5bg3p] { display:block; width:70px; height:34px; object-fit:cover; border-radius:var(--radius-xs); }
.realm-hero-upload[b-vbboz5bg3p] { font-size:var(--ui-font-size-sm); color:var(--ui-action-primary); cursor:pointer; white-space:nowrap; margin-left:var(--space-sm); }
/* /Pages/V2/Views/TimelineView.razor.rz.scp.css */
/* Route-visningen maa vokse naturligt; KWindow binder hoejden i den globale Kartograf-CSS. */
.timeline-v2-page[b-3dg53hcn45] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: visible;
}

.timeline-v2-page > .wtabs[b-3dg53hcn45] {
    flex: 0 0 auto;
}

.timeline-v2-page > .wtabs[b-3dg53hcn45] {
    margin-bottom: var(--space-sm);
}

.timeline-v2-page .timeline-v2-pane.active[b-3dg53hcn45] {
    display: block;
    min-height: 0;
    overflow: visible;
}

.timeline-v2-page .timeline-v2-content-pane.active[b-3dg53hcn45] {
    display: block;
    min-height: 0;
    overflow: visible;
}

.kartograf-root .kwin-body .timeline-v2-page .timeline-v2-content-pane.active[b-3dg53hcn45] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: var(--space-sm);
}

.kartograf-root .kwin-body .timeline-v2-page .timeline-v2-pane.active[b-3dg53hcn45] {
    flex: 1 1 auto;
    overflow: hidden;
}

.timeline-v2-page .timeline-v2-pane[b-3dg53hcn45]  .realm-timeline-view {
    flex: 1 1 auto;
    min-height: 0;
}

@media (max-width: 960px) {
    .timeline-v2-page .timeline-v2-pane.active[b-3dg53hcn45] {
        display: block;
        overflow: visible;
    }

    .kartograf-root .kwin-body .timeline-v2-page .timeline-v2-content-pane.active[b-3dg53hcn45] {
        overflow-y: auto;
    }
}
/* /Pages/V2/Views/VerdenOverviewView.razor.rz.scp.css */
.realm-overview-actions[b-5yl84mz2ut] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    margin-block: var(--space-sm);
}