/* Parchment UI: presentation only; game images and calculation behavior stay intact. */
:root {
 color-scheme: light;
 --paper:#f5efe3; --paper-raised:#fbf7ee; --ink:#302b25; --seal:#8b252b;
 --text:#302b25; --title:#211e19; --muted:#756b5c; --special:#84262c;
 --ui-font: "Segoe UI", system-ui, sans-serif;
 --ui-gold:#8b252b; --ui-gold-soft:#8b252b12; --ui-line:#c8baa5;
 --ui-text:#302b25; --ui-dim:#756b5c; --ui-glass:#f5efe3; --ui-glass-strong:#fbf7ee;
 --ui-glass-line:#c8baa5; --armory-panel:#f5efe3; --armory-field:#fbf7ee;
 --armory-accent:#8b252b; --armory-selected:#eadbd0;
}
html { background:#e6dccb; }
body { color:var(--ink); background:radial-gradient(ellipse at 20% 5%,#fff9ed88,transparent 65%),repeating-linear-gradient(92deg,#aa8e6010 0 1px,transparent 1px 5px),#f0e7d8; }
* { scrollbar-color:#b6a38a #ede4d4; }
::-webkit-scrollbar-track { background:#ede4d4; }
::-webkit-scrollbar-thumb { background:#b6a38a; border-radius:2px; }
body .sticky-toolbar { background:#f0e7d8; }
body .taskbar { border:1px solid #b7a18a; border-radius:3px; background:linear-gradient(90deg,#fbf7eeed,#f1e5d4ee),url('../img/site/ink-landscape.svg') center / cover; box-shadow:0 2px 6px #5b422017; }
body .taskbar .brand { text-shadow:none; }
body .taskbar .views { border:0; background:transparent; border-radius:0; gap:4px; }
body .view-tab { background:transparent; color:#615748; border:0; border-radius:2px; box-shadow:none; }
body .view-tab:hover { background:#8b252b0c; color:#8b252b; }
body .view-tab.active { color:#8b252b; background:#8b252b0d; box-shadow:inset 0 -2px #8b252b; }
body :is(.build-row,.sub-tabs,.sim-credit,.affect-bar,.skillbar,.devbar,.site-footer) { background:#f6eee2; color:var(--ink); border-color:#c8baa5; border-radius:3px; box-shadow:none; }
body .sub-tab { color:#756b5c; background:transparent; border:0; border-radius:0; box-shadow:none; }
body .sub-tab.active { color:#8b252b; background:#8b252b08; border-color:#8b252b; box-shadow:inset 0 -2px #8b252b; }
body .build-card,body .bc-act { background:#fbf7ee; border:1px solid #c8baa5; color:#302b25; border-radius:3px; box-shadow:none; }
body .build-card.active { background:#f1e2d8; border-color:#8b252b; }
body :is(.saved-note,.sk-name,.bb-total,.rank-lbl,.rank-caret,.hint,.gal-admin,.gal-info,.gal-notes) { color:#756b5c; }
body .board, body .modal { color:var(--ink); background:linear-gradient(135deg,#fbf7ee,#f2e9da); border:1px solid #b8a58e; border-radius:4px; border-image:none; box-shadow:0 3px 12px #684b2512; }
body .titlebar { background:transparent; color:#26201a; border-bottom:1px solid #c8baa5; font-family:Georgia,'Times New Roman',serif; font-size:19px; font-weight:700; letter-spacing:-.3px; }
body .titlebar::before { content:''; width:3px; background:#8b252b; }
body :is(.section,.sub-section,.inv-subtitle,.window-heading) { color:#8b252b; border-color:#c8baa5; font-family:Georgia,'Times New Roman',serif; letter-spacing:.3px; }
body :is(.close,.titlebar .close) { color:#756b5c; background:transparent; border-color:#c8baa5; border-radius:2px; }
body .close:hover { background:#8b252b12; color:#8b252b; }
body :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.slot-input,.slot-text,.rank-cur,.cat-cur,.bsel-cur,.bonus-combo,.gal-in) { color:#302b25; background:#fbf7ee; border:1px solid #bfae96; border-radius:3px; box-shadow:inset 0 1px 2px #5b422008; }
body :is(input,select,textarea):focus { outline:2px solid #8b252b; outline-offset:2px; }
body input::placeholder,body textarea::placeholder { color:#887d6c; }
body select option,body select optgroup { background:#fbf7ee; color:#302b25; }
body :is(.cat-menu,.bsel-menu,.combo-list,.rank-menu,.acct-menu) { color:#302b25; background:#fbf7ee; border:1px solid #bfae96; border-radius:3px; box-shadow:0 8px 22px #38271230; }
body :is(.cat-opt,.bsel-opt,.combo-list > div):hover,body :is(.cat-opt.active,.bsel-opt.active,.combo-list > div.active) { background:#eadbd0; color:#752027; }
body :is(.tabs,.class-row,.rank-cur,.ds-ring) { background:#ece1d0; border-color:#c8baa5; color:#665c4e; }
body .tab { color:#756b5c; background:transparent; border-radius:2px; }
body .tab.active,body .class-row.on { color:#8b252b; background:#eadbd0; border-color:#8b252b; box-shadow:inset 0 -2px #8b252b; }
body .m2-btn,body .dlg-btn { color:#514538; background:#f4ecdf; border:1px solid #bca68c; border-image:none; border-radius:3px; box-shadow:none; text-shadow:none; }
body .m2-btn:hover,body .dlg-btn:hover { background:#e9dbc8; border-color:#8b252b; color:#752027; }
body :is(.m2-btn.on,.m2-btn.active,.m2-btn.primary,.share-btn,.acct-btn:not(.signed),.dlg-btn.dlg-ok:not(.danger)),body #simulate { background:linear-gradient(#9a3037,#7c1f26); color:#fff8ee; border-color:#6d1a21; box-shadow:inset 0 0 0 2px #ffffff16; }
body .build-bar .m2-btn.share-btn { background:#8b252b; color:#fff8ee; border-color:#6d1a21; }
body .taskbar .tb-right { background:transparent; }
body .taskbar .tb-right :is(.m2-btn,.cat-cur) { border-radius:3px; color:#514538; }
body .acct-btn.signed { background:#f4ecdf; color:#302b25; border-color:#bca68c; }
body .acct-pic.initial { background:#8b252b; color:#fff8ee; }
body .tutorial-btn { color:#8b252b; background:#f6eee2; border-color:#c8baa5; box-shadow:none; }
body .btn-up,body .upg-btn { color:#615748; background:#e9ddca; border-color:#c8baa5; border-radius:2px; }
body .upg-btn.on { color:#fff8ee; background:#8b252b; border-color:#6d1a21; }
body :is(.notice,.edit-hint,.confirm-ic,.info-bar,.dg-notice) { background:#eadcc8; color:#594631; border-color:#bda486; box-shadow:none; }
body :is(.t-name,.item-name,.item-title,.set-label,.set-pick,.confirm-title) { color:#8b252b; }
body :is(.tooltip,.tip,.item-tip) { color:#302b25; background:#fbf7ee; border-color:#bca68c; box-shadow:0 6px 22px #38271230; }
body :is(.t-info,.t-type,.t-level) { color:#756b5c; background:transparent; border-color:#c8baa5; }
body :is(.bonus-row,.bonus-edit,.b-edit,.dg-gate,.dg-bonus,.dg-diagram,.dg-space,.dg-requirements,.gal-row,.gal-attacks) { color:#302b25; background:#fbf7ee; border-color:#c8baa5; border-radius:3px; }
body :is(.dg-gate.selected,.dg-space.filled,.gal-atk.on,.gal-bar-row.on) { background:#eadbd0; border-color:#8b252b; color:#752027; box-shadow:none; }
body :is(.gal-score,.gal-atk-dmg,.gal-bar-dmg,.battle-result,.result-damage,.damage-value) { color:#8b252b; }
body .gal-score { font-family:Georgia,'Times New Roman',serif; font-size:25px; }
body :is(.gal-name,.gal-atk,.gal-bar-row,.shared-name) { color:#302b25; }
body :is(.gal-vs,.gal-more,.gal-atk-head) { color:#8b252b; }
body .gal-badge { color:#fff8ee; background:#8b252b; border-color:#6d1a21; }
body .gal-bar-fill { background:#c8baa5; }
body .gal-bar-row.on .gal-bar-fill { background:#8b252b; }
body :is(.summary.stats,.summary.total) { color:#302b25; }
body .summary tr:nth-child(even) { background:#e9dfd088; }
body .summary .val,body :is(.t-stat,.t-bonus) { color:#32634b; }
body .t-bonus.special { color:#6c4e87; }
body .sim-credit :is(a,.sim-credit-icon,.sim-credit-tip) { color:#8b252b; }
body :is(.qm-chip,.scroll-cue,.swipe-hint,.panel-scroll-cue) { color:#8b252b; background:#f6eee2; border-color:#bca68c; box-shadow:none; }
body .swipe-hint svg { stroke:#8b252b; }
body .site-footer { color:#756b5c; }
body .site-footer a { color:#8b252b; }
body.compact-desktop #equipment-dock { background:linear-gradient(135deg,#fbf7ee,#f2e9da); border-color:#b8a58e; border-radius:4px; box-shadow:0 3px 12px #684b2512; }
body #equipment-dock :is(.skillbar,.buffbar) { background:transparent; color:#302b25; border-color:#c8baa5; }
body :is(.bb-section > summary,.skill-header) { background:#ece1d0; color:#8b252b; border-color:#c8baa5; border-radius:2px; }
/* Game tiles retain a dark inset so silhouettes and transparent art stay readable. */
body :is(.inv-cell,.slot,.cons-cell,.affect,.sk-icon,.pet-slot,.pet-icon,.stone-slot) { border-color:#a98a68; background-color:#302b25; box-shadow:none; border-radius:3px; }
body :is(.cons-cell.on,.affect.on,.pet-slot.on) { border-color:#8b252b; box-shadow:0 0 0 1px #8b252b; }
body .catalog-cell { background:#e4d6c0; border-color:#c0aa8a; }
body :is(.confirm-modal,.confirm-box,.auth-dialog,.tour-box,.gallery-edit-bar) { background:#fbf7ee; color:#302b25; border-color:#bca68c; border-radius:4px; }
body .confirm-ic { color:#8b252b; }
body .modal-backdrop { background:#302519cc; }
body a { color:#8b252b; }
body button:disabled { opacity:.5; }
@media(max-width:819px) {
 body .taskbar,body .build-row,body .sub-tabs,body .board,body .bottom-nav { border-radius:4px; }
 body .bottom-nav { background:#f6eee2; border-color:#bca68c; box-shadow:0 -4px 16px #38271215; }
 body .bottom-nav .bn-tab { color:#756b5c; background:transparent; }
 body .bottom-nav .bn-tab.active { background:#eadbd0; color:#8b252b; border-color:#8b252b; }
 body .menu-btn { background:#f6eee2; color:#8b252b; border-color:#bca68c; }
 body.menu-open .taskbar .tb-right { background:#fbf7ee; border-color:#bca68c; }
}
/* Replace inherited game-window chrome, including its more specific selectors. */
body #desktop .board:not(.ds-window),body .modal { background:linear-gradient(135deg,#fbf7ee,#f2e9da) !important; color:#302b25; border-color:#b8a58e; border-radius:4px; box-shadow:0 3px 12px #684b2512; }
body #desktop .board .titlebar { color:#26201a; background:transparent; font:700 19px Georgia,serif; height:34px; line-height:32px; }
body .board .tabs { background:#ece1d0; border-radius:2px; }
body .board .tab { color:#756b5c; border-radius:2px; }
body .board .tab.active { color:#8b252b; background:#eadbd0; box-shadow:inset 0 -2px #8b252b; }
body :is(.board,.modal,.taskbar) :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.cat-cur,.bsel-cur,.slot-input,.slot-text) { background:#fbf7ee !important; color:#302b25 !important; border-color:#bfae96; border-radius:3px; }
body .board .info-bar,body #equipment-dock > .buffbar > .bb-head { color:#8b252b; border-color:#c8baa5; }
body .taskbar .tb-windows .m2-btn { background:#f4ecdf; color:#514538; border-color:#bca68c; border-radius:3px; }
body .taskbar .tb-windows .m2-btn.active { background:#eadbd0; color:#8b252b; border-color:#8b252b; box-shadow:inset 0 -2px #8b252b; }
body .board .m2-btn { background:#f4ecdf; color:#514538; border-color:#bca68c; border-radius:3px; }
body .board .m2-btn.primary,body .board #simulate,body .board #simulate-btn { background:#8b252b; color:#fff8ee; border-color:#6d1a21; }
body .build-card.on { background:#eadbd0; border-color:#8b252b; color:#302b25; }
body .build-card :is(.bc-name,.bc-sub,.bc-arrow) { color:#514538; }
body .tutorial-btn,body .site-footer a { color:#8b252b !important; text-shadow:none; box-shadow:none; }
body .board :is(.lv-exp,.stat-slot,.stat-step,.rank-dd,.stats-input,.slot) { color:#302b25; }
body :is(.cat-menu,.bsel-menu,.combo-list,.tooltip,.toast,.rank-menu) { background:#fbf7ee !important; color:#302b25; }
body :is(.cat-opt,.bsel-opt) { color:#514538; }
body .tooltip .t-name,body .modal :is(.t-name,.name),body .tooltip .t-level { color:#8b252b; }
body .tooltip :is(.t-bonus,.t-stat) { color:#32634b; }
body .confirm-box,body .confirm-modal { background:#fbf7ee !important; }
body .inv-footer :is(.inv-action,.trash) { background:#ece1d0; color:#514538; border-color:#bca68c; }
body .ds-ring { background:radial-gradient(circle,#e3d2b7,#f9f3e8 72%); }
body #inventory-grid .inv-cell { background:#302b25; border-color:#a98a68; }
body .catalog-cell { background:#e4d6c0; }
body .edit-hint,body .catalog-help { color:#594631; background:#eadcc8; border-color:#bda486; box-shadow:none; }
body .taskbar .tb-windows .m2-btn.active,body .taskbar .tb-windows [data-toggle].active { color:#8b252b !important; background:#eadbd0 !important; border-color:#8b252b !important; border-radius:3px; box-shadow:inset 0 -2px #8b252b; }
body #tutorial-btn,body .tutorial-btn { color:#8b252b !important; background:#f4ecdf !important; border-color:#bca68c !important; box-shadow:none !important; }
body .board .titlebar { font-family:Georgia,'Times New Roman',serif !important; }
body .catalog-help,body .catalog-tip,body .catalog-hint { color:#594631 !important; background:#eadcc8 !important; border-color:#bda486 !important; box-shadow:none !important; }
body .brand-logo { width:220px; height:58px; }
body .tooltip .t-stat,body .tooltip .t-bonus,body .summary .val { color:#32634b !important; }
body :is(.equipment-bg,#equipment-bg,#costume-bg) { background-color:#e4d6c0; border-radius:3px; border-color:#bca68c; }
body .inv-cell { border-radius:0 !important; border:1px solid #a98a68 !important; }
/* Desktop navigation becomes a quiet book-spine rail, freeing the masthead. */
body #tour-start { color:#8b252b !important; background:#f4ecdf; border-color:#bca68c; box-shadow:none; }
body .sub-tabs .tb-windows .m2-btn.active { color:#8b252b !important; background:#eadbd0 !important; border-color:#8b252b; }

body #desktop .board .titlebar { font-family:Georgia,serif !important; }
body .site-footer a { color:#8b252b !important; }
body :is(.stat-step,.lv-exp,.bc-arrow,.race-btn) { color:#8b252b !important; }

body :is(.dv-head,.ds-center b,.ds-toggle,.ds-toggle.on,.ds-label,.ds-heading,.board .section,.mc-heading,.mc-group-title) { color:#8b252b !important; }
body :is(.dv-name,.mc-row .desc) { color:#756b5c !important; }
body .mc-row { background:#f4ecdf; border:1px solid #c8baa5; }
body .dv-vals span { color:#32634b !important; }
body .site-footer a,body .site-footer b { color:#8b252b !important; }
body .stat-btn::before,body .lv-exp::before { color:#8b252b; }
body #desktop .titlebar,body #desktop .titlebar span { font:700 19px Georgia,serif !important; }

:root { --positive:#32634b; --negative:#9d3230; }
body .mc-row .desc *,body .mc-row .mc-bonus { color:#756b5c !important; }
body .mc-row .mc-val.on { color:#32634b !important; }
body .sim-totals { background:#f4ecdf; box-shadow:none; }
body .sim-totals::before,body .sim-totals::after { background:none; }
body .summary.stats td:last-child { color:#32634b !important; }
body .menu-btn span,body .sk-orient span { background:#8b252b; }
body .bc-caret,body .cat-arrow { color:#756b5c; }
body .race-label { background:#8b252b; color:#fff8ee; }
body .ds-type.on { border-color:#8b252b; }
body .skillbar { background:#f6eee2 !important; border-color:#c8baa5; box-shadow:none; }

body .board:not(.ds-window),body .item-sheet,body .tour-bubble { background:linear-gradient(135deg,#fbf7ee,#f2e9da) !important; color:#302b25; border-color:#b8a58e; box-shadow:0 3px 12px #684b2512; }
body #editor-window .titlebar,body #editor-window .titlebar span { color:#211e19; font:700 19px Georgia,serif; }
body .edit-values-hint { background:#eadcc8; color:#594631; border-color:#bda486; border-left-color:#8b252b; border-radius:3px; box-shadow:none; }
body .edit-values-hint strong { color:#8b252b; }
body #editor-window .bonus-row,body #editor-window .bonus-row:has(select option:checked:not([value=''])) { background:#f6eee2; border-color:#c8baa5; }
body #editor-window .bonus-row .x { background:#f6eee2; color:#9d3230; border-color:#c8baa5; }
body .confirm-title { color:#8b252b; font-family:Georgia,serif; }
body .confirm-box :is(.gal-in,select,input,textarea) { color:#302b25; background:#fbf7ee; border-color:#bfae96; }
body #editor-window :is(.custom-hint,.custom-hint p,.rows-hint) { color:#594631; background:#eadcc8; border-color:#bda486; }
body input[type=checkbox]:checked { background-color:#8b252b; border-color:#8b252b; }

body #editor-window .titlebar { background:transparent !important; color:#211e19 !important; border-image:none; border-bottom:1px solid #c8baa5; }
body #editor-window #editor-title { color:#211e19 !important; }

body #desktop .board .titlebar { height:30px; line-height:28px; }


:root { --attr:#32634b; --condition:#756b5c; }
body .dg-detail h2,body .dg-totals h3,body .dg-guide summary { color:#8b252b !important; }
body .dg-bonus strong { color:#32634b !important; }
body .rank-cur,body .cat-cur::after,body .bsel-cur::after { color:#756b5c; }

body .race-caret,body .combo-arr,body #win-battle .combo-arr,body .race-arrow { color:#8b252b; text-shadow:none; }
body .race-switch:hover .race-label,body .race-switch.open .race-label { background:#6d1a21; }