/*
 * Public design system. This is assembled into public/css/site.css.
 * Layer order keeps shared components above migrated feature geometry.
 * Admin and email templates do not load this stylesheet.
 */
@layer tokens, base, features, components, utilities, responsive;

@layer tokens {
    :root {
        color-scheme: dark;
        --page: #0c0c0e;
        --sidebar: #101012;
        --surface: #151517;
        --surface-raised: #1b1b1e;
        --surface-hover: #222225;
        --line: #2b2b30;
        --line-soft: #232327;
        --text: #e7e7eb;
        --muted: #a4a4ad;
        --subtle: #797982;
        --accent: #bd4149;
        --accent-hover: #cf5059;
        --accent-soft: #2b191e;
        --success: #84b99c;
        --danger: #e28289;
        --warning: #c9ad7d;
        --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
        --header-height: 64px;
        --sidebar-width: 232px;
        --content-max: 1560px;
        --radius: 6px;
        --space-1: 4px;
        --space-2: 8px;
        --space-3: 12px;
        --space-4: 16px;
        --space-5: 24px;
        --space-6: 32px;
        --era-text: var(--text);
        --era-link: var(--danger);
        --era-muted: var(--muted);
        --era-border: var(--line);
        --era-border-soft: var(--line-soft);
        --era-panel: var(--surface);
        --era-panel-2: var(--surface-raised);
        --era-success: var(--success);
        --era-warning: var(--warning);
        --era-danger: var(--danger);
    }
}

@layer base {
    *, *::before, *::after { box-sizing: border-box; }
    html { min-width: 320px; scrollbar-gutter: stable; scroll-padding-top: 88px; }
    body { margin: 0; min-width: 320px; min-height: 100vh; background: var(--page); color: var(--text); font: 14px/1.6 var(--font-body); -webkit-text-size-adjust: 100%; }
    [hidden] { display: none !important; }
    a { color: var(--danger); text-decoration: none; text-underline-offset: 3px; }
    a:hover { color: #f0a1a7; }
    button, input, select, textarea { font: inherit; }
    button, summary, select, label[for] { cursor: pointer; }
    button { color: inherit; }
    button:disabled, input:disabled { cursor: not-allowed; opacity: .5; }
    button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
    :focus-visible { outline: 2px solid var(--accent-hover); outline-offset: 3px; }
    img, video, canvas, iframe { max-width: 100%; }
    img { vertical-align: middle; }
    svg { flex-shrink: 0; }
    h1, h2, h3, h4, h5, h6 { color: var(--text); font-family: var(--font-body); line-height: 1.3; font-weight: 650; margin: 0 0 16px; overflow-wrap: anywhere; }
    h1 { font-size: clamp(22px, 1.5vw, 28px); letter-spacing: -.5px; }
    h2 { font-size: 20px; }
    h3 { font-size: 17px; }
    h4 { font-size: 15px; }
    p { margin: 0 0 16px; }
    small { font-size: 12px; }
    strong, b { font-weight: 650; }
    hr { border: 0; border-top: 1px solid var(--line-soft); margin: 24px 0; }
    pre, code { font-family: var(--font-mono); }
    pre { max-width: 100%; overflow: auto; padding: 16px; background: var(--page); border-radius: var(--radius); }
    blockquote { margin: 16px 0; padding: 12px 16px; border-left: 2px solid var(--accent); background: var(--surface-raised); color: var(--muted); }
    ul, ol { padding-left: 24px; }
    ::selection { background: #61333c; color: #fff; }
}

@layer components {
    /* 1. Shared shell and navigation */
    .skip-link { position: fixed; top: 8px; left: 16px; padding: 10px 18px; background: var(--accent); color: #fff; z-index: 300; transform: translateY(-160%); }
    .skip-link:focus { transform: translateY(0); }
    .site-header { position: sticky; top: 0; min-height: var(--header-height); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; padding: 8px max(20px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left)); background: #101012; border-bottom: 1px solid var(--line-soft); z-index: 80; }
    .header-brand, .site-brand, .header-actions, .header-status, .online-count { display: flex; align-items: center; gap: 12px; min-width: 0; }
    .header-brand { gap: 16px; }
    .site-brand { color: var(--text); gap: 10px; line-height: 1.15; }
    .site-brand:hover { color: #fff; }
    .brand-emblem { display: grid; place-items: center; width: 36px; height: 36px; font-size: 13px; font-weight: 750; color: #e09ca1; border: 1px solid #68323a; border-radius: 7px; background: var(--accent-soft); }
    .brand-name { font-size: 17px; font-weight: 750; letter-spacing: -.4px; }
    .brand-name small { display: block; margin-top: 5px; color: var(--subtle); font-size: 8px; letter-spacing: 2px; font-weight: 550; }
    .header-status { gap: 18px; margin-left: auto; padding-right: 18px; border-right: 1px solid var(--line-soft); font-size: 12px; }
    .online-count { color: var(--text); gap: 6px; font-variant-numeric: tabular-nums; }
    .online-count .site-icon, .online-label { color: var(--muted); }
    .server-status { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; }
    .status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--danger); }
    .is-online .status-dot { background: var(--success); }
    .header-actions { gap: 20px; font-size: 12px; }
    .header-social, .header-login { color: var(--muted); }
    .header-social { display: inline-flex; align-items: center; gap: 6px; }
    .header-social .site-icon { width: 13px; height: 13px; }
    .icon-button { border: 0; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 10px; background: transparent; color: var(--muted); border-radius: 4px; }
    .icon-button:hover { color: #fff; background: var(--surface-hover); }
    .site-icon { display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
    .site-sidebar { position: fixed; inset: var(--header-height) auto 0 0; width: var(--sidebar-width); overflow-y: auto; overscroll-behavior: contain; background: var(--sidebar); border-right: 1px solid var(--line-soft); padding: 20px 12px max(24px, env(safe-area-inset-bottom)); z-index: 70; transition: transform .2s ease, visibility .2s; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
    .sidebar-heading { display: flex; justify-content: space-between; align-items: center; padding: 2px 12px 18px; color: var(--subtle); font-size: 10px; font-weight: 600; letter-spacing: 1.3px; text-transform: uppercase; }
    .drawer-close { display: none; }
    .nav-group { margin-bottom: 8px; }
    .nav-group summary { display: flex; align-items: center; gap: 10px; list-style: none; min-height: 42px; padding: 10px 12px; color: var(--muted); font-size: 11px; font-weight: 650; text-transform: uppercase; letter-spacing: .8px; border-radius: 4px; user-select: none; }
    summary::-webkit-details-marker { display: none; }
    .nav-group summary:hover { color: var(--text); background: var(--surface); }
    .nav-group summary .site-icon { width: 16px; height: 16px; color: var(--subtle); }
    .nav-group[open] > summary { color: var(--accent-hover); }
    .nav-group[open] > summary .site-icon { color: var(--accent-hover); }
    .nav-group summary .site-icon:last-child { margin-left: auto; width: 12px; height: 12px; transition: transform .18s; }
    .nav-group:not([open]) summary .site-icon:last-child { transform: rotate(-90deg); }
    .nav-group-links { padding: 2px 0 8px; animation: nav-reveal .18s ease; }
    .nav-link { display: flex; align-items: center; gap: 11px; min-height: 38px; padding: 8px 12px; margin: 1px 0; border-radius: 4px; color: #b3b3bb; font-size: 12px; border-left: 2px solid transparent; transition: color .15s, background .15s; }
    .nav-link .site-icon { width: 15px; height: 15px; color: var(--subtle); }
    .nav-link:hover { color: #fff; background: var(--surface-hover); }
    .nav-link.is-active { color: #f0c4c8; background: var(--accent-soft); border-left-color: var(--accent); }
    .nav-link.is-active .site-icon { color: var(--accent-hover); }
    .sidebar-footer { display: flex; flex-direction: column; gap: 10px; margin: 22px 12px 0; padding-top: 18px; border-top: 1px solid var(--line-soft); font-size: 11px; }
    .sidebar-footer a { display: flex; align-items: center; justify-content: space-between; color: var(--muted); }
    .sidebar-footer .site-icon { width: 12px; height: 12px; }
    .sidebar-footer > span { color: var(--subtle); font-size: 10px; }
    .site-main { min-width: 0; margin-left: var(--sidebar-width); padding: 28px clamp(16px, 2.5vw, 40px) 0; transition: margin-left .2s ease; }
    .site-workspace, .site-footer { width: 100%; max-width: var(--content-max); margin: 0 auto; min-width: 0; }
    .site-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 264px; gap: 24px; align-items: start; min-height: calc(100vh - 245px); }
    .site-workspace > main { min-width: 0; }
    .world-widgets { min-width: 0; position: sticky; top: calc(var(--header-height) + 24px); max-height: calc(100dvh - var(--header-height) - 48px); overflow-y: auto; scrollbar-width: thin; }
    .site-nav-collapsed .site-sidebar { transform: translateX(-100%); visibility: hidden; }
    .site-nav-collapsed .site-main { margin-left: 0; }
    .drawer-backdrop { position: fixed; inset: var(--header-height) 0 0; background: rgba(0,0,0,.65); z-index: 65; border: 0; padding: 0; }
    .page-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 2px 0 22px; }
    .page-heading h1 { margin: 0; }
    .eyebrow { color: var(--subtle); font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 650; margin: 0 0 7px; }
    .page-heading-link, .text-action { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); }
    .page-heading-link .site-icon { width: 15px; height: 15px; }
    .site-content { background: var(--surface); border: 1px solid var(--line-soft); border-radius: var(--radius); padding: clamp(14px, 2vw, 28px); min-width: 0; overflow-wrap: anywhere; }
    .site-content:empty { display: none; }
    .site-content > :last-child { margin-bottom: 0; }
    .site-content h1 { font-size: 22px; line-height: 1.3; height: auto; }
    .site-content h2 { font-size: 19px; }
    .site-content h3 { font-size: 16px; }
    .account-menu { position: relative; }
    .account-menu-panel { position: absolute; top: calc(100% + 10px); right: 0; min-width: 200px; padding: 6px; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 32px #0006; }
    .account-menu-panel a { display: block; padding: 10px 12px; color: var(--text); border-radius: 3px; }
    .account-menu-panel a:hover { background: var(--surface-hover); }

    /* 2. Buttons, fields, validation and feedback */
    .button, .btn, input[type="submit"], input[type="button"], input[type="reset"], .BigButtonText, .MediumButtonText, .ButtonText, .BigButton, .MediumButtonBackground { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; max-width: 100%; padding: 8px 15px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-raised); color: var(--text); font-family: var(--font-body); font-size: 12px; font-weight: 600; line-height: 1.4; text-align: center; cursor: pointer; white-space: normal; text-decoration: none; transition: background .15s, border-color .15s; }
    .button:hover, .btn:hover, input[type="submit"]:hover, input[type="button"]:hover, .BigButton:hover, .MediumButtonBackground:hover { background: var(--surface-hover); border-color: #48484e; color: #fff; }
    .button-primary, .btn-primary, .btn--primary, .BigButton input[type="submit"] { background: var(--accent); border-color: var(--accent); color: #fff; }
    .button-primary:hover, .btn-primary:hover, .btn--primary:hover, .BigButton input[type="submit"]:hover { background: var(--accent-hover); border-color: var(--accent-hover); color: #fff; }
    .button-danger, .btn-danger, .btn--danger { background: var(--accent-soft); border-color: #67343b; color: var(--danger); }
    .button-secondary, .btn-secondary, .btn--secondary { background: var(--surface-raised); color: var(--text); }
    .BigButton, .MediumButtonBackground { padding: 0; vertical-align: middle; margin: 4px; height: auto; width: auto; overflow: hidden; }
    .BigButton > div, .BigButton > a, .MediumButtonBackground > div { display: flex; width: 100%; min-height: 38px; align-items: center; justify-content: center; }
    .BigButton .BigButtonText, .MediumButtonBackground .MediumButtonText { width: 100%; height: auto; min-height: 38px; border: 0; margin: 0; padding: 9px 16px; box-sizing: border-box; }
    .button, .btn { vertical-align: middle; box-sizing: border-box; }
    .button:focus-visible, .btn:focus-visible, input[type="submit"]:focus-visible { outline: 2px solid var(--accent-hover); outline-offset: 3px; }
    .button:disabled, .btn:disabled, input[type="submit"]:disabled { opacity: .55; cursor: not-allowed; }
    .BigButton:focus-within, .MediumButtonBackground:focus-within { outline: 2px solid var(--accent-hover); outline-offset: 2px; }
    .BigButtonOver, .MediumButtonOver, .SmallButtonOver { display: none; }
    .text-button { padding: 0; border: 0; background: none; color: var(--muted); font-size: inherit; }
    .text-button:hover { color: var(--text); }
    .btn--block, .w-100 { width: 100%; }
    label { color: var(--muted); font-size: 12px; }
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="range"]), select, textarea { min-height: 40px; min-width: 0; max-width: 100%; padding: 8px 11px; border: 1px solid #38383e; border-radius: 4px; background: #101012; color: var(--text); font: 13px/1.5 var(--font-body); transition: border-color .15s; }
    input::placeholder, textarea::placeholder { color: var(--subtle); }
    input:focus, select:focus, textarea:focus { border-color: var(--accent-hover); }
    input[type="checkbox"], input[type="radio"], input[type="range"] { accent-color: var(--accent); }
    input[type="checkbox"], input[type="radio"] { width: 16px; height: 16px; margin: 4px 7px 4px 0; vertical-align: middle; }
    textarea { width: 100%; resize: vertical; min-height: 110px; }
    option { background: var(--surface); color: var(--text); }
    fieldset { min-width: 0; border: 1px solid var(--line); border-radius: var(--radius); margin: 16px 0; padding: 16px; }
    legend { padding: 0 8px; color: var(--muted); font-size: 12px; }
    .form-group, .form-field { display: grid; gap: 7px; margin-bottom: 16px; min-width: 0; }
    .form-control { width: 100%; }
    .form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px; }
    .form-actions > :is(.BigButton, .MediumButtonBackground) { margin: 0; }
    .SubmitButtonRow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
    .SubmitButtonRow > :is(.LeftButton, .RightButton) { float: none; width: auto; }
    .page-heading-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 18px; }
    .world-filter { display: flex; align-items: center; gap: 8px; margin: 0; }
    .world-filter label { margin: 0; font-size: 12px; color: var(--muted); }
    .world-filter select { min-height: 34px; padding: 5px 10px; }
    .auction-bid-controls { display: grid; justify-items: start; gap: 10px; padding: 12px; }
    .auction-bid-controls .form-actions { margin: 2px 0 0; }
    .auction-bid-controls .form-actions form { margin: 0; }
    .bazaar-sell-actions > tbody > tr > td { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0; }
    .bazaar-sell-actions :is(.u-float-left, .u-float-right) { float: none; }
    .bazaar-sell-actions .form-actions { margin: 0; }
    [class*="view--bazaar-sell-"] .MessageContainer { margin-bottom: 0; }
    [class*="view--bazaar-sell-"] .MessageContainer td { padding: 0; border: 0; }
    .wiki-item-groups { display: grid; gap: 28px; }
    .wiki-item-group { padding: 20px; border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--surface); }
    .wiki-item-group .section-heading { margin-bottom: 16px; }
    .wiki-item-group .section-heading h2 { font-size: 16px; margin: 0; }
    .wiki-item-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 12px; }
    .wiki-item-card { display: flex; align-items: center; gap: 12px; min-height: 82px; padding: 14px; color: var(--text); border: 1px solid var(--line); border-radius: 7px; background: var(--surface-raised); font-size: 13px; transition: background .15s, border-color .15s; }
    .wiki-item-card:hover, .wiki-item-card:focus-visible { background: var(--surface-hover); border-color: var(--accent); color: var(--text); }
    .view--about-wiki-npcs #tableContainer, .view--about-wiki-npcs #tableContainer table { border-collapse: separate; border-spacing: 0; }
    .view--about-wiki-npcs #tableContainer > tbody { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 12px; }
    .view--about-wiki-npcs #tableContainer > tbody > tr { display: contents; }
    .view--about-wiki-npcs #tableContainer .monster { display: block; min-width: 0; padding: 0; }
    .npc-card-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 164px; padding: 16px; text-align: center; }
    .npc-card-portrait { display: grid; place-items: center; width: 80px; height: 80px; flex-shrink: 0; }
    .npc-card-portrait-rotated { transform: rotate(180deg); }
    .npc-card-outfit { width: 80px; height: 80px; object-fit: contain; image-rendering: pixelated; }
    .npc-card-name { display: flex; align-items: center; justify-content: center; min-height: 36px; font: 600 13px/1.35 var(--font-body); }
    @media (max-width: 700px) { .view--about-wiki-npcs #tableContainer > tbody { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    .view--about-wiki-npcs #tableContainer .monster { color: var(--text); border: 1px solid var(--line); border-radius: 7px; background: var(--surface-raised); box-shadow: none; transition: background .15s, border-color .15s; }
    .view--about-wiki-npcs #tableContainer .monster:hover, .view--about-wiki-npcs #tableContainer .monster:focus-within { background: var(--surface-hover); border-color: var(--accent); }
    .view--about-wiki-npcs #tableContainer .monster a { color: var(--text); }
    .npc-trade-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
    .npc-trade-section { min-width: 0; }
    .npc-trade-table { table-layout: fixed; }
    :is(.view--about-wiki-npcsview, .view--about-wiki-itempage) .npc-trade-table :is(td, th) { overflow-wrap: anywhere; background: var(--surface); box-shadow: none; }
    :is(.view--about-wiki-npcsview, .view--about-wiki-itempage) .npc-trade-table th { background: var(--surface-raised); }
    .npc-trade-table :is(td, th):last-child { width: 28%; }
    .npc-trade-table td a { min-width: 0; }
    .npc-trade-table td img { flex-shrink: 0; }
    @media (max-width: 700px) { .npc-trade-grid { grid-template-columns: 1fr; } }
    .wiki-item-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 6px; background: var(--surface); }
    .wiki-item-icon img { image-rendering: pixelated; object-fit: contain; }
    .wiki-item-arrow { color: var(--subtle); margin-left: auto; }
    .view--about-wiki-creaturesview #monsterTicker .monster-ticker-name { color: var(--text); font: 600 14px/1.35 var(--font-body); text-align: center; white-space: normal; }
    .form-help, .help-block, .form-text { color: var(--muted); font-size: 12px; }
    .invalid-feedback, .text-danger, .error, .red, .Red, .ErrorMessage, .red-text { color: var(--danger); }
    .text-success, .green, .Green { color: var(--success); }
    .text-muted { color: var(--muted); }
    .alert, .MessageContainer, .ErrorMessageContainer { background: var(--surface-raised); border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: 4px; padding: 14px 16px; margin: 0 0 18px; color: var(--text); font-size: 13px; }
    .alert-success { border-left-color: var(--success); }
    .alert-danger, .alert-error, .ErrorMessageContainer { border-left-color: var(--danger); }
    .alert-warning { border-left-color: var(--warning); }
    .badge, .label { display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-raised); color: var(--muted); font-size: 10px; line-height: 1.4; }

    /* 3. Tables, legacy content containers and pagination */
    table { border-collapse: collapse; border-spacing: 0; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--text); }
    .site-content table { width: 100%; max-width: 100%; background: transparent; border: 0; }
    .site-content :is(td, th) { padding: 10px 12px; border: 0; border-bottom: 1px solid var(--line-soft); text-align: left; line-height: 1.5; vertical-align: middle; overflow-wrap: normal; background: transparent; }
    .site-content th, .site-content td.LabelH { background: var(--surface-raised); color: var(--muted); font-size: 11px; font-weight: 600; }
    .site-content .LabelH > td { background: var(--surface-raised); color: var(--muted); font-size: 11px; font-weight: 600; }
    .site-content th { white-space: normal; }
    .site-content tr:last-child > td { border-bottom: 0; }
    .site-content :is(.Odd, .Even) { background: transparent; }
    .site-content :is(.TableContent, .data-table) > tbody > tr:hover > td { background: #ffffff03; }
    .site-content td:has(> table), .site-content td:has(> .TableContentContainer), .site-content td:has(> .InnerTableContainer), .site-content td:has(> .TableContainer) { padding: 0; border: 0; vertical-align: top; }
    .site-content td:has(> .table-scroll) { padding: 0; border: 0; }
    .TableContainer { margin: 0 0 20px; padding: 0; width: 100%; min-width: 0; border: 1px solid var(--line-soft); border-radius: var(--radius); background: transparent; }
    .CaptionContainer { position: relative; min-height: 42px; background: var(--surface-raised); border: 0; border-bottom: 1px solid var(--line-soft); border-radius: var(--radius) var(--radius) 0 0; }
    .CaptionInnerContainer { position: static; padding: 12px 15px; min-height: 42px; }
    .CaptionContainer .Text, .CaptionContainer .text { position: static; margin: 0; padding: 0; color: var(--text); font: 600 13px/1.4 var(--font-body); }
    .Table1, .Table2, .Table3, .Table4, .Table5, .Table6 { border: 0; width: 100%; background: transparent; }
    .InnerTableContainer, .TableContentContainer { position: static; width: 100%; min-width: 0; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
    .TableContentAndRightShadow, .TableContentAndBottomShadow { width: 100%; min-width: 0; padding: 0; margin: 0; background: transparent; }
    .Border_2, .Border_3, .BoxContent { position: static; margin: 0; padding: 0; background: transparent; border: 0; }
    .Box, .SmallBox { min-width: 0; margin: 0 0 20px; }
    .LabelV, .LabelV120, .LabelV150, .LabelV175, .LabelV200, .LabelV250 { width: 180px; max-width: 40%; color: var(--muted); font-weight: 500; }
    .LabelH { font-weight: 650; }
    .table-scroll, .table-responsive { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #47474e transparent; }
    .table-scroll:focus-visible { outline-offset: -2px; }
    .table-scroll.is-scrollable { border-bottom: 1px solid var(--line); }
    .table-scroll .data-table { min-width: 580px; }
    .numeric, td[align="right"], th[align="right"] { text-align: right; font-variant-numeric: tabular-nums; }
    td[align="center"], th[align="center"] { text-align: center; }
    .site-content table img { max-width: 128px; }
    .site-content table .house-frame img, .site-content table .house-preview img, .site-content table img.house-image { max-width: 100%; }
    .pagination { display: flex; flex-wrap: wrap; list-style: none; align-items: center; justify-content: center; gap: 5px; padding: 18px 0 0; margin: 0; }
    .pagination a, .pagination span, .pagination button { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--muted); font-size: 12px; }
    .pagination .active > *, .pagination [aria-current="page"] { background: var(--accent-soft); border-color: #68323a; color: #f0b7bd; }
    .pagination .disabled > * { opacity: .4; }
    .pagination a:hover { background: var(--surface-hover); color: #fff; }

    /* 4. Shared panels, tabs, modals, tooltips and meaningful game media */
    .panel, .card { min-width: 0; max-width: 100%; background: var(--surface); border: 1px solid var(--line-soft); border-radius: var(--radius); color: var(--text); box-shadow: none; }
    .panel__title, .card-header { padding: 13px 16px; border-bottom: 1px solid var(--line-soft); background: var(--surface-raised); font-weight: 600; font-size: 13px; }
    .card-body, .panel__body { padding: 18px; }
    .panel__content { padding: 18px; }
    .form__control { width: 100%; }
    .text-center, .text--center { text-align: center; }
    .justify-content-center { justify-content: center; }
    .row { display: flex; flex-wrap: wrap; gap: 16px; min-width: 0; }
    .row > [class*="col-"] { flex: 1 1 220px; min-width: 0; max-width: 100%; }
    .container, .container-fluid { width: 100%; max-width: 100%; min-width: 0; }
    .tabs, .nav-tabs { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; padding: 0 0 12px; margin: 0 0 20px; border-bottom: 1px solid var(--line); }
    .tabs a, .nav-tabs a, .Tab { padding: 9px 13px; display: inline-flex; min-height: 38px; align-items: center; color: var(--muted); border-radius: 4px; background: transparent; border: 0; }
    .tabs .active, .nav-tabs .active, .Tab.Active, .Tab.active { color: #f0b7bd; background: var(--accent-soft); }
    .modal { display: none; position: fixed; inset: 0; overflow: auto; padding: 24px; z-index: 150; background: #0009; }
    .modal.show, .modal.is-open { display: block; }
    .modal-dialog { width: min(600px, 100%); margin: max(16px, 6vh) auto; }
    .modal-content, .promo-content { max-width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow: auto; padding: 20px; background: var(--surface-raised); color: var(--text); border: 1px solid var(--line); border-radius: 8px; }
    .modal-header, .modal-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 14px 0; }
    .site-tooltip, #HelperDivContainer { display: none; position: absolute; max-width: min(360px, calc(100vw - 24px)); width: max-content; padding: 12px 14px; border: 1px solid var(--line); border-radius: 5px; background: #202024; color: var(--text); box-shadow: 0 8px 24px #0006; z-index: 200; font: 12px/1.5 var(--font-body); overflow-wrap: anywhere; pointer-events: none; }
    #HelperDivHeadline { font-weight: 650; color: #fff; margin-bottom: 5px; }
    .HelperDivIndicator { cursor: help; text-decoration: underline dotted; }
    [id^="Masked"], [id^="Readable"] { display: none; }
    .reveal-button, .expand-button { display: inline-flex; min-width: 32px; min-height: 32px; justify-content: center; align-items: center; padding: 4px 8px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-raised); color: var(--muted); font-size: 11px; }
    .expand-button::before { content: "+"; font-size: 16px; }
    .expand-button[aria-expanded="true"]::before { content: "-"; }
    .css-bullet { display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 50%; background: var(--accent); margin: 0 6px; }
    .sprite, .outfit, .item-sprite, .creature-sprite { image-rendering: pixelated; }
    .image-viewer { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--page); }
    .image-viewer img { max-height: 100vh; object-fit: contain; }
    .legacy-icon { display: inline-flex; vertical-align: middle; width: 16px; height: 16px; align-items: center; justify-content: center; }
    .legacy-icon svg { width: 16px; height: 16px; }
    .fa-spin svg { animation: site-spin 1s linear infinite; }
    @keyframes site-spin { to { transform: rotate(360deg); } }

    /* 5. News and homepage */
    .home-overview { padding: clamp(18px, 2.4vw, 32px); margin-bottom: 28px; background: linear-gradient(105deg, #1d1519, #141416 55%); border: 1px solid var(--line-soft); border-radius: var(--radius); }
    .home-overview h2 { margin: 0 0 10px; font-size: clamp(21px, 1.7vw, 28px); }
    .overview-intro > p:last-child { max-width: 780px; color: var(--muted); font-size: 13px; }
    .overview-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 18px 24px; padding: 22px 0; margin-top: 20px; border-top: 1px solid var(--line-soft); }
    .overview-features a { display: flex; flex-direction: column; gap: 5px; color: var(--text); font-size: 13px; }
    .overview-features a:hover b { color: var(--danger); }
    .overview-features span { color: var(--muted); font-size: 12px; line-height: 1.6; }
    .overview-note { color: var(--muted); font-size: 12px; padding-top: 16px; border-top: 1px solid var(--line-soft); }
    .overview-note strong { color: var(--text); }
    .home-overview .text-action { color: var(--danger); }
    .launch-countdown { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
    .launch-countdown > span { min-width: 60px; padding: 10px 12px; text-align: center; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); font-size: 10px; }
    .launch-countdown b { display: block; color: var(--text); font-size: 25px; font-variant-numeric: tabular-nums; }
    #newsticker { margin: 0 0 20px; border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--surface); padding: 0 16px; }
    #newsticker > h2 { padding: 14px 0; margin: 0; font-size: 13px; }
    .NewsTickerIcon { display: none; }
    .NewsTickerText { min-width: 0; width: 100%; }
    .NewsTickerDate, .NewsTickerTime { color: var(--subtle); font-size: 11px; }
    .NewsTickerTime, .NewsTickerFullText { display: none; }
    .NewsTickerShortText { max-height: 23px; overflow: hidden; font-size: 12px; }
    .NewsTickerFullText { padding-top: 10px; font-size: 13px; }
    .Row.is-open .NewsTickerFullText { display: block; }
    .Row.is-open .NewsTickerShortText { display: none; }
    .Row.is-open .NewsTickerTime { display: inline; }
    .NewsTickerText p { margin: 0; }
    #newsticker .Row { padding: 12px 0; border-top: 1px solid var(--line-soft); cursor: pointer; }
    #newsticker .Row > div { display: flex; gap: 12px; align-items: flex-start; }
    .NewsTickerExtend { flex: 0 0 24px; display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-raised); color: var(--muted); }
    .NewsTickerExtend::before { content: "+"; }
    .NewsTickerExtend[aria-expanded="true"]::before { content: "-"; }
    .NewsHeadline { padding-bottom: 12px; border-bottom: 1px solid var(--line-soft); margin-bottom: 16px; }
    .NewsHeadline .Title { font-size: 18px; font-weight: 650; color: var(--text); }
    .NewsHeadline .Date { font-size: 11px; color: var(--subtle); }
    .NewsHeadline img { max-width: 40px; margin-right: 10px; }
    .NewsContent { line-height: 1.75; }

    /* 6. CSS checkout progress, shared service panels and footer */
    .store-product-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; padding: 16px; }
    .store-coupons { margin: 0 0 20px; padding: 16px; border: 1px solid var(--line); border-radius: 4px; }
    .store-coupons h2 { margin: 0 0 8px; font-size: 16px; }
    .coupon-entry, .coupon-applied { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0; }
    .coupon-entry label { margin: 0; }
    .coupon-entry input { text-transform: uppercase; }
    .store-coupons .coupon-help { margin: 10px 0 0; color: var(--muted); font-size: 12px; }
    .store-product-option { display: flex; align-items: center; gap: 8px; padding: 16px; border: 1px solid var(--line); border-radius: 4px; cursor: pointer; text-align: left; }
    .store-product-option:hover, .store-product-option:focus-within, .store-product-option:has(input:checked) { border-color: var(--accent); background: #202024; }
    .checkout-progress { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-wrap: wrap; gap: 12px; counter-reset: checkout; }
    .checkout-progress li { flex: 1 1 130px; display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 11px; counter-increment: checkout; }
    .checkout-progress li::before { content: counter(checkout); display: grid; place-items: center; width: 28px; height: 28px; flex-shrink: 0; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-size: 11px; }
    .checkout-progress .is-current { color: var(--text); }
    .checkout-progress .is-current::before { color: #fff; background: var(--accent); border-color: var(--accent); }
    .checkout-progress .is-complete::before { color: var(--success); border-color: #365144; }
    .PMCID_Icon_Container { display: inline-block; width: min(230px, 100%); padding: 6px; vertical-align: top; }
    .PMCID_Icon { position: relative; min-height: 140px; padding: 16px; text-align: center; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius); cursor: pointer; }
    .PMCID_CP_Icon { max-width: 150px; max-height: 60px; object-fit: contain; margin: 8px auto; }
    .PMCID_Icon_Selected { position: absolute; inset: -1px; display: none; pointer-events: none; border: 2px solid var(--accent); border-radius: var(--radius); }
    .PMCID_Icon_Selected.is-selected { display: block; }
    .PMCID_Icon.is-hover { border-color: #55555c; }
    .PMCID_Icon_Over { pointer-events: none; }
    .PMCID_QuicknessIndicatorLabel { font-size: 11px; color: var(--muted); margin-bottom: 10px; }
    .CustomerIdentification { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; margin-bottom: 20px; font-size: 12px; color: var(--muted); }
    .world-panels { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 0; min-width: 0; align-content: start; }
    .world-panel { min-width: 0; padding: 18px; background: #111113; border: 1px solid var(--line-soft); border-radius: var(--radius); }
    .world-panel h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 11px; color: var(--muted); font-weight: 600; }
    .world-panel h2 > .site-icon { width: 15px; height: 15px; color: var(--subtle); }
    .world-panel h2 a { margin-left: auto; font-size: 10px; color: var(--subtle); }
    .world-timer { display: block; font-size: 21px; letter-spacing: 1px; font-weight: 550; font-variant-numeric: tabular-nums; line-height: 1.2; }
    .world-panel p { margin: 10px 0 0; font-size: 10px; color: var(--subtle); }
    .streamer-list { display: flex; flex-direction: column; gap: 10px; }
    .streamer-card { display: flex; align-items: center; gap: 10px; color: var(--text); font-size: 12px; }
    .streamer-card > img { width: 38px; height: 38px; border-radius: 4px; object-fit: cover; }
    .streamer-card > span { display: flex; flex-direction: column; min-width: 0; }
    .streamer-card small { font-size: 10px; color: var(--subtle); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }
    .streamer-card > b { font-size: 10px; font-weight: 500; margin-left: auto; color: var(--danger); }
    .streamer-preview { margin: 6px 0 0 48px; font-size: 10px; color: var(--muted); }
    .streamer-preview summary { padding: 3px 0; }
    .streamer-preview img { display: block; width: 100%; border-radius: 4px; margin-top: 8px; }
    .site-footer { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 16px; border-top: 1px solid var(--line-soft); padding: 22px 0 max(24px, env(safe-area-inset-bottom)); font-size: 10px; color: var(--subtle); }
    .footer-links { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
    .footer-links a { color: var(--muted); }
    .site-footer > p { flex: 0 0 100%; margin: 0; font-size: 10px; }
    .language-switcher { display: flex; align-items: center; gap: 3px; }
    .languageFlag { width: 30px; min-height: 32px; display: grid; place-items: center; padding: 5px; background: transparent; border: 1px solid transparent; border-radius: 3px; }
    .languageFlag:hover, .languageFlag.is-selected { border-color: var(--line); background: var(--surface-raised); }
    #google_translate_element { display: none; }
    .goog-te-banner-frame, #goog-gt-tt { display: none !important; }
    body { top: 0 !important; }

    /* 7. Streamer, wiki, house and embedded vendor component integration */
    .streamer-modern { --su-bg: var(--page); --su-panel: var(--surface); --su-panel-2: var(--surface-raised); --su-panel-soft: var(--surface); --su-border: var(--line); --su-border-soft: var(--line-soft); --su-text: var(--text); --su-muted: var(--muted); --su-accent: var(--danger); --su-accent-bg: var(--accent-soft); --su-good: var(--success); --su-warn: var(--warning); --su-danger: var(--danger); }
    .site-content :is(.streamer-summary-card, .referral-stat-card, .payout-open-box, .payout-detail-card, .asset-panel, .graph-shell, .wiki-panel, .wiki-card, .info-box, .info-card) { background: var(--surface-raised); border-color: var(--line-soft); color: var(--text); box-shadow: none; }
    .site-content :is(.streamer-summary-label, .streamer-summary-sub, .referral-stat-label, .wiki-subtitle) { color: var(--muted); }
    .house-frame { max-width: 100%; overflow: hidden; background: var(--page); border-color: var(--line); }
    .house-frame img { max-width: 100%; object-fit: contain; }
    .leaflet-container { background: var(--surface-raised); max-width: 100%; z-index: 1; }
    .leaflet-bar a, .leaflet-control-layers, .leaflet-popup-content-wrapper { background: var(--surface-raised); color: var(--text); border-color: var(--line); }
    .leaflet-popup-tip { background: var(--surface-raised); }
    .leaflet-control-layers-toggle::before { content: "+"; display: grid; place-items: center; height: 100%; }
    .daterangepicker, .flatpickr-calendar { background: var(--surface-raised); color: var(--text); border-color: var(--line); }
    .daterangepicker .calendar-table { background: var(--surface); border-color: var(--line); }
    .flatpickr-day { color: var(--text); }
    .flatpickr-day.selected, .daterangepicker td.active { background: var(--accent); border-color: var(--accent); color: #fff; }
    .lcc-modal, .lcc-modal__content { max-width: calc(100vw - 24px); color: var(--text); background: var(--surface-raised); border-color: var(--line); }
    .lcc-modal__button { background: var(--accent); color: #fff; border-color: var(--accent); }
    html.js-lcc-active { overflow: hidden; }
    .lcc-modal--alert, .lcc-modal--settings { max-height: calc(100dvh - 32px); overflow-y: auto; }
    .lcc-button { background: var(--accent); color: #fff; border-color: var(--accent); border-radius: 4px; font: 600 12px var(--font-body); }

    /* 8. First-visit page and lightweight standalone pages */
    .landing-content { padding: 0; border: 0; background: transparent; }
    .landing-content .hero { min-height: 340px; padding: clamp(28px, 6vw, 80px) clamp(18px, 4vw, 56px); text-align: left; justify-content: flex-start; background: linear-gradient(110deg, #25161c, #151517 65%); border: 1px solid var(--line-soft); border-radius: var(--radius); }
    .landing-content .hero-overlay { display: none; }
    .landing-content .hero h1 { font-size: clamp(28px, 3.5vw, 46px); color: var(--text); letter-spacing: -1px; }
    .landing-content .hero-tagline { font-size: clamp(18px, 2vw, 23px); color: var(--text); }
    .landing-content .hero-description { font-size: 14px; color: var(--muted); max-width: 620px; }
    .landing-content .hero-buttons { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; }
    .landing-content .identity { margin: 22px 0 0; padding: 14px 20px; background: var(--surface); border: 1px solid var(--line-soft); border-radius: var(--radius); }
    .landing-content .identity-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 10px 20px; }
    .landing-content .identity-item { font-size: 12px; color: var(--muted); padding: 10px 0; border: 0; }
    .landing-content .section { padding: 0; margin: 32px 0; max-width: 100%; }
    .landing-content .section h2, .landing-content .cta h2 { font-size: 24px; text-align: left; }
    .landing-content .section-intro { text-align: left; font-size: 13px; color: var(--muted); margin: 0 0 22px; }
    .landing-content .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
    .landing-content .card { width: auto; padding: 22px; transform: none; min-height: 0; }
    .landing-content .card h3 { font-size: 16px; }
    .landing-content .card p { color: var(--muted); font-size: 13px; }
    .landing-content .cta { margin: 0; padding: 28px; text-align: left; background: var(--surface); border: 1px solid var(--line-soft); border-radius: var(--radius); }
    .landing-content .cta p { margin: 0 0 20px; max-width: 700px; font-size: 13px; }
    .standalone-page { display: grid; place-items: center; padding: 24px; }
    .standalone-card { width: min(560px, 100%); padding: 32px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); text-align: center; }
    .auth-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: 24px; align-items: start; }
    .auth-card { max-width: 520px; }
    .auth-description { color: var(--muted); font-size: 13px; }
    .auth-description li { margin-bottom: 12px; }
    @keyframes nav-reveal { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
}

@layer responsive {
    @media (min-width: 1200px) {
        .site-header .header-brand { min-width: 195px; }
    }
    @media (max-width: 1199px) {
        .site-sidebar { width: min(290px, calc(100vw - 40px)); transform: translateX(-100%); visibility: hidden; }
        .site-main, .site-nav-collapsed .site-main { margin-left: 0; }
        .site-nav-open .site-sidebar { transform: translateX(0); visibility: visible; }
        .site-nav-open { overflow: hidden; }
        .drawer-close { display: inline-flex; width: 32px; height: 32px; }
        .drawer-close .site-icon { transform: rotate(180deg); }
        .nav-link { min-height: 44px; }
        .nav-group summary { min-height: 44px; }
        .sidebar-heading { padding-bottom: 12px; }
    }
    @media (max-width: 1023px) {
        .site-workspace { grid-template-columns: minmax(0, 1fr); }
        .world-widgets { position: static; max-height: none; overflow: visible; }
        .world-panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .live-panel { grid-column: 1 / -1; }
        .streamer-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); }
    }
    @media (max-width: 900px) {
        .header-social { display: none; }
        .header-actions { gap: 14px; }
        .header-status { padding-right: 14px; gap: 12px; }
        .world-panels { grid-template-columns: 1fr 1fr; }
        .live-panel { grid-column: 1 / -1; }
        .streamer-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); }
        .auth-layout { grid-template-columns: 1fr; }
    }
    @media (max-width: 767px) {
        :root { --header-height: 60px; }
        .site-header { gap: 10px; padding: 8px max(12px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left)); }
        .header-brand { gap: 6px; }
        .brand-name { font-size: 14px; }
        .brand-name small { font-size: 7px; letter-spacing: 1.4px; }
        .brand-emblem { display: none; }
        .header-status { border: 0; padding: 0; font-size: 11px; gap: 9px; }
        .header-status .site-icon { width: 15px; height: 15px; }
        .online-label { display: none; }
        .header-register { display: none; }
        .header-actions .button { min-height: 36px; padding: 8px 10px; }
        .site-main { padding: 20px 12px 0; }
        .page-heading { padding-bottom: 18px; flex-wrap: wrap; }
        .page-heading-link { font-size: 10px; }
        .eyebrow { font-size: 9px; }
        .site-content { padding: 14px; font-size: 13px; }
        .site-content :is(td, th) { padding: 9px 10px; font-size: 12px; }
        .site-content .form-fields, .site-content .form-fields > tbody, .site-content .form-fields > tbody > tr, .site-content .form-fields > tbody > tr > td { display: block; width: 100%; max-width: 100%; }
        .site-content .form-fields > tbody > tr { padding: 9px 0; }
        .site-content .form-fields > tbody > tr > td { padding: 4px 10px; border: 0; }
        .form-fields input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]), .form-fields select, .form-fields textarea { width: 100%; }
        .site-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]), .site-content select, .site-content textarea { font-size: 16px; }
        .site-content .row { gap: 14px; }
        .site-content .row > [class*="col-"] { flex-basis: 100%; }
        .site-content :is(.TableContainer, .InnerTableContainer, .TableContentContainer, .BoxContent, .panel, .card) { min-width: 0; max-width: 100%; }
        .site-content :is([class*="-grid"], [class*="_grid"]) { max-width: 100%; }
        .site-content :is([class*="-grid"], [class*="-row"], [class*="-header"]) > * { min-width: 0; }
        .site-content [class*="-header"] { flex-wrap: wrap; }
        .site-content :is(.privacy-grid, .security-grid, .security-recovery, .referral-program-grid, .streamer-referral-summary, .streamer-breakdown-grid, .payout-preview-grid, .streamer-contract-meta, .contract-info-grid, .contract-stat-grid) { grid-template-columns: minmax(0, 1fr); }
        .site-content :is(.streamer-summary-grid, .stream-session-cards, .payout-summary-cards) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .site-content .form-fields :is(input, select, textarea, .u-float-left, .u-float-right) { float: none; }
        .site-content :is(.button, .btn, .BigButtonText, .MediumButtonText) { min-height: 44px; }
        .header-login { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 40px; }
        .site-header .icon-button { min-height: 44px; }
        .CaptionInnerContainer { padding: 11px 12px; }
        .site-workspace { gap: 20px; }
        .world-panels { gap: 10px; margin: 0; }
        .world-panel { padding: 14px; }
        .world-timer { font-size: 18px; }
        .world-panel p { font-size: 9px; }
        .site-footer { gap: 12px; }
        .footer-links { gap: 8px 14px; }
        .languageFlag { min-height: 36px; width: 32px; }
        .modal { padding: 12px; }
        .modal-dialog { margin: 12px auto; }
        .modal-content { max-height: calc(100dvh - 24px); padding: 16px; }
        .launch-countdown { gap: 8px; }
        .launch-countdown > span { min-width: 50px; padding: 8px; }
        .landing-content .hero { min-height: 0; padding: 30px 20px; }
        .landing-content .hero-buttons > a { flex: 1 1 160px; }
        .landing-content .hero.small { min-height: 0; }
        .landing-content .identity-grid { grid-template-columns: 1fr; }
        .landing-content .cta { padding: 22px; }
    }
    @media (max-width: 429px) {
        .site-main { padding-left: 10px; padding-right: 10px; }
        .site-content { padding: 11px; }
        .header-brand { max-width: 155px; }
        .brand-name { font-size: 12px; overflow-wrap: anywhere; }
        .brand-name small { font-size: 6px; letter-spacing: 1px; }
        .header-status { gap: 7px; }
        .server-status { font-size: 9px; gap: 4px; }
        .online-count { gap: 4px; }
        .header-actions { gap: 6px; font-size: 11px; }
        .icon-button { width: 36px; min-width: 36px; padding: 8px; }
        .page-heading-link { max-width: 90px; font-size: 10px; }
        .page-heading-link .site-icon { display: none; }
        .checkout-progress { gap: 12px 6px; }
        .checkout-progress li { flex-basis: calc(50% - 6px); font-size: 10px; }
        .home-overview { padding: 18px; }
        .overview-features { gap: 16px; }
        .header-actions .account-menu .site-icon { display: none; }
    }
    @media (prefers-reduced-motion: reduce) {
        *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
    }
    @media print {
        .site-header, .site-sidebar, .world-widgets, .world-panels, .site-footer, .page-heading-link, .world-filter { display: none; }
        .site-workspace { display: block; min-height: 0; }
        .site-main { margin: 0; padding: 0; }
        .site-content { border: 0; }
    }
}


/* Consolidated feature geometry. Component colors and shared controls are defined above. */
@layer features {

/* resources/views/maintenance.blade.php */

:where(.view--maintenance),
:where(.view--maintenance) { height: 100%; margin: 0; }
:where(.view--maintenance) { display: flex; align-items: center; justify-content: center; background: var(--surface); color: var(--text); font-family: var(--font-body); }
:where(.view--maintenance) .box { max-width: min(100%, 560px); text-align: center; padding: 36px; }
:where(.view--maintenance) .box h1 { font-size: 28px; margin: 0 0 12px; }
:where(.view--maintenance) .box p { color: var(--muted); line-height: 1.6; margin: 0; }

/* resources/views/terms/index.blade.php */

:where(.view--terms-index) .privacy-page { color: var(--text); }
:where(.view--terms-index) .privacy-page p,
:where(.view--terms-index) .privacy-page li { line-height: 1.55; }
:where(.view--terms-index) .privacy-page p { margin: 0 0 12px; }
:where(.view--terms-index) .privacy-page a { color: var(--danger); }
:where(.view--terms-index) .privacy-page a:hover { color: var(--warning); }
:where(.view--terms-index) .privacy-hero,
:where(.view--terms-index) .privacy-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--terms-index) .privacy-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--terms-index) .privacy-hero h1,
:where(.view--terms-index) .privacy-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--terms-index) .privacy-hero h1 { margin-bottom: 8px; font-size: 25px; }
:where(.view--terms-index) .privacy-panel h2 { margin-bottom: 12px; padding-bottom: 9px; border-bottom: 1px solid var(--line); font-size: 19px; }
:where(.view--terms-index) .privacy-panel h3 { margin: 18px 0 7px; color: var(--text); font-size: 15px; }
:where(.view--terms-index) .privacy-muted { color: var(--muted); }
:where(.view--terms-index) .privacy-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--terms-index) .privacy-card { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 13px; }
:where(.view--terms-index) .privacy-card b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--terms-index) .privacy-card p { margin: 0; color: var(--muted); }
:where(.view--terms-index) .privacy-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--terms-index) .privacy-note b { color: var(--text); }
:where(.view--terms-index) .privacy-list { margin: 10px 0 0; padding-left: 20px; }
:where(.view--terms-index) .privacy-list li { margin-bottom: 7px; }
:where(.view--terms-index) .privacy-cookie-name { display: inline-block; background: var(--surface); border: 1px solid var(--line); padding: 3px 7px; color: var(--text); font-family: var(--font-body); }
:where(.view--terms-index) .privacy-actions { margin-top: 14px; }
:where(.view--terms-index) .privacy-button { display: inline-block; background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 8px 13px; color: var(--text); text-decoration: none; cursor: pointer; }
:where(.view--terms-index) .privacy-button:hover { background: var(--surface-raised); border-color: var(--line); }
@media (max-width:760px) {
:where(.view--terms-index) .privacy-grid { grid-template-columns: 1fr; }
}

/* resources/views/landing/mmo.blade.php */

:where(.view--landing-mmo) { max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; }
:where(.view--landing-mmo) { margin: 0; padding: 0; max-width: 100%; overflow-x: hidden; font-family: var(--font-body); background: var(--page); color: var(--text); }
:where(.view--landing-mmo) .hero { position: relative; width: 100%; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center; padding: 140px 20px; box-sizing: border-box; }
:where(.view--landing-mmo) .hero.small { padding: 200px 20px; }
:where(.view--landing-mmo) .hero-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.65); }
:where(.view--landing-mmo) .hero-content { position: relative; z-index: 2; max-width: min(100%, 850px); }
:where(.view--landing-mmo) .hero h1 { font-size: 24px; letter-spacing: 2px; color: var(--danger); margin: 0 0 12px 0; }
:where(.view--landing-mmo) .hero-tagline { font-size: 25px; line-height: 1.35; font-weight: 600; color: var(--text); margin: 0 0 12px 0; }
:where(.view--landing-mmo) .hero-description { font-size: 18px; line-height: 1.6; color: var(--muted); margin: 0 0 32px 0; }
:where(.view--landing-mmo) .btn { padding: 16px 40px; font-size: 18px; text-decoration: none; border-radius: 6px; display: inline-block; transition: 0.2s ease; box-sizing: border-box; }
:where(.view--landing-mmo) .btn-primary { background: var(--accent-soft); color: var(--text); }
:where(.view--landing-mmo) .btn-primary:hover { background: var(--accent-soft); }
:where(.view--landing-mmo) .btn-secondary { background: var(--surface-raised); color: var(--text); border: 1px solid rgb(255,90,0); }
:where(.view--landing-mmo) .btn-secondary:hover { background: var(--surface-raised); }
:where(.view--landing-mmo) .hero-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; }
:where(.view--landing-mmo) .mobile-scroll-indicator { display: none; }
:where(.view--landing-mmo) .identity { background: var(--surface); padding: 40px 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
:where(.view--landing-mmo) .identity-grid { max-width: min(100%, 1000px); margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 22px 16px; text-align: center; font-size: 15px; color: var(--warning); font-weight: 600; }
:where(.view--landing-mmo) .identity-item { padding: 5px 10px; }
:where(.view--landing-mmo) .section { max-width: min(100%, 1200px); margin: 100px auto; padding: 0 20px; text-align: center; }
:where(.view--landing-mmo) .section-eyebrow { color: var(--muted); font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; }
:where(.view--landing-mmo) .section h2 { font-size: 24px; margin: 0 0 18px 0; color: var(--danger); letter-spacing: 2px; }
:where(.view--landing-mmo) .section-intro { max-width: min(100%, 700px); margin: 0 auto 55px; color: var(--muted); font-size: 17px; line-height: 1.6; }
:where(.view--landing-mmo) .feature-grid { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; }
:where(.view--landing-mmo) .card { flex: 1 1 320px; max-width: min(100%, 380px); background: var(--surface); padding: 35px; border: 1px solid var(--line); box-sizing: border-box; transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease; }
:where(.view--landing-mmo) .card:hover { transform: translateY(-3px); border-color: var(--line); background: var(--surface); }
:where(.view--landing-mmo) .card h3 { color: var(--danger); margin: 0 0 15px; font-size: 21px; }
:where(.view--landing-mmo) .card p { color: var(--muted); line-height: 1.7; margin: 0; }
:where(.view--landing-mmo) .hero.small .hero-overlay { background: rgba(0,0,0,0.45); }
:where(.view--landing-mmo) .cta { background: var(--surface); padding: 80px 20px; text-align: center; border-top: 1px solid var(--line); }
:where(.view--landing-mmo) .cta h2 { font-size: 24px; color: var(--danger); margin: 0 0 15px; }
:where(.view--landing-mmo) .cta p { color: var(--muted); font-size: 17px; line-height: 1.6; margin: 0 auto 35px; max-width: min(100%, 650px); }
:where(.view--landing-mmo) .footer { background: var(--page); padding: 40px 20px; text-align: center; color: var(--muted); }
@media (max-width:768px) {
:where(.view--landing-mmo) .hero { min-height: calc(100svh - 20px); padding: 70px 18px 45px; box-sizing: border-box; background-position: center; }
:where(.view--landing-mmo) .hero.small { min-height: 52svh; padding: 70px 18px; }
:where(.view--landing-mmo) .hero-content { width: 100%; }
:where(.view--landing-mmo) .hero h1 { font-size: clamp(38px, 12vw, 54px); line-height: 1.05; letter-spacing: 1px; overflow-wrap: anywhere; margin-bottom: 18px; }
:where(.view--landing-mmo) .hero-tagline { font-size: 20px; line-height: 1.4; margin-bottom: 10px; }
:where(.view--landing-mmo) .hero-description { font-size: 15px; line-height: 1.55; max-width: min(100%, 420px); margin: 0 auto 28px; }
:where(.view--landing-mmo) .hero-buttons { flex-direction: column; width: 100%; align-items: stretch; gap: 12px; }
:where(.view--landing-mmo) .btn { width: 100%; max-width: min(100%, 360px); margin: 0 auto; padding: 15px 18px; font-size: 16px; }
:where(.view--landing-mmo) .mobile-scroll-indicator { display: flex; flex-direction: column; align-items: center; justify-content: center; width: max-content; margin: 32px auto 0; color: var(--muted); text-decoration: none; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; transition: color 0.2s ease; }
:where(.view--landing-mmo) .mobile-scroll-indicator:hover { color: var(--text); }
:where(.view--landing-mmo) .scroll-chevron { width: 13px; height: 13px; border-right: 2px solid rgb(255,90,0); border-bottom: 2px solid rgb(255,90,0); transform: rotate(45deg); margin-bottom: 13px; animation: scrollBounce 1.6s ease-in-out infinite; }
:where(.view--landing-mmo) .scroll-text { opacity: 0.9; }
@keyframes scrollBounce {
0%, 100% { transform: translateY(0) rotate(45deg); opacity: 0.4; }
50% { transform: translateY(8px) rotate(45deg); opacity: 1; }
}
:where(.view--landing-mmo) .identity { padding: 30px 16px; }
:where(.view--landing-mmo) .identity-grid { grid-template-columns: 1fr; gap: 0; font-size: 14px; }
:where(.view--landing-mmo) .identity-item { padding: 11px 8px; border-bottom: 1px solid var(--line); }
:where(.view--landing-mmo) .identity-item:last-child { border-bottom: 0; }
:where(.view--landing-mmo) .section { margin: 60px auto; padding: 0 16px; }
:where(.view--landing-mmo) .section-eyebrow { font-size: 11px; letter-spacing: 2.5px; }
:where(.view--landing-mmo) .section h2 { font-size: 30px; margin-bottom: 14px; }
:where(.view--landing-mmo) .section-intro { font-size: 15px; margin-bottom: 32px; padding: 0 5px; }
:where(.view--landing-mmo) .feature-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
:where(.view--landing-mmo) .card { width: 100%; max-width: none; min-height: 0; max-height: none; padding: 23px 20px; }
:where(.view--landing-mmo) .card:hover { transform: none; }
:where(.view--landing-mmo) .card h3 { font-size: 19px; margin-bottom: 9px; }
:where(.view--landing-mmo) .card p { font-size: 14px; line-height: 1.6; }
:where(.view--landing-mmo) .cta { padding: 60px 18px; }
:where(.view--landing-mmo) .cta h2 { font-size: 30px; }
:where(.view--landing-mmo) .cta p { font-size: 15px; margin-bottom: 30px; }
:where(.view--landing-mmo) .footer { padding: 30px 15px; font-size: 12px; }
}

/* resources/views/news/index.blade.php */

:where(.view--news-index) .promo-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; }
:where(.view--news-index) .promo-overlay.active { visibility: visible; opacity: 1; }
:where(.view--news-index) .promo-content { position: relative; background-color: var(--surface-raised); border-radius: 5px; border: 2px solid var(--line); box-shadow: 0 4px 18px #0003; max-width: 80%; max-height: 80%; overflow: hidden; }
:where(.view--news-index) .promo-image { width: 100%; height: auto; object-fit: cover; max-width: 100%; max-height: 70vh; }
:where(.view--news-index) .promo-close { position: absolute; top: 10px; right: 15px; font-size: 24px; color: var(--text); text-decoration: none; background: transparent; border: none; cursor: pointer; }
:where(.view--news-index) .promo-close:hover { opacity: 0.5; }
:where(.view--news-index) .promo-close img { width: 30px; height: auto; }

/* resources/views/news/index.blade.php */

:where(.view--news-index) .countdown-card { background-color: var(--surface-raised); border-radius: 5px; padding: 10px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--text); }
:where(.view--news-index) .countdown { font-weight: bold; display: flex; justify-content: center; gap: 10px; padding: 40px 0; padding-top: 10px; }
:where(.view--news-index) .countdownH { text-align: center; display: block; font-size: 3em; margin-bottom: 10px; }
:where(.view--news-index) .countdown-title { font-family: var(--font-body); color: var(--danger); font-size: 2.5em; text-align: center; margin-top: 20px; font-weight: bold; }

/* resources/views/lost-account/select-problem.blade.php */

:where(.view--lost-account-select-problem) .lost-account-options .TableContentContainer { margin-bottom: 5px; }
:where(.view--lost-account-select-problem) .lost-account-options > tbody > tr:last-child .TableContentContainer { margin-bottom: 0; }
:where(.view--lost-account-select-problem) .lost-account-options .TableContent td { padding: 7px 8px; line-height: 1.35; }
:where(.view--lost-account-select-problem) .lost-account-options .InnerTableSeparator { margin-top: 4px; margin-bottom: 5px; }
:where(.view--lost-account-select-problem) .lost-account-options label { line-height: 1.5; }
:where(.view--lost-account-select-problem) .lost-account-options input[type="radio"] { margin-right: 5px; vertical-align: middle; }

/* resources/views/library/spells/index.blade.php */

:where(.view--library-spells-index) select { width: 120px; height: 30px; background-color: var(--surface-raised); color: var(--text); border-radius: 5px; font-size: 14px; box-shadow: 0 4px 18px #0003; appearance: auto; outline: none; cursor: pointer; }
:where(.view--library-spells-index) select:focus { box-shadow: 0 4px 18px #0003; }
:where(.view--library-spells-index) select::-ms-expand { display: block; }
:where(.view--library-spells-index) input[type="text"],
:where(.view--library-spells-index) input[type="number"],
:where(.view--library-spells-index) select { border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 4px 18px #0003; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 25px; width: min(100%, 200px); margin: 0 auto; }
:where(.view--library-spells-index) input[type="text"]:focus,
:where(.view--library-spells-index) input[type="number"]:focus,
:where(.view--library-spells-index) select:focus { border-color: var(--line); outline: 0; box-shadow: 0 4px 18px #0003; }
:where(.view--library-spells-index) select { background-color: var(--surface-raised); }

/* resources/views/support/security/index.blade.php */

:where(.view--support-security-index) .security-page { color: var(--text); font-size: 13px; line-height: 1.55; }
:where(.view--support-security-index) .security-page * { box-sizing: border-box; }
:where(.view--support-security-index) .security-intro { padding: 14px 16px; border: 1px solid var(--line); background: var(--surface); margin-bottom: 12px; }
:where(.view--support-security-index) .security-intro h2 { margin: 0 0 6px; color: var(--text); font-size: 18px; }
:where(.view--support-security-index) .security-intro p { margin: 0; color: var(--muted); }
:where(.view--support-security-index) .security-alert { margin-bottom: 12px; padding: 11px 13px; border: 1px solid var(--line); border-left: 4px solid var(--line); background: var(--surface); color: var(--text); }
:where(.view--support-security-index) .security-alert strong { color: var(--warning); }
:where(.view--support-security-index) .security-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
:where(.view--support-security-index) .security-card { padding: 12px 14px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--support-security-index) .security-card-title { margin-bottom: 5px; color: var(--text); font-size: 14px; font-weight: bold; }
:where(.view--support-security-index) .security-card p { margin: 0; color: var(--muted); }
:where(.view--support-security-index) .security-card strong { color: var(--text); }
:where(.view--support-security-index) .security-section { margin-top: 12px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--support-security-index) .security-section-header { padding: 9px 12px; border-bottom: 1px solid var(--line); background: var(--page); color: var(--text); font-size: 14px; font-weight: bold; }
:where(.view--support-security-index) .security-section-body { padding: 12px 14px; }
:where(.view--support-security-index) .security-section-body > p:first-child { margin-top: 0; }
:where(.view--support-security-index) .security-section-body > p:last-child { margin-bottom: 0; }
:where(.view--support-security-index) .security-checklist { margin: 0; padding: 0; list-style: none; }
:where(.view--support-security-index) .security-checklist li { position: relative; padding: 9px 10px 9px 28px; border-bottom: 1px solid var(--line); color: var(--muted); }
:where(.view--support-security-index) .security-checklist li:last-child { border-bottom: 0; }
:where(.view--support-security-index) .security-checklist li:before { content: ""; position: absolute; top: 14px; left: 10px; width: 7px; height: 7px; border: 1px solid var(--line); background: var(--accent-soft); }
:where(.view--support-security-index) .security-checklist strong { color: var(--text); }
:where(.view--support-security-index) .security-domain { display: inline-block; padding: 2px 6px; border: 1px solid var(--line); background: var(--page); color: var(--warning); font-family: var(--font-body); font-size: 12px; }
:where(.view--support-security-index) .security-recovery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
:where(.view--support-security-index) .security-step { padding: 12px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--support-security-index) .security-step-number { display: inline-block; min-width: 25px; padding: 3px 6px; margin-bottom: 7px; border: 1px solid var(--line); background: var(--accent-soft); color: var(--warning); text-align: center; font-size: 11px; font-weight: bold; }
:where(.view--support-security-index) .security-step-title { margin-bottom: 5px; color: var(--text); font-size: 13px; font-weight: bold; }
:where(.view--support-security-index) .security-step p { margin: 0; color: var(--muted); }
:where(.view--support-security-index) .security-action { margin-top: 12px; padding: 12px 14px; border: 1px solid var(--line); border-left: 4px solid var(--line); background: var(--surface); }
:where(.view--support-security-index) .security-action-title { margin-bottom: 4px; color: var(--text); font-weight: bold; }
:where(.view--support-security-index) .security-action p { margin: 0 0 8px; color: var(--muted); }
:where(.view--support-security-index) .security-action a { display: inline-block; padding: 6px 11px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--text); text-decoration: none; font-weight: bold; }
:where(.view--support-security-index) .security-action a:hover { background: var(--surface-raised); }
:where(.view--support-security-index) .security-footer-note { margin-top: 12px; color: var(--muted); font-size: 11px; text-align: center; }
@media (max-width: 700px) {
:where(.view--support-security-index) .security-grid,
:where(.view--support-security-index) .security-recovery { grid-template-columns: 1fr; }
}

/* resources/views/support/rules/index.blade.php */

:where(.view--support-rules-index) table { border-collapse: collapse; }

/* resources/views/account/manage/purchase-history.blade.php */

:where(.view--account-manage-purchase-history) input[type="text"],
:where(.view--account-manage-purchase-history) input[type="number"],
:where(.view--account-manage-purchase-history) select { border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 4px 18px #0003; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 25px; width: min(100%, 200px); margin: 0 auto; padding-left: 4px; }
:where(.view--account-manage-purchase-history) input[type="text"]:focus,
:where(.view--account-manage-purchase-history) input[type="number"]:focus,
:where(.view--account-manage-purchase-history) select:focus { border-color: var(--line); outline: 0; box-shadow: 0 4px 18px #0003; }
:where(.view--account-manage-purchase-history) select { background-color: var(--surface-raised); }

/* resources/views/account/manage/index.blade.php */

:where(.view--account-manage-index) .custom-select { width: 150px; font-size: 14px; color: var(--text); background-color: var(--surface-raised); border: 1px solid var(--line); border-radius: 4px; box-shadow: 0 4px 18px #0003; }
:where(.view--account-manage-index) .custom-select:focus { outline: none; border-color: var(--line); }

/* resources/views/account/manage/referral/index.blade.php */

:where(.view--account-manage-referral-index) .referral-page { color: var(--text); }
:where(.view--account-manage-referral-index) .referral-page .TableContainer { margin-bottom: 8px; }
:where(.view--account-manage-referral-index) .referral-intro { padding: 12px; background: var(--surface); border: 1px solid var(--line); line-height: 1.5; }
:where(.view--account-manage-referral-index) .referral-intro-title { margin: 0 0 6px; color: var(--text); font-size: 16px; font-weight: bold; }
:where(.view--account-manage-referral-index) .referral-intro-text { margin: 0; color: var(--text); font-size: 12px; }
:where(.view--account-manage-referral-index) .referral-program-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px; }
:where(.view--account-manage-referral-index) .referral-stat { min-height: 62px; padding: 10px 12px; border: 1px solid var(--line); background: var(--surface); box-sizing: border-box; }
:where(.view--account-manage-referral-index) .referral-stat-label { margin-bottom: 5px; color: var(--muted); font-size: 10px; font-weight: bold; text-transform: uppercase; }
:where(.view--account-manage-referral-index) .referral-stat-value { color: var(--text); font-size: 16px; font-weight: bold; }
:where(.view--account-manage-referral-index) .referral-stat-sub { margin-top: 3px; color: var(--muted); font-size: 10px; }
:where(.view--account-manage-referral-index) .referral-link-wrap { padding: 12px; }
:where(.view--account-manage-referral-index) .referral-link-label { margin-bottom: 6px; color: var(--text); font-weight: bold; }
:where(.view--account-manage-referral-index) .referral-link-row { display: flex; gap: 6px; align-items: center; }
:where(.view--account-manage-referral-index) .referral-link-row input { width: 100%; min-width: 0; height: 28px; padding: 3px 7px; box-sizing: border-box; }
:where(.view--account-manage-referral-index) .referral-link-row button { height: 28px; padding: 3px 12px; white-space: nowrap; cursor: pointer; }
:where(.view--account-manage-referral-index) .referral-code-form { padding: 12px; }
:where(.view--account-manage-referral-index) .referral-code-form p { margin: 0 0 8px; color: var(--muted); font-size: 12px; }
:where(.view--account-manage-referral-index) .referral-code-row { display: flex; gap: 6px; }
:where(.view--account-manage-referral-index) .referral-code-row input { flex: 1; min-width: 0; height: 28px; padding: 3px 7px; box-sizing: border-box; }
:where(.view--account-manage-referral-index) .referral-code-row button { height: 28px; padding: 3px 12px; white-space: nowrap; }
:where(.view--account-manage-referral-index) .referral-note { margin: 0 12px 12px; padding: 9px 11px; border-left: 3px solid var(--line); background: var(--surface); color: var(--muted); font-size: 11px; line-height: 1.5; }
:where(.view--account-manage-referral-index) .referral-overview-table { width: 100%; border-collapse: collapse; }
:where(.view--account-manage-referral-index) .referral-overview-table td { padding: 7px 9px; line-height: 1.35; vertical-align: middle; }
:where(.view--account-manage-referral-index) .referral-overview-table .LabelV { width: min(100%, 210px); min-width: 210px; font-weight: bold; }
:where(.view--account-manage-referral-index) .referral-history-link { display: block; margin: 10px 12px 12px; padding: 10px 14px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--danger); font-weight: bold; font-size: 13px; text-align: center; text-decoration: none; box-sizing: border-box; }
:where(.view--account-manage-referral-index) .referral-history-link:hover { background: var(--surface-raised); border-color: var(--line); }
:where(.view--account-manage-referral-index) .referral-copy-message { display: none; margin-top: 6px; color: var(--success); font-size: 11px; }
@media (max-width: 750px) {
:where(.view--account-manage-referral-index) .referral-program-grid { grid-template-columns: 1fr; }
:where(.view--account-manage-referral-index) .referral-link-row,
:where(.view--account-manage-referral-index) .referral-code-row { flex-direction: column; align-items: stretch; }
:where(.view--account-manage-referral-index) .referral-link-row button,
:where(.view--account-manage-referral-index) .referral-code-row button { width: 100%; }
:where(.view--account-manage-referral-index) .referral-overview-table .LabelV { width: 150px; min-width: 150px; }
}

/* resources/views/account/manage/streamer/dashboard.blade.php */

:where(.view--account-manage-streamer-dashboard) .streamer-dashboard-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard-header h3 { margin: 0; }
:where(.view--account-manage-streamer-dashboard) .streamer-assets-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 6px 12px; border: 1px solid var(--line); background: var(--surface); color: var(--warning); font-size: 13px; font-weight: bold; line-height: 1.2; text-decoration: none; white-space: nowrap; cursor: pointer; }
:where(.view--account-manage-streamer-dashboard) .streamer-assets-btn:hover { border-color: var(--line); background: var(--surface-raised); color: var(--text); text-decoration: none; }
@media (max-width: 520px) {
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard-header { align-items: stretch; flex-direction: column; }
:where(.view--account-manage-streamer-dashboard) .streamer-assets-btn { width: 100%; box-sizing: border-box; }
}
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard { color: var(--text); }
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard .TableContainer { margin-bottom: 10px; }
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard .Table3 { border-collapse: collapse; }
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard .Table3 td,
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard .Table3 th { padding: 7px 9px; vertical-align: middle; line-height: 1.35; }
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard .Table3 th { background: var(--page); white-space: nowrap; }
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard .Table3 td.LabelV { width: 180px; min-width: 180px; font-weight: bold; }
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard input[type="text"],
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard input[type="email"],
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard input[type="date"],
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard select { min-height: 26px; padding: 2px 6px; }
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard textarea { box-sizing: border-box; width: 100%; min-height: 72px; padding: 7px; resize: vertical; }
:where(.view--account-manage-streamer-dashboard) .streamer-dashboard button { padding: 4px 10px; }
:where(.view--account-manage-streamer-dashboard) .streamer-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
:where(.view--account-manage-streamer-dashboard) .streamer-summary-card { min-height: 58px; padding: 9px 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-dashboard) .streamer-summary-label { margin-bottom: 4px; color: var(--muted); font-size: 10px; text-transform: uppercase; }
:where(.view--account-manage-streamer-dashboard) .streamer-summary-value { font-size: 15px; font-weight: bold; }
:where(.view--account-manage-streamer-dashboard) .streamer-summary-sub { margin-top: 3px; color: var(--muted); font-size: 10px; }
:where(.view--account-manage-streamer-dashboard) .streamer-overview-sections { margin: 4px 0 10px; }
:where(.view--account-manage-streamer-dashboard) .streamer-overview-sections .TableContainer { margin: 0 0 6px; }
:where(.view--account-manage-streamer-dashboard) .streamer-overview-sections .Table3 td.LabelV { width: 180px; min-width: 180px; }
:where(.view--account-manage-streamer-dashboard) .streamer-table-scroll { overflow-x: auto; border: 1px solid var(--line); }
:where(.view--account-manage-streamer-dashboard) .streamer-table-scroll .Table3 { min-width: 780px; }
:where(.view--account-manage-streamer-dashboard) .snapshot-title { min-width: 160px; max-width: min(100%, 230px); }
:where(.view--account-manage-streamer-dashboard) .payout-open-wrapper { padding: 12px; }
:where(.view--account-manage-streamer-dashboard) .payout-open-box { padding: 12px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--text); font-size: 13px; line-height: 1.5; }
:where(.view--account-manage-streamer-dashboard) .payout-open-box strong { color: var(--text); }
:where(.view--account-manage-streamer-dashboard) .payout-open-header { padding: 10px 12px; margin: -12px -12px 0; border-bottom: 1px solid var(--line); background: var(--surface-raised); color: var(--warning); font-size: 14px; font-weight: bold; }
:where(.view--account-manage-streamer-dashboard) .payout-open-status { padding: 12px 0; color: var(--text); }
:where(.view--account-manage-streamer-dashboard) .payout-open-status strong { color: var(--warning); }
:where(.view--account-manage-streamer-dashboard) .payout-open-details { display: grid; grid-template-columns: 1fr 1fr 2fr; margin: 0 0 12px; border: 1px solid var(--line); }
:where(.view--account-manage-streamer-dashboard) .payout-open-detail { padding: 10px 12px; border-right: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-dashboard) .payout-open-detail:last-child { border-right: 0; }
:where(.view--account-manage-streamer-dashboard) .payout-open-detail span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 10px; font-weight: bold; text-transform: uppercase; }
:where(.view--account-manage-streamer-dashboard) .payout-open-detail strong { display: block; color: var(--text); font-size: 13px; }
:where(.view--account-manage-streamer-dashboard) .payout-open-note { margin: 0; padding: 9px 11px; border-left: 3px solid var(--line); background: var(--surface); color: var(--muted); font-size: 12px; line-height: 1.5; }
:where(.view--account-manage-streamer-dashboard) .payout-open-note strong { color: var(--text); }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-card { min-height: 52px; padding: 10px 12px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-card span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 12px; line-height: 1.3; font-weight: bold; text-transform: uppercase; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-card strong { display: block; color: var(--text); font-size: 16px; line-height: 1.3; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-note { margin: 0 10px 10px; padding: 9px 11px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); font-size: 13px; line-height: 1.5; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-disabled { display: block; width: auto; padding: 12px; color: var(--muted); font-size: 13px; line-height: 1.5; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-link { padding: 12px; border-top: 1px solid var(--line); color: var(--text); font-size: 13px; line-height: 1.5; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-link label { display: block; margin-bottom: 7px; color: var(--text); font-size: 13px; line-height: 1.4; font-weight: bold; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-link-row { display: flex; align-items: center; gap: 6px; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-link-row input { box-sizing: border-box; flex: 1; width: 100%; min-width: 0; font-size: 13px; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-link-row button { flex: 0 0 auto; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-history { padding: 0 10px 10px; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-history .streamer-table-scroll { margin: 0; }
:where(.view--account-manage-streamer-dashboard) .graph-shell { padding: 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-dashboard) #userViewerGraph { width: 100%; height: 270px; }
:where(.view--account-manage-streamer-dashboard) .graph-note { margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.5; }
@media (max-width: 800px) {
:where(.view--account-manage-streamer-dashboard) .streamer-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
:where(.view--account-manage-streamer-dashboard) .payout-open-details { grid-template-columns: 1fr; }
:where(.view--account-manage-streamer-dashboard) .payout-open-detail { border-right: 0; border-bottom: 1px solid var(--line); }
:where(.view--account-manage-streamer-dashboard) .payout-open-detail:last-child { border-bottom: 0; }
}
@media (max-width: 520px) {
:where(.view--account-manage-streamer-dashboard) .streamer-summary-grid,
:where(.view--account-manage-streamer-dashboard) .streamer-referral-summary { grid-template-columns: 1fr; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-link-row { display: block; }
:where(.view--account-manage-streamer-dashboard) .streamer-referral-link-row button { width: 100%; margin-top: 6px; }
}
:where(.view--account-manage-streamer-dashboard) .streamer-cap-box { padding: 12px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-dashboard) .streamer-cap-value { color: var(--text); font-size: 14px; font-weight: bold; line-height: 1.4; }
:where(.view--account-manage-streamer-dashboard) .streamer-cap-track { height: 16px; margin: 8px 0; overflow: hidden; border: 1px solid var(--line); background: var(--page); }
:where(.view--account-manage-streamer-dashboard) .streamer-cap-fill { height: 100%; background: var(--surface-raised); }
:where(.view--account-manage-streamer-dashboard) .streamer-cap-text { color: var(--muted); font-size: 12px; line-height: 1.5; }
:where(.view--account-manage-streamer-dashboard) .streamer-warning { padding: 10px 12px; margin: 0 0 10px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--text); line-height: 1.5; }
:where(.view--account-manage-streamer-dashboard) .streamer-breakdown-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 10px; }
:where(.view--account-manage-streamer-dashboard) .streamer-breakdown-card { padding: 11px 12px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-dashboard) .streamer-breakdown-total { margin-bottom: 3px; color: var(--text); font-size: 18px; font-weight: bold; line-height: 1.3; }
:where(.view--account-manage-streamer-dashboard) .streamer-breakdown-period { margin-bottom: 9px; color: var(--muted); font-size: 11px; font-weight: bold; line-height: 1.3; text-transform: uppercase; }
:where(.view--account-manage-streamer-dashboard) .streamer-breakdown-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 0; border-top: 1px solid var(--line); color: var(--text); font-size: 12px; line-height: 1.35; }
:where(.view--account-manage-streamer-dashboard) .streamer-breakdown-row span:last-child { flex: 0 0 auto; color: var(--text); font-weight: bold; white-space: nowrap; }
:where(.view--account-manage-streamer-dashboard) .streamer-card-caption { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.4; }
:where(.view--account-manage-streamer-dashboard) .rate-current { background: var(--surface-raised); }
:where(.view--account-manage-streamer-dashboard) .streamer-status-good { color: var(--success); font-weight: bold; }
:where(.view--account-manage-streamer-dashboard) .streamer-status-muted { color: var(--muted); }
:where(.view--account-manage-streamer-dashboard) .payout-preview { margin: 10px 0; padding: 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-dashboard) .payout-preview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
:where(.view--account-manage-streamer-dashboard) .payout-preview-item { padding: 8px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-dashboard) .payout-preview-item span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; }
:where(.view--account-manage-streamer-dashboard) .payout-preview-item strong { display: block; margin-top: 3px; }
:where(.view--account-manage-streamer-dashboard) .streamer-action-link { color: var(--warning); font-weight: bold; }
:where(.view--account-manage-streamer-dashboard) .ref-level-track { display: inline-block; width: 120px; height: 8px; margin-right: 5px; overflow: hidden; vertical-align: middle; border: 1px solid var(--line); background: var(--page); }
:where(.view--account-manage-streamer-dashboard) .ref-level-fill { height: 100%; background: var(--surface-raised); }
:where(.view--account-manage-streamer-dashboard) .privacy-note { padding: 8px 10px; color: var(--muted); font-size: 12px; line-height: 1.5; }
:where(.view--account-manage-streamer-dashboard) .snapshot-reason { min-width: 180px; max-width: min(100%, 280px); }
:where(.view--account-manage-streamer-dashboard) .nowrap { white-space: nowrap; }
:where(.view--account-manage-streamer-dashboard) .streamer-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; padding: 9px 10px; border: 1px solid var(--line); background: var(--surface); font-size: 12px; line-height: 1.3; }
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-info { color: var(--muted); }
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-buttons { display: flex; align-items: center; gap: 7px; }
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-button,
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-current,
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-disabled { display: inline-block; padding: 5px 9px; border: 1px solid var(--line); background: var(--surface); white-space: nowrap; }
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-button { border-color: var(--line); background: var(--surface); color: var(--warning); font-weight: bold; text-decoration: none; }
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-button:hover { border-color: var(--line); background: var(--surface-raised); color: var(--text); text-decoration: none; }
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-current { color: var(--text); }
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-disabled { color: var(--muted); cursor: default; }
@media (max-width: 600px) {
:where(.view--account-manage-streamer-dashboard) .streamer-pagination { align-items: stretch; flex-direction: column; }
:where(.view--account-manage-streamer-dashboard) .streamer-pagination-buttons { justify-content: space-between; }
}
@media (max-width: 760px) {
:where(.view--account-manage-streamer-dashboard) .streamer-breakdown-grid,
:where(.view--account-manage-streamer-dashboard) .payout-preview-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
:where(.view--account-manage-streamer-dashboard) .streamer-breakdown-grid,
:where(.view--account-manage-streamer-dashboard) .payout-preview-grid { grid-template-columns: 1fr; }
}

/* resources/views/account/manage/streamer/session.blade.php */

:where(.view--account-manage-streamer-session) .stream-detail { color: var(--text); }
:where(.view--account-manage-streamer-session) .stream-detail-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
:where(.view--account-manage-streamer-session) .stream-detail-header-title { margin: 0; }
:where(.view--account-manage-streamer-session) .stream-detail-header-time { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.4; }
:where(.view--account-manage-streamer-session) .stream-session-cards { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
:where(.view--account-manage-streamer-session) .stream-session-card { padding: 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-session) .stream-session-card-label { color: var(--muted); font-size: 10px; font-weight: normal; line-height: 1.3; text-transform: uppercase; }
:where(.view--account-manage-streamer-session) .stream-session-card-value { margin-top: 4px; color: var(--text); font-size: 16px; font-weight: bold; line-height: 1.3; }
:where(.view--account-manage-streamer-session) .stream-session-scroll { overflow-x: auto; border: 1px solid var(--line); }
:where(.view--account-manage-streamer-session) .stream-session-table { width: 100%; min-width: 1050px; border-collapse: collapse; }
:where(.view--account-manage-streamer-session) .stream-session-table th,
:where(.view--account-manage-streamer-session) .stream-session-table td { padding: 7px 9px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; line-height: 1.35; }
:where(.view--account-manage-streamer-session) .stream-session-table th { background: var(--page); white-space: nowrap; }
:where(.view--account-manage-streamer-session) .stream-session-table tr:last-child td { border-bottom: 0; }
:where(.view--account-manage-streamer-session) .stream-session-title { min-width: 180px; max-width: min(100%, 280px); }
:where(.view--account-manage-streamer-session) .stream-session-reason { min-width: 200px; max-width: min(100%, 300px); }
:where(.view--account-manage-streamer-session) .stream-session-button { display: inline-block; padding: 6px 10px; border: 1px solid var(--line); background: var(--surface); color: var(--warning); font-weight: bold; line-height: 1.3; text-decoration: none; white-space: nowrap; }
:where(.view--account-manage-streamer-session) .stream-session-button:hover { border-color: var(--line); background: var(--surface-raised); color: var(--text); text-decoration: none; }
:where(.view--account-manage-streamer-session) .stream-session-empty { padding: 24px; color: var(--muted); text-align: center; }
:where(.view--account-manage-streamer-session) .stream-session-graph { height: 280px; padding: 10px; margin-bottom: 12px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-session) .stream-session-section-gap { margin-top: 12px; }
@media (max-width: 900px) {
:where(.view--account-manage-streamer-session) .stream-session-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
:where(.view--account-manage-streamer-session) .stream-detail-header { align-items: stretch; flex-direction: column; }
:where(.view--account-manage-streamer-session) .stream-session-button { text-align: center; }
:where(.view--account-manage-streamer-session) .stream-session-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
:where(.view--account-manage-streamer-session) .stream-session-cards { grid-template-columns: 1fr; }
}

/* resources/views/account/manage/streamer/contract.blade.php */

:where(.view--account-manage-streamer-contract) .streamer-contract-account { max-width: min(100%, 950px); margin: 0 auto 25px; color: var(--text); }
:where(.view--account-manage-streamer-contract) .streamer-contract-back { margin-bottom: 10px; }
:where(.view--account-manage-streamer-contract) .streamer-contract-back a { color: var(--danger); font-weight: bold; text-decoration: none; }
:where(.view--account-manage-streamer-contract) .streamer-contract-meta { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-bottom: 12px; }
:where(.view--account-manage-streamer-contract) .streamer-contract-meta>div { padding: 9px 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-contract) .streamer-contract-meta span,
:where(.view--account-manage-streamer-contract) .contract-info-item span,
:where(.view--account-manage-streamer-contract) .contract-rate-head span,
:where(.view--account-manage-streamer-contract) .contract-stat span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 10px; text-transform: uppercase; }
:where(.view--account-manage-streamer-contract) .streamer-contract-meta strong,
:where(.view--account-manage-streamer-contract) .contract-info-item strong,
:where(.view--account-manage-streamer-contract) .contract-rate-head strong,
:where(.view--account-manage-streamer-contract) .contract-stat strong { display: block; color: var(--text); }
:where(.view--account-manage-streamer-contract) .streamer-contract-box { padding: 18px 20px; border: 1px solid var(--line); background: var(--surface); color: var(--text); line-height: 1.55; }
:where(.view--account-manage-streamer-contract) .contract-document h2,
:where(.view--account-manage-streamer-contract) .contract-document h3 { color: var(--text); }
:where(.view--account-manage-streamer-contract) .contract-doc-intro { padding-bottom: 14px; border-bottom: 1px solid var(--line); }
:where(.view--account-manage-streamer-contract) .contract-doc-kicker { color: var(--warning); font-size: 10px; text-transform: uppercase; letter-spacing: .8px; font-weight: bold; }
:where(.view--account-manage-streamer-contract) .contract-section { margin-top: 20px; }
:where(.view--account-manage-streamer-contract) .contract-section h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding-bottom: 7px; border-bottom: 1px solid var(--line); font-size: 15px; }
:where(.view--account-manage-streamer-contract) .contract-section-number { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; border: 1px solid var(--line); background: var(--accent-soft); color: var(--danger); font-size: 11px; }
:where(.view--account-manage-streamer-contract) .contract-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
:where(.view--account-manage-streamer-contract) .contract-info-item { padding: 9px 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-contract) .contract-rate-box { margin: 12px 0; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-contract) .contract-rate-head { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }
:where(.view--account-manage-streamer-contract) .contract-rate-head>div { padding: 10px; }
:where(.view--account-manage-streamer-contract) .contract-rate-head>div+div { border-left: 1px solid var(--line); }
:where(.view--account-manage-streamer-contract) .contract-table { width: 100%; border-collapse: collapse; margin: 10px 0; }
:where(.view--account-manage-streamer-contract) .contract-table th,
:where(.view--account-manage-streamer-contract) .contract-table td { padding: 8px 10px; border: 1px solid var(--line); text-align: left; color: var(--text); }
:where(.view--account-manage-streamer-contract) .contract-table th { background: var(--page); color: var(--muted); }
:where(.view--account-manage-streamer-contract) .contract-table td { background: var(--surface); }
:where(.view--account-manage-streamer-contract) .contract-rate-table { width: 100%; border-collapse: collapse; }
:where(.view--account-manage-streamer-contract) .contract-rate-table th,
:where(.view--account-manage-streamer-contract) .contract-rate-table td { padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; color: var(--text); }
:where(.view--account-manage-streamer-contract) .contract-rate-table th { background: var(--page); color: var(--muted); font-size: 10px; text-transform: uppercase; }
:where(.view--account-manage-streamer-contract) .contract-rate-table tbody tr:nth-child(even) td { background: var(--surface); }
:where(.view--account-manage-streamer-contract) .contract-callout { margin: 10px 0; padding: 10px 12px; border-left: 3px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-contract) .contract-callout-highlight { border-left-color: var(--line); background: var(--surface-raised); }
:where(.view--account-manage-streamer-contract) .contract-list { margin: 9px 0 10px 20px; padding: 0; }
:where(.view--account-manage-streamer-contract) .contract-list li { margin: 5px 0; color: var(--text); }
:where(.view--account-manage-streamer-contract) .contract-rule { margin: 8px 0; padding: 9px 11px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-contract) .contract-rule-good { border-left: 3px solid var(--line); }
:where(.view--account-manage-streamer-contract) .contract-rule-bad { border-left: 3px solid var(--line); }
:where(.view--account-manage-streamer-contract) .contract-rule-warning { border-left: 3px solid var(--line); }
:where(.view--account-manage-streamer-contract) .contract-stat-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
:where(.view--account-manage-streamer-contract) .contract-stat { padding: 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-contract) .contract-stat strong { margin-top: 4px; font-size: 15px; }
:where(.view--account-manage-streamer-contract) .streamer-contract-accepted { margin-top: 14px; padding: 10px 12px; border-left: 3px solid var(--line); background: var(--surface-raised); color: var(--success); }
@media (max-width:760px) {
:where(.view--account-manage-streamer-contract) .streamer-contract-meta { grid-template-columns: 1fr 1fr; }
:where(.view--account-manage-streamer-contract) .contract-info-grid,
:where(.view--account-manage-streamer-contract) .contract-rate-head,
:where(.view--account-manage-streamer-contract) .contract-stat-grid { grid-template-columns: 1fr; }
:where(.view--account-manage-streamer-contract) .contract-rate-head>div+div { border-left: 0; border-top: 1px solid var(--line); }
}

/* resources/views/account/manage/streamer/payout.blade.php */

:where(.view--account-manage-streamer-payout) .payout-detail { color: var(--text); }
:where(.view--account-manage-streamer-payout) .payout-detail-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
:where(.view--account-manage-streamer-payout) .payout-detail-header-title { margin: 0; }
:where(.view--account-manage-streamer-payout) .payout-detail-header-meta { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.4; }
:where(.view--account-manage-streamer-payout) .payout-summary-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
:where(.view--account-manage-streamer-payout) .payout-summary-card { padding: 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-payout) .payout-summary-card-label { color: var(--muted); font-size: 10px; font-weight: normal; line-height: 1.3; text-transform: uppercase; }
:where(.view--account-manage-streamer-payout) .payout-summary-card-value { margin-top: 4px; color: var(--text); font-size: 16px; font-weight: bold; line-height: 1.3; }
:where(.view--account-manage-streamer-payout) .payout-summary-card-final { border-color: var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-payout) .payout-summary-card-final .payout-summary-card-value { color: var(--warning); }
:where(.view--account-manage-streamer-payout) .payout-detail-info { padding: 10px 12px; border: 1px solid var(--line); background: var(--surface); color: var(--text); font-size: 13px; line-height: 1.7; }
:where(.view--account-manage-streamer-payout) .payout-detail-info-row { display: flex; gap: 8px; }
:where(.view--account-manage-streamer-payout) .payout-detail-info-label { flex: 0 0 85px; color: var(--muted); font-weight: bold; }
:where(.view--account-manage-streamer-payout) .payout-detail-info-value { color: var(--text); }
:where(.view--account-manage-streamer-payout) .payout-detail-section { margin-top: 12px; }
:where(.view--account-manage-streamer-payout) .payout-detail-scroll { overflow-x: auto; border: 1px solid var(--line); }
:where(.view--account-manage-streamer-payout) .payout-detail-table { width: 100%; min-width: 800px; border-collapse: collapse; }
:where(.view--account-manage-streamer-payout) .payout-detail-table th,
:where(.view--account-manage-streamer-payout) .payout-detail-table td { padding: 7px 9px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; line-height: 1.35; }
:where(.view--account-manage-streamer-payout) .payout-detail-table th { background: var(--page); white-space: nowrap; }
:where(.view--account-manage-streamer-payout) .payout-detail-table tr:last-child td { border-bottom: 0; }
:where(.view--account-manage-streamer-payout) .payout-detail-button { display: inline-block; padding: 6px 10px; border: 1px solid var(--line); background: var(--surface); color: var(--warning); font-weight: bold; line-height: 1.3; text-decoration: none; white-space: nowrap; }
:where(.view--account-manage-streamer-payout) .payout-detail-button:hover { border-color: var(--line); background: var(--surface-raised); color: var(--text); text-decoration: none; }
:where(.view--account-manage-streamer-payout) .payout-detail-empty { padding: 22px; color: var(--muted); text-align: center; }
:where(.view--account-manage-streamer-payout) .payout-detail-amount-positive { color: var(--success); font-weight: bold; }
:where(.view--account-manage-streamer-payout) .payout-detail-amount-negative { color: var(--warning); font-weight: bold; }
@media (max-width: 900px) {
:where(.view--account-manage-streamer-payout) .payout-summary-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
:where(.view--account-manage-streamer-payout) .payout-detail-header { align-items: stretch; flex-direction: column; }
:where(.view--account-manage-streamer-payout) .payout-detail-button { text-align: center; }
:where(.view--account-manage-streamer-payout) .payout-summary-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:where(.view--account-manage-streamer-payout) .payout-detail-info-row { display: block; margin-bottom: 6px; }
:where(.view--account-manage-streamer-payout) .payout-detail-info-label { display: block; }
}
@media (max-width: 420px) {
:where(.view--account-manage-streamer-payout) .payout-summary-cards { grid-template-columns: 1fr; }
}

/* resources/views/account/manage/security-questions/index.blade.php */

:where(.view--account-manage-security-questions-index) .custom-select { width: min(100%, 325px); font-size: 14px; padding-left: 2px; font-family: var(--font-body); color: var(--text); background-color: var(--surface-raised); border: 1.5px solid var(--line); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-repeat: no-repeat; background-position: right 10px center; background-size: 14px 14px; cursor: pointer; transition: border-color 0.3s ease; }
:where(.view--account-manage-security-questions-index) .custom-select:focus { outline: none; border-color: var(--line); box-shadow: 0 4px 18px #0003; }
:where(.view--account-manage-security-questions-index) .custom-input { font-size: 14px; font-family: var(--font-body); color: var(--text); background-color: var(--surface-raised); border: 1.5px solid var(--line); box-sizing: border-box; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
:where(.view--account-manage-security-questions-index) .custom-input:focus { outline: none; border-color: var(--line); box-shadow: 0 4px 18px #0003; }

/* resources/views/account/manage/googleAuth/index.blade.php */

:where(.view--account-manage-googleauth-index) .container { margin: 0 auto; padding: 20px; border-radius: 8px; }
:where(.view--account-manage-googleauth-index) .qr-code { margin: 20px 0; }
:where(.view--account-manage-googleauth-index) a.button { display: inline-block; padding: 10px 20px; background-color: var(--surface-raised); color: var(--text); text-decoration: none; border-radius: 4px; margin-top: 20px; }
:where(.view--account-manage-googleauth-index) a.button:hover { background-color: var(--surface-raised); }
:where(.view--account-manage-googleauth-index) .input-field { margin: 20px 0; display: inline-block; padding: 2px; width: min(100%, 200px); text-align: center; }
:where(.view--account-manage-googleauth-index) .button-container { text-align: center; margin-top: 20px; }

/* resources/views/account/manage/streamer/assets/index.blade.php */

:where(.view--account-manage-streamer-assets-index) .streamer-assets { color: var(--text); font-size: 14px; line-height: 1.5; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-top h3 { margin: 0; font-size: 20px; line-height: 1.3; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-top-actions { display: flex; gap: 8px; flex-wrap: wrap; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 12px; border: 1px solid var(--line); background: var(--surface); color: var(--warning); text-decoration: none; font-size: 14px; font-weight: bold; line-height: 1.2; cursor: pointer; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-btn:hover { background: var(--surface-raised); color: var(--text); text-decoration: none; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-btn-secondary { border-color: var(--line); background: var(--surface); color: var(--text); }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools { padding: 12px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools input,
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools select { min-height: 36px; padding: 6px 8px; font-size: 14px; line-height: 1.3; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools button { min-height: 36px; padding: 6px 12px; font-size: 14px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools input { min-width: 240px; flex: 1; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools select { min-width: 170px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-categories { display: flex; gap: 7px; flex-wrap: wrap; padding: 0 12px 12px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-category { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 9px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); text-decoration: none; font-size: 13px; line-height: 1.2; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-category.active,
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-category:hover { border-color: var(--line); background: var(--surface-raised); color: var(--warning); text-decoration: none; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 12px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--line); background: var(--surface); }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-preview { height: 210px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--page); border-bottom: 1px solid var(--line); }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-preview img { max-width: 100%; max-height: 210px; object-fit: contain; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-preview video { width: 100%; height: 210px; object-fit: contain; background: var(--page); }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-filetype { font-size: 28px; font-weight: bold; line-height: 1; color: var(--muted); text-transform: uppercase; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-body { display: flex; flex-direction: column; flex: 1; padding: 12px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-title { margin-bottom: 5px; color: var(--text); font-size: 16px; font-weight: bold; line-height: 1.3; overflow-wrap: anywhere; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-description { margin-bottom: 10px; color: var(--muted); font-size: 13px; line-height: 1.5; white-space: pre-line; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-meta { display: flex; gap: 6px; flex-wrap: wrap; margin-top: auto; margin-bottom: 10px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-meta span { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 7px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); font-size: 12px; line-height: 1.2; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-actions { display: flex; gap: 7px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-actions .asset-btn { flex: 1; box-sizing: border-box; min-height: 35px; padding: 7px 10px; text-align: center; font-size: 13px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-empty { padding: 34px 14px; text-align: center; color: var(--muted); font-size: 14px; line-height: 1.5; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-note { padding: 10px 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; line-height: 1.5; }
@media (max-width: 850px) {
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
:where(.view--account-manage-streamer-assets-index) .streamer-assets { font-size: 14px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-grid { grid-template-columns: 1fr; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools form { display: block; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools input,
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools select,
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-tools button { box-sizing: border-box; width: 100%; margin-bottom: 7px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-top-actions { width: 100%; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-top-actions .asset-btn { flex: 1; text-align: center; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-preview,
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-preview video { height: 220px; }
:where(.view--account-manage-streamer-assets-index) .streamer-assets .asset-preview img { max-height: 220px; }
}

/* resources/views/account/manage/streamer/partials/modern-theme.blade.php */

:where(.site-theme) .streamer-modern { --su-bg: var(--surface); --su-panel: var(--surface-raised); --su-panel-2: var(--surface-raised); --su-panel-soft: var(--surface); --su-border: var(--line); --su-border-soft: var(--line); --su-text: var(--text); --su-muted: var(--muted); --su-accent: var(--warning); --su-accent-bg: var(--surface-raised); --su-good: var(--success); --su-warn: var(--warning); --su-danger: var(--danger); color: var(--su-text); font-size: 13px; line-height: 1.45; }
:where(.site-theme) .streamer-modern *,
:where(.site-theme) .streamer-modern *::before,
:where(.site-theme) .streamer-modern *::after { box-sizing: border-box; }
:where(.site-theme) .streamer-modern .streamer-dashboard-header,
:where(.site-theme) .streamer-modern .stream-detail-header,
:where(.site-theme) .streamer-modern .payout-detail-header,
:where(.site-theme) .streamer-modern .asset-top { padding: 2px 0 14px; margin-bottom: 14px; border-bottom: 1px solid var(--su-border-soft); }
:where(.site-theme) .streamer-modern .streamer-dashboard-header h3,
:where(.site-theme) .streamer-modern .stream-detail-header-title,
:where(.site-theme) .streamer-modern .payout-detail-header-title,
:where(.site-theme) .streamer-modern .asset-top h3 { color: var(--text); font-size: 21px; font-weight: 700; line-height: 1.25; }
:where(.site-theme) .streamer-modern .streamer-assets-btn,
:where(.site-theme) .streamer-modern .stream-session-button,
:where(.site-theme) .streamer-modern .payout-detail-button,
:where(.site-theme) .streamer-modern .asset-btn,
:where(.site-theme) .streamer-modern .streamer-action-link,
:where(.site-theme) .streamer-modern button { border-radius: 3px; }
:where(.site-theme) .streamer-modern .streamer-assets-btn,
:where(.site-theme) .streamer-modern .stream-session-button,
:where(.site-theme) .streamer-modern .payout-detail-button,
:where(.site-theme) .streamer-modern .asset-btn { border: 1px solid var(--line); background: var(--su-accent-bg); color: var(--warning); box-shadow: none; }
:where(.site-theme) .streamer-modern .streamer-assets-btn:hover,
:where(.site-theme) .streamer-modern .stream-session-button:hover,
:where(.site-theme) .streamer-modern .payout-detail-button:hover,
:where(.site-theme) .streamer-modern .asset-btn:hover { border-color: var(--line); background: var(--surface-raised); color: var(--text); }
:where(.site-theme) .streamer-modern .streamer-summary-grid,
:where(.site-theme) .streamer-modern .streamer-breakdown-grid,
:where(.site-theme) .streamer-modern .stream-session-cards,
:where(.site-theme) .streamer-modern .payout-summary-cards,
:where(.site-theme) .streamer-modern .streamer-referral-summary { gap: 10px; }
:where(.site-theme) .streamer-modern .streamer-summary-card,
:where(.site-theme) .streamer-modern .streamer-breakdown-card,
:where(.site-theme) .streamer-modern .stream-session-card,
:where(.site-theme) .streamer-modern .payout-summary-card,
:where(.site-theme) .streamer-modern .streamer-referral-card,
:where(.site-theme) .streamer-modern .streamer-cap-box,
:where(.site-theme) .streamer-modern .graph-shell,
:where(.site-theme) .streamer-modern .stream-session-graph,
:where(.site-theme) .streamer-modern .payout-detail-info,
:where(.site-theme) .streamer-modern .payout-preview,
:where(.site-theme) .streamer-modern .payout-open-box { border: 1px solid var(--su-border); background: linear-gradient(135deg, var(--surface-raised), var(--surface)); box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .streamer-modern .streamer-summary-card,
:where(.site-theme) .streamer-modern .streamer-breakdown-card,
:where(.site-theme) .streamer-modern .stream-session-card,
:where(.site-theme) .streamer-modern .payout-summary-card,
:where(.site-theme) .streamer-modern .streamer-referral-card { min-height: 72px; padding: 12px 13px; }
:where(.site-theme) .streamer-modern .streamer-summary-label,
:where(.site-theme) .streamer-modern .streamer-breakdown-period,
:where(.site-theme) .streamer-modern .stream-session-card-label,
:where(.site-theme) .streamer-modern .payout-summary-card-label,
:where(.site-theme) .streamer-modern .streamer-referral-card span,
:where(.site-theme) .streamer-modern .payout-preview-item span { color: var(--su-muted); font-size: 10px; font-weight: 700; letter-spacing: .45px; text-transform: uppercase; }
:where(.site-theme) .streamer-modern .streamer-summary-value,
:where(.site-theme) .streamer-modern .streamer-breakdown-total,
:where(.site-theme) .streamer-modern .stream-session-card-value,
:where(.site-theme) .streamer-modern .payout-summary-card-value,
:where(.site-theme) .streamer-modern .streamer-referral-card strong { color: var(--text); font-size: 18px; font-weight: 700; }
:where(.site-theme) .streamer-modern .streamer-summary-sub,
:where(.site-theme) .streamer-modern .streamer-card-caption,
:where(.site-theme) .streamer-modern .streamer-cap-text,
:where(.site-theme) .streamer-modern .graph-note { color: var(--su-muted); }
:where(.site-theme) .streamer-modern .TableContainer { width: 100%; margin: 0 0 12px; padding: 0; border: 1px solid var(--su-border); background: var(--su-panel); box-shadow: none; }
:where(.site-theme) .streamer-modern .TableContainer::before,
:where(.site-theme) .streamer-modern .TableContainer::after,
:where(.site-theme) .streamer-modern .CaptionContainer::before,
:where(.site-theme) .streamer-modern .CaptionContainer::after,
:where(.site-theme) .streamer-modern .CaptionInnerContainer::before,
:where(.site-theme) .streamer-modern .CaptionInnerContainer::after { display: none; content: none; }
:where(.site-theme) .streamer-modern .CaptionContainer,
:where(.site-theme) .streamer-modern .CaptionInnerContainer { width: auto; height: auto; min-height: 0; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
:where(.site-theme) .streamer-modern .CaptionContainer .Text,
:where(.site-theme) .streamer-modern .CaptionInnerContainer .Text { display: block; width: auto; height: auto; margin: 0; padding: 11px 13px; border: 0; border-bottom: 1px solid var(--su-border); background: var(--surface); color: var(--text); font-size: 13px; font-weight: 700; line-height: 1.3; text-align: left; text-shadow: none; }
:where(.site-theme) .streamer-modern .streamer-table-scroll,
:where(.site-theme) .streamer-modern .stream-session-scroll,
:where(.site-theme) .streamer-modern .payout-detail-scroll { width: 100%; margin: 0; overflow-x: auto; border: 0; background: var(--su-panel); }
:where(.site-theme) .streamer-modern table.Table3,
:where(.site-theme) .streamer-modern .stream-session-table,
:where(.site-theme) .streamer-modern .payout-detail-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; background: var(--su-panel); color: var(--su-text); }
:where(.site-theme) .streamer-modern table.Table3 th,
:where(.site-theme) .streamer-modern .stream-session-table th,
:where(.site-theme) .streamer-modern .payout-detail-table th { padding: 9px 11px; border: 0; border-bottom: 1px solid var(--su-border); background: var(--surface); color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .35px; line-height: 1.3; text-transform: uppercase; text-align: left; text-shadow: none; white-space: nowrap; }
:where(.site-theme) .streamer-modern table.Table3 td,
:where(.site-theme) .streamer-modern .stream-session-table td,
:where(.site-theme) .streamer-modern .payout-detail-table td { padding: 9px 11px; border: 0; border-bottom: 1px solid var(--su-border-soft); background: transparent; color: var(--text); vertical-align: middle; text-align: left; text-shadow: none; }
:where(.site-theme) .streamer-modern table.Table3 tr.Odd td,
:where(.site-theme) .streamer-modern table.Table3 tr.Even td,
:where(.site-theme) .streamer-modern .stream-session-table tr.Odd td,
:where(.site-theme) .streamer-modern .stream-session-table tr.Even td,
:where(.site-theme) .streamer-modern .payout-detail-table tr.Odd td,
:where(.site-theme) .streamer-modern .payout-detail-table tr.Even td { background: transparent; }
:where(.site-theme) .streamer-modern table.Table3 tr:hover td,
:where(.site-theme) .streamer-modern .stream-session-table tr:hover td,
:where(.site-theme) .streamer-modern .payout-detail-table tr:hover td { background: var(--surface-raised); }
:where(.site-theme) .streamer-modern table.Table3 tr:last-child td,
:where(.site-theme) .streamer-modern .stream-session-table tr:last-child td,
:where(.site-theme) .streamer-modern .payout-detail-table tr:last-child td { border-bottom: 0; }
:where(.site-theme) .streamer-modern table.Table3 td.LabelV { width: min(100%, 190px); min-width: 150px; color: var(--su-muted); font-size: 11px; font-weight: 600; }
:where(.site-theme) .streamer-modern input[type="text"],
:where(.site-theme) .streamer-modern input[type="email"],
:where(.site-theme) .streamer-modern input[type="date"],
:where(.site-theme) .streamer-modern select,
:where(.site-theme) .streamer-modern textarea { border: 1px solid var(--line); background: var(--surface); color: var(--text); outline: none; }
:where(.site-theme) .streamer-modern input:focus,
:where(.site-theme) .streamer-modern select:focus,
:where(.site-theme) .streamer-modern textarea:focus { border-color: var(--line); box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .streamer-modern button { min-height: 32px; padding: 6px 11px; border: 1px solid var(--line); background: var(--su-accent-bg); color: var(--warning); font-weight: 700; cursor: pointer; }
:where(.site-theme) .streamer-modern button:disabled { opacity: .45; cursor: not-allowed; }
:where(.site-theme) .streamer-modern .streamer-cap-track,
:where(.site-theme) .streamer-modern .ref-level-track { border-color: var(--line); background: var(--page); }
:where(.site-theme) .streamer-modern .streamer-cap-fill,
:where(.site-theme) .streamer-modern .ref-level-fill { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.site-theme) .streamer-modern .rate-current td { background: var(--surface-raised); }
:where(.site-theme) .streamer-modern .streamer-warning { border: 1px solid var(--line); background: var(--surface-raised); color: var(--text); }
:where(.site-theme) .streamer-modern .privacy-note,
:where(.site-theme) .streamer-modern .streamer-referral-note { margin: 0; padding: 10px 12px; border-top: 1px solid var(--su-border-soft); background: var(--surface); color: var(--su-muted); }
:where(.site-theme) .streamer-modern .streamer-action-link { color: var(--su-accent); text-decoration: none; }
:where(.site-theme) .streamer-modern .streamer-action-link:hover { color: var(--text); text-decoration: none; }
:where(.site-theme) .streamer-modern .streamer-referral-summary,
:where(.site-theme) .streamer-modern .streamer-breakdown-grid { padding: 12px; }
:where(.site-theme) .streamer-modern .streamer-referral-history { padding: 0; }
:where(.site-theme) .streamer-modern .streamer-referral-link { padding: 12px; border-top: 1px solid var(--su-border-soft); background: var(--surface); }
:where(.site-theme) .streamer-modern #userViewerGraph,
:where(.site-theme) .streamer-modern #sessionGraph { width: 100%; }
:where(.site-theme) .streamer-modern > br,
:where(.site-theme) .streamer-modern .streamer-overview-sections + br { display: none; }
:where(.site-theme) .streamer-modern .streamer-overview-sections { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 12px; margin: 0 0 12px; }
:where(.site-theme) .streamer-modern .streamer-overview-sections .TableContainer { margin-bottom: 0; }
:where(.site-theme) .streamer-modern.streamer-contract-account .streamer-contract-meta > div,
:where(.site-theme) .streamer-modern.streamer-contract-account .streamer-contract-box,
:where(.site-theme) .streamer-modern.streamer-contract-account .contract-info-item,
:where(.site-theme) .streamer-modern.streamer-contract-account .contract-rate-box,
:where(.site-theme) .streamer-modern.streamer-contract-account .contract-stat { border-color: var(--su-border); background: var(--su-panel); }
:where(.site-theme) .streamer-modern.streamer-assets .asset-card,
:where(.site-theme) .streamer-modern.streamer-assets .asset-tools,
:where(.site-theme) .streamer-modern.streamer-assets .asset-category,
:where(.site-theme) .streamer-modern.streamer-assets .asset-meta span { border-color: var(--su-border); }
:where(.site-theme) .streamer-modern.streamer-assets .asset-card,
:where(.site-theme) .streamer-modern.streamer-assets .asset-tools { background: var(--su-panel); }
@media (max-width: 900px) {
:where(.site-theme) .streamer-modern .streamer-overview-sections { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
:where(.site-theme) .streamer-modern table.Table3 td.LabelV { width: 135px; min-width: 120px; }
}
:where(.site-theme) .streamer-modern .streamer-dashboard-header-sub { margin-top: 4px; color: var(--su-muted); font-size: 12px; line-height: 1.4; }
:where(.site-theme) .streamer-modern .payout-summary-card-final { border-color: var(--line); background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.site-theme) .streamer-modern .payout-summary-card-final .payout-summary-card-value { color: var(--warning); }
:where(.site-theme) .streamer-modern .payout-open-header { margin: -12px -12px 0; padding: 10px 12px; border-bottom: 1px solid var(--line); background: var(--surface); color: var(--warning); }
:where(.site-theme) .streamer-modern .payout-open-details { border-color: var(--su-border); }
:where(.site-theme) .streamer-modern .payout-open-detail { border-color: var(--su-border); background: var(--surface); }

/* resources/views/account/overview/email/change/index.blade.php */

:where(.view--account-overview-email-change-index) .inputBoxRk { width: 60px; }

/* resources/views/community/powergamers/index.blade.php */

:where(.view--community-powergamers-index) input[type="text"],
:where(.view--community-powergamers-index) input[type="number"],
:where(.view--community-powergamers-index) select { border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 4px 18px #0003; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 25px; width: 160px; margin: 0 auto; }
:where(.view--community-powergamers-index) input[type="text"]:focus,
:where(.view--community-powergamers-index) input[type="number"]:focus,
:where(.view--community-powergamers-index) select:focus { border-color: var(--line); outline: 0; box-shadow: 0 4px 18px #0003; }
:where(.view--community-powergamers-index) select { background-color: var(--surface-raised); }

/* resources/views/community/streamers/index.blade.php */

:where(.view--community-streamers-index) .progress-bar { width: 100%; height: 30px; background-color: var(--page); border-radius: 5px; overflow: hidden; border: 2px solid var(--line); }
:where(.view--community-streamers-index) .progress { position: relative; width: 0%; height: 100%; background-color: var(--surface-raised); transition: width 0.5s ease-in-out; text-align: center; }
:where(.view--community-streamers-index) #progressPercentage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }
@keyframes loadingAnimation {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
:where(.view--community-streamers-index) .loading-dots { animation: loadingAnimation 1.5s infinite; }

/* resources/views/community/view/house/index.blade.php */

:where(.view--community-view-house-index) .leaflet-control-layers-toggle { display: inline-flex; align-items: center; justify-content: center; padding: 0; }

/* resources/views/community/view/house/index.blade.php */

:where(.view--community-view-house-index) .house-frame { position: relative; display: inline-block; border: 1px solid var(--line); }
:where(.view--community-view-house-index) .house-frame img { max-width: 140px; max-height: 140px; cursor: pointer; display: block; margin: auto; }
:where(.view--community-view-house-index) .house-controls { position: absolute; top: 5px; right: 5px; display: flex; flex-direction: column; gap: 3px; }
:where(.view--community-view-house-index) .house-controls button { width: 20px; height: 20px; border: none; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: 0 0; background-size: 20px 40px; }
:where(.view--community-view-house-index) .house-controls button:hover { background-position: 0 -20px; }
:where(.view--community-view-house-index) .lightbox { display: none; position: fixed; z-index: 999999; inset: 0; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; }
:where(.view--community-view-house-index) .lightbox-content { max-width: 90%; max-height: 90%; }
:where(.view--community-view-house-index) .lightbox .close { position: absolute; top: 20px; right: 30px; font-size: 24px; color: var(--text); cursor: pointer; }
:where(.view--community-view-house-index) .lightbox-prev,
:where(.view--community-view-house-index) .lightbox-next { position: absolute; top: 50%; font-size: 24px; background: none; border: none; color: var(--text); cursor: pointer; }
:where(.view--community-view-house-index) .lightbox-prev { left: 20px; }
:where(.view--community-view-house-index) .lightbox-next { right: 20px; }

/* resources/views/about/server-information/index.blade.php */

:where(.view--about-server-information-index) .info-page { color: var(--text); }
:where(.view--about-server-information-index) .info-page p { line-height: 1.45; }
:where(.view--about-server-information-index) .info-hero,
:where(.view--about-server-information-index) .info-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-server-information-index) .info-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-server-information-index) .info-hero h1,
:where(.view--about-server-information-index) .info-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-server-information-index) .info-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-server-information-index) .info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
:where(.view--about-server-information-index) .info-card { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; }
:where(.view--about-server-information-index) .info-card b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-server-information-index) .info-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-server-information-index) .info-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-server-information-index) .info-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-server-information-index) .info-table td { border: 1px solid var(--line); padding: 10px; vertical-align: top; }
:where(.view--about-server-information-index) .info-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-server-information-index) .info-table tr:nth-child(even) { background: var(--surface-raised); }
:where(.view--about-server-information-index) .info-subtitle { color: var(--text); margin-top: 18px; margin-bottom: 8px; font-size: 16px; font-weight: bold; }
@media (max-width: 760px) {
:where(.view--about-server-information-index) .info-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/relicbox.blade.php */

:where(.view--about-wiki-relicbox) .relic-page { color: var(--text); }
:where(.view--about-wiki-relicbox) .relic-page p { line-height: 1.5; }
:where(.view--about-wiki-relicbox) .relic-hero,
:where(.view--about-wiki-relicbox) .relic-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-relicbox) .relic-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-relicbox) .relic-hero-grid { display: grid; grid-template-columns: minmax(280px,1fr) 260px; gap: 22px; align-items: start; }
:where(.view--about-wiki-relicbox) .relic-hero h1,
:where(.view--about-wiki-relicbox) .relic-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-relicbox) .relic-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-relicbox) .relic-img { width: 100%; height: auto; border: 1px solid var(--line); background: var(--page); padding: 3px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-relicbox) .relic-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-relicbox) .relic-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-relicbox) .relic-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-relicbox) .relic-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-relicbox) .relic-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-relicbox) .relic-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-relicbox) .relic-link-box { display: block; background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 14px; margin-top: 16px; color: var(--text); text-decoration: none; }
:where(.view--about-wiki-relicbox) .relic-link-box b { color: var(--text); }
:where(.view--about-wiki-relicbox) .relic-link-box:hover { border-color: var(--line); text-decoration: none; }
@media (max-width: 900px) {
:where(.view--about-wiki-relicbox) .relic-hero-grid,
:where(.view--about-wiki-relicbox) .relic-two-col,
:where(.view--about-wiki-relicbox) .relic-feature-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/bestiary-points.blade.php */

:where(.view--about-wiki-bestiary-points) .points-page { color: var(--text); }
:where(.view--about-wiki-bestiary-points) .points-page p { line-height: 1.5; }
:where(.view--about-wiki-bestiary-points) .points-hero,
:where(.view--about-wiki-bestiary-points) .points-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-bestiary-points) .points-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-bestiary-points) .points-hero h1,
:where(.view--about-wiki-bestiary-points) .points-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-bestiary-points) .points-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 14px; }
:where(.view--about-wiki-bestiary-points) .points-card { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; }
:where(.view--about-wiki-bestiary-points) .points-card b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-bestiary-points) .points-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-bestiary-points) .points-table-wrap { overflow-x: auto; margin-top: 14px; }
:where(.view--about-wiki-bestiary-points) .points-rune-table { width: 100%; border-collapse: collapse; background: var(--surface-raised); border: 1px solid var(--line); }
:where(.view--about-wiki-bestiary-points) .points-rune-table th,
:where(.view--about-wiki-bestiary-points) .points-rune-table td { padding: 10px; border-bottom: 1px solid var(--line); text-align: left; }
:where(.view--about-wiki-bestiary-points) .points-rune-table th { background: var(--surface-raised); color: var(--text); }
:where(.view--about-wiki-bestiary-points) .points-rune-table td { color: var(--text); }
:where(.view--about-wiki-bestiary-points) .points-rune-table tr:last-child td { border-bottom: 0; }
:where(.view--about-wiki-bestiary-points) .points-tag { display: inline-block; background: var(--surface-raised); border: 1px solid var(--line); padding: 2px 7px; font-size: 11px; color: var(--warning); }

/* resources/views/about/wiki/dungeons.blade.php */

:where(.view--about-wiki-dungeons) .dungeons-page { color: var(--text); }
:where(.view--about-wiki-dungeons) .dungeons-page p { line-height: 1.5; }
:where(.view--about-wiki-dungeons) .dungeons-hero,
:where(.view--about-wiki-dungeons) .dungeons-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-dungeons) .dungeons-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-dungeons) .dungeons-hero-grid { display: grid; grid-template-columns: minmax(280px,1fr) 420px; gap: 22px; align-items: start; }
:where(.view--about-wiki-dungeons) .dungeons-hero h1,
:where(.view--about-wiki-dungeons) .dungeons-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-dungeons) .dungeons-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-dungeons) .dungeons-img { width: 100%; height: auto; border: 1px solid var(--line); background: var(--page); padding: 3px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-dungeons) .dungeons-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-dungeons) .dungeons-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-dungeons) .dungeons-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-dungeons) .dungeons-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-dungeons) .dungeons-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-dungeons) .dungeons-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-dungeons) .dungeons-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-wiki-dungeons) .dungeons-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-wiki-dungeons) .dungeons-table td { border: 1px solid var(--line); padding: 10px; }
:where(.view--about-wiki-dungeons) .dungeons-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-wiki-dungeons) .dungeons-table tr:nth-child(even) { background: var(--surface-raised); }
@media (max-width: 900px) {
:where(.view--about-wiki-dungeons) .dungeons-hero-grid,
:where(.view--about-wiki-dungeons) .dungeons-two-col,
:where(.view--about-wiki-dungeons) .dungeons-feature-grid { grid-template-columns: 1fr; }
:where(.view--about-wiki-dungeons) .dungeons-table { display: block; overflow-x: auto; }
}

/* resources/views/about/wiki/mining.blade.php */

:where(.view--about-wiki-mining) .mining-page { color: var(--text); }
:where(.view--about-wiki-mining) .mining-page p { line-height: 1.5; }
:where(.view--about-wiki-mining) .mining-hero,
:where(.view--about-wiki-mining) .mining-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-mining) .mining-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-mining) .mining-hero h1,
:where(.view--about-wiki-mining) .mining-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-mining) .mining-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-mining) .mining-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-mining) .mining-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-mining) .mining-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-mining) .mining-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-mining) .mining-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-mining) .mining-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-mining) .mining-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-wiki-mining) .mining-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-wiki-mining) .mining-table td { border: 1px solid var(--line); padding: 10px; vertical-align: middle; }
:where(.view--about-wiki-mining) .mining-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-wiki-mining) .mining-table tr:nth-child(even) { background: var(--surface-raised); }
:where(.view--about-wiki-mining) .mining-icon { width: 32px; height: 32px; vertical-align: middle; }
:where(.view--about-wiki-mining) .mining-stone-icon { width: 64px; height: 64px; display: block; margin: auto; }
@media (max-width: 900px) {
:where(.view--about-wiki-mining) .mining-feature-grid,
:where(.view--about-wiki-mining) .mining-two-col { grid-template-columns: 1fr; }
:where(.view--about-wiki-mining) .mining-table { display: block; overflow-x: auto; }
}

/* resources/views/about/wiki/itemsView.blade.php */

:where(.view--about-wiki-itemsview) .creatureListBox { height: 90px; width: 80px; text-align: center; vertical-align: middle; font: bold 12px arial; display: inline-table; margin-left: 18px; }
:where(.view--about-wiki-itemsview) .outfitImg { background-position: center center; background-repeat: no-repeat; width: 64px; height: 64px; padding: 5px; position: relative; overflow: hidden; border: 2px solid rgba(0, 0, 0, 0.8); border-radius: 10px; background-color: rgba(255, 255, 255, 0.2); }
:where(.view--about-wiki-itemsview) .itemImg { background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px; padding: 5px; position: relative; overflow: hidden; border: 2px solid var(--line); border-radius: 10px; background-color: rgba(255, 255, 255, 0.2); }
:where(.view--about-wiki-itemsview) td { border: 2px solid var(--line); background-color: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-itemsview) .LabelV175 { padding: 10px; }

/* resources/views/about/wiki/bestiary.blade.php */

:where(.view--about-wiki-bestiary) .bestiary-page { color: var(--text); }
:where(.view--about-wiki-bestiary) .bestiary-page p { line-height: 1.5; }
:where(.view--about-wiki-bestiary) .bestiary-hero,
:where(.view--about-wiki-bestiary) .bestiary-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-bestiary) .bestiary-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-bestiary) .bestiary-hero-grid { display: grid; grid-template-columns: minmax(280px, 1fr) 420px; gap: 22px; align-items: start; }
:where(.view--about-wiki-bestiary) .bestiary-hero h1,
:where(.view--about-wiki-bestiary) .bestiary-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-bestiary) .bestiary-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-bestiary) .bestiary-img { width: 100%; height: auto; border: 1px solid var(--line); background: var(--page); padding: 3px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-bestiary) .bestiary-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-bestiary) .bestiary-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-bestiary) .bestiary-feature b { display: block; margin-bottom: 6px; color: var(--text); }
:where(.view--about-wiki-bestiary) .bestiary-two-col { display: grid; grid-template-columns: minmax(280px, 1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-bestiary) .bestiary-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-bestiary) .bestiary-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
@media (max-width: 900px) {
:where(.view--about-wiki-bestiary) .bestiary-hero-grid,
:where(.view--about-wiki-bestiary) .bestiary-two-col,
:where(.view--about-wiki-bestiary) .bestiary-feature-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/boss-points.blade.php */

:where(.view--about-wiki-boss-points) .points-page { color: var(--text); }
:where(.view--about-wiki-boss-points) .points-page p { line-height: 1.5; }
:where(.view--about-wiki-boss-points) .points-hero,
:where(.view--about-wiki-boss-points) .points-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-boss-points) .points-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-boss-points) .points-hero h1,
:where(.view--about-wiki-boss-points) .points-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-boss-points) .points-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 14px; }
:where(.view--about-wiki-boss-points) .points-card { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; }
:where(.view--about-wiki-boss-points) .points-card b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-boss-points) .points-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
@media (max-width:760px) {
:where(.view--about-wiki-boss-points) .points-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/house-info.blade.php */

:where(.view--about-wiki-house-info) .houses-page { color: var(--text); }
:where(.view--about-wiki-house-info) .houses-page p { line-height: 1.5; }
:where(.view--about-wiki-house-info) .houses-hero,
:where(.view--about-wiki-house-info) .houses-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-house-info) .houses-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-house-info) .houses-hero h1,
:where(.view--about-wiki-house-info) .houses-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-house-info) .houses-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-house-info) .houses-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-house-info) .houses-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-house-info) .houses-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-house-info) .houses-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-house-info) .houses-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-house-info) .houses-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-house-info) .houses-command-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-wiki-house-info) .houses-command-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-wiki-house-info) .houses-command-table td { border: 1px solid var(--line); padding: 10px; vertical-align: top; }
:where(.view--about-wiki-house-info) .houses-command-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-wiki-house-info) .houses-command-table tr:nth-child(even) { background: var(--surface-raised); }
:where(.view--about-wiki-house-info) .houses-code { display: inline-block; background: var(--surface); border: 1px solid var(--line); padding: 2px 6px; color: var(--text); font-family: var(--font-body); white-space: nowrap; }
@media (max-width: 900px) {
:where(.view--about-wiki-house-info) .houses-feature-grid,
:where(.view--about-wiki-house-info) .houses-two-col { grid-template-columns: 1fr; }
:where(.view--about-wiki-house-info) .houses-command-table { display: block; overflow-x: auto; }
}

/* resources/views/about/wiki/quests.blade.php */

:where(.view--about-wiki-quests) .wiki-page { color: var(--text); }
:where(.view--about-wiki-quests) .wiki-hero,
:where(.view--about-wiki-quests) .wiki-panel { background: var(--surface); border: 1px solid var(--line); padding: 18px; margin-bottom: 18px; }
:where(.view--about-wiki-quests) .wiki-title { margin: 0 0 8px; font-size: 25px; }
:where(.view--about-wiki-quests) .wiki-muted { color: var(--muted); }
:where(.view--about-wiki-quests) .wiki-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
:where(.view--about-wiki-quests) .wiki-filters input,
:where(.view--about-wiki-quests) .wiki-filters select { background: var(--surface); color: var(--text); border: 1px solid var(--line); padding: 8px; }
:where(.view--about-wiki-quests) .wiki-table { width: 100%; border-collapse: collapse; }
:where(.view--about-wiki-quests) .wiki-table th,
:where(.view--about-wiki-quests) .wiki-table td { padding: 10px; border-bottom: 1px solid var(--line); text-align: left; }
:where(.view--about-wiki-quests) .wiki-table th { background: var(--surface-raised); white-space: nowrap; cursor: pointer; user-select: none; color: var(--text); }
:where(.view--about-wiki-quests) .wiki-table th:hover,
:where(.view--about-wiki-quests) .wiki-table th.active { color: var(--warning); }
:where(.view--about-wiki-quests) .wiki-table a { color: var(--warning); font-weight: bold; }
:where(.view--about-wiki-quests) .wiki-sort { font-size: 11px; margin-left: 5px; color: var(--muted); }
:where(.view--about-wiki-quests) .wiki-table tbody tr:hover { background: var(--surface-raised); }
:where(.view--about-wiki-quests) .wiki-panel h2 { margin-top: 0; }
:where(.view--about-wiki-quests) .wiki-empty { display: none; padding: 10px; color: var(--muted); }

/* resources/views/about/wiki/npcs.blade.php */

:where(.view--about-wiki-npcs) .creatureListBox { height: 90px; width: 150px; text-align: center; font: bold 12px Arial; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
:where(.view--about-wiki-npcs) .outfitImg { background-position: center center; background-repeat: no-repeat; width: 64px; height: 64px; padding: 5px; position: relative; overflow: hidden; }
:where(.view--about-wiki-npcs) input[type="text"],
:where(.view--about-wiki-npcs) input[type="number"],
:where(.view--about-wiki-npcs) select { border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 4px 18px #0003; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 25px; width: min(100%, 200px); margin: 0 auto; }
:where(.view--about-wiki-npcs) input[type="text"]:focus,
:where(.view--about-wiki-npcs) input[type="number"]:focus,
:where(.view--about-wiki-npcs) select:focus { border-color: var(--line); outline: 0; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-npcs) select { background-color: var(--surface-raised); }

/* resources/views/about/wiki/npcs.blade.php */

:where(.view--about-wiki-npcs) .item_search_input { transition: box-shadow 0.3s ease; }
:where(.view--about-wiki-npcs) .item_search_input:hover { box-shadow: 0 4px 18px #0003; }

/* resources/views/about/wiki/creaturesView.blade.php */

:where(.view--about-wiki-creaturesview) .creatureListBoxNew { height: 90px; width: 150px; text-align: center; font: bold 12px Arial; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
:where(.view--about-wiki-creaturesview) .outfitImg { background-position: center center; background-repeat: no-repeat; width: 64px; height: 64px; padding: 5px; position: relative; overflow: hidden; }
:where(.view--about-wiki-creaturesview) input[type="text"],
:where(.view--about-wiki-creaturesview) input[type="number"],
:where(.view--about-wiki-creaturesview) select { border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 4px 18px #0003; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 25px; width: min(100%, 200px); margin: 0 auto; }
:where(.view--about-wiki-creaturesview) input[type="text"]:focus,
:where(.view--about-wiki-creaturesview) input[type="number"]:focus,
:where(.view--about-wiki-creaturesview) select:focus { border-color: var(--line); outline: 0; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-creaturesview) .item_search_input { transition: box-shadow 0.3s ease; }
:where(.view--about-wiki-creaturesview) .item_search_input:hover { box-shadow: 0 4px 18px #0003; }

/* resources/views/about/wiki/creaturesView.blade.php */

:where(.view--about-wiki-creaturesview) #monsterSearch { overflow: hidden; width: 100%; }
:where(.view--about-wiki-creaturesview) #monsterScroller { display: flex; white-space: nowrap; animation: marquee 10s linear infinite; }
:where(.view--about-wiki-creaturesview) #monsterScroller .monster { flex: 0 0 auto; margin-right: 10px; }
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
:where(.view--about-wiki-creaturesview) #monsterSearch { width: 100%; overflow: hidden; margin: 20px 0; }
:where(.view--about-wiki-creaturesview) #monsterTicker { display: flex; flex-wrap: nowrap; }
:where(.view--about-wiki-creaturesview) .monster-wrapper { display: block; width: 180px; margin-right: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-raised); color: var(--text); flex-shrink: 0; text-decoration: none; }
:where(.view--about-wiki-creaturesview) .monster-wrapper:hover, :where(.view--about-wiki-creaturesview) .monster-wrapper:focus-visible { background: var(--surface-hover); border-color: var(--accent); }
:where(.view--about-wiki-creaturesview) .monster-wrapper .creatureListBoxNew { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; width: 100%; height: auto; min-height: 140px; }
:where(.view--about-wiki-creaturesview) .monster-ticker-outfit { width: 96px; height: 96px; object-fit: contain; image-rendering: pixelated; }

/* resources/views/about/wiki/creaturesView.blade.php */

:where(.view--about-wiki-creaturesview) #HelperDivContainer { display: none; position: absolute; width: min(100%, 225px); z-index: 1000; color: var(--danger); font-family: var(--font-body); font-size: 9pt; text-align: left; padding: 10px; border: 1px double var(--line); margin-left: 8px; background-color: var(--surface-raised); }
:where(.view--about-wiki-creaturesview) #HelperDivContainer .HelperDivArrow { position: absolute; top: -1px; left: -8px; width: 8px; height: 13px; }
:where(.view--about-wiki-creaturesview) #HelperDivContainer { color: var(--danger); font-family: var(--font-body); font-size: 9pt; text-align: left; }
:where(.view--about-wiki-creaturesview) #HelperDivContainer #HelperDivHeadline { position: relative; white-space: normal; margin-top: 0; margin-bottom: 15px; }
:where(.view--about-wiki-creaturesview) #HelperDivContainer #HelperDivHeadline { font-size: 12pt; font-weight: 700; }
:where(.view--about-wiki-creaturesview) #HelperDivContainer { color: var(--danger); font-family: var(--font-body); font-size: 9pt; text-align: left; }
:where(.view--about-wiki-creaturesview) #HelperDivContainer { color: var(--danger); font-family: var(--font-body); font-size: 9pt; text-align: left; }
:where(.view--about-wiki-creaturesview) .itemImg { display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; }

/* resources/views/about/wiki/classicmechanics.blade.php */

:where(.view--about-wiki-classicmechanics) .mechanics-page { color: var(--text); }
:where(.view--about-wiki-classicmechanics) .mechanics-page p { line-height: 1.45; }
:where(.view--about-wiki-classicmechanics) .mechanics-hero,
:where(.view--about-wiki-classicmechanics) .mechanics-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-classicmechanics) .mechanics-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-classicmechanics) .mechanics-hero h1,
:where(.view--about-wiki-classicmechanics) .mechanics-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-classicmechanics) .mechanics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
:where(.view--about-wiki-classicmechanics) .mechanics-card { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; }
:where(.view--about-wiki-classicmechanics) .mechanics-card b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-classicmechanics) .mechanics-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
@media (max-width: 760px) {
:where(.view--about-wiki-classicmechanics) .mechanics-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/guild-info.blade.php */

:where(.view--about-wiki-guild-info) .guild-page { color: var(--text); }
:where(.view--about-wiki-guild-info) .guild-page p { line-height: 1.5; }
:where(.view--about-wiki-guild-info) .guild-hero,
:where(.view--about-wiki-guild-info) .guild-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-guild-info) .guild-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-guild-info) .guild-hero h1,
:where(.view--about-wiki-guild-info) .guild-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-guild-info) .guild-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-guild-info) .guild-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-guild-info) .guild-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-guild-info) .guild-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-guild-info) .guild-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-guild-info) .guild-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-guild-info) .guild-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
@media (max-width: 900px) {
:where(.view--about-wiki-guild-info) .guild-feature-grid,
:where(.view--about-wiki-guild-info) .guild-two-col { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/charms.blade.php */

:where(.view--about-wiki-charms) .charms-page { color: var(--text); }
:where(.view--about-wiki-charms) .charms-page p { line-height: 1.5; }
:where(.view--about-wiki-charms) .charms-hero,
:where(.view--about-wiki-charms) .charms-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-charms) .charms-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-charms) .charms-hero-grid { display: grid; grid-template-columns: minmax(280px,1fr) 420px; gap: 22px; align-items: start; }
:where(.view--about-wiki-charms) .charms-hero h1,
:where(.view--about-wiki-charms) .charms-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-charms) .charms-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-charms) .charms-img { width: 100%; height: auto; border: 1px solid var(--line); background: var(--page); padding: 3px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-charms) .charms-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-charms) .charms-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-charms) .charms-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-charms) .charms-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-charms) .charms-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-charms) .charms-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-charms) .charms-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-wiki-charms) .charms-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-wiki-charms) .charms-table td { border: 1px solid var(--line); padding: 10px; vertical-align: top; }
:where(.view--about-wiki-charms) .charms-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-wiki-charms) .charms-table tr:nth-child(even) { background: var(--surface-raised); }
:where(.view--about-wiki-charms) .charms-icon { width: 32px; height: 32px; }
@media (max-width: 900px) {
:where(.view--about-wiki-charms) .charms-hero-grid,
:where(.view--about-wiki-charms) .charms-two-col,
:where(.view--about-wiki-charms) .charms-feature-grid { grid-template-columns: 1fr; }
:where(.view--about-wiki-charms) .charms-table { display: block; overflow-x: auto; }
}

/* resources/views/about/wiki/items.blade.php */

:where(.view--about-wiki-items) .creatureListBox { height: 90px; width: 150px; text-align: center; font: bold 12px Arial; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; border: 2px solid rgba(0, 0, 0, 0.8); border-radius: 10px; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 18px #0003; position: relative; }
:where(.view--about-wiki-items) tr { position: relative; text-align: center; border: 2px solid var(--line); border-radius: 10px; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-items) td { position: relative; }
:where(.view--about-wiki-items) table { border-spacing: 0px; }

/* resources/views/about/wiki/factions.blade.php */

:where(.view--about-wiki-factions) .factions-page { color: var(--text); }
:where(.view--about-wiki-factions) .factions-page p { line-height: 1.5; }
:where(.view--about-wiki-factions) .factions-hero,
:where(.view--about-wiki-factions) .factions-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-factions) .factions-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-factions) .factions-hero h1,
:where(.view--about-wiki-factions) .factions-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-factions) .factions-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-factions) .factions-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-factions) .factions-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-factions) .factions-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-factions) .factions-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-factions) .factions-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-factions) .factions-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-factions) .factions-status { display: inline-block; padding: 3px 8px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--text); font-size: 12px; margin-top: 6px; }
:where(.view--about-wiki-factions) .factions-status-active { border-color: var(--line); color: var(--text); }
:where(.view--about-wiki-factions) .factions-status-dev { border-color: var(--line); color: var(--text); }
@media (max-width: 900px) {
:where(.view--about-wiki-factions) .factions-feature-grid,
:where(.view--about-wiki-factions) .factions-two-col { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/charm-points.blade.php */

:where(.view--about-wiki-charm-points) .points-page { color: var(--text); }
:where(.view--about-wiki-charm-points) .points-page p { line-height: 1.5; }
:where(.view--about-wiki-charm-points) .points-hero,
:where(.view--about-wiki-charm-points) .points-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-charm-points) .points-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-charm-points) .points-hero h1,
:where(.view--about-wiki-charm-points) .points-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-charm-points) .points-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 14px; }
:where(.view--about-wiki-charm-points) .points-card { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; }
:where(.view--about-wiki-charm-points) .points-card b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-charm-points) .points-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
@media (max-width:760px) {
:where(.view--about-wiki-charm-points) .points-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/farming.blade.php */

:where(.view--about-wiki-farming) .farming-page { color: var(--text); }
:where(.view--about-wiki-farming) .farming-page p { line-height: 1.5; }
:where(.view--about-wiki-farming) .farming-hero,
:where(.view--about-wiki-farming) .farming-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-farming) .farming-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-farming) .farming-hero h1,
:where(.view--about-wiki-farming) .farming-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-farming) .farming-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-farming) .farming-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-farming) .farming-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-farming) .farming-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-farming) .farming-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-farming) .farming-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-farming) .farming-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-farming) .farming-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-wiki-farming) .farming-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-wiki-farming) .farming-table td { border: 1px solid var(--line); padding: 10px; vertical-align: middle; }
:where(.view--about-wiki-farming) .farming-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-wiki-farming) .farming-table tr:nth-child(even) { background: var(--surface-raised); }
@media (max-width: 900px) {
:where(.view--about-wiki-farming) .farming-feature-grid,
:where(.view--about-wiki-farming) .farming-two-col { grid-template-columns: 1fr; }
:where(.view--about-wiki-farming) .farming-table { display: block; overflow-x: auto; }
}

/* resources/views/about/wiki/marketing.blade.php */

:where(.view--about-wiki-marketing) .market-page { color: var(--text); }
:where(.view--about-wiki-marketing) .market-page p { line-height: 1.5; }
:where(.view--about-wiki-marketing) .market-hero,
:where(.view--about-wiki-marketing) .market-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-marketing) .market-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-marketing) .market-hero-grid { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-marketing) .market-hero h1,
:where(.view--about-wiki-marketing) .market-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-marketing) .market-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-marketing) .market-img { width: 100%; height: auto; border: 1px solid var(--line); background: var(--page); padding: 3px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-marketing) .market-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-marketing) .market-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-marketing) .market-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-marketing) .market-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-marketing) .market-two-col-wide { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
:where(.view--about-wiki-marketing) .market-step-list { margin-top: 12px; }
:where(.view--about-wiki-marketing) .market-step { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; }
:where(.view--about-wiki-marketing) .market-step-no { min-width: 28px; height: 28px; line-height: 28px; text-align: center; background: var(--surface-raised); border: 1px solid var(--line); font-weight: bold; color: var(--text); }
:where(.view--about-wiki-marketing) .market-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-marketing) .market-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-marketing) .market-list-box ul { margin-bottom: 0; }
:where(.view--about-wiki-marketing) .market-muted { color: var(--text); }
@media (max-width: 900px) {
:where(.view--about-wiki-marketing) .market-hero-grid,
:where(.view--about-wiki-marketing) .market-two-col,
:where(.view--about-wiki-marketing) .market-two-col-wide,
:where(.view--about-wiki-marketing) .market-feature-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/raids.blade.php */

:where(.view--about-wiki-raids) .raids-page { color: var(--text); }
:where(.view--about-wiki-raids) .raids-page p { line-height: 1.5; }
:where(.view--about-wiki-raids) .raids-hero,
:where(.view--about-wiki-raids) .raids-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-raids) .raids-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-raids) .raids-hero h1,
:where(.view--about-wiki-raids) .raids-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-raids) .raids-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-raids) .raids-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-raids) .raids-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-raids) .raids-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-raids) .raids-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-raids) .raids-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-raids) .raids-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-raids) .raids-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-wiki-raids) .raids-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-wiki-raids) .raids-table td { border: 1px solid var(--line); padding: 10px; vertical-align: middle; }
:where(.view--about-wiki-raids) .raids-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-wiki-raids) .raids-table tr:nth-child(even) { background: var(--surface-raised); }
:where(.view--about-wiki-raids) .raid-status { display: inline-block; padding: 3px 8px; border: 1px solid var(--line); background: var(--surface-raised); font-size: 12px; }
:where(.view--about-wiki-raids) .raid-status-yes { color: var(--text); border-color: var(--line); }
:where(.view--about-wiki-raids) .raid-status-no { color: var(--text); border-color: var(--line); }
@media (max-width: 900px) {
:where(.view--about-wiki-raids) .raids-feature-grid,
:where(.view--about-wiki-raids) .raids-two-col { grid-template-columns: 1fr; }
:where(.view--about-wiki-raids) .raids-table { display: block; overflow-x: auto; }
}

/* resources/views/about/wiki/dungeon-points.blade.php */

:where(.view--about-wiki-dungeon-points) .points-page { color: var(--text); }
:where(.view--about-wiki-dungeon-points) .points-page p { line-height: 1.5; }
:where(.view--about-wiki-dungeon-points) .points-hero,
:where(.view--about-wiki-dungeon-points) .points-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-dungeon-points) .points-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-dungeon-points) .points-hero h1,
:where(.view--about-wiki-dungeon-points) .points-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-dungeon-points) .points-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 14px; }
:where(.view--about-wiki-dungeon-points) .points-card { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; }
:where(.view--about-wiki-dungeon-points) .points-card b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-dungeon-points) .points-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-dungeon-points) .points-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-wiki-dungeon-points) .points-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-wiki-dungeon-points) .points-table td { border: 1px solid var(--line); padding: 10px; vertical-align: middle; }
:where(.view--about-wiki-dungeon-points) .points-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-wiki-dungeon-points) .points-table tr:nth-child(even) { background: var(--surface-raised); }
:where(.view--about-wiki-dungeon-points) .outfit-image { cursor: pointer; transition: transform 0.15s ease; }
:where(.view--about-wiki-dungeon-points) .outfit-image:hover { transform: scale(1.08); }
:where(.view--about-wiki-dungeon-points) #outfit-lightbox { display: none; position: fixed; z-index: 9999; inset: 0; background: rgba(0,0,0,0.82); }
:where(.view--about-wiki-dungeon-points) #outfit-lightbox.open { display: block; }
:where(.view--about-wiki-dungeon-points) #outfit-lightbox-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
:where(.view--about-wiki-dungeon-points) #outfit-lightbox-toolbar { margin-bottom: 12px; white-space: nowrap; }
:where(.view--about-wiki-dungeon-points) #outfit-lightbox-toolbar button { padding: 6px 10px; margin: 0 3px; cursor: pointer; }
:where(.view--about-wiki-dungeon-points) #outfit-lightbox-image { display: block; width: 256px; height: 256px; object-fit: contain; image-rendering: pixelated; margin: 0 auto; }
@media (max-width:760px) {
:where(.view--about-wiki-dungeon-points) .points-grid { grid-template-columns: 1fr; }
:where(.view--about-wiki-dungeon-points) .points-table { display: block; overflow-x: auto; }
}

/* resources/views/about/wiki/spellView.blade.php */

:where(.view--about-wiki-spellview) .sellerRow { border: 1px solid var(--line); background-color: hsla(0,0%,100%,.1); box-shadow: 0 4px 18px #0003; padding-left: 5px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; }
:where(.view--about-wiki-spellview) .LabelV175 { width: 100px; }

/* resources/views/about/wiki/elitecreatures.blade.php */

:where(.view--about-wiki-elitecreatures) .elite-page { color: var(--text); }
:where(.view--about-wiki-elitecreatures) .elite-page p { line-height: 1.5; }
:where(.view--about-wiki-elitecreatures) .elite-hero,
:where(.view--about-wiki-elitecreatures) .elite-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-elitecreatures) .elite-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-elitecreatures) .elite-hero-grid { display: grid; grid-template-columns: minmax(280px,1fr) 420px; gap: 22px; align-items: start; }
:where(.view--about-wiki-elitecreatures) .elite-hero h1,
:where(.view--about-wiki-elitecreatures) .elite-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-elitecreatures) .elite-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-elitecreatures) .elite-img { width: 100%; height: auto; border: 1px solid var(--line); background: var(--page); padding: 3px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-elitecreatures) .elite-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-elitecreatures) .elite-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-elitecreatures) .elite-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-elitecreatures) .elite-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-elitecreatures) .elite-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-elitecreatures) .elite-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
@media (max-width: 900px) {
:where(.view--about-wiki-elitecreatures) .elite-hero-grid,
:where(.view--about-wiki-elitecreatures) .elite-two-col,
:where(.view--about-wiki-elitecreatures) .elite-feature-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/map.blade.php */

:where(.view--about-wiki-map) .map-page { color: var(--text); }
:where(.view--about-wiki-map) .map-page p { line-height: 1.45; }
:where(.view--about-wiki-map) .map-hero,
:where(.view--about-wiki-map) .map-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-map) .map-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-map) .map-hero h1,
:where(.view--about-wiki-map) .map-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-map) .map-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
:where(.view--about-wiki-map) .map-card { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; }
:where(.view--about-wiki-map) .map-card b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-map) .map-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-map) .map-image-wrap { margin-top: 16px; text-align: center; }
:where(.view--about-wiki-map) .map-image { max-width: 100%; height: auto; border: 1px solid var(--line); background: var(--page); padding: 3px; box-shadow: 0 4px 18px #0003; }
@media (max-width: 760px) {
:where(.view--about-wiki-map) .map-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/creatures.blade.php */

:where(.view--about-wiki-creatures) .item_search_input { transition: box-shadow 0.3s ease; }
:where(.view--about-wiki-creatures) .item_search_input:hover { box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-creatures) .creatureListBox { height: 90px; width: 50px; text-align: center; font: bold 12px Arial; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0 auto; }
:where(.view--about-wiki-creatures) .outfitImg { background-position: center center; background-repeat: no-repeat; width: 64px; height: 64px; padding: 5px; position: relative; overflow: hidden; }
:where(.view--about-wiki-creatures) input[type="text"],
:where(.view--about-wiki-creatures) input[type="number"],
:where(.view--about-wiki-creatures) select { border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 4px 18px #0003; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 25px; width: min(100%, 200px); margin: 0 auto; }
:where(.view--about-wiki-creatures) input[type="text"]:focus,
:where(.view--about-wiki-creatures) input[type="number"]:focus,
:where(.view--about-wiki-creatures) select:focus { border-color: var(--line); outline: 0; box-shadow: 0 4px 18px #0003; }

/* resources/views/about/wiki/gameguides.blade.php */

:where(.view--about-wiki-gameguides) .guides-page { color: var(--text); }
:where(.view--about-wiki-gameguides) .guides-page p { line-height: 1.45; }
:where(.view--about-wiki-gameguides) .guides-hero,
:where(.view--about-wiki-gameguides) .guides-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-gameguides) .guides-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-gameguides) .guides-hero h1,
:where(.view--about-wiki-gameguides) .guides-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-gameguides) .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
:where(.view--about-wiki-gameguides) .guide-card { position: relative; display: block; background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 82px; color: var(--text); text-decoration: none; transition: border-color 0.15s ease; }
:where(.view--about-wiki-gameguides) .guide-card:hover { border-color: var(--line); text-decoration: none; }
:where(.view--about-wiki-gameguides) .guide-card b { display: block; color: var(--danger); margin-bottom: 6px; font-size: 15px; }
:where(.view--about-wiki-gameguides) .guide-card span { color: var(--text); text-decoration: none; }
:where(.view--about-wiki-gameguides) .guides-page .guide-card,
:where(.view--about-wiki-gameguides) .guides-page .guide-card:hover,
:where(.view--about-wiki-gameguides) .guides-page .guide-card:focus,
:where(.view--about-wiki-gameguides) .guides-page .guide-card:active { text-decoration: none; }
:where(.view--about-wiki-gameguides) .guides-page .guide-card span,
:where(.view--about-wiki-gameguides) .guides-page .guide-card:hover span,
:where(.view--about-wiki-gameguides) .guides-page .guide-card:focus span,
:where(.view--about-wiki-gameguides) .guides-page .guide-card:active span { text-decoration: none; }
:where(.view--about-wiki-gameguides) .guides-page .guide-card b { text-decoration: none; }
:where(.view--about-wiki-gameguides) .guides-page .guide-card:hover b { text-decoration: underline; }
:where(.view--about-wiki-gameguides) .guide-card::after { content: attr(data-tooltip); display: none; position: absolute; left: 12px; right: 12px; bottom: calc(100% + 8px); z-index: 20; background: var(--surface); border: 1px solid var(--line); color: var(--text); padding: 10px; font-size: 12px; line-height: 1.35; box-shadow: 0 4px 18px #0003; text-decoration: none; pointer-events: none; }
:where(.view--about-wiki-gameguides) .guide-card:hover::after { display: block; }
:where(.view--about-wiki-gameguides) .guide-card::before { content: ""; display: none; position: absolute; left: 24px; bottom: calc(100% + 2px); z-index: 21; border-width: 6px 6px 0 6px; border-style: solid; border-color: #ff5a00 transparent transparent transparent; pointer-events: none; }
:where(.view--about-wiki-gameguides) .guide-card:hover::before { display: block; }
@media (max-width: 760px) {
:where(.view--about-wiki-gameguides) .guides-grid { grid-template-columns: 1fr; }
:where(.view--about-wiki-gameguides) .guide-card::after,
:where(.view--about-wiki-gameguides) .guide-card::before { display: none; }
}

/* resources/views/about/wiki/respawn.blade.php */

:where(.view--about-wiki-respawn) .respawn-page { color: var(--text); }
:where(.view--about-wiki-respawn) .respawn-page p { line-height: 1.45; }
:where(.view--about-wiki-respawn) .respawn-hero,
:where(.view--about-wiki-respawn) .respawn-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-respawn) .respawn-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-respawn) .respawn-hero h1,
:where(.view--about-wiki-respawn) .respawn-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-respawn) .respawn-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-respawn) .respawn-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-respawn) .respawn-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-respawn) .respawn-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-respawn) .respawn-two-col { display: grid; grid-template-columns: minmax(280px, 1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-respawn) .respawn-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-respawn) .respawn-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }

/* resources/views/about/wiki/raritysystem.blade.php */

:where(.view--about-wiki-raritysystem) .rarity-page { color: #f1f1f1; }
:where(.view--about-wiki-raritysystem) .rarity-page p { line-height: 1.5; }
:where(.view--about-wiki-raritysystem) .rarity-hero,
:where(.view--about-wiki-raritysystem) .rarity-panel { border: 1px solid var(--line); background: #171717; padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-raritysystem) .rarity-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-raritysystem) .rarity-hero-grid { display: grid; grid-template-columns: minmax(280px,1fr) 340px; gap: 22px; align-items: start; }
:where(.view--about-wiki-raritysystem) .rarity-hero h1,
:where(.view--about-wiki-raritysystem) .rarity-panel h2 { margin-top: 0; color: #fff; }
:where(.view--about-wiki-raritysystem) .rarity-panel h3 { margin: 0 0 8px 0; color: #fff; font-size: 16px; }
:where(.view--about-wiki-raritysystem) .rarity-img { width: 100%; height: auto; border: 1px solid var(--line); background: #0d0d0d; padding: 3px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-raritysystem) .rarity-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-raritysystem) .rarity-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-raritysystem) .rarity-feature b { display: block; color: #fff; margin-bottom: 6px; }
:where(.view--about-wiki-raritysystem) .rarity-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-raritysystem) .rarity-list-box { background: #202020; border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-raritysystem) .rarity-note { background: #222; border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-raritysystem) .rarity-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-wiki-raritysystem) .rarity-table th { background: #202020; border: 1px solid var(--line); padding: 10px; color: #fff; text-align: left; }
:where(.view--about-wiki-raritysystem) .rarity-table td { border: 1px solid var(--line); padding: 10px; vertical-align: middle; }
:where(.view--about-wiki-raritysystem) .rarity-table tr:nth-child(odd) { background: #1a1a1a; }
:where(.view--about-wiki-raritysystem) .rarity-table tr:nth-child(even) { background: #222; }
:where(.view--about-wiki-raritysystem) .rarity-icon { width: 32px; height: 32px; vertical-align: middle; margin-right: 4px; }
:where(.view--about-wiki-raritysystem) .rarity-small-icon { width: 24px; height: 24px; vertical-align: middle; margin-right: 4px; }
@media (max-width: 900px) {
:where(.view--about-wiki-raritysystem) .rarity-hero-grid,
:where(.view--about-wiki-raritysystem) .rarity-two-col,
:where(.view--about-wiki-raritysystem) .rarity-feature-grid { grid-template-columns: 1fr; }
:where(.view--about-wiki-raritysystem) .rarity-table { display: block; overflow-x: auto; }
}

/* resources/views/about/wiki/itemPage.blade.php */

:where(.view--about-wiki-itempage) .LabelV176 { padding: 2; font-weight: bold; width: min(100%, 200px); }
:where(.view--about-wiki-itempage) .beaut_border { background-color: hsla(0,0%,100%,.1); box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-itempage) .description { color: var(--success); font-family: var(--font-body); font-size: 8pt; font-weight: bold; text-shadow: none; text-decoration: none; line-height: normal; display: inline-block; width: 40%; }

/* resources/views/about/wiki/itemPage.blade.php */

:where(.view--about-wiki-itempage) .creatureListBoxNew { height: 90px; width: 150px; text-align: center; font: bold 12px Arial; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
:where(.view--about-wiki-itempage) .outfitImg { background-position: center center; background-repeat: no-repeat; width: 64px; height: 64px; padding: 5px; position: relative; overflow: hidden; }
:where(.view--about-wiki-itempage) input[type="text"],
:where(.view--about-wiki-itempage) input[type="number"],
:where(.view--about-wiki-itempage) select { border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 4px 18px #0003; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 25px; width: min(100%, 200px); margin: 0 auto; }
:where(.view--about-wiki-itempage) input[type="text"]:focus,
:where(.view--about-wiki-itempage) input[type="number"]:focus,
:where(.view--about-wiki-itempage) select:focus { border-color: var(--line); outline: 0; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-itempage) .item_search_input { transition: box-shadow 0.3s ease; }
:where(.view--about-wiki-itempage) .item_search_input:hover { box-shadow: 0 4px 18px #0003; }

/* resources/views/about/wiki/tasks.blade.php */

:where(.view--about-wiki-tasks) .tasks-page { color: var(--text); }
:where(.view--about-wiki-tasks) .tasks-page p { line-height: 1.5; }
:where(.view--about-wiki-tasks) .tasks-hero,
:where(.view--about-wiki-tasks) .tasks-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-tasks) .tasks-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-tasks) .tasks-hero-grid { display: grid; grid-template-columns: minmax(280px,1fr) 420px; gap: 22px; align-items: start; }
:where(.view--about-wiki-tasks) .tasks-hero h1,
:where(.view--about-wiki-tasks) .tasks-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-tasks) .tasks-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-tasks) .tasks-img { width: 100%; max-width: 100%; height: auto; border: 1px solid var(--line); background: var(--page); padding: 3px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-tasks) .tasks-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-tasks) .tasks-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-tasks) .tasks-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-tasks) .tasks-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-tasks) .tasks-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-tasks) .tasks-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
@media (max-width: 900px) {
:where(.view--about-wiki-tasks) .tasks-hero-grid,
:where(.view--about-wiki-tasks) .tasks-two-col,
:where(.view--about-wiki-tasks) .tasks-feature-grid { grid-template-columns: 1fr; }
}

/* resources/views/about/wiki/skinning.blade.php */

:where(.view--about-wiki-skinning) .skinning-page { color: var(--text); }
:where(.view--about-wiki-skinning) .skinning-page p { line-height: 1.5; }
:where(.view--about-wiki-skinning) .skinning-hero,
:where(.view--about-wiki-skinning) .skinning-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-skinning) .skinning-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-wiki-skinning) .skinning-hero h1,
:where(.view--about-wiki-skinning) .skinning-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-wiki-skinning) .skinning-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-wiki-skinning) .skinning-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-wiki-skinning) .skinning-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-wiki-skinning) .skinning-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-wiki-skinning) .skinning-two-col { display: grid; grid-template-columns: minmax(280px,1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-wiki-skinning) .skinning-list-box { background: var(--surface-raised); border: 1px solid var(--line); padding: 12px; margin-top: 12px; }
:where(.view--about-wiki-skinning) .skinning-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-wiki-skinning) .skinning-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-wiki-skinning) .skinning-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-wiki-skinning) .skinning-table td { border: 1px solid var(--line); padding: 10px; vertical-align: middle; }
:where(.view--about-wiki-skinning) .skinning-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-wiki-skinning) .skinning-table tr:nth-child(even) { background: var(--surface-raised); }
:where(.view--about-wiki-skinning) .skinning-icon { width: 32px; height: 32px; display: block; margin: auto; }
@media (max-width: 900px) {
:where(.view--about-wiki-skinning) .skinning-feature-grid,
:where(.view--about-wiki-skinning) .skinning-two-col { grid-template-columns: 1fr; }
:where(.view--about-wiki-skinning) .skinning-table { display: block; overflow-x: auto; }
}

/* resources/views/about/premium-features/index.blade.php */

:where(.view--about-premium-features-index) .premium-page { color: var(--text); }
:where(.view--about-premium-features-index) .premium-page p { line-height: 1.45; }
:where(.view--about-premium-features-index) .premium-hero,
:where(.view--about-premium-features-index) .premium-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 18px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-premium-features-index) .premium-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-premium-features-index) .premium-hero h1,
:where(.view--about-premium-features-index) .premium-panel h2 { margin-top: 0; color: var(--text); }
:where(.view--about-premium-features-index) .premium-panel h3 { margin: 0 0 8px 0; color: var(--text); font-size: 16px; }
:where(.view--about-premium-features-index) .premium-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
:where(.view--about-premium-features-index) .premium-feature { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 12px; min-height: 72px; }
:where(.view--about-premium-features-index) .premium-feature b { display: block; color: var(--text); margin-bottom: 6px; }
:where(.view--about-premium-features-index) .premium-two-col { display: grid; grid-template-columns: minmax(280px, 1fr) 360px; gap: 22px; align-items: start; }
:where(.view--about-premium-features-index) .premium-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 12px; margin-top: 14px; }
:where(.view--about-premium-features-index) .premium-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
:where(.view--about-premium-features-index) .premium-table th { background: var(--surface-raised); border: 1px solid var(--line); padding: 10px; color: var(--text); text-align: left; }
:where(.view--about-premium-features-index) .premium-table td { border: 1px solid var(--line); padding: 10px; vertical-align: middle; }
:where(.view--about-premium-features-index) .premium-table tr:nth-child(odd) { background: var(--surface-raised); }
:where(.view--about-premium-features-index) .premium-table tr:nth-child(even) { background: var(--surface-raised); }
:where(.view--about-premium-features-index) .premium-icon { width: 32px; height: 32px; display: block; margin: auto; }
:where(.view--about-premium-features-index) .premium-badge { display: inline-block; border: 1px solid var(--line); background: var(--surface-raised); padding: 3px 8px; color: var(--text); font-size: 12px; }
:where(.view--about-premium-features-index) .premium-badge-yes { border-color: var(--line); color: var(--text); }
:where(.view--about-premium-features-index) .premium-button-wrap { text-align: center; margin-top: 16px; }
@media (max-width: 760px) {
:where(.view--about-premium-features-index) .premium-feature-grid,
:where(.view--about-premium-features-index) .premium-two-col { grid-template-columns: 1fr; }
}

/* resources/views/about/faq/index.blade.php */

:where(.view--about-faq-index) .faq-page { color: var(--text); }
:where(.view--about-faq-index) .faq-page * { box-sizing: border-box; }
:where(.view--about-faq-index) .faq-page p { line-height: 1.5; }
:where(.view--about-faq-index) .faq-hero,
:where(.view--about-faq-index) .faq-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px; margin-bottom: 14px; box-shadow: 0 4px 18px #0003; }
:where(.view--about-faq-index) .faq-hero { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.view--about-faq-index) .faq-hero h1 { margin: 0 0 7px; color: var(--text); font-size: 22px; }
:where(.view--about-faq-index) .faq-hero p { margin: 0; color: var(--text); }
:where(.view--about-faq-index) .faq-nav { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
:where(.view--about-faq-index) .faq-nav a { display: inline-block; padding: 6px 9px; border: 1px solid var(--line); background: var(--surface); color: var(--text); text-decoration: none; font-size: 11px; font-weight: bold; }
:where(.view--about-faq-index) .faq-nav a:hover { border-color: var(--line); background: var(--surface-raised); color: var(--text); }
:where(.view--about-faq-index) .faq-panel { scroll-margin-top: 10px; }
:where(.view--about-faq-index) .faq-panel h2 { margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line); color: var(--text); font-size: 17px; }
:where(.view--about-faq-index) .faq-panel-intro { margin: -3px 0 13px; color: var(--muted); font-size: 11px; }
:where(.view--about-faq-index) .faq-item { border: 1px solid var(--line); background: linear-gradient(135deg, var(--surface-raised), var(--surface)); margin-bottom: 9px; overflow: hidden; }
:where(.view--about-faq-index) .faq-item:last-child { margin-bottom: 0; }
:where(.view--about-faq-index) .faq-question { padding: 10px 13px; color: var(--text); font-weight: bold; border-bottom: 1px solid var(--line); background: var(--surface-raised); }
:where(.view--about-faq-index) .faq-answer { padding: 12px 13px; line-height: 1.5; color: var(--text); }
:where(.view--about-faq-index) .faq-answer p { margin: 0 0 9px; }
:where(.view--about-faq-index) .faq-answer p:last-child { margin-bottom: 0; }
:where(.view--about-faq-index) .faq-answer ul { margin: 8px 0 0 19px; padding: 0; }
:where(.view--about-faq-index) .faq-answer li { margin: 4px 0; }
:where(.view--about-faq-index) .faq-answer strong { color: var(--text); }
:where(.view--about-faq-index) .faq-answer a { color: var(--warning); }
:where(.view--about-faq-index) .faq-note { background: var(--surface-raised); border: 1px solid var(--line); border-left: 4px solid var(--line); padding: 10px 12px; margin-top: 10px; color: var(--text); }
:where(.view--about-faq-index) .faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
:where(.view--about-faq-index) .faq-card { background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); padding: 11px 12px; color: var(--text); }
:where(.view--about-faq-index) .faq-card b { display: block; color: var(--text); margin-bottom: 4px; }
:where(.view--about-faq-index) .faq-stat-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
:where(.view--about-faq-index) .faq-stat-table th,
:where(.view--about-faq-index) .faq-stat-table td { padding: 7px 9px; border: 1px solid var(--line); text-align: left; }
:where(.view--about-faq-index) .faq-stat-table th { width: 45%; background: var(--surface); color: var(--muted); font-size: 10px; text-transform: uppercase; }
:where(.view--about-faq-index) .faq-stat-table td { background: var(--surface-raised); color: var(--text); }
:where(.view--about-faq-index) .faq-yes { color: var(--success); font-weight: bold; }
:where(.view--about-faq-index) .faq-no { color: var(--danger); font-weight: bold; }
@media (max-width:760px) {
:where(.view--about-faq-index) .faq-grid { grid-template-columns: 1fr; }
:where(.view--about-faq-index) .faq-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
:where(.view--about-faq-index) .faq-nav a { text-align: center; }
}

/* resources/views/about/wiki/quests/show.blade.php */

:where(.view--about-wiki-quests-show) .wiki-detail { color: var(--text); }
:where(.view--about-wiki-quests-show) .wiki-card { background: var(--surface); border: 1px solid var(--line); padding: 18px; margin-bottom: 16px; }
:where(.view--about-wiki-quests-show) .wiki-detail h1,
:where(.view--about-wiki-quests-show) .wiki-detail h2 { margin-top: 0; }
:where(.view--about-wiki-quests-show) .wiki-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; border: 1px solid var(--line); }
:where(.view--about-wiki-quests-show) .wiki-k,
:where(.view--about-wiki-quests-show) .wiki-v { padding: 9px 11px; border-bottom: 1px solid var(--line); }
:where(.view--about-wiki-quests-show) .wiki-k { background: var(--surface-raised); font-weight: bold; }
:where(.view--about-wiki-quests-show) .wiki-v { background: var(--surface); }
:where(.view--about-wiki-quests-show) .wiki-list { margin: 0; padding-left: 20px; }
:where(.view--about-wiki-quests-show) .wiki-detail a { color: var(--warning); }
:where(.view--about-wiki-quests-show) .spoiler { display: none; }
:where(.view--about-wiki-quests-show) .wiki-muted { color: var(--muted); }
@media (max-width:700px) {
:where(.view--about-wiki-quests-show) .wiki-grid { grid-template-columns: 1fr; }
:where(.view--about-wiki-quests-show) .wiki-k { border-bottom: 0; }
}

/* resources/views/about/wiki/outfits/show.blade.php */

:where(.view--about-wiki-outfits-show) .wiki-detail { color: var(--text); }
:where(.view--about-wiki-outfits-show) .wiki-card { background: var(--surface); border: 1px solid var(--line); padding: 18px; margin-bottom: 16px; }
:where(.view--about-wiki-outfits-show) .wiki-detail h1,
:where(.view--about-wiki-outfits-show) .wiki-detail h2,
:where(.view--about-wiki-outfits-show) .wiki-detail h3 { margin-top: 0; }
:where(.view--about-wiki-outfits-show) .wiki-detail a { color: var(--warning); }
:where(.view--about-wiki-outfits-show) .hero { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
:where(.view--about-wiki-outfits-show) .sprites { display: flex; gap: 24px; align-items: flex-start; }
:where(.view--about-wiki-outfits-show) .sprite-entry { width: 140px; text-align: center; }
:where(.view--about-wiki-outfits-show) .sprite-button { display: flex; width: 136px; height: 136px; align-items: center; justify-content: center; margin: 0 auto; padding: 4px; background: transparent; border: 1px solid transparent; cursor: pointer; }
:where(.view--about-wiki-outfits-show) .sprite-button:hover { border-color: var(--line); background: var(--surface); }
:where(.view--about-wiki-outfits-show) .sprite-button:focus { outline: 1px solid #e8c66a; }
:where(.view--about-wiki-outfits-show) .sprite-button img { width: 128px; height: 128px; object-fit: contain; display: block; }
:where(.view--about-wiki-outfits-show) .sprite-label { margin-top: 8px; padding-top: 2px; text-align: center; line-height: 1.25; }
:where(.view--about-wiki-outfits-show) .meta { flex: 1; min-width: 260px; }
:where(.view--about-wiki-outfits-show) .grid { display: grid; grid-template-columns: 180px 1fr; border: 1px solid var(--line); }
:where(.view--about-wiki-outfits-show) .k,
:where(.view--about-wiki-outfits-show) .v { padding: 8px 10px; border-bottom: 1px solid var(--line); }
:where(.view--about-wiki-outfits-show) .k { background: var(--surface-raised); font-weight: bold; }
:where(.view--about-wiki-outfits-show) .v { background: var(--surface); }
:where(.view--about-wiki-outfits-show) .req li { margin: 5px 0; }
:where(.view--about-wiki-outfits-show) .requirements-title { padding-top: 10px; margin-bottom: 6px; }
:where(.view--about-wiki-outfits-show) .muted { color: var(--muted); }
:where(.view--about-wiki-outfits-show) .outfit-lightbox { position: fixed; inset: 0; z-index: 10000; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(0,0,0,.86); }
:where(.view--about-wiki-outfits-show) .outfit-lightbox.is-open { display: flex; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-panel { position: relative; width: min(620px,100%); background: var(--surface); border: 1px solid var(--line); padding: 22px; text-align: center; box-shadow: 0 4px 18px #0003; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-close { position: absolute; top: 10px; right: 10px; background: var(--surface); color: var(--text); border: 1px solid var(--line); padding: 5px 9px; cursor: pointer; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-title { margin: 0 42px 12px; font-size: 20px; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-stage { display: flex; align-items: center; justify-content: center; min-height: 300px; background: var(--surface); border: 1px solid var(--line); padding: 12px; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-stage img { width: 256px; height: 256px; object-fit: contain; display: block; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-controls { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-controls button { background: var(--surface); color: var(--warning); border: 1px solid var(--line); padding: 7px 11px; cursor: pointer; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-controls button:hover:not(:disabled) { background: var(--surface-raised); border-color: var(--line); }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-controls button:disabled { opacity: .4; cursor: default; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-state { margin-top: 10px; color: var(--muted); }
@media (max-width:600px) {
:where(.view--about-wiki-outfits-show) .sprites { width: 100%; justify-content: center; gap: 10px; }
:where(.view--about-wiki-outfits-show) .sprite-entry { width: 132px; }
:where(.view--about-wiki-outfits-show) .sprite-button { width: 128px; height: 128px; }
:where(.view--about-wiki-outfits-show) .sprite-button img { width: 120px; height: 120px; }
:where(.view--about-wiki-outfits-show) .outfit-lightbox-stage img { width: 220px; height: 220px; }
}

/* resources/views/about/wiki/outfits/index.blade.php */

:where(.view--about-wiki-outfits-index) .wiki-page { color: var(--text); }
:where(.view--about-wiki-outfits-index) .wiki-hero,
:where(.view--about-wiki-outfits-index) .wiki-card { background: var(--surface); border: 1px solid var(--line); padding: 18px; margin-bottom: 18px; }
:where(.view--about-wiki-outfits-index) .wiki-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(245px,1fr)); gap: 12px; }
:where(.view--about-wiki-outfits-index) .outfit-card { display: block; background: var(--surface); border: 1px solid var(--line); padding: 14px; color: var(--text); text-decoration: none; transition: border-color .15s ease,background .15s ease; }
:where(.view--about-wiki-outfits-index) .outfit-card:hover { background: var(--surface); border-color: var(--line); text-decoration: none; }
:where(.view--about-wiki-outfits-index) .outfit-card:focus { outline: 1px solid #e8c66a; outline-offset: -1px; }
:where(.view--about-wiki-outfits-index) .outfit-sprites { display: flex; justify-content: center; gap: 24px; min-height: 150px; align-items: center; }
:where(.view--about-wiki-outfits-index) .outfit-sprites img { width: 128px; height: 128px; object-fit: contain; max-width: calc(50% - 12px); }
:where(.view--about-wiki-outfits-index) .outfit-card h2 { color: var(--warning); margin-top: 8px; }
:where(.view--about-wiki-outfits-index) .wiki-page a { color: var(--warning); }
:where(.view--about-wiki-outfits-index) .wiki-muted { color: var(--muted); }
:where(.view--about-wiki-outfits-index) .wiki-filters { display: flex; gap: 8px; flex-wrap: wrap; }
:where(.view--about-wiki-outfits-index) .wiki-filters input,
:where(.view--about-wiki-outfits-index) .wiki-filters select { background: var(--surface); color: var(--text); border: 1px solid var(--line); padding: 8px; }
:where(.view--about-wiki-outfits-index) .wiki-empty { display: none; background: var(--surface); border: 1px solid var(--line); padding: 18px; color: var(--muted); }

/* resources/views/streamer/contracts/review.blade.php */

:where(.view--streamer-contracts-review) .contract-shell { max-width: min(100%, 920px); margin: 0 auto 25px; color: var(--text); }
:where(.view--streamer-contracts-review) .contract-topbar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; margin-bottom: 10px; border: 1px solid var(--line); background: rgba(10,10,10,.96); }
:where(.view--streamer-contracts-review) .contract-topbar-title { font-size: 13px; font-weight: bold; color: var(--text); }
:where(.view--streamer-contracts-review) .contract-topbar-sub { margin-top: 2px; font-size: 10px; color: var(--muted); }
:where(.view--streamer-contracts-review) .contract-jump-btn { padding: 5px 10px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--text); text-decoration: none; }
:where(.view--streamer-contracts-review) .contract-jump-btn:hover { background: var(--surface-raised); color: var(--text); text-decoration: none; }
:where(.view--streamer-contracts-review) .contract-meta { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-bottom: 12px; }
:where(.view--streamer-contracts-review) .contract-meta>div { padding: 9px 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-meta small,
:where(.view--streamer-contracts-review) .contract-info-item span,
:where(.view--streamer-contracts-review) .contract-rate-head span,
:where(.view--streamer-contracts-review) .contract-stat span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; margin-bottom: 3px; }
:where(.view--streamer-contracts-review) .contract-meta strong,
:where(.view--streamer-contracts-review) .contract-info-item strong,
:where(.view--streamer-contracts-review) .contract-rate-head strong,
:where(.view--streamer-contracts-review) .contract-stat strong { color: var(--text); }
:where(.view--streamer-contracts-review) .contract-card { border: 1px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-document { padding: 18px 20px; line-height: 1.55; color: var(--text); }
:where(.view--streamer-contracts-review) .contract-doc-intro { padding-bottom: 14px; border-bottom: 1px solid var(--line); }
:where(.view--streamer-contracts-review) .contract-doc-kicker { color: var(--warning); font-size: 10px; text-transform: uppercase; letter-spacing: .8px; font-weight: bold; }
:where(.view--streamer-contracts-review) .contract-document h2 { margin: 3px 0 8px; color: var(--text); font-size: 22px; }
:where(.view--streamer-contracts-review) .contract-document p { margin: 8px 0 11px; }
:where(.view--streamer-contracts-review) .contract-section { margin-top: 20px; }
:where(.view--streamer-contracts-review) .contract-section h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding-bottom: 7px; border-bottom: 1px solid var(--line); color: var(--text); font-size: 15px; }
:where(.view--streamer-contracts-review) .contract-section-number { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; border: 1px solid var(--line); background: var(--accent-soft); color: var(--danger); font-size: 11px; font-weight: bold; }
:where(.view--streamer-contracts-review) .contract-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
:where(.view--streamer-contracts-review) .contract-info-item { padding: 9px 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-rate-box { margin: 12px 0; border: 1px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-rate-head { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }
:where(.view--streamer-contracts-review) .contract-rate-head>div { padding: 10px; }
:where(.view--streamer-contracts-review) .contract-rate-head>div+div { border-left: 1px solid var(--line); }
:where(.view--streamer-contracts-review) .contract-table { width: 100%; border-collapse: collapse; margin: 10px 0; }
:where(.view--streamer-contracts-review) .contract-table th,
:where(.view--streamer-contracts-review) .contract-table td { padding: 8px 10px; border: 1px solid var(--line); text-align: left; color: var(--text); }
:where(.view--streamer-contracts-review) .contract-table th { background: var(--page); color: var(--muted); }
:where(.view--streamer-contracts-review) .contract-table td { background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-rate-table { width: 100%; border-collapse: collapse; }
:where(.view--streamer-contracts-review) .contract-rate-table th,
:where(.view--streamer-contracts-review) .contract-rate-table td { padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; color: var(--text); }
:where(.view--streamer-contracts-review) .contract-rate-table th { background: var(--page); color: var(--muted); font-size: 10px; text-transform: uppercase; }
:where(.view--streamer-contracts-review) .contract-rate-table tbody tr:nth-child(even) td { background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-callout { margin: 10px 0; padding: 10px 12px; border-left: 3px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-callout-highlight { border-left-color: var(--line); background: var(--surface-raised); }
:where(.view--streamer-contracts-review) .contract-list { margin: 9px 0 10px 20px; padding: 0; }
:where(.view--streamer-contracts-review) .contract-list li { margin: 5px 0; }
:where(.view--streamer-contracts-review) .contract-rule { margin: 8px 0; padding: 9px 11px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-rule-good { border-left: 3px solid var(--line); }
:where(.view--streamer-contracts-review) .contract-rule-bad { border-left: 3px solid var(--line); }
:where(.view--streamer-contracts-review) .contract-rule-warning { border-left: 3px solid var(--line); }
:where(.view--streamer-contracts-review) .contract-stat-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
:where(.view--streamer-contracts-review) .contract-stat { padding: 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-stat strong { display: block; margin-top: 4px; font-size: 15px; }
:where(.view--streamer-contracts-review) .contract-decision { scroll-margin-top: 70px; padding: 16px 20px; border-top: 1px solid var(--line); background: var(--page); }
:where(.view--streamer-contracts-review) .contract-decision-title { margin-bottom: 6px; color: var(--text); font-size: 15px; font-weight: bold; }
:where(.view--streamer-contracts-review) .contract-decision-copy { color: var(--muted); line-height: 1.5; margin-bottom: 12px; }
:where(.view--streamer-contracts-review) .contract-actions { display: flex; justify-content: flex-end; gap: 10px; }
:where(.view--streamer-contracts-review) .contract-actions form { margin: 0; }
:where(.view--streamer-contracts-review) .contract-btn { min-width: 150px; padding: 8px 14px; border: 1px solid var(--line); cursor: pointer; font-weight: bold; }
:where(.view--streamer-contracts-review) .contract-btn-agree { border-color: var(--line); background: var(--surface-raised); color: var(--text); }
:where(.view--streamer-contracts-review) .contract-btn-agree:hover { background: var(--surface-raised); }
:where(.view--streamer-contracts-review) .contract-btn-reject { border-color: var(--line); background: var(--surface-raised); color: var(--danger); }
:where(.view--streamer-contracts-review) .contract-btn-reject:hover { background: var(--surface-raised); }
:where(.view--streamer-contracts-review) .contract-warning,
:where(.view--streamer-contracts-review) .contract-error { margin-bottom: 12px; padding: 10px 12px; line-height: 1.45; }
:where(.view--streamer-contracts-review) .contract-warning { border: 1px solid var(--line); background: var(--surface-raised); color: var(--warning); }
:where(.view--streamer-contracts-review) .contract-error { border: 1px solid var(--line); background: var(--surface-raised); color: var(--danger); }
:where(.view--streamer-contracts-review) .contract-status-message { padding: 14px 20px; border-top: 1px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-review) .contract-source-note { margin-bottom: 10px; padding: 8px 10px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); font-size: 10px; line-height: 1.45; }
:where(.view--streamer-contracts-review) .contract-source-note strong { color: var(--text); }
@media (max-width:760px) {
:where(.view--streamer-contracts-review) .contract-meta { grid-template-columns: 1fr 1fr; }
:where(.view--streamer-contracts-review) .contract-info-grid,
:where(.view--streamer-contracts-review) .contract-rate-head,
:where(.view--streamer-contracts-review) .contract-stat-grid { grid-template-columns: 1fr; }
:where(.view--streamer-contracts-review) .contract-rate-head>div+div { border-left: 0; border-top: 1px solid var(--line); }
:where(.view--streamer-contracts-review) .contract-actions { flex-direction: column-reverse; }
:where(.view--streamer-contracts-review) .contract-btn { width: 100%; }
:where(.view--streamer-contracts-review) .contract-topbar { position: static; }
}
@media (max-width:480px) {
:where(.view--streamer-contracts-review) .contract-meta { grid-template-columns: 1fr; }
}

/* resources/views/streamer/contracts/activate.blade.php */

:where(.view--streamer-contracts-activate) .activation-shell { max-width: min(100%, 760px); margin: 0 auto 28px; color: var(--text); }
:where(.view--streamer-contracts-activate) .activation-card { border: 1px solid var(--line); background: var(--surface); padding: 22px; }
:where(.view--streamer-contracts-activate) .activation-card h1 { margin: 0 0 8px; color: var(--text); font-size: 22px; }
:where(.view--streamer-contracts-activate) .activation-card p { line-height: 1.55; color: var(--muted); }
:where(.view--streamer-contracts-activate) .activation-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 16px 0; }
:where(.view--streamer-contracts-activate) .activation-meta div { padding: 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-activate) .activation-meta span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; margin-bottom: 4px; }
:where(.view--streamer-contracts-activate) .activation-meta strong { color: var(--text); }
:where(.view--streamer-contracts-activate) .activation-field { margin: 18px 0; }
:where(.view--streamer-contracts-activate) .activation-field label { display: block; margin-bottom: 6px; font-weight: bold; color: var(--text); }
:where(.view--streamer-contracts-activate) .activation-field select { width: 100%; padding: 9px; background: var(--surface); border: 1px solid var(--line); color: var(--text); }
:where(.view--streamer-contracts-activate) .activation-btn { padding: 9px 15px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--text); font-weight: bold; cursor: pointer; }
:where(.view--streamer-contracts-activate) .activation-error { margin-bottom: 12px; padding: 10px 12px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--danger); }
:where(.view--streamer-contracts-activate) .activation-warning { margin-bottom: 12px; padding: 10px 12px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--warning); }
@media (max-width:620px) {
:where(.view--streamer-contracts-activate) .activation-meta { grid-template-columns: 1fr; }
}

/* resources/views/streamer/contracts/result.blade.php */

:where(.view--streamer-contracts-result) .contract-result-shell { max-width: min(100%, 760px); margin: 0 auto 28px; color: var(--text); }
:where(.view--streamer-contracts-result) .contract-result-card { border: 1px solid var(--line); background: var(--surface); padding: 22px; }
:where(.view--streamer-contracts-result) .contract-result-card h1 { margin: 0 0 8px; color: var(--text); font-size: 22px; }
:where(.view--streamer-contracts-result) .contract-result-card p { line-height: 1.55; color: var(--muted); }
:where(.view--streamer-contracts-result) .contract-result-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 16px 0; }
:where(.view--streamer-contracts-result) .contract-result-meta div { padding: 10px; border: 1px solid var(--line); background: var(--surface); }
:where(.view--streamer-contracts-result) .contract-result-meta span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; margin-bottom: 4px; }
:where(.view--streamer-contracts-result) .contract-result-meta strong { color: var(--text); }
:where(.view--streamer-contracts-result) .contract-result-actions { margin-top: 18px; }
:where(.view--streamer-contracts-result) .contract-result-btn { display: inline-block; padding: 9px 15px; border: 1px solid var(--line); background: var(--surface-raised); color: var(--text); text-decoration: none; font-weight: bold; }
@media (max-width:620px) {
:where(.view--streamer-contracts-result) .contract-result-meta { grid-template-columns: 1fr; }
}

/* resources/views/bazaar/buy/confirm.blade.php */

:where(.view--bazaar-buy-confirm) .BazaarConfirmBody { display: flex; align-items: stretch; gap: 10px; padding: 8px; }
:where(.view--bazaar-buy-confirm) .BazaarConfirmOutfit { width: 120px; min-width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; }
:where(.view--bazaar-buy-confirm) .BazaarConfirmOutfit img { width: 100px; height: 100px; }
:where(.view--bazaar-buy-confirm) .BazaarConfirmInfo { flex: 1; min-width: 0; padding: 8px 12px; border: 1px solid var(--line); }
:where(.view--bazaar-buy-confirm) .BazaarConfirmRow { margin-bottom: 6px; }
:where(.view--bazaar-buy-confirm) .BazaarConfirmLabel { font-weight: bold; }
:where(.view--bazaar-buy-confirm) .BazaarConfirmStatus { color: var(--warning); font-weight: bold; }
:where(.view--bazaar-buy-confirm) .BazaarConfirmStatusActive { color: var(--success); font-weight: bold; }
:where(.view--bazaar-buy-confirm) .BazaarConfirmSummary { line-height: 1.7; padding: 8px; }
:where(.view--bazaar-buy-confirm) .BazaarConfirmWarning { margin-top: 10px; }

/* resources/views/bazaar/buy/status.blade.php */

:where(.view--bazaar-buy-status) .PercentageBarSpacer { width: 100%; border: 2px solid var(--line); }

/* resources/views/bazaar/buy/index.blade.php */

:where(.view--bazaar-buy-index) .AuctionBodyBlock.AuctionDisplay { display: flex; align-items: center; justify-content: center; width: 119px; min-width: 119px; height: 113px; padding: 0.5%; overflow: hidden; box-sizing: border-box; }
:where(.view--bazaar-buy-index) .AuctionOutfitSlider { position: relative; display: flex; align-items: center; justify-content: center; width: 110px; height: 105px; margin: 0 auto; }
:where(.view--bazaar-buy-index) .AuctionOutfitSlides { position: relative; width: 100px; height: 100px; overflow: hidden; }
:where(.view--bazaar-buy-index) .AuctionOutfitSlide { display: none; align-items: center; justify-content: center; width: 100px; height: 100px; }
:where(.view--bazaar-buy-index) .AuctionOutfitSlide.is-active { display: flex; }
:where(.view--bazaar-buy-index) .AuctionOutfitImage { display: block; width: 100px; height: 100px; margin: 0; }
:where(.view--bazaar-buy-index) .AuctionOutfitArrow { position: absolute; top: 50%; z-index: 10; width: 18px; height: 26px; padding: 0; border: 1px solid var(--line); background: var(--surface); color: var(--text); font-family: var(--font-body); font-size: 15px; font-weight: bold; line-height: 22px; text-align: center; cursor: pointer; transform: translateY(-50%); }
:where(.view--bazaar-buy-index) .AuctionOutfitArrow:hover { background: var(--surface-raised); }
:where(.view--bazaar-buy-index) .AuctionOutfitArrowPrevious { left: -3px; }
:where(.view--bazaar-buy-index) .AuctionOutfitArrowNext { right: -3px; }
:where(.view--bazaar-buy-index) .AuctionOutfitCounter { position: absolute; right: 0; bottom: -2px; left: 0; font-size: 9px; text-align: center; color: var(--muted); pointer-events: none; }
:where(.view--bazaar-buy-index) .AuctionStatusWaiting { color: var(--warning); font-weight: bold; }
:where(.view--bazaar-buy-index) .AuctionStatusActive { color: var(--success); font-weight: bold; }
:where(.view--bazaar-buy-index) .AuctionOwnerNotice { color: var(--danger); font-weight: bold; text-align: center; padding: 5px; }
:where(.view--bazaar-buy-index) .AuctionPriceRow { margin-top: 5px; }

/* resources/views/bazaar/partials/equipment.blade.php, item.blade.php */

:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarEquipment { display: grid; grid-template-columns: repeat(3, 34px); gap: 3px; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarRelics { display: grid; grid-template-columns: repeat(4, 34px); gap: 3px; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarEquipmentSpacer { width: 34px; height: 34px; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItem { position: relative; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-raised); box-sizing: border-box; outline: none; cursor: default; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItem:hover,
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItem:focus-visible { border-color: var(--muted); }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItem > img { position: absolute; display: block; }
/* The frame is the slot background; the sprite is drawn on top of it. */
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItem > .BazaarItemFrame { top: -1px; left: -1px; z-index: 0; pointer-events: none; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItem > .BazaarItemSprite { top: 0; left: 0; z-index: 1; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItem:has(.BazaarItemFrame) { border-color: transparent; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemEmpty > img { top: 0; left: 0; opacity: 0.8; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemBadge { position: absolute; right: 1px; bottom: 0; z-index: 2; font-size: 10px; font-weight: bold; line-height: 1; color: #fff; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; pointer-events: none; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemCharges { color: #9fd3ff; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltip { display: none; position: fixed; z-index: 1000; width: max-content; min-width: 170px; max-width: 280px; padding: 8px 10px; border: 1px solid #4a4a52; border-radius: 4px; background: #121214; color: #dfdfdf; font-size: 12px; line-height: 1.5; text-align: left; box-shadow: 0 6px 18px #000a; pointer-events: none; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltipName { margin-bottom: 4px; font-weight: bold; color: #dfdfdf; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemRarity2 .BazaarItemTooltipName { color: #c2c2c2; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemRarity3 .BazaarItemTooltipName { color: #00dbfd; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemRarity4 .BazaarItemTooltipName { color: #ba68c8; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemRarity5 .BazaarItemTooltipName { color: #fbc02d; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltipAttributes { margin: 4px 0; padding: 4px 0; border-top: 1px solid #2f2f35; border-bottom: 1px solid #2f2f35; color: #8fd18f; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltipDescription { margin-top: 4px; font-style: italic; color: #c8c8cf; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltipMuted { color: #8f8f98; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltipTier { margin-top: 2px; color: #dfdfdf; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltip.BazaarItemRarity2 .BazaarItemTooltipTier { color: #c2c2c2; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltip.BazaarItemRarity3 .BazaarItemTooltipTier { color: #00dbfd; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltip.BazaarItemRarity4 .BazaarItemTooltipTier { color: #ba68c8; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarItemTooltip.BazaarItemRarity5 .BazaarItemTooltipTier { color: #fbc02d; }
/* Relic slots: green (unlocked) / red (locked) slot image with the relic drawn on top, like the client Relic Box. */
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarRelicSlot { position: relative; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 3px; box-sizing: border-box; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarRelicSlot > img { position: absolute; top: 0; left: 0; display: block; }
:where(.view--bazaar-buy-index, .view--bazaar-buy-status) .BazaarRelicSlot > .BazaarItem { position: absolute; top: -1px; left: -1px; border-color: transparent; background: transparent; }

/* resources/views/bazaar/buy/index.blade.php (auction cards) */

:where(.view--bazaar-buy-index) .BazaarCard { box-sizing: border-box; width: 100%; margin: 0; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); overflow: hidden; }
:where(.view--bazaar-buy-index) tr > td:has(> .BazaarCard) { padding: 0 0 12px; border: 0; background: none; }
:where(.view--bazaar-buy-index) .BazaarCardHeader { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--surface-raised); }
:where(.view--bazaar-buy-index) .BazaarCardTitle { min-width: 0; }
:where(.view--bazaar-buy-index) .BazaarCardName { padding: 0; border: 0; background: none; color: var(--accent-hover); font: inherit; font-size: 17px; font-weight: 700; cursor: pointer; }
:where(.view--bazaar-buy-index) .BazaarCardName:hover { text-decoration: underline; }
:where(.view--bazaar-buy-index) .BazaarCardMeta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
:where(.view--bazaar-buy-index) .BazaarCardMeta > span { padding: 2px 8px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--muted); font-size: 12px; }
:where(.view--bazaar-buy-index) .BazaarCardMeta > span b { color: var(--text); }
:where(.view--bazaar-buy-index) .BazaarCardMeta > .BazaarTagOwner { border-color: #68323a; background: var(--accent-soft); color: #e09ca1; font-weight: 700; }
:where(.view--bazaar-buy-index) .BazaarCardDetails { flex-shrink: 0; }
:where(.view--bazaar-buy-index) .BazaarCardBody { display: grid; grid-template-columns: 120px auto minmax(0, 1fr) minmax(0, 230px); align-items: center; gap: 16px; padding: 16px; }
:where(.view--bazaar-buy-index) .BazaarCardBody > .AuctionBodyBlock.AuctionDisplay { width: 120px; min-width: 0; height: 120px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-raised); }
:where(.view--bazaar-buy-index) .BazaarCardEquipment { display: grid; justify-items: center; gap: 6px; }
:where(.view--bazaar-buy-index) .BazaarCardFacts { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px 16px; min-width: 0; margin: 0; }
:where(.view--bazaar-buy-index) .BazaarCardFacts dt { margin: 0 0 2px; color: var(--muted); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
:where(.view--bazaar-buy-index) .BazaarCardFacts dd { margin: 0; color: var(--text); }
:where(.view--bazaar-buy-index) .BazaarCardFacts dd small { color: var(--muted); }
:where(.view--bazaar-buy-index) .BazaarCardPrice { font-size: 16px; font-weight: 700; }
:where(.view--bazaar-buy-index) .BazaarCardBid { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-raised); }
:where(.view--bazaar-buy-index) .BazaarCardBid .auction-bid-controls { padding: 0; justify-items: stretch; }
:where(.view--bazaar-buy-index) .BazaarCardBid .MyMaxBidInput { width: 100%; box-sizing: border-box; }
:where(.view--bazaar-buy-index) .BazaarCardBid .auction-bid-controls .form-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin: 0; }
:where(.view--bazaar-buy-index) .BazaarCardBid .form-actions form { width: 100%; }
:where(.view--bazaar-buy-index) .BazaarCardBid .form-actions input.button { width: 100%; justify-content: center; text-align: center; }
@media (max-width: 900px) {
    :where(.view--bazaar-buy-index) .BazaarCardBody { grid-template-columns: 120px auto minmax(0, 1fr); }
    :where(.view--bazaar-buy-index) .BazaarCardBid { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    :where(.view--bazaar-buy-index) .BazaarCardHeader { flex-wrap: wrap; }
    :where(.view--bazaar-buy-index) .BazaarCardBody { grid-template-columns: 1fr 1fr; justify-items: center; }
    :where(.view--bazaar-buy-index) .BazaarCardFacts { grid-column: 1 / -1; justify-self: stretch; }
}

/* resources/views/bazaar/buy/status.blade.php (equipment and item summary) */

:where(.view--bazaar-buy-status) .BazaarEquipmentPanel { display: flex; flex-wrap: wrap; gap: 32px; padding: 12px; }
:where(.view--bazaar-buy-status) .BazaarEquipmentPanel b { display: block; margin-bottom: 6px; }
:where(.view--bazaar-buy-status) .BazaarItemFilters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 10px 12px; border-bottom: 1px solid var(--line); }
:where(.view--bazaar-buy-status) .BazaarItemFilters select,
:where(.view--bazaar-buy-status) .BazaarItemFilters input { max-width: 100%; }
:where(.view--bazaar-buy-status) .BazaarItemList { display: flex; flex-wrap: wrap; gap: 3px; padding: 12px; }
:where(.view--bazaar-buy-status) .BazaarItemEntry[hidden] { display: none; }

/* resources/views/bazaar/sell/auction.blade.php */

:where(.view--bazaar-sell-auction) .toggle-switch { position: relative; display: inline-block; width: 40px; height: 20px; }
:where(.view--bazaar-sell-auction) .toggle-switch input { opacity: 0; width: 0; height: 0; }
:where(.view--bazaar-sell-auction) .toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--page); transition: .4s; border-radius: 20px; }
:where(.view--bazaar-sell-auction) .toggle-slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: var(--surface-raised); transition: .4s; border-radius: 50%; }
:where(.view--bazaar-sell-auction) input:checked + .toggle-slider { background-color: var(--surface-raised); }
:where(.view--bazaar-sell-auction) input:checked + .toggle-slider:before { transform: translateX(20px); }

/* resources/views/lost-account/twoAuth/questionsCheck.blade.php */

:where(.view--lost-account-twoauth-questionscheck) .custom-input { font-size: 14px; font-family: var(--font-body); color: var(--text); background-color: var(--surface-raised); border: 1.5px solid var(--line); box-sizing: border-box; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
:where(.view--lost-account-twoauth-questionscheck) .custom-input:focus { outline: none; border-color: var(--line); box-shadow: 0 4px 18px #0003; }

/* assets/tibiarl/css/auth/create.css */

@keyframes a {
0% { text-shadow: none; }
50% { text-shadow: none; }
to { text-shadow: none; }
}
:where(.view--auth-create) .pulsating-text { animation: a 1.5s infinite; }
:where(.view--auth-create) .PWStrengthToolTip { display: none; position: absolute; width: min(100%, 215px); top: 110px; padding: 0 8px 8px; border: 1px double var(--line); color: var(--text); font-size: 8pt; z-index: 1; left: 405px; }
:where(.view--auth-create) .PWStrengthToolTip .HelperDivArrow { position: absolute; top: 7px; left: -8px; width: 8px; height: 13px; }
:where(.view--auth-create) .PWStrengthToolTipHeadline { font-weight: 700; margin-top: 8px; margin-bottom: 5px; }
:where(.view--auth-create) .PWStrengthToolTip .PWRule { position: relative; padding-left: 15px; margin-bottom: 4px; }
:where(.view--auth-create) .PWStrengthToolTip .InputIndicator { position: absolute; height: 12px; width: 12px; left: 0; top: 2px; float: left; margin-right: 5px; background-repeat: no-repeat; }
:where(.view--auth-create) .PWStrengthContainer { position: relative; clear: both; }
:where(.view--auth-create) .PWStrengthIndicator { text-align: center; border: 1px solid var(--line); color: var(--text); width: min(100%, 204px); font-size: 10pt; }
:where(.view--auth-create) .PWStrengthLevel4 { background-color: var(--surface-raised); }
:where(.view--auth-create) .PWStrengthLevel3 { background-color: var(--surface-raised); }
:where(.view--auth-create) .PWStrengthLevel2 { background-color: var(--accent-soft); }
:where(.view--auth-create) .PWStrengthLevel1 { background-color: var(--accent-soft); }

/* assets/tibiarl/css/about/wiki/creaturesView.css */

:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .creatureListBox { height: 90px; width: 80px; vertical-align: middle; margin-left: 18px; }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) #button,
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .creatureListBox { text-align: center; font: 700 12px arial; display: inline-table; }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) #button { width: 120px; height: 18px; background-repeat: no-repeat; padding-top: 1px; color: var(--text); cursor: pointer; line-height: 18px; }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .outfitImg { width: 64px; height: 64px; border: 2px solid rgba(0,0,0,.90); border-radius: 10px; }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .itemImg,
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .outfitImg { background-position: 50%; background-repeat: no-repeat; padding: 5px; position: relative; overflow: hidden; background-color: hsla(0,0%,100%,.46); }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .itemImg { width: 40px; height: 40px; border-radius: 10px; }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .LabelV175 { padding: 10px; }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .number { cursor: pointer; transition: transform .2s ease-in-out; display: inline-block; margin-bottom: 5px; transform: translateY(0); }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .number:hover { transform: translateY(-1.5px); }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .color-box { width: 8px; height: 8px; display: inline-block; border: 1px solid var(--line); vertical-align: middle; border-radius: 2px; opacity: .5; }
:where(.view--about-wiki-creaturesview, .view--about-wiki-npcsview, .view--about-wiki-itempage) .tbl-icons { width: 9x; height: 9px; vertical-align: middle; padding: 2px; }

/* assets/css/leaflet.css */

:where(.site-theme) .leaflet-pane,
:where(.site-theme) .leaflet-tile,
:where(.site-theme) .leaflet-marker-icon,
:where(.site-theme) .leaflet-marker-shadow,
:where(.site-theme) .leaflet-tile-container,
:where(.site-theme) .leaflet-pane > svg,
:where(.site-theme) .leaflet-pane > canvas,
:where(.site-theme) .leaflet-zoom-box,
:where(.site-theme) .leaflet-image-layer,
:where(.site-theme) .leaflet-layer { position: absolute; left: 0; top: 0; }
:where(.site-theme) .leaflet-container { overflow: hidden; }
:where(.site-theme) .leaflet-tile,
:where(.site-theme) .leaflet-marker-icon,
:where(.site-theme) .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; }
:where(.site-theme) .leaflet-tile::selection { background: transparent; }
:where(.site-theme) .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; }
:where(.site-theme) .leaflet-safari .leaflet-tile-container { width: min(100%, 1600px); height: 1600px; -webkit-transform-origin: 0 0; }
:where(.site-theme) .leaflet-marker-icon,
:where(.site-theme) .leaflet-marker-shadow { display: block; }
:where(.site-theme) .leaflet-container .leaflet-overlay-pane svg,
:where(.site-theme) .leaflet-container .leaflet-marker-pane img,
:where(.site-theme) .leaflet-container .leaflet-shadow-pane img,
:where(.site-theme) .leaflet-container .leaflet-tile-pane img,
:where(.site-theme) .leaflet-container img.leaflet-image-layer,
:where(.site-theme) .leaflet-container .leaflet-tile { max-width: none; max-height: none; }
:where(.site-theme) .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }
:where(.site-theme) .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom; }
:where(.site-theme) .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; }
:where(.site-theme) .leaflet-container { -webkit-tap-highlight-color: transparent; }
:where(.site-theme) .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }
:where(.site-theme) .leaflet-tile { filter: inherit; visibility: hidden; }
:where(.site-theme) .leaflet-tile-loaded { visibility: inherit; }
:where(.site-theme) .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; }
:where(.site-theme) .leaflet-overlay-pane svg { -moz-user-select: none; }
:where(.site-theme) .leaflet-pane { z-index: 400; }
:where(.site-theme) .leaflet-tile-pane { z-index: 200; }
:where(.site-theme) .leaflet-overlay-pane { z-index: 400; }
:where(.site-theme) .leaflet-shadow-pane { z-index: 500; }
:where(.site-theme) .leaflet-marker-pane { z-index: 600; }
:where(.site-theme) .leaflet-tooltip-pane { z-index: 650; }
:where(.site-theme) .leaflet-popup-pane { z-index: 700; }
:where(.site-theme) .leaflet-map-pane canvas { z-index: 100; }
:where(.site-theme) .leaflet-map-pane svg { z-index: 200; }
:where(.site-theme) .leaflet-vml-shape { width: 1px; height: 1px; }
:where(.site-theme) .lvml { display: inline-block; position: absolute; }
:where(.site-theme) .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto; }
:where(.site-theme) .leaflet-top,
:where(.site-theme) .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; }
:where(.site-theme) .leaflet-top { top: 0; }
:where(.site-theme) .leaflet-right { right: 0; }
:where(.site-theme) .leaflet-bottom { bottom: 0; }
:where(.site-theme) .leaflet-left { left: 0; }
:where(.site-theme) .leaflet-control { float: left; clear: both; }
:where(.site-theme) .leaflet-right .leaflet-control { float: right; }
:where(.site-theme) .leaflet-top .leaflet-control { margin-top: 10px; }
:where(.site-theme) .leaflet-bottom .leaflet-control { margin-bottom: 10px; }
:where(.site-theme) .leaflet-left .leaflet-control { margin-left: 10px; }
:where(.site-theme) .leaflet-right .leaflet-control { margin-right: 10px; }
:where(.site-theme) .leaflet-fade-anim .leaflet-tile { will-change: opacity; }
:where(.site-theme) .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
:where(.site-theme) .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; }
:where(.site-theme) .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
:where(.site-theme) .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; }
:where(.site-theme) .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); }
:where(.site-theme) .leaflet-zoom-anim .leaflet-tile,
:where(.site-theme) .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; }
:where(.site-theme) .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; }
:where(.site-theme) .leaflet-interactive { cursor: pointer; }
:where(.site-theme) .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }
:where(.site-theme) .leaflet-crosshair,
:where(.site-theme) .leaflet-crosshair .leaflet-interactive { cursor: crosshair; }
:where(.site-theme) .leaflet-popup-pane,
:where(.site-theme) .leaflet-control { cursor: auto; }
:where(.site-theme) .leaflet-dragging .leaflet-grab,
:where(.site-theme) .leaflet-dragging .leaflet-grab .leaflet-interactive,
:where(.site-theme) .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
:where(.site-theme) .leaflet-marker-icon,
:where(.site-theme) .leaflet-marker-shadow,
:where(.site-theme) .leaflet-image-layer,
:where(.site-theme) .leaflet-pane > svg path,
:where(.site-theme) .leaflet-tile-container { pointer-events: none; }
:where(.site-theme) .leaflet-marker-icon.leaflet-interactive,
:where(.site-theme) .leaflet-image-layer.leaflet-interactive,
:where(.site-theme) .leaflet-pane > svg path.leaflet-interactive,
:where(.site-theme) svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; pointer-events: auto; }
:where(.site-theme) .leaflet-container { background: var(--surface-raised); outline: 0; }
:where(.site-theme) .leaflet-container a { color: var(--danger); }
:where(.site-theme) .leaflet-container a.leaflet-active { outline: 2px solid orange; }
:where(.site-theme) .leaflet-zoom-box { border: 2px dotted var(--line); background: rgba(255,255,255,0.5); }
:where(.site-theme) .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }
:where(.site-theme) .leaflet-bar { box-shadow: 0 4px 18px #0003; border-radius: 4px; }
:where(.site-theme) .leaflet-bar a,
:where(.site-theme) .leaflet-bar a:hover { background-color: var(--surface-raised); border-bottom: 1px solid var(--line); width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: var(--text); }
:where(.site-theme) .leaflet-bar a,
:where(.site-theme) .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; }
:where(.site-theme) .leaflet-bar a:hover { background-color: var(--surface-raised); }
:where(.site-theme) .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
:where(.site-theme) .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; }
:where(.site-theme) .leaflet-bar a.leaflet-disabled { cursor: default; background-color: var(--surface-raised); color: var(--muted); }
:where(.site-theme) .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; }
:where(.site-theme) .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }
:where(.site-theme) .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
:where(.site-theme) .leaflet-control-zoom-in,
:where(.site-theme) .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; }
:where(.site-theme) .leaflet-touch .leaflet-control-zoom-in,
:where(.site-theme) .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; }
:where(.site-theme) .leaflet-control-layers { box-shadow: 0 4px 18px #0003; background: var(--surface-raised); border-radius: 5px; }
:where(.site-theme) .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; }
:where(.site-theme) .leaflet-control-layers .leaflet-control-layers-list,
:where(.site-theme) .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; }
:where(.site-theme) .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; }
:where(.site-theme) .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: var(--text); background: var(--surface-raised); }
:where(.site-theme) .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; }
:where(.site-theme) .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; }
:where(.site-theme) .leaflet-control-layers label { display: block; }
:where(.site-theme) .leaflet-control-layers-separator { height: 0; border-top: 1px solid var(--line); margin: 5px -10px 5px -6px; }
:where(.site-theme) .leaflet-container .leaflet-control-attribution { background: var(--surface-raised); background: rgba(255, 255, 255, 0.7); margin: 0; }
:where(.site-theme) .leaflet-control-attribution,
:where(.site-theme) .leaflet-control-scale-line { padding: 0 5px; color: var(--text); }
:where(.site-theme) .leaflet-control-attribution a { text-decoration: none; }
:where(.site-theme) .leaflet-control-attribution a:hover { text-decoration: underline; }
:where(.site-theme) .leaflet-container .leaflet-control-attribution,
:where(.site-theme) .leaflet-container .leaflet-control-scale { font-size: 11px; }
:where(.site-theme) .leaflet-left .leaflet-control-scale { margin-left: 5px; }
:where(.site-theme) .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; }
:where(.site-theme) .leaflet-control-scale-line { border: 2px solid var(--line); border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: var(--surface-raised); background: rgba(255, 255, 255, 0.5); }
:where(.site-theme) .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid var(--line); border-bottom: none; margin-top: -2px; }
:where(.site-theme) .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid var(--line); }
:where(.site-theme) .leaflet-touch .leaflet-control-attribution,
:where(.site-theme) .leaflet-touch .leaflet-control-layers,
:where(.site-theme) .leaflet-touch .leaflet-bar { box-shadow: none; }
:where(.site-theme) .leaflet-touch .leaflet-control-layers,
:where(.site-theme) .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; }
:where(.site-theme) .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; }
:where(.site-theme) .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; }
:where(.site-theme) .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; }
:where(.site-theme) .leaflet-popup-content p { margin: 18px 0; }
:where(.site-theme) .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; }
:where(.site-theme) .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
:where(.site-theme) .leaflet-popup-content-wrapper,
:where(.site-theme) .leaflet-popup-tip { background: var(--surface-raised); color: var(--text); box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: var(--muted); text-decoration: none; font-weight: bold; background: transparent; }
:where(.site-theme) .leaflet-container a.leaflet-popup-close-button:hover { color: var(--muted); }
:where(.site-theme) .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); }
:where(.site-theme) .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; }
:where(.site-theme) .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; }
:where(.site-theme) .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; }
:where(.site-theme) .leaflet-oldie .leaflet-control-zoom,
:where(.site-theme) .leaflet-oldie .leaflet-control-layers,
:where(.site-theme) .leaflet-oldie .leaflet-popup-content-wrapper,
:where(.site-theme) .leaflet-oldie .leaflet-popup-tip { border: 1px solid var(--line); }
:where(.site-theme) .leaflet-div-icon { background: var(--surface-raised); border: 1px solid var(--line); }
:where(.site-theme) .leaflet-tooltip { position: absolute; padding: 6px; background-color: var(--surface-raised); border: 1px solid var(--line); border-radius: 3px; color: var(--text); white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; }
:where(.site-theme) .leaflet-tooltip-top:before,
:where(.site-theme) .leaflet-tooltip-bottom:before,
:where(.site-theme) .leaflet-tooltip-left:before,
:where(.site-theme) .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; }
:where(.site-theme) .leaflet-tooltip-bottom { margin-top: 6px; }
:where(.site-theme) .leaflet-tooltip-top { margin-top: -6px; }
:where(.site-theme) .leaflet-tooltip-bottom:before,
:where(.site-theme) .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; }
:where(.site-theme) .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: var(--line); }
:where(.site-theme) .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: var(--line); }
:where(.site-theme) .leaflet-tooltip-left { margin-left: -6px; }
:where(.site-theme) .leaflet-tooltip-right { margin-left: 6px; }
:where(.site-theme) .leaflet-tooltip-left:before,
:where(.site-theme) .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; }
:where(.site-theme) .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: var(--line); }
:where(.site-theme) .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: var(--line); }

/* assets/css/daterangepicker.css */

:where(.site-theme) .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid var(--line); width: min(100%, 278px); max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: var(--font-body); font-size: 15px; line-height: 1em; }
:where(.site-theme) .daterangepicker:before,
:where(.site-theme) .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; }
:where(.site-theme) .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid var(--line); }
:where(.site-theme) .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid var(--line); border-left: 6px solid transparent; }
:where(.site-theme) .daterangepicker.opensleft:before { right: 9px; }
:where(.site-theme) .daterangepicker.opensleft:after { right: 10px; }
:where(.site-theme) .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }
:where(.site-theme) .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }
:where(.site-theme) .daterangepicker.opensright:before { left: 9px; }
:where(.site-theme) .daterangepicker.opensright:after { left: 10px; }
:where(.site-theme) .daterangepicker.drop-up { margin-top: -7px; }
:where(.site-theme) .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid var(--line); }
:where(.site-theme) .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid var(--line); }
:where(.site-theme) .daterangepicker.single .daterangepicker .ranges,
:where(.site-theme) .daterangepicker.single .drp-calendar { float: none; }
:where(.site-theme) .daterangepicker.single .drp-selected { display: none; }
:where(.site-theme) .daterangepicker.show-calendar .drp-calendar { display: block; }
:where(.site-theme) .daterangepicker.show-calendar .drp-buttons { display: block; }
:where(.site-theme) .daterangepicker.auto-apply .drp-buttons { display: none; }
:where(.site-theme) .daterangepicker .drp-calendar { display: none; max-width: min(100%, 270px); }
:where(.site-theme) .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; }
:where(.site-theme) .daterangepicker .drp-calendar.right { padding: 8px; }
:where(.site-theme) .daterangepicker .drp-calendar.single .calendar-table { border: none; }
:where(.site-theme) .daterangepicker .calendar-table .next span,
:where(.site-theme) .daterangepicker .calendar-table .prev span { color: #fff; border: solid var(--line); border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; }
:where(.site-theme) .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
:where(.site-theme) .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
:where(.site-theme) .daterangepicker .calendar-table th,
:where(.site-theme) .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; }
:where(.site-theme) .daterangepicker .calendar-table { border: 1px solid var(--line); border-radius: 4px; background-color: #fff; }
:where(.site-theme) .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; }
:where(.site-theme) .daterangepicker td.available:hover,
:where(.site-theme) .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; }
:where(.site-theme) .daterangepicker td.week,
:where(.site-theme) .daterangepicker th.week { font-size: 80%; color: #ccc; }
:where(.site-theme) .daterangepicker td.off,
:where(.site-theme) .daterangepicker td.off.in-range,
:where(.site-theme) .daterangepicker td.off.start-date,
:where(.site-theme) .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; }
:where(.site-theme) .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; }
:where(.site-theme) .daterangepicker td.start-date { border-radius: 4px 0 0 4px; }
:where(.site-theme) .daterangepicker td.end-date { border-radius: 0 4px 4px 0; }
:where(.site-theme) .daterangepicker td.start-date.end-date { border-radius: 4px; }
:where(.site-theme) .daterangepicker td.active,
:where(.site-theme) .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; }
:where(.site-theme) .daterangepicker th.month { width: auto; }
:where(.site-theme) .daterangepicker td.disabled,
:where(.site-theme) .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }
:where(.site-theme) .daterangepicker select.monthselect,
:where(.site-theme) .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }
:where(.site-theme) .daterangepicker select.monthselect { margin-right: 2%; width: 56%; }
:where(.site-theme) .daterangepicker select.yearselect { width: 40%; }
:where(.site-theme) .daterangepicker select.hourselect,
:where(.site-theme) .daterangepicker select.minuteselect,
:where(.site-theme) .daterangepicker select.secondselect,
:where(.site-theme) .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid var(--line); padding: 2px; outline: 0; font-size: 12px; }
:where(.site-theme) .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; }
:where(.site-theme) .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }
:where(.site-theme) .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid var(--line); display: none; line-height: 12px; vertical-align: middle; }
:where(.site-theme) .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; }
:where(.site-theme) .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; }
:where(.site-theme) .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid var(--line); }
:where(.site-theme) .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid var(--line); }
:where(.site-theme) .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid var(--line); }
:where(.site-theme) .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid var(--line); }
:where(.site-theme) .daterangepicker .ranges { float: none; text-align: left; margin: 0; }
:where(.site-theme) .daterangepicker.show-calendar .ranges { margin-top: 8px; }
:where(.site-theme) .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }
:where(.site-theme) .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; }
:where(.site-theme) .daterangepicker .ranges li:hover { background-color: #eee; }
:where(.site-theme) .daterangepicker .ranges li.active { background-color: #08c; color: #fff; }
@media (min-width: 564px) {
:where(.site-theme) .daterangepicker { width: auto; }
:where(.site-theme) .daterangepicker .ranges ul { width: 140px; }
:where(.site-theme) .daterangepicker.single .ranges ul { width: 100%; }
:where(.site-theme) .daterangepicker.single .drp-calendar.left { clear: none; }
:where(.site-theme) .daterangepicker.single .ranges,
:where(.site-theme) .daterangepicker.single .drp-calendar { float: left; }
:where(.site-theme) .daterangepicker { direction: ltr; text-align: left; }
:where(.site-theme) .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; }
:where(.site-theme) .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
:where(.site-theme) .daterangepicker .drp-calendar.right { margin-left: 0; }
:where(.site-theme) .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
:where(.site-theme) .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; }
:where(.site-theme) .daterangepicker .ranges,
:where(.site-theme) .daterangepicker .drp-calendar { float: left; }
}
@media (min-width: 730px) {
:where(.site-theme) .daterangepicker .ranges { width: auto; }
:where(.site-theme) .daterangepicker .ranges { float: left; }
:where(.site-theme) .daterangepicker.rtl .ranges { float: right; }
:where(.site-theme) .daterangepicker .drp-calendar.left { clear: none; }
}

/* vendor/cookie-consent/css/cookie-consent.css */

:where(.site-theme) .js-lcc-active { overflow: hidden; }
:where(.site-theme) [class^=lcc-] { box-sizing: border-box; color: var(--text); font-size: 16px; line-height: 22px; }
:where(.site-theme) [class^=lcc-]:first-child { margin-top: 0; }
:where(.site-theme) [class^=lcc-]:last-child { margin-bottom: 0; }
:where(.site-theme) [class^=lcc-][inert] { cursor: default; pointer-events: none; }
:where(.site-theme) [class^=lcc-][inert],
:where(.site-theme) [class^=lcc-][inert] * { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
:where(.site-theme) .lcc-text { font-size: 16px; margin: 0 0 22px; }
:where(.site-theme) .lcc-button { background: none; background-color: var(--surface); border: 1px solid var(--line); color: var(--text); cursor: pointer; display: inline-block; font-size: inherit; margin: 1px 0; padding: 6px 15px; transition: color .2s ease,background-color .2s ease,border-color .2s ease; }
:where(.site-theme) .lcc-button:focus,
:where(.site-theme) .lcc-button:hover { background: var(--surface-raised); border-color: var(--line); }
:where(.site-theme) .lcc-button.lcc-button--ghost { background: transparent; background-color: transparent; border: 1px solid var(--line); color: var(--text); cursor: pointer; display: inline-block; font-size: inherit; margin: 1px 0; padding: 6px 15px; transition: color .2s ease,background-color .2s ease,border-color .2s ease; }
:where(.site-theme) .lcc-button.lcc-button--ghost:focus,
:where(.site-theme) .lcc-button.lcc-button--ghost:hover { background: var(--surface-raised); border-color: var(--line); color: var(--text); }
:where(.site-theme) .lcc-button.lcc-button--link { background: transparent; border-color: transparent; color: inherit; padding-left: 0; padding-right: 0; text-decoration: underline; }
:where(.site-theme) .lcc-button.lcc-button--link:focus,
:where(.site-theme) .lcc-button.lcc-button--link:hover { background: transparent; border-color: transparent; text-decoration: none; }
:where(.site-theme) .lcc-button.lcc-button--link+.lcc-button.lcc-button--link { margin-top: 0; }
:where(.site-theme) .lcc-label { align-items: baseline; display: flex; font-weight: 600; margin-bottom: 5px; }
:where(.site-theme) .lcc-label[for] { cursor: pointer; }
:where(.site-theme) .lcc-label>* { margin-right: 10px; }
:where(.site-theme) input[id^=lcc-]:disabled { color: var(--muted); cursor: default; opacity: .55; }
:where(.site-theme) input[id^=lcc-]:disabled+span { cursor: default; opacity: .6; }
:where(.site-theme) .lcc-backdrop { background: rgba(0,0,0,.6); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transition: opacity .2s ease-in-out; z-index: 10000; }
:where(.site-theme) .lcc-modal { background: var(--surface-raised); box-shadow: 0 4px 18px #0003; left: 50%; max-height: 90%; max-width: 90%; overflow: auto; padding: 30px; position: fixed; top: 50%; transform: translate(-50%,-50%); width: min(100%, 475px); z-index: 10001; }
:where(.site-theme) .lcc-modal .lcc-modal__close { background: none; border: none; color: inherit; cursor: pointer; font-size: 24px; line-height: 1.25; position: absolute; right: 0; top: 0; transition: color .2s ease; width: 30px; }
:where(.site-theme) .lcc-modal .lcc-modal__close:focus,
:where(.site-theme) .lcc-modal .lcc-modal__close:hover { color: var(--muted); }
:where(.site-theme) .lcc-modal .lcc-modal__title { font-size: 22px; margin-bottom: 1em; }
:where(.site-theme) .lcc-modal .lcc-modal__section { margin-bottom: 20px; }
:where(.site-theme) .lcc-modal .lcc-modal__section .lcc-text { margin-left: 24px; }
:where(.site-theme) .lcc-modal .lcc-modal__actions { margin-top: 30px; }
:where(.site-theme) .lcc-modal .lcc-modal__actions-center { display: flex; justify-content: center; }
:where(.site-theme) .lcc-modal .lcc-modal__actions>* { display: block; margin-top: 8px; }
:where(.site-theme) .lcc-modal.lcc-modal--settings { z-index: 10002; }
:where(.site-theme) .lcc-u-sr-only { clip: rect(0,0,0,0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
:where(.site-theme) .lcc-u-text-center { text-align: center; }

/* assets/css/cookie-consent.css */

:where(.site-theme) .lcc-backdrop { background: rgba(0,0,0,0.80); backdrop-filter: blur(2px); }
:where(.site-theme) .lcc-modal { width: min(100%, 520px); max-width: calc(100% - 30px); background: var(--surface); border: 1px solid var(--line); border-radius: 0; padding: 18px; color: var(--text); box-shadow: 0 4px 18px #0003; font-family: var(--font-body); font-size: 14px; line-height: 1.5; }
:where(.site-theme) .lcc-modal > * { margin-left: 0; margin-right: 0; }
:where(.site-theme) .lcc-modal > *:first-child { margin-top: 0; }
:where(.site-theme) .lcc-modal > *:last-child { margin-bottom: 0; }
:where(.site-theme) .lcc-modal .lcc-modal__title { margin: 0 0 12px; padding: 0 0 10px; border-bottom: 1px solid var(--line); color: var(--text); font-family: var(--font-body); font-size: 20px; font-weight: bold; }
:where(.site-theme) .lcc-modal .lcc-text { color: var(--muted); font-size: 13px; line-height: 1.55; }
:where(.site-theme) .lcc-modal a { color: var(--danger); }
:where(.site-theme) .lcc-modal a:hover { color: var(--warning); }
:where(.site-theme) .lcc-modal .lcc-button { display: block; width: 100%; box-sizing: border-box; margin: 7px 0 0; padding: 9px 13px; background: linear-gradient(135deg, var(--surface-raised), var(--surface)); border: 1px solid var(--line); border-radius: 0; color: var(--text); font-family: var(--font-body); font-size: 13px; font-weight: 600; text-align: center; text-decoration: none; cursor: pointer; transition: background 0.15s ease,
            border-color 0.15s ease,
            color 0.15s ease; }
:where(.site-theme) .lcc-modal .lcc-button:hover,
:where(.site-theme) .lcc-modal .lcc-button:focus { background: var(--surface-raised); border-color: var(--line); color: var(--text); }
:where(.site-theme) .lcc-modal .js-lcc-accept { border-left: 4px solid var(--line); background: linear-gradient(135deg, var(--surface-raised), var(--surface)); }
:where(.site-theme) .lcc-modal .js-lcc-accept:hover,
:where(.site-theme) .lcc-modal .js-lcc-accept:focus { background: var(--surface-raised); border-color: var(--line); border-left-color: var(--line); }
:where(.site-theme) .lcc-modal .lcc-button--link { background: var(--surface); border: 1px solid var(--line); color: var(--muted); font-weight: normal; }
:where(.site-theme) .lcc-modal .lcc-button--link:hover,
:where(.site-theme) .lcc-modal .lcc-button--link:focus { background: var(--surface-raised); border-color: var(--line); color: var(--text); }
:where(.site-theme) .lcc-modal .lcc-modal__section { margin: 0; padding: 13px 0; border-bottom: 1px solid var(--line); }
:where(.site-theme) .lcc-modal .lcc-modal__section:last-of-type { border-bottom: 0; }
:where(.site-theme) .lcc-modal .lcc-label { color: var(--text); font-size: 14px; font-weight: 600; }
:where(.site-theme) .lcc-modal .lcc-modal__section .lcc-text { margin-left: 25px; color: var(--muted); }
:where(.site-theme) .lcc-modal input[type="checkbox"] { width: 14px; height: 14px; accent-color: #ff5a00; }
:where(.site-theme) .lcc-modal input[type="checkbox"]:disabled { accent-color: #666; }
:where(.site-theme) .lcc-modal .lcc-modal__actions { margin-top: 16px; }
:where(.site-theme) .lcc-modal .lcc-modal__actions .lcc-button { border-left: 4px solid var(--line); }
:where(.site-theme) .lcc-modal .lcc-modal__close { top: 12px; right: 12px; color: var(--muted); }
:where(.site-theme) .lcc-modal .lcc-modal__close:hover,
:where(.site-theme) .lcc-modal .lcc-modal__close:focus { color: var(--text); }
@media (max-width: 600px) {
:where(.site-theme) .lcc-modal { width: calc(100% - 24px); max-width: calc(100% - 24px); max-height: calc(100vh - 24px); padding: 15px; }
:where(.site-theme) .lcc-modal .lcc-modal__title { font-size: 18px; }
}
:where(.site-theme).js-lcc-active .js-lcc-backdrop { display: block; opacity: 1; position: fixed; inset: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.80); z-index: 999998; }
:where(.site-theme).js-lcc-active .js-lcc-modal { z-index: 999999; }
:where(.site-theme) .js-lcc-essentials { display: none; }

/* Flatpickr calendar (bundled from the existing public dependency) */

:where(.site-theme) .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: min(100%, 307.875px); -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: var(--surface-raised); -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08); box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .flatpickr-calendar.open,
:where(.site-theme) .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; }
:where(.site-theme) .flatpickr-calendar.open { display: inline-block; z-index: 99999; }
:where(.site-theme) .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1); animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1); }
:where(.site-theme) .flatpickr-calendar.inline { display: block; position: relative; top: 2px; }
:where(.site-theme) .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); }
:where(.site-theme) .flatpickr-calendar.static.open { z-index: 999; display: block; }
:where(.site-theme) .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n/**/+1) .flatpickr-day.inRange:nth-child(7n/**/+7) { -webkit-box-shadow: none; box-shadow: none; }
:where(.site-theme) .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n/**/+2) .flatpickr-day.inRange:nth-child(7n/**/+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6; box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .flatpickr-calendar .hasWeeks .dayContainer,
:where(.site-theme) .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
:where(.site-theme) .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; }
:where(.site-theme) .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid var(--line); }
:where(.site-theme) .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; }
:where(.site-theme) .flatpickr-calendar:before,
:where(.site-theme) .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0; width: 0; left: 22px; }
:where(.site-theme) .flatpickr-calendar.rightMost:before,
:where(.site-theme) .flatpickr-calendar.arrowRight:before,
:where(.site-theme) .flatpickr-calendar.rightMost:after,
:where(.site-theme) .flatpickr-calendar.arrowRight:after { left: auto; right: 22px; }
:where(.site-theme) .flatpickr-calendar.arrowCenter:before,
:where(.site-theme) .flatpickr-calendar.arrowCenter:after { left: 50%; right: 50%; }
:where(.site-theme) .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; }
:where(.site-theme) .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; }
:where(.site-theme) .flatpickr-calendar.arrowTop:before,
:where(.site-theme) .flatpickr-calendar.arrowTop:after { bottom: 100%; }
:where(.site-theme) .flatpickr-calendar.arrowTop:before { border-bottom-color: var(--line); }
:where(.site-theme) .flatpickr-calendar.arrowTop:after { border-bottom-color: var(--line); }
:where(.site-theme) .flatpickr-calendar.arrowBottom:before,
:where(.site-theme) .flatpickr-calendar.arrowBottom:after { top: 100%; }
:where(.site-theme) .flatpickr-calendar.arrowBottom:before { border-top-color: var(--line); }
:where(.site-theme) .flatpickr-calendar.arrowBottom:after { border-top-color: var(--line); }
:where(.site-theme) .flatpickr-calendar:focus { outline: 0; }
:where(.site-theme) .flatpickr-wrapper { position: relative; display: inline-block; }
:where(.site-theme) .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
:where(.site-theme) .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0,0,0,0.9); fill: rgba(0,0,0,0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
:where(.site-theme) .flatpickr-months .flatpickr-prev-month,
:where(.site-theme) .flatpickr-months .flatpickr-next-month { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0,0,0,0.9); fill: rgba(0,0,0,0.9); }
:where(.site-theme) .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
:where(.site-theme) .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; }
:where(.site-theme) .flatpickr-months .flatpickr-prev-month i,
:where(.site-theme) .flatpickr-months .flatpickr-next-month i { position: relative; }
:where(.site-theme) .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
:where(.site-theme) .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { left: 0; }
:where(.site-theme) .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
:where(.site-theme) .flatpickr-months .flatpickr-next-month.flatpickr-next-month { right: 0; }
:where(.site-theme) .flatpickr-months .flatpickr-prev-month:hover,
:where(.site-theme) .flatpickr-months .flatpickr-next-month:hover { color: var(--muted); }
:where(.site-theme) .flatpickr-months .flatpickr-prev-month:hover svg,
:where(.site-theme) .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--danger); }
:where(.site-theme) .flatpickr-months .flatpickr-prev-month svg,
:where(.site-theme) .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; }
:where(.site-theme) .flatpickr-months .flatpickr-prev-month svg path,
:where(.site-theme) .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill .1s; transition: fill .1s; fill: inherit; }
:where(.site-theme) .numInputWrapper { position: relative; height: auto; }
:where(.site-theme) .numInputWrapper input,
:where(.site-theme) .numInputWrapper span { display: inline-block; }
:where(.site-theme) .numInputWrapper input { width: 100%; }
:where(.site-theme) .numInputWrapper input::-ms-clear { display: none; }
:where(.site-theme) .numInputWrapper input::-webkit-outer-spin-button,
:where(.site-theme) .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
:where(.site-theme) .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57,57,57,0.15); -webkit-box-sizing: border-box; box-sizing: border-box; }
:where(.site-theme) .numInputWrapper span:hover { background: rgba(0,0,0,0.1); }
:where(.site-theme) .numInputWrapper span:active { background: rgba(0,0,0,0.2); }
:where(.site-theme) .numInputWrapper span:after { display: block; content: ""; position: absolute; }
:where(.site-theme) .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; }
:where(.site-theme) .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57,57,57,0.6); top: 26%; }
:where(.site-theme) .numInputWrapper span.arrowDown { top: 50%; }
:where(.site-theme) .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57,57,57,0.6); top: 40%; }
:where(.site-theme) .numInputWrapper span svg { width: inherit; height: auto; }
:where(.site-theme) .numInputWrapper span svg path { fill: rgba(0,0,0,0.5); }
:where(.site-theme) .numInputWrapper:hover { background: rgba(0,0,0,0.05); }
:where(.site-theme) .numInputWrapper:hover span { opacity: 1; }
:where(.site-theme) .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
:where(.site-theme) .flatpickr-current-month span.cur-month { font-family: var(--font-body); font-weight: 700; color: inherit; display: inline-block; margin-left: .5ch; padding: 0; }
:where(.site-theme) .flatpickr-current-month span.cur-month:hover { background: rgba(0,0,0,0.05); }
:where(.site-theme) .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch�; display: inline-block; }
:where(.site-theme) .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0,0,0,0.9); }
:where(.site-theme) .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0,0,0,0.9); }
:where(.site-theme) .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 .5ch; margin: 0; display: inline-block; font-size: inherit; font-family: var(--font-body); font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
:where(.site-theme) .flatpickr-current-month input.cur-year:focus { outline: 0; }
:where(.site-theme) .flatpickr-current-month input.cur-year[disabled],
:where(.site-theme) .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0,0,0,0.5); background: transparent; pointer-events: none; }
:where(.site-theme) .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: var(--font-body); font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 .5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; }
:where(.site-theme) .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
:where(.site-theme) .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; }
:where(.site-theme) .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0,0,0,0.05); }
:where(.site-theme) .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; }
:where(.site-theme) .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; }
:where(.site-theme) .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
:where(.site-theme) span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0,0,0,0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; }
:where(.site-theme) .dayContainer,
:where(.site-theme) .flatpickr-weeks { padding: 1px 0 0 0; }
:where(.site-theme) .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: min(100%, 307.875px); }
:where(.site-theme) .flatpickr-days:focus { outline: 0; }
:where(.site-theme) .dayContainer { padding: 0; outline: 0; text-align: left; width: min(100%, 307.875px); min-width: min(100%, 307.875px); max-width: min(100%, 307.875px); -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
:where(.site-theme) .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: var(--text); cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
:where(.site-theme) .flatpickr-day.inRange,
:where(.site-theme) .flatpickr-day.prevMonthDay.inRange,
:where(.site-theme) .flatpickr-day.nextMonthDay.inRange,
:where(.site-theme) .flatpickr-day.today.inRange,
:where(.site-theme) .flatpickr-day.prevMonthDay.today.inRange,
:where(.site-theme) .flatpickr-day.nextMonthDay.today.inRange,
:where(.site-theme) .flatpickr-day:hover,
:where(.site-theme) .flatpickr-day.prevMonthDay:hover,
:where(.site-theme) .flatpickr-day.nextMonthDay:hover,
:where(.site-theme) .flatpickr-day:focus,
:where(.site-theme) .flatpickr-day.prevMonthDay:focus,
:where(.site-theme) .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: var(--surface-raised); border-color: var(--line); }
:where(.site-theme) .flatpickr-day.today { border-color: var(--line); }
:where(.site-theme) .flatpickr-day.today:hover,
:where(.site-theme) .flatpickr-day.today:focus { border-color: var(--line); background: var(--surface-raised); color: var(--text); }
:where(.site-theme) .flatpickr-day.selected,
:where(.site-theme) .flatpickr-day.startRange,
:where(.site-theme) .flatpickr-day.endRange,
:where(.site-theme) .flatpickr-day.selected.inRange,
:where(.site-theme) .flatpickr-day.startRange.inRange,
:where(.site-theme) .flatpickr-day.endRange.inRange,
:where(.site-theme) .flatpickr-day.selected:focus,
:where(.site-theme) .flatpickr-day.startRange:focus,
:where(.site-theme) .flatpickr-day.endRange:focus,
:where(.site-theme) .flatpickr-day.selected:hover,
:where(.site-theme) .flatpickr-day.startRange:hover,
:where(.site-theme) .flatpickr-day.endRange:hover,
:where(.site-theme) .flatpickr-day.selected.prevMonthDay,
:where(.site-theme) .flatpickr-day.startRange.prevMonthDay,
:where(.site-theme) .flatpickr-day.endRange.prevMonthDay,
:where(.site-theme) .flatpickr-day.selected.nextMonthDay,
:where(.site-theme) .flatpickr-day.startRange.nextMonthDay,
:where(.site-theme) .flatpickr-day.endRange.nextMonthDay { background: var(--surface-raised); -webkit-box-shadow: none; box-shadow: none; color: var(--text); border-color: var(--line); }
:where(.site-theme) .flatpickr-day.selected.startRange,
:where(.site-theme) .flatpickr-day.startRange.startRange,
:where(.site-theme) .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; }
:where(.site-theme) .flatpickr-day.selected.endRange,
:where(.site-theme) .flatpickr-day.startRange.endRange,
:where(.site-theme) .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; }
:where(.site-theme) .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n/**/+1)),
:where(.site-theme) .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n/**/+1)),
:where(.site-theme) .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n/**/+1)) { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .flatpickr-day.selected.startRange.endRange,
:where(.site-theme) .flatpickr-day.startRange.startRange.endRange,
:where(.site-theme) .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; }
:where(.site-theme) .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6; box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .flatpickr-day.flatpickr-disabled,
:where(.site-theme) .flatpickr-day.flatpickr-disabled:hover,
:where(.site-theme) .flatpickr-day.prevMonthDay,
:where(.site-theme) .flatpickr-day.nextMonthDay,
:where(.site-theme) .flatpickr-day.notAllowed,
:where(.site-theme) .flatpickr-day.notAllowed.prevMonthDay,
:where(.site-theme) .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57,57,57,0.3); background: transparent; border-color: transparent; cursor: default; }
:where(.site-theme) .flatpickr-day.flatpickr-disabled,
:where(.site-theme) .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57,57,57,0.1); }
:where(.site-theme) .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7; box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .flatpickr-day.hidden { visibility: hidden; }
:where(.site-theme) .rangeMode .flatpickr-day { margin-top: 1px; }
:where(.site-theme) .flatpickr-weekwrapper { float: left; }
:where(.site-theme) .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 0 4px 18px #0003; }
:where(.site-theme) .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; }
:where(.site-theme) .flatpickr-weekwrapper span.flatpickr-day,
:where(.site-theme) .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57,57,57,0.3); background: transparent; cursor: default; border: none; }
:where(.site-theme) .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
:where(.site-theme) .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
:where(.site-theme) .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
:where(.site-theme) .flatpickr-time:after { content: ""; display: table; clear: both; }
:where(.site-theme) .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; }
:where(.site-theme) .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: var(--line); }
:where(.site-theme) .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: var(--line); }
:where(.site-theme) .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; }
:where(.site-theme) .flatpickr-time.time24hr .numInputWrapper { width: 49%; }
:where(.site-theme) .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: var(--text); font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
:where(.site-theme) .flatpickr-time input.flatpickr-hour { font-weight: bold; }
:where(.site-theme) .flatpickr-time input.flatpickr-minute,
:where(.site-theme) .flatpickr-time input.flatpickr-second { font-weight: 400; }
:where(.site-theme) .flatpickr-time input:focus { outline: 0; border: 0; }
:where(.site-theme) .flatpickr-time .flatpickr-time-separator,
:where(.site-theme) .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: var(--text); font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
:where(.site-theme) .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; }
:where(.site-theme) .flatpickr-time input:hover,
:where(.site-theme) .flatpickr-time .flatpickr-am-pm:hover,
:where(.site-theme) .flatpickr-time input:focus,
:where(.site-theme) .flatpickr-time .flatpickr-am-pm:focus { background: var(--surface-raised); }
:where(.site-theme) .flatpickr-input[readonly] { cursor: pointer; }
@-webkit-keyframes fpFadeInDown {
from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes fpFadeInDown {
from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

}

/* Shared presentation utilities, deduplicated by property and value. */
@layer utilities {
.u-align-items-center { align-items: center; }
.u-background-color-hsla-0-0pct-100pct-1 { background-color: hsla(0,0%,100%,.1); }
.u-background-color-rgba-0-0-0-0-8 { background-color: rgba(0, 0, 0, 0.8); }
.u-background-color-rgba-255-255-255-0-2 { background-color: rgba(255, 255, 255, 0.2); }
.u-background-color-surface-raised { background-color: var(--surface-raised); }
.u-background-color-transparent { background-color: transparent; }
.u-background-surface-raised { background: var(--surface-raised); }
.u-background-transparent { background: transparent; }
.u-border-0 { border: 0; }
.u-border-0px { border: 0px; }
.u-border-1px-solid-line { border: 1px solid var(--line); }
.u-border-2px-solid-rgba-0-0-0-0-8 { border: 2px solid rgba(0, 0, 0, 0.8); }
.u-border-2px-solid-rgba-121-0-0-0-0-8 { border: 2px solid rgba(121,0, 0, 0, 0.8); }
.u-border-collapse-collapse { border-collapse: collapse; }
.u-border-left-1px-solid-line { border-left: 1px solid var(--line); }
.u-border-none { border: none; }
.u-border-radius-10px { border-radius: 10px; }
.u-border-radius-3px { border-radius: 3px; }
.u-border-radius-4px { border-radius: 4px; }
.u-bottom-5px { bottom: -5px; }
.u-bottom-5px-d176fd { bottom: 5px; }
.u-box-shadow-0-4px-18px-0003 { box-shadow: 0 4px 18px #0003; }
.u-box-sizing-border-box { box-sizing: border-box; }
.u-clear-both { clear: both; }
.u-color-danger { color: var(--danger); }
.u-color-muted { color: var(--muted); }
.u-color-success { color: var(--success); }
.u-color-text { color: var(--text); }
.u-color-warning { color: var(--warning); }
.u-cursor-pointer { cursor: pointer; }
.u-display-block { display: block; }
.u-display-flex { display: flex; }
.u-display-inline { display: inline; }
.u-display-inline-block { display: inline-block; }
.u-display-inline-flex { display: inline-flex; }
.u-display-none { display: none; }
.u-flex-wrap-wrap { flex-wrap: wrap; }
.u-float-left { float: left; }
.u-float-right { float: right; }
.u-font-bold-12px-arial { font: bold 12px Arial; }
.u-font-family-font-body { font-family: var(--font-body); }
.u-font-size-1-17em { font-size: 1.17em; }
.u-font-size-10pt { font-size: 10pt; }
.u-font-size-10px { font-size: 10px; }
.u-font-size-11px { font-size: 11px; }
.u-font-size-12px { font-size: 12px; }
.u-font-size-13pt { font-size: 13pt; }
.u-font-size-13px { font-size: 13px; }
.u-font-size-14px { font-size: 14px; }
.u-font-size-15px { font-size: 15px; }
.u-font-size-17px { font-size: 17px; }
.u-font-size-18px { font-size: 18px; }
.u-font-size-24px { font-size: 24px; }
.u-font-size-8pt { font-size: 8pt; }
.u-font-weight-400 { font-weight: 400; }
.u-font-weight-500 { font-weight: 500; }
.u-font-weight-600 { font-weight: 600; }
.u-font-weight-700 { font-weight: 700; }
.u-font-weight-bold { font-weight: bold; }
.u-font-weight-normal { font-weight: normal; }
.u-gap-10px { gap: 10px; }
.u-gap-12px { gap: 12px; }
.u-gap-16px { gap: 16px; }
.u-gap-20px { gap: 20px; }
.u-gap-2px { gap: 2px; }
.u-gap-4px { gap: 4px; }
.u-gap-5px { gap: 5px; }
.u-gap-6px { gap: 6px; }
.u-height-100px { height: 100px; }
.u-height-103px { height: 103px; }
.u-height-13px { height: 13px; }
.u-height-165px { height: 165px; }
.u-height-20px { height: 20px; }
.u-height-25px { height: 25px; }
.u-height-2px { height: 2px; }
.u-height-30px { height: 30px; }
.u-height-32px { height: 32px; }
.u-height-45px { height: 45px; }
.u-height-4px { height: 4px; }
.u-height-55px { height: 55px; }
.u-height-6px { height: 6px; }
.u-height-72px { height: 72px; }
.u-height-80px { height: 80px; }
.u-height-auto { height: auto; }
.u-horizontal-align-center { horizontal-align: center; }
.u-image-rendering-pixelated { image-rendering: pixelated; }
.u-justify-content-center { justify-content: center; }
.u-justify-content-left { justify-content: left; }
.u-justify-content-space-between { justify-content: space-between; }
.u-left-0 { left: 0; }
.u-left-0px { left: 0px; }
.u-left-125px { left: 125px; }
.u-left-150px { left: 150px; }
.u-left-176px { left: 176px; }
.u-left-23px { left: 23px; }
.u-left-25 { left: 25; }
.u-left-28px { left: 28px; }
.u-left-30px { left: 30px; }
.u-left-38px { left: 38px; }
.u-left-40pct { left: 40%; }
.u-left-5 { left: -5; }
.u-left-5-ac3478 { left: 5; }
.u-left-50pct { left: 50%; }
.u-left-7px { left: 7px; }
.u-line-height-1-2 { line-height: 1.2; }
.u-line-height-1-5 { line-height: 1.5; }
.u-line-height-1-6 { line-height: 1.6; }
.u-line-height-1-8 { line-height: 1.8; }
.u-list-style-type-disc { list-style-type: disc; }
.u-margin-0 { margin: 0; }
.u-margin-0-auto { margin: 0 auto; }
.u-margin-0px { margin: 0px; }
.u-margin-12px-0-0 { margin: 12px 0 0; }
.u-margin-40px { margin: 40px; }
.u-margin-5px-0 { margin: 5px 0; }
.u-margin-bottom-0 { margin-bottom: 0; }
.u-margin-bottom-0cm { margin-bottom: 0cm; }
.u-margin-bottom-10px { margin-bottom: 10px; }
.u-margin-bottom-15px { margin-bottom: 15px; }
.u-margin-bottom-40px { margin-bottom: 40px; }
.u-margin-bottom-4px { margin-bottom: 4px; }
.u-margin-bottom-5px { margin-bottom: 5px; }
.u-margin-bottom-6px { margin-bottom: 6px; }
.u-margin-left-10px { margin-left: 10px; }
.u-margin-left-13px { margin-left: 13px; }
.u-margin-left-1px { margin-left: 1px; }
.u-margin-left-20px { margin-left: 20px; }
.u-margin-left-4px { margin-left: -4px; }
.u-margin-left-50px { margin-left: 50px; }
.u-margin-left-5px { margin-left: 5px; }
.u-margin-left-auto { margin-left: auto; }
.u-margin-right-10px { margin-right: 10px; }
.u-margin-right-20px { margin-right: 20px; }
.u-margin-right-215px { margin-right: 215px; }
.u-margin-right-4px { margin-right: 4px; }
.u-margin-right-5px { margin-right: 5px; }
.u-margin-right-75px { margin-right: 75px; }
.u-margin-right-8px { margin-right: 8px; }
.u-margin-right-auto { margin-right: auto; }
.u-margin-top-0 { margin-top: 0; }
.u-margin-top-10px { margin-top: 10px; }
.u-margin-top-14px { margin-top: 14px; }
.u-margin-top-15px { margin-top: 15px; }
.u-margin-top-18 { margin-top: 18; }
.u-margin-top-18px { margin-top: 18px; }
.u-margin-top-20px { margin-top: 20px; }
.u-margin-top-2px { margin-top: 2px; }
.u-margin-top-3px { margin-top: 3px; }
.u-margin-top-4px { margin-top: 4px; }
.u-margin-top-5px { margin-top: 5px; }
.u-margin-top-6px { margin-top: 6px; }
.u-max-width-160px { max-width: 160px; }
.u-max-width-65pct { max-width: 65%; }
.u-max-width-min-100pct-320px { max-width: min(100%, 320px); }
.u-max-width-unset { max-width: unset; }
.u-min-height-20px { min-height: 20px; }
.u-min-width-160px { min-width: 160px; }
.u-object-fit-contain { object-fit: contain; }
.u-object-fit-cover { object-fit: cover; }
.u-overflow-wrap-break-word { overflow-wrap: break-word; }
.u-padding-0 { padding: 0; }
.u-padding-0-5pct { padding: 0.5%; }
.u-padding-0px { padding: 0px; }
.u-padding-1-5pct { padding: 1.5%; }
.u-padding-10px { padding: 10px; }
.u-padding-15px { padding: 15px; }
.u-padding-20px { padding: 20px; }
.u-padding-2px { padding: 2px; }
.u-padding-35px { padding: 35px; }
.u-padding-3px { padding: 3px; }
.u-padding-40px { padding: 40px; }
.u-padding-4px-8px { padding: 4px 8px; }
.u-padding-5px { padding: 5px; }
.u-padding-8px { padding: 8px; }
.u-padding-bottom-7px { padding-bottom: 7px; }
.u-padding-left-10px { padding-left: 10px; }
.u-padding-left-30px { padding-left: 30px; }
.u-padding-left-58px { padding-left: 58px; }
.u-padding-right-10px { padding-right: 10px; }
.u-padding-right-7px { padding-right: 7px; }
.u-pointer-events-none { pointer-events: none; }
.u-position-absolute { position: absolute; }
.u-position-fixed { position: fixed; }
.u-position-relative { position: relative; }
.u-right-0px { right: 0px; }
.u-text-align-bottom { text-align: bottom; }
.u-text-align-center { text-align: center; }
.u-text-align-justify { text-align: justify; }
.u-text-align-left { text-align: left; }
.u-text-align-right { text-align: right; }
.u-text-decoration-none { text-decoration: none; }
.u-text-shadow-none { text-shadow: none; }
.u-top-0 { top: 0; }
.u-top-0px { top: 0px; }
.u-top-10px { top: -10px; }
.u-top-133px { top: 133px; }
.u-top-18px { top: 18px; }
.u-top-1px { top: -1px; }
.u-top-2px { top: 2px; }
.u-top-30pct { top: 30%; }
.u-top-35pct { top: 35%; }
.u-top-3px { top: 3px; }
.u-top-50pct { top: 50%; }
.u-top-53px { top: 53px; }
.u-top-5px { top: 5px; }
.u-top-90pct { top: 90%; }
.u-transform-rotate-180deg { transform: rotate(180deg); }
.u-transform-translate-50pct-50pct { transform: translate(-50%, -50%); }
.u-transform-translatey-50pct { transform: translateY(-50%); }
.u-vertical-align-middle { vertical-align: middle; }
.u-vertical-align-top { vertical-align: top; }
.u-visibility-hidden { visibility: hidden; }
.u-white-space-nowrap { white-space: nowrap; }
.u-white-space-pre-wrap { white-space: pre-wrap; }
.u-width-100pct { width: 100%; }
.u-width-100px { width: 100px; }
.u-width-109px { width: 109px; }
.u-width-10pct { width: 10%; }
.u-width-110px { width: 110px; }
.u-width-120px { width: 120px; }
.u-width-150px { width: 150px; }
.u-width-15px { width: 15px; }
.u-width-160px { width: 160px; }
.u-width-165px { width: 165px; }
.u-width-175px { width: 175px; }
.u-width-180px { width: 180px; }
.u-width-1pct { width: 1%; }
.u-width-20pct { width: 20%; }
.u-width-20px { width: 20px; }
.u-width-25pct { width: 25%; }
.u-width-25px { width: 25px; }
.u-width-2px { width: 2px; }
.u-width-32px { width: 32px; }
.u-width-33-33pct { width: 33.33%; }
.u-width-35pct { width: 35%; }
.u-width-40pct { width: 40%; }
.u-width-40px { width: 40px; }
.u-width-42px { width: 42px; }
.u-width-45px { width: 45px; }
.u-width-48pct { width: 48%; }
.u-width-50pct { width: 50%; }
.u-width-50px { width: 50px; }
.u-width-60px { width: 60px; }
.u-width-70pct { width: 70%; }
.u-width-70px { width: 70px; }
.u-width-72px { width: 72px; }
.u-width-75pct { width: 75%; }
.u-width-80px { width: 80px; }
.u-width-90pct { width: 90%; }
.u-width-90px { width: 90px; }
.u-width-98pct { width: 98%; }
.u-width-99pct { width: 99%; }
.u-width-min-100pct-190px { width: min(100%, 190px); }
.u-width-min-100pct-200px { width: min(100%, 200px); }
.u-width-min-100pct-206px { width: min(100%, 206px); }
.u-width-min-100pct-210px { width: min(100%, 210px); }
.u-width-min-100pct-220px { width: min(100%, 220px); }
.u-width-min-100pct-240px { width: min(100%, 240px); }
.u-width-min-100pct-260px { width: min(100%, 260px); }
.u-width-min-100pct-266px { width: min(100%, 266px); }
.u-width-min-100pct-370px { width: min(100%, 370px); }
.u-width-unset { width: unset; }
.u-word-break-break-word { word-break: break-word; }
.u-z-index-1000 { z-index: 1000; }
.u-z-index-99 { z-index: 99; }
.u-z-index-9999 { z-index: 9999; }
.u-progress-0 { width: 0%; }
.u-progress-1 { width: 1%; }
.u-progress-2 { width: 2%; }
.u-progress-3 { width: 3%; }
.u-progress-4 { width: 4%; }
.u-progress-5 { width: 5%; }
.u-progress-6 { width: 6%; }
.u-progress-7 { width: 7%; }
.u-progress-8 { width: 8%; }
.u-progress-9 { width: 9%; }
.u-progress-10 { width: 10%; }
.u-progress-11 { width: 11%; }
.u-progress-12 { width: 12%; }
.u-progress-13 { width: 13%; }
.u-progress-14 { width: 14%; }
.u-progress-15 { width: 15%; }
.u-progress-16 { width: 16%; }
.u-progress-17 { width: 17%; }
.u-progress-18 { width: 18%; }
.u-progress-19 { width: 19%; }
.u-progress-20 { width: 20%; }
.u-progress-21 { width: 21%; }
.u-progress-22 { width: 22%; }
.u-progress-23 { width: 23%; }
.u-progress-24 { width: 24%; }
.u-progress-25 { width: 25%; }
.u-progress-26 { width: 26%; }
.u-progress-27 { width: 27%; }
.u-progress-28 { width: 28%; }
.u-progress-29 { width: 29%; }
.u-progress-30 { width: 30%; }
.u-progress-31 { width: 31%; }
.u-progress-32 { width: 32%; }
.u-progress-33 { width: 33%; }
.u-progress-34 { width: 34%; }
.u-progress-35 { width: 35%; }
.u-progress-36 { width: 36%; }
.u-progress-37 { width: 37%; }
.u-progress-38 { width: 38%; }
.u-progress-39 { width: 39%; }
.u-progress-40 { width: 40%; }
.u-progress-41 { width: 41%; }
.u-progress-42 { width: 42%; }
.u-progress-43 { width: 43%; }
.u-progress-44 { width: 44%; }
.u-progress-45 { width: 45%; }
.u-progress-46 { width: 46%; }
.u-progress-47 { width: 47%; }
.u-progress-48 { width: 48%; }
.u-progress-49 { width: 49%; }
.u-progress-50 { width: 50%; }
.u-progress-51 { width: 51%; }
.u-progress-52 { width: 52%; }
.u-progress-53 { width: 53%; }
.u-progress-54 { width: 54%; }
.u-progress-55 { width: 55%; }
.u-progress-56 { width: 56%; }
.u-progress-57 { width: 57%; }
.u-progress-58 { width: 58%; }
.u-progress-59 { width: 59%; }
.u-progress-60 { width: 60%; }
.u-progress-61 { width: 61%; }
.u-progress-62 { width: 62%; }
.u-progress-63 { width: 63%; }
.u-progress-64 { width: 64%; }
.u-progress-65 { width: 65%; }
.u-progress-66 { width: 66%; }
.u-progress-67 { width: 67%; }
.u-progress-68 { width: 68%; }
.u-progress-69 { width: 69%; }
.u-progress-70 { width: 70%; }
.u-progress-71 { width: 71%; }
.u-progress-72 { width: 72%; }
.u-progress-73 { width: 73%; }
.u-progress-74 { width: 74%; }
.u-progress-75 { width: 75%; }
.u-progress-76 { width: 76%; }
.u-progress-77 { width: 77%; }
.u-progress-78 { width: 78%; }
.u-progress-79 { width: 79%; }
.u-progress-80 { width: 80%; }
.u-progress-81 { width: 81%; }
.u-progress-82 { width: 82%; }
.u-progress-83 { width: 83%; }
.u-progress-84 { width: 84%; }
.u-progress-85 { width: 85%; }
.u-progress-86 { width: 86%; }
.u-progress-87 { width: 87%; }
.u-progress-88 { width: 88%; }
.u-progress-89 { width: 89%; }
.u-progress-90 { width: 90%; }
.u-progress-91 { width: 91%; }
.u-progress-92 { width: 92%; }
.u-progress-93 { width: 93%; }
.u-progress-94 { width: 94%; }
.u-progress-95 { width: 95%; }
.u-progress-96 { width: 96%; }
.u-progress-97 { width: 97%; }
.u-progress-98 { width: 98%; }
.u-progress-99 { width: 99%; }
.u-progress-100 { width: 100%; }
}

/* Public experience update: landing, guides, worlds and account overview. */
@layer components {
    .page-intro { margin: 0 0 26px; max-width: 760px; }
    .page-intro p, .muted { color: var(--muted); }
    .content-section { margin: 30px 0 0; scroll-margin-top: 90px; }
    .section-heading, .account-welcome { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
    .section-heading h2 { margin: 0; }
    .section-heading > a { flex-shrink: 0; font-size: 12px; }
    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
    .empty-state { padding: 28px 18px; text-align: center; color: var(--muted); border: 1px dashed var(--line); border-radius: var(--radius); background: var(--surface); }
    .empty-state.compact { padding: 18px; border: 0; }
    .empty-state p { margin-bottom: 12px; }
    .validation-summary h2 { font-size: 15px; margin-bottom: 8px; }
    .validation-summary ul { margin: 0; }
    .validation-summary .text-button { color: inherit; text-align: left; text-decoration: underline; }
    [aria-invalid="true"] { border-color: var(--danger); }
    .home-quick-links { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 24px; font-size: 12px; }
    .server-status.is-unknown .status-dot, .server-status.is-upcoming .status-dot { background: var(--subtle); box-shadow: none; }
    .server-status.is-unknown, .server-status.is-upcoming { color: var(--muted); }

    .guide-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 14px; }
    .guide-link-card { display: flex; flex-direction: column; gap: 9px; padding: 20px; color: var(--text); border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--surface-raised); min-width: 0; }
    a.guide-link-card:hover { color: var(--text); border-color: #54545b; background: var(--surface-hover); }
    .guide-link-card strong { font-size: 15px; font-weight: 600; }
    .guide-link-card span { font-size: 12px; color: var(--muted); line-height: 1.7; }
    .guide-link-card .site-icon { margin-top: auto; color: var(--danger); width: 16px; height: 16px; }
    .guide-callout { padding: 24px; background: var(--accent-soft); border-left: 2px solid var(--accent); border-radius: var(--radius); margin-top: 30px; }
    .guide-callout p { color: var(--muted); max-width: 760px; }
    .guide-callout h3 { font-size: 16px; }
    .guide-step-nav, .wiki-topic-nav, .account-quick-nav { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 24px; }
    .guide-step-nav a, .wiki-topic-nav a, .account-quick-nav a { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 12px; background: var(--surface-raised); border: 1px solid var(--line-soft); border-radius: 4px; color: var(--muted); font-size: 12px; }
    :is(.guide-step-nav, .wiki-topic-nav, .account-quick-nav) a:hover, :is(.wiki-topic-nav, .account-quick-nav) a[aria-current="page"] { background: var(--accent-soft); color: var(--text); border-color: #61353b; }
    .getting-started-steps { padding: 0; margin: 0; list-style: none; }
    .getting-started-steps > li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 20px; padding: 30px 0; border-top: 1px solid var(--line-soft); scroll-margin-top: 90px; }
    .getting-started-steps > li > div > p { color: var(--muted); max-width: 720px; }
    .step-number { font: 600 22px var(--font-mono); color: var(--danger); padding-top: 3px; }
    .guide-world-list { margin: 20px 0; }
    .guide-world-list p { display: flex; flex-direction: column; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--line-soft); }
    .guide-world-list span { color: var(--muted); font-size: 12px; }
    .guide-question { padding: 14px 18px; background: var(--surface-raised); border-radius: var(--radius); }
    .guide-question summary { font-weight: 600; }
    .guide-question p { color: var(--muted); margin-top: 14px; }
    .plain-steps { line-height: 1.9; color: var(--muted); }
    .plain-steps li { margin: 8px 0; }
    .wiki-toolbar { display: flex; justify-content: space-between; gap: 16px; font-size: 11px; color: var(--subtle); margin: 0 0 16px; }
    .wiki-toolbar nav { display: flex; flex-wrap: wrap; gap: 10px; }
    .wiki-toolbar a { color: var(--muted); }
    .wiki-contents { padding: 14px 18px; margin-bottom: 24px; border: 1px solid var(--line-soft); border-radius: var(--radius); font-size: 12px; }
    .wiki-contents summary { color: var(--muted); }
    .wiki-contents nav { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 14px; }
    .wiki-search { max-width: 560px; margin-bottom: 20px; }
    .wiki-search label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 7px; }
    .wiki-search input { width: 100%; }
    .search-feedback { color: var(--muted); font-size: 12px; margin: 8px 0 0; }
    [data-wiki-page] :is(.wiki-container, .guides-container, .rarity-container, .faction-container, .charms-container, .mining-container, .skinning-container) { max-width: 100%; margin: 0; padding: 0; color: var(--text); }
    [data-wiki-page] :is(h2, h3) { scroll-margin-top: 100px; }
    [data-wiki-page] :is(.wiki-panel, .guides-panel, .rarity-panel, .faction-panel) { box-shadow: none; background: var(--surface); border-color: var(--line-soft); }

    .public-world-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 18px; }
    .public-world-card { padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-raised); min-width: 0; }
    .public-world-card header { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
    .public-world-card h3 { font-size: 20px; margin: 0; }
    .world-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; white-space: nowrap; color: var(--muted); }
    .world-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--subtle); }
    .world-status--online { color: var(--success); }
    .world-status--online::before { background: var(--success); }
    .world-status--offline::before { background: var(--danger); }
    .world-status--upcoming::before { background: var(--warning); }
    .world-location { color: var(--muted); font-size: 12px; margin: 12px 0 20px; }
    .world-location span { color: var(--subtle); padding: 0 6px; }
    .world-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0 0 24px; }
    .world-specs > div:last-child { grid-column: 1 / -1; }
    .world-specs dt { font-size: 10px; color: var(--muted); margin-bottom: 4px; }
    .world-specs dd { margin: 0; font-size: 13px; font-weight: 600; }
    .comparison-table { min-width: 480px; }
    .comparison-table th[scope="row"] { color: var(--muted); font-weight: 500; }

    .account-welcome { align-items: flex-start; margin-top: 8px; }
    .account-welcome h2 { margin: 0 0 10px; font-size: 25px; }
    .account-welcome p:not(.eyebrow) { font-size: 12px; color: var(--muted); margin: 0; }
    .account-welcome > a { flex-shrink: 0; }
    .account-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 26px 0; }
    .account-stat { padding: 18px; border: 1px solid var(--line-soft); background: var(--surface-raised); border-radius: var(--radius); min-width: 0; }
    .account-stat > span, .account-stat > a, .account-stat > small { display: block; font-size: 11px; }
    .account-stat > span, .account-stat > small { color: var(--muted); }
    .account-stat strong { display: block; font-size: clamp(17px, 1.5vw, 25px); line-height: 1.3; font-weight: 600; margin: 10px 0; overflow-wrap: anywhere; }
    .action-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; border-top: 1px solid var(--line-soft); }
    .action-row p { color: var(--muted); font-size: 12px; margin: 5px 0 0; }
    .action-row > a { flex-shrink: 0; }
    .status-note { display: block; color: var(--warning); font-size: 10px; margin-top: 5px; }

    .landing-document { scroll-snap-type: y proximity; scroll-behavior: smooth; }
    .showcase-page { background: #09090b; }
    .showcase-header { position: fixed; top: 12px; left: 20px; right: 20px; z-index: 80; max-width: 1500px; margin: 0 auto; min-height: 64px; padding: 12px 22px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid #ffffff16; background: #111113ed; border-radius: 10px; }
    .showcase-links, .showcase-actions { display: flex; align-items: center; gap: 26px; font-size: 12px; }
    .showcase-links a { color: #c3c3cb; }
    .showcase-links a:hover { color: #fff; }
    .showcase-actions { gap: 20px; }
    .motion-toggle { font-size: 11px; color: #b9b9c0; }
    .landing-scene { position: relative; isolation: isolate; display: grid; align-items: center; min-height: 100svh; padding: 128px 64px 100px; overflow: clip; scroll-snap-align: start; scroll-margin-top: 0; }
    .scene-media, .scene-shade { position: absolute; inset: 0; pointer-events: none; }
    .scene-media { z-index: -3; background: #171715; }
    .scene-poster, .scene-video { width: 100%; height: 100%; max-width: none; position: absolute; inset: 0; object-fit: cover; object-position: center; }
    .scene-video { opacity: 0; transition: opacity .6s ease; }
    .landing-scene.is-playing .scene-video { opacity: 1; }
    .scene-shade { z-index: -1; background: linear-gradient(90deg, #09090be8 0%, #09090b85 40%, #09090b30 75%), linear-gradient(0deg, #09090be0, transparent 25%, transparent 75%, #09090b55); }
    .scene--right .scene-shade { background: linear-gradient(270deg, #09090be8 0%, #09090b85 40%, #09090b30 75%), linear-gradient(0deg, #09090be0, transparent 25%, transparent 75%, #09090b55); }
    .scene-inner { width: 100%; max-width: 1280px; margin: 0 auto; }
    .scene--right .scene-inner { display: flex; justify-content: flex-end; }
    .scene-copy { width: min(100%, 570px); padding: clamp(26px, 3vw, 46px); background: #111114c9; border: 1px solid #ffffff1a; border-radius: 16px; backdrop-filter: blur(7px); }
    .scene-copy .eyebrow { font-size: 11px; color: #e09ca1; letter-spacing: 1.8px; margin-bottom: 22px; }
    .scene-copy :is(h1, h2) { font-size: clamp(34px, 4.1vw, 62px); line-height: 1.05; font-weight: 650; letter-spacing: -2px; margin: 0 0 24px; color: #f0f0f3; }
    .scene-description { color: #bdbdc5; font-size: 15px; line-height: 1.8; margin: 0 0 28px; }
    .scene-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
    .scene-buttons .button { min-height: 46px; padding: 12px 18px; font-size: 12px; }
    .scene-download { background: #1a1a1dcc; border-color: #ffffff33; }
    .scene-facts { display: flex; flex-wrap: wrap; gap: 24px; padding: 24px 0 0; margin: 26px 0 0; border-top: 1px solid #ffffff1a; }
    .scene-facts dt { color: #a4a4ad; font-size: 10px; text-transform: uppercase; letter-spacing: .7px; }
    .scene-facts dd { margin: 5px 0 0; color: #e09ca1; font-size: 20px; font-weight: 650; }
    .scene-text-link { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: #e2bec2; margin-top: 24px; }
    .scene-text-link .site-icon { width: 15px; height: 15px; }
    .scene-scroll { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 5px; font-size: 9px; color: #b9b9c1; letter-spacing: 1.2px; text-transform: uppercase; }
    .scene-scroll .site-icon { transform: rotate(90deg); width: 16px; height: 16px; }
    .scene-navigation { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: end; gap: 18px; z-index: 50; }
    .scene-navigation a { display: flex; align-items: center; flex-direction: row-reverse; gap: 10px; min-width: 20px; min-height: 20px; padding: 4px; color: #d2d2d8; }
    .scene-navigation span { width: 6px; height: 6px; border-radius: 50%; background: #b9b9c166; }
    .scene-navigation b { font-size: 10px; font-weight: 500; opacity: 0; transition: opacity .15s; }
    .scene-navigation a:hover b, .scene-navigation a:focus-visible b { opacity: 1; }
    .scene-navigation a[aria-current="true"] span { background: #e09ca1; box-shadow: 0 0 0 4px #bd414930; }
    .scene--worlds { background: linear-gradient(160deg, #171114, #0c0c0e 60%); }
    .scene--start { background: #101012; min-height: 85svh; }
    .scene-inner--wide > h2, .scene-inner--wide > .section-intro h2 { font-size: clamp(32px, 4vw, 52px); letter-spacing: -1.5px; line-height: 1.1; }
    .scene-inner--wide > .section-intro { max-width: 650px; margin-bottom: 34px; }
    .section-intro > p:last-child { color: var(--muted); }
    .showcase-page .public-world-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
    .showcase-page .public-world-card { background: #151517; max-width: 650px; }
    .landing-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; padding: 0; list-style: none; margin: 42px 0; }
    .landing-steps > li { border-top: 1px solid var(--line); padding-top: 22px; }
    .landing-steps span { font: 600 14px var(--font-mono); color: var(--danger); }
    .landing-steps h3 { font-size: 18px; margin: 14px 0; }
    .landing-steps p { color: var(--muted); font-size: 13px; }
    .showcase-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px; padding: 28px clamp(20px, 5vw, 80px); color: var(--subtle); font-size: 11px; }
    .showcase-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
    .showcase-footer a { color: var(--muted); }
}
@layer responsive {
    @media (max-width: 1199px) {
        .showcase-links { gap: 18px; }
        .showcase-header { gap: 16px; }
        .showcase-actions { gap: 14px; }
        .account-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 900px) {
        .showcase-links { display: none; }
        .landing-scene { padding-left: 30px; padding-right: 45px; }
        .scene-navigation { right: 8px; }
        .scene-copy { width: min(100%, 540px); }
    }
    @media (max-width: 767px) {
        .landing-document { scroll-snap-type: none; }
        .showcase-header { left: 10px; right: 10px; top: 8px; padding: 10px 12px; min-height: 60px; gap: 10px; }
        .showcase-header .brand-name { font-size: 13px; }
        .showcase-actions { gap: 9px; }
        .showcase-actions .button { min-height: 38px; padding: 8px 10px; font-size: 10px; }
        .motion-toggle { font-size: 9px; max-width: 46px; text-align: center; }
        .landing-scene { min-height: 100svh; padding: 110px 16px 80px; }
        .scene-copy { padding: 26px 22px; backdrop-filter: none; background: #111114dc; width: 100%; }
        .scene-copy :is(h1, h2) { font-size: clamp(32px, 8.5vw, 48px); letter-spacing: -1px; }
        .scene-description { font-size: 13px; }
        .scene-facts { gap: 20px; }
        .scene-facts dd { font-size: 16px; }
        .scene-buttons .button { flex: 1 1 150px; }
        .scene-navigation { display: none; }
        .scene-shade, .scene--right .scene-shade { background: linear-gradient(0deg, #09090bd9, #09090b50 50%, #09090b80); }
        .landing-steps { grid-template-columns: minmax(0, 1fr); gap: 18px; margin: 28px 0; }
        .landing-steps > li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 8px 14px; }
        .landing-steps span { grid-row: 1 / 3; padding-top: 3px; }
        .landing-steps h3 { margin: 0; font-size: 17px; }
        .landing-steps p { margin: 0; }
        .showcase-page .public-world-card, .public-world-card { padding: 20px; }
        .getting-started-steps > li { grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 24px 0; }
        .getting-started-steps h2 { font-size: 19px; }
        .step-number { font-size: 17px; }
        .guide-callout { padding: 18px; }
        .wiki-toolbar { flex-direction: column; gap: 8px; }
        .guide-step-nav a, .wiki-topic-nav a, .account-quick-nav a { min-height: 42px; }
        .account-welcome { flex-direction: column; }
        .account-welcome h2 { font-size: 22px; }
        .section-heading { flex-wrap: wrap; }
        .action-row { align-items: flex-start; flex-direction: column; }
        .account-stat { padding: 14px; }
        .account-stat strong { font-size: 18px; }
        .account-stat-grid { gap: 9px; }
    }
    @media (prefers-reduced-motion: reduce) {
        .landing-document { scroll-behavior: auto; scroll-snap-type: none; }
        .scene-video { transition: none; }
    }
    @media print {
        .showcase-header, .scene-navigation, .scene-media, .scene-shade, .scene-scroll, .showcase-footer { display: none; }
        .landing-scene { min-height: 0; padding: 20px 0; break-inside: avoid; }
        .scene-copy { width: 100%; border: 0; background: transparent; padding: 0; }
    }
}

@layer components {
    .filter-bar { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; padding: 20px; background: var(--surface-raised); border: 1px solid var(--line-soft); border-radius: var(--radius); margin-bottom: 24px; }
    .filter-bar .form-field { flex: 1 1 180px; margin: 0; }
    .filter-bar select { width: 100%; }
    .filter-bar .form-actions { margin: 0; }
    .download-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 18px; }
    .download-card { padding: 24px; background: var(--surface-raised); border: 1px solid var(--line-soft); border-radius: var(--radius); }
    .download-card p, .download-card li { color: var(--muted); font-size: 13px; }
    .download-card .site-icon { width: 26px; height: 26px; color: var(--danger); margin-bottom: 16px; }
}

/* System guides use the page surface, with headings instead of nested panels. */
.system-guide { max-width: 940px; }
.system-guide-intro { color: var(--muted); font-size: 16px; line-height: 1.75; margin: 0 0 30px; max-width: 78ch; }
.system-guide-section { margin: 0; padding: 25px 0; border-top: 1px solid var(--line-soft); }
.system-guide-section h2 { margin: 0 0 12px; font-size: 19px; line-height: 1.4; }
.system-guide-section p { max-width: 82ch; margin: 0 0 12px; line-height: 1.8; }
.system-guide-section p:last-child { margin-bottom: 0; }
.system-guide-related { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; padding-top: 24px; border-top: 1px solid var(--line-soft); }
.system-guide-related span { color: var(--muted); font-size: 12px; }
[data-wiki-page] :is(.wiki-page, .wiki-detail) { padding: 0; border: 0; background: transparent; box-shadow: none; }
[data-wiki-page] :is(.wiki-hero, .wiki-card, .wiki-panel) { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin: 0 0 28px; }
[data-wiki-page] .wiki-hero h1, [data-wiki-page] .wiki-card h1 { font-size: 22px; }
[data-wiki-page] .wiki-card .hero { background: transparent; border: 0; padding: 0; }
[data-wiki-page] .quest-category-panel { padding-top: 22px; border-top: 1px solid var(--line-soft); }

[data-wiki-page] .guide-facts { display: grid; grid-template-columns: minmax(130px, 1fr) 2fr; gap: 0; margin: 18px 0; }
[data-wiki-page] .guide-facts :is(dt, dd) { margin: 0; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line-soft); }
[data-wiki-page] .guide-facts dt { color: var(--muted); }

/* Bazaar bid buttons: must out-rank the components-layer .button rules. */
@layer utilities {
    .view--bazaar-buy-index .BazaarCardBid .auction-bid-controls { justify-items: stretch; padding: 0; }
    .view--bazaar-buy-index .BazaarCardBid .auction-bid-controls .form-actions { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; margin: 0; }
    .view--bazaar-buy-index .BazaarCardBid .auction-bid-controls .form-actions form { width: 100%; margin: 0; }
    .view--bazaar-buy-index .BazaarCardBid .form-actions input.button { width: 100%; }
    .view--bazaar-buy-index .BazaarCardBid .form-actions input.button-primary { background: var(--accent); border-color: var(--accent); color: #fff; }
    .view--bazaar-buy-index .BazaarCardBid .form-actions input.button-primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
}