@charset "UTF-8";
:root {
    color-scheme: light;
    --button-bg: #27334c;
    --button-text: #fffdf9;
    --button-hover: #43506a;
    --button-hover-text: #fffdf9;
    --soft-surface: #eeebe5;
    --image-matte: #efebe5;
    --meta-bg: #efebf3;
    --meta-text: #7b6c8b;
    --quote-bg: #f0ebf2;
    --quote-text: #686578;
    --quote-line: #cabcd6;
    --link-text: #6d587f;
    --sidebar-bg: #f0ece5;
    --notice-bg: #eee8de;
    --code-bg: #fffdf9;
    --card-number-bg: #fffdf9ee;
    --underline-bg: #e4d9ee;
    --note-bg: #f0e9db;
    --note-line: #ded6c6;
    --savebar-bg: #f7f4edf5;
    --danger: #9e3340;
    --danger-bg: #f7e9eb;
    --danger-line: #dbc2c5;
    --success-text: #3a6341;
    --success-bg: #edf4ec;
    --success-line: #bbd4be;
    --diary-guide-bg: #eee8f2;
    --diary-guide-line: #d8cde2;
    --role-tank: #1d4ed8;
    --role-healer: #15803d;
    --role-dps: #b91c1c;
    --quick-note: #756780;
    --guide-color-red: #b44851;
    --guide-color-orange: #986017;
    --guide-color-yellow: #827014;
    --guide-color-green: #36734a;
    --guide-color-blue: #3a65a3;
    --guide-color-purple: #7b5599;
    --guide-color-gray: #69717c;
    --feature-shadow: 0 8px 28px #27334c10;
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --paper: #181c25;
    --ink: #e8eaf0;
    --muted: #aeb6c7;
    --purple: #c3afe4;
    --lavender: #363047;
    --line: #424957;
    --white: #232936;
    --button-bg: #c3afe4;
    --button-text: #21182e;
    --button-hover: #dbc8f4;
    --button-hover-text: #21182e;
    --soft-surface: #202632;
    --image-matte: #1b202b;
    --meta-bg: #363047;
    --meta-text: #d0bde8;
    --quote-bg: #2b2637;
    --quote-text: #c7bfce;
    --quote-line: #655277;
    --link-text: #d2baee;
    --sidebar-bg: #202632;
    --notice-bg: #302d32;
    --code-bg: #151b25;
    --card-number-bg: #232936eb;
    --underline-bg: #514264;
    --note-bg: #332d2c;
    --note-line: #65534d;
    --savebar-bg: #181c25f5;
    --danger: #ffadb7;
    --danger-bg: #422932;
    --danger-line: #825360;
    --success-text: #b5e2bc;
    --success-bg: #20362b;
    --success-line: #476b53;
    --diary-guide-bg: #2d2639;
    --diary-guide-line: #605175;
    --role-tank: #93c5fd;
    --role-healer: #86efac;
    --role-dps: #fca5a5;
    --quick-note: #b8aac7;
    --guide-color-red: #e6a0a6;
    --guide-color-orange: #dbb27c;
    --guide-color-yellow: #d1c27f;
    --guide-color-green: #98c6a3;
    --guide-color-blue: #9ebce8;
    --guide-color-purple: #c2a7da;
    --guide-color-gray: #b3bac4;
    --feature-shadow: 0 8px 28px #0004;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        color-scheme: dark;
    --paper: #181c25;
    --ink: #e8eaf0;
    --muted: #aeb6c7;
    --purple: #c3afe4;
    --lavender: #363047;
    --line: #424957;
    --white: #232936;
    --button-bg: #c3afe4;
    --button-text: #21182e;
    --button-hover: #dbc8f4;
    --button-hover-text: #21182e;
    --soft-surface: #202632;
    --image-matte: #1b202b;
    --meta-bg: #363047;
    --meta-text: #d0bde8;
    --quote-bg: #2b2637;
    --quote-text: #c7bfce;
    --quote-line: #655277;
    --link-text: #d2baee;
    --sidebar-bg: #202632;
    --notice-bg: #302d32;
    --code-bg: #151b25;
    --card-number-bg: #232936eb;
    --underline-bg: #514264;
    --note-bg: #332d2c;
    --note-line: #65534d;
    --savebar-bg: #181c25f5;
    --danger: #ffadb7;
    --danger-bg: #422932;
    --danger-line: #825360;
    --success-text: #b5e2bc;
    --success-bg: #20362b;
    --success-line: #476b53;
    --diary-guide-bg: #2d2639;
    --diary-guide-line: #605175;
    --role-tank: #93c5fd;
    --role-healer: #86efac;
    --role-dps: #fca5a5;
    --quick-note: #b8aac7;
    --guide-color-red: #e6a0a6;
    --guide-color-orange: #dbb27c;
    --guide-color-yellow: #d1c27f;
    --guide-color-green: #98c6a3;
    --guide-color-blue: #9ebce8;
    --guide-color-purple: #c2a7da;
    --guide-color-gray: #b3bac4;
    --feature-shadow: 0 8px 28px #0004;
    }
}
.theme-control{display:flex;align-items:center;gap:8px;flex:none;font-size:11px}
.theme-control label{color:var(--muted);white-space:nowrap}
.theme-control select{font:inherit;min-height:38px;max-width:132px;padding:6px 9px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:4px;cursor:pointer}
.theme-control select:disabled{cursor:default}
.theme-control select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.button,.guide-tabs a[aria-current="page"]{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text)}
.button:hover{background:var(--button-hover);color:var(--button-hover-text)}
.editor-read-button{background:transparent;color:var(--ink)}
.editor-read-button:hover{background:var(--button-hover);color:var(--button-hover-text)}
.hero-description,.card-body p,.about-quote>p:not(.eyebrow),.character-copy>p,.entry-note>p:not(.eyebrow){color:var(--muted)}
.hero-feature{border-color:var(--line);box-shadow:var(--feature-shadow)}
.feature-image,.card-image{background:var(--image-matte)}
.card-number{background:var(--card-number-bg);border-color:var(--line)}
.underlined:after{background:var(--underline-bg)}
.chapter-strip,.filters,.editor-toolbar{background:var(--soft-surface)}
.chapter-strip .container{color:var(--muted)}
.meta span,.kind-label{background:var(--meta-bg);color:var(--meta-text)}
.guide-notice{background:var(--notice-bg)}
.guide-sidebar{background:var(--sidebar-bg)}
.guide-prose pre{background:var(--code-bg)}
.guide-prose blockquote{background:var(--quote-bg);color:var(--quote-text);border-color:var(--quote-line)}
.guide-prose a{color:var(--link-text)}
.guide-prose pre .ff14-role--tank{color:var(--role-tank)}
.guide-prose pre .ff14-role--healer{color:var(--role-healer)}
.guide-prose pre .ff14-role--dps{color:var(--role-dps)}
.guide-prose pre .guide-quick-note{color:var(--quick-note)}
.guide-prose .guide-text-color--red{color:var(--guide-color-red)}
.guide-prose .guide-text-color--orange{color:var(--guide-color-orange)}
.guide-prose .guide-text-color--yellow{color:var(--guide-color-yellow)}
.guide-prose .guide-text-color--green{color:var(--guide-color-green)}
.guide-prose .guide-text-color--blue{color:var(--guide-color-blue)}
.guide-prose .guide-text-color--purple{color:var(--guide-color-purple)}
.guide-prose .guide-text-color--gray{color:var(--guide-color-gray)}
.guide-prose .guide-text-color .guide-quick-note{color:inherit}
.note-paper{background:var(--note-bg);border-color:var(--note-line)}
.diary-guides{background:var(--diary-guide-bg);border-color:var(--diary-guide-line)}
.filters input,.filters select,.editor-toolbar input,.editor-toolbar button,.editor-title-input,.editor-source textarea,.guide-create-form select{color:var(--ink);border-color:var(--line)}
.editor-toolbar button,.guide-image-close{color:var(--ink)}
.editor-save-bar{background:var(--savebar-bg)}
.guide-image-dialog{background:var(--white);color:var(--ink)}
.guide-delete-button{color:var(--danger);border-color:var(--danger-line)}
.guide-delete-button:hover,.guide-trash-icon-button:hover{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-line)}
.guide-trash-icon-button{color:var(--danger)}
.guide-delete-button:focus-visible,.guide-trash-icon-button:focus-visible{outline-color:var(--danger)}
.editor-save-bar [data-error=true],.editor-server-errors,.guide-action-errors,.form-error{color:var(--danger)}
.guide-save-success,.guide-action-notice{background:var(--success-bg);color:var(--success-text);border-color:var(--success-line)}
.pagination .disabled{color:var(--muted)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}
@media(max-width:900px){
    .header-inner{flex-wrap:wrap}
    .header nav{order:3;width:100%;justify-content:center}
    .theme-control{margin-left:auto}
}
@media(max-width:480px){
    .header-inner{justify-content:space-between}
    .brand{justify-content:flex-start}
    .theme-control select{max-width:114px}
}
@media(max-width:420px){.theme-control label{display:none}.header nav{gap:18px}}
@media print{
    :root,:root[data-theme]{
        color-scheme:light;
        --paper:#f7f4ed;--ink:#27334c;--muted:#737781;--purple:#827194;
        --lavender:#e9e2ef;--line:#dedbd5;--white:#fffdf9;
    --button-bg: #27334c;
    --button-text: #fffdf9;
    --button-hover: #43506a;
    --button-hover-text: #fffdf9;
    --soft-surface: #eeebe5;
    --image-matte: #efebe5;
    --meta-bg: #efebf3;
    --meta-text: #7b6c8b;
    --quote-bg: #f0ebf2;
    --quote-text: #686578;
    --quote-line: #cabcd6;
    --link-text: #6d587f;
    --sidebar-bg: #f0ece5;
    --notice-bg: #eee8de;
    --code-bg: #fffdf9;
    --card-number-bg: #fffdf9ee;
    --underline-bg: #e4d9ee;
    --note-bg: #f0e9db;
    --note-line: #ded6c6;
    --savebar-bg: #f7f4edf5;
    --danger: #9e3340;
    --danger-bg: #f7e9eb;
    --danger-line: #dbc2c5;
    --success-text: #3a6341;
    --success-bg: #edf4ec;
    --success-line: #bbd4be;
    --diary-guide-bg: #eee8f2;
    --diary-guide-line: #d8cde2;
    --role-tank: #1d4ed8;
    --role-healer: #15803d;
    --role-dps: #b91c1c;
    --quick-note: #756780;
    --guide-color-red: #b44851;
    --guide-color-orange: #986017;
    --guide-color-yellow: #827014;
    --guide-color-green: #36734a;
    --guide-color-blue: #3a65a3;
    --guide-color-purple: #7b5599;
    --guide-color-gray: #69717c;
    --feature-shadow: 0 8px 28px #27334c10;
    }
    .theme-control{display:none!important}
}
.skip-link{background:var(--button-bg);color:var(--button-text)}