/* Floralia · the AAA-MMORPG look over every page (2026-10-22, the user: "ปรับหน้าอื่นให้เป็นสไตล์ AAA เดียวกันด้วย"), the same as the Esc
   menu (css/escmenu2.css): the game dimmed and blurred behind, frosted dark glass, hairlines instead of gold frames and
   corner ornaments, plain off-white titles, thin gold underlines, quiet tiles; gold kept for the one main button.
   Loaded last; it only restyles - the layouts are the pages' own (bag, card book, life window, character, every book). */
:root { --aaa-glass: linear-gradient(180deg, rgba(20, 17, 25, .9), rgba(10, 9, 13, .94)); --aaa-line: rgba(255, 255, 255, .08); --aaa-gold: rgba(201, 162, 74, .45);
  --aaa-ink: #e8e2d4; --aaa-dim: #8f8778; --aaa-tile: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)); }

/* ---- the screens: the game behind, dimmed and blurred ---- */
#bagp, #cardp, #life.overlay, #ui .overlay.bookwin, #ui #charpanel.book { background: rgba(6, 5, 10, .5) !important; backdrop-filter: blur(7px) saturate(.85); box-shadow: none !important; }
#bagp .bp-in, #cardp .cp-in, #life .panel.eco-panel { background: var(--aaa-glass) !important; border: 1px solid var(--aaa-gold) !important; border-radius: 4px !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .05) !important; }
/* titles: plain, quiet */
#bagp .bp-top h2, #cardp .cp-top h2, #life .panel-head h2, #ui .overlay.bookwin .panel-head h2, #ui .overlay.bookwin .bk-title, #charpanel .bk-title {
  background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: #f3ead6 !important; -webkit-text-fill-color: #f3ead6 !important;
  filter: none !important; text-shadow: none !important; font-weight: 600 !important; letter-spacing: .02em; }
#bagp .bp-top h2 small, #cardp .cp-top h2 small { -webkit-text-fill-color: var(--aaa-dim) !important; color: var(--aaa-dim) !important; }
#bagp .bp-top, #cardp .cp-top, #life .panel-head { border-bottom: 1px solid transparent !important; border-image: linear-gradient(90deg, rgba(201, 162, 74, .7), rgba(201, 162, 74, .04)) 1 !important; }

/* ---- the panels inside: glass tiles with hairlines, no gold corners, no ornament dividers ---- */
#bagp .col, #cardp .cp-wrap, #life .eco-main, #life .eco-side, #ui .overlay.bookwin .bkd .bk-book, #charpanel .bk-book {
  background: rgba(255, 255, 255, .025) !important; border: 1px solid var(--aaa-line) !important; border-radius: 6px !important; box-shadow: none !important; }
#bagp .col > .cn, #cardp .cp-wrap > .cn, #ui .overlay.bookwin .bkd .bk-book::before, #ui .overlay.bookwin .bkd .bk-book::after, #charpanel .bk-book::before, #charpanel .bk-book::after,
#life .eco-body::before, #life .eco-body::after { display: none !important; }
#bagp .chead::after { background: linear-gradient(90deg, rgba(201, 162, 74, .5), rgba(201, 162, 74, .03)) !important; height: 1px !important; bottom: 0 !important; left: 0 !important; right: 0 !important; }
#bagp .chead { padding-bottom: .3em; }
#bagp .chead b.t { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: #f3ead6 !important; font-weight: 600 !important; }
#ui .overlay.bookwin .bkd .bk-book { background-image: none !important; }
#ui .overlay.bookwin .bkd .bk-book, #charpanel .bk-book { background: rgba(255, 255, 255, .025) !important; }

/* ---- tabs: words with a thin gold underline ---- */
#bagp .tab, #life .eco-tab, #charpanel .bk-tab { color: var(--aaa-dim) !important; background: none !important; font-weight: 500 !important; }
#bagp .tab.on, #life .eco-tab.on, #charpanel .bk-tab.on { color: #ffe3a0 !important; background: none !important; box-shadow: inset 0 -2px 0 #d9a443 !important; }

/* ---- buttons and pills: hairline outlines; the main one stays gold ---- */
#bagp .btn:not(.gold), #bagp .chip, #bagp .pill, #cardp .pill, #bagp .bp-x, #cardp .cp-x, #life .close-x, #life .eco-gold, #charpanel .bk-btn:not(.gold), #charpanel .bk-close {
  background: rgba(255, 255, 255, .04) !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 6px !important; color: var(--aaa-ink) !important; box-shadow: none !important; }
#bagp .bp-x, #cardp .cp-x, #life .close-x { color: var(--aaa-ink) !important; }
#bagp .chip.on { background: rgba(217, 164, 67, .16) !important; border-color: rgba(217, 164, 67, .7) !important; color: #ffe3a0 !important; }
#bagp .btn.gold, #charpanel .bk-btn.gold, #charpanel .bk-best { border-radius: 6px !important; box-shadow: none !important; }
#bagp .btn.gold::after { display: none; }

/* ---- tiles: quiet squares ---- */
#bagp .shop, #bagp .well, #bagp .statlist div, #bagp .mini div, #bagp .setcard2, #bagp .cmp, #bagp .desc, #life .lf-ach2, #life .lf-dish, #life .lf-ev, #charpanel .bk-card, #charpanel .bk-stat {
  background: var(--aaa-tile) !important; border: 1px solid rgba(255, 255, 255, .07) !important; border-radius: 6px !important; box-shadow: none !important; }
#bagp .shop:hover { border-color: rgba(255, 214, 140, .6) !important; background: linear-gradient(180deg, rgba(255, 214, 140, .14), rgba(255, 214, 140, .04)) !important; }
#bagp .doll { border-radius: 6px !important; box-shadow: none !important; }
#bagp .doll .cp { border-color: rgba(255, 255, 255, .18) !important; }
#life .lf-ev { border-left: 2px solid var(--ec) !important; }
#life .lf-ach2.done:not(.got) { border-color: rgba(143, 230, 124, .5) !important; }

/* ---- the character window: the CP strip and title plates plain ---- */
#charpanel .bk-cp { background: var(--aaa-tile) !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 6px !important; color: #f3ead6 !important; }
#charpanel .bk-cp-main i, #charpanel .bk-cp-main b { color: #ffe3a0 !important; }
#charpanel .bk-pts { background: rgba(255, 255, 255, .04) !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 6px !important; }

/* ---- the books' own furniture that still showed gold paint ---- */
#ui .overlay.bookwin .bk-close, #ui .overlay.bookwin .panel-head .close-x { background: rgba(255, 255, 255, .04) !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 6px !important; }
#ui .overlay.bookwin .bk-close::before, #ui .overlay.bookwin .close-x::before, #charpanel .bk-close::before { content: '✕'; display: grid; place-items: center; width: 100%; height: 100%; color: var(--aaa-ink); font: 600 18px Prompt, sans-serif; }