/* GENERATED by tools/theme.py from style.css — do not edit (hand-made touches: tools/theme-extra.css) */
:root {
  --parch: #2c231a; --parch2: #3a2e21; --parch3: #4a3a29; --parch-line: #7a5f36; --ink: #f2e6c8; --ink2: #cdb98d;
}
input, select { background: #332c18; }
.btn.light { background: linear-gradient(180deg, #383018, #4d442c); }
.kbd { background: #383018; }
.box { background: #37311c; }
.pill { background: rgba(255,222,170,0.055); }
.pill.auto { background: #293924; color: #7ed977; }
.pill.up { background: #412d1d; color: #f6985a; }
.pill.awk { background: #433919; color: #ffc652; }
.pill.curse { background: #3b2429; color: #e66a88; }
.pill.stat { background: #1f2734; color: #77a1d9; }
.bar { background: #4d4632; }
.chip .face { background: #463e29 center/cover no-repeat; }
.room-item { background: #37311c; }
.stepper .st.cur i { background: #231e18; }
.records div { border-bottom: 1px solid rgba(255,222,170,0.12); }
.records div:nth-child(odd) { background: rgba(255,222,170,0.022); }
.hero-chip img { background: #463e29; }
.seg button { background: #37311c; }
.member { background: #37311c; }
.member img { background: #463e29; }
.chat-log { background: #37311c; }
.mate img { background: #463e29; }
.statpanel .rows div { border-bottom: 1px solid rgba(255,222,170,0.106); }
.bn-left, .bn-right { background: linear-gradient(180deg, #3d3623, #4d452f); }
.slot.empty { background: rgba(255,222,170,0.066); border: 1px dashed rgba(255,222,170,0.295); }
.toast.gold { color: #eabc67; background: linear-gradient(180deg, #53451f, #766134); }
.joy { background: rgba(255,222,170,0.138); }
.card { background: linear-gradient(180deg, #352e18, #413924); }
.card .eff { color: #78db75; }
.card .det { background: rgba(255,222,170,0.044); }
.card .det b { color: #78db75; }
.card .pips i { background: #40351f; }
.card.k-awaken { background: linear-gradient(180deg, #3b3316, #5a4c24); }
.card.k-curse { background: linear-gradient(180deg, #311d21, #412c30); }
.hint { background: rgba(255,222,170,0.039); }
.pace { background: #37311c; }
.pace.on { background: #382c15; }
.diffs button { background: #37311c; }
.tabs button { background: #453d28; }
.upg { background: #37311c; }
.pips2 i { background: rgba(255,222,170,0.099); }
.ach { background: #37311c; }
.ach.ok { background: #3b3316; }
.ach .rw { color: #78db75; }
.clsrow { background: #37311c; }
.clsrow img { background: #463e29; }
.dofus { background: #37311c; }
.dofus.eq { background: #382c15; }
.board td, .res-table td, .res-table th { border-bottom: 1px solid rgba(255,222,170,0.12); }
.res-sum .s { background: #37311c; }
.reward .s { background: #382c15; }
.zones-list .z { background: #37311c; }
.pause-spells .ps { background: #37311c; }
.bn-lv { color: #eabc67; }
.lvbadge { color: #eabc67; }
.ico.lock::after { background: rgba(255,222,170,0.193); }
.zone-quests .q { border-bottom: 1px solid rgba(255,222,170,0.12); }
.zone-quests .q .qk { color: #ffc652; }
.zone-quests .q.ok { color: #7ed977; }
.zone-quests .q.ok .qk { color: #7ed977; }
.zone-quests .qb { background: rgba(255,222,170,0.083); }
.ico.iico { background-color: #332c18; }
.lootpop { background: linear-gradient(180deg, #352e18, #413924); }
.icard .lines b { color: #78db75; }
.gfilt .chip { background: rgba(255,232,190,0.069); }
.gfilt .chip.on { color: #e2d9cf; }
.gcmp { color: #d2c5b0; }
.gdiff .gdp { color: #72de83; }
.gdiff .gdm { color: #e7796a; }
.dslot .empty { border: 2px dashed rgba(255,222,170,0.26); background: rgba(255,232,190,0.069); }
.bag .icard { background: #37311c; }
.setb { background: #3b3316; }
.offer { background: #37311c; }
.offer small b { color: #78db75; }
.petcard { background: #37311c; }
.petcard.sel { background: #382c15; }
.hfeed { background: linear-gradient(180deg, #352e18, #413924); }
.hfeed small { color: #c4dc75; }
.hub-chat input { background: rgba(56,48,24,0.92); }
.ico.rico { background-color: #332c18; }
.jrow { background: #383018; }
.jrow.on { background: #403618; }
.lvlp { color: #ffc652; }
.lvlp.bad { color: #e87569; }
.xpb { background: #4b432c; }
.node { background: #383018; }
.rhead input#v-q { background: #312612; }
.rec { background: #383018; }
.ing { background: #433821; color: #e6806a; }
.ing.ok { color: #94e56c; background: #333b22; }
.grocer { background: #3b3316; }
.gitem small { color: #ffc652; }
.fopt { background: #383018; }
.fopt.on { background: #403618; }
.vitem { background: #383018; }
.qcamp { background: linear-gradient(180deg, #352d14, #443a23); }
.qch { color: #ffc652; }
.qd { color: #d7cbb8; }
.qbar { background: #4b432c; }
.qbar i { background: linear-gradient(90deg, #4d693d, #4ea52d); }
.qbar b { color: #e6ddcf; }
.qrow { background: #383018; }
.gbox { background: #383018; }
.gform input { background: #312612; }
.gprev small { color: #ffc652; }
.gpick button { background: #413924; }
.gpick button.sym { color: #dfb271; }
.grow-row { background: #312612; }
.grow-row .rk { color: #ffc652; }
.ghead { background: linear-gradient(180deg, #352d14, #443a23); }
.gmem { background: #383018; }
.ginv input { background: #312612; }
.perk { background: #383018; }
.perk .pips i { background: #4b432c; }
.gchat { background: #312612; }
.gchat b { color: #ffc652; }
.mhead { background: #3b3316; }
.mbreed { background: #34141d; border: 1px solid #96405a; }
.mcard { background: #383018; }
.mcard.fert { background: #301219; }
.sex.F { color: #f55c98; }
.sex.M { color: #6aa6e7; }
.preg { color: #f55c98; }
.ok { color: #94e56c; }
.mgb { background: #4b432c; }
.macts button { background: #413924; }
.ctile { background: linear-gradient(180deg, #352e18, #413924); }
.pzbox { background: linear-gradient(180deg, #352e18, #413924); }
.pzsp { background: #312612; }
.pzsp .mv { background: #413924; }
.tog i { background: #5d5440; }
.tog i::after { background: #231e18; }
.pzs { background: #312612; }
.pzs small { color: #c5b79e; }
.pz-empty { border: 2px dashed rgba(255,222,170,0.26); }
.pill.bless { background: #333b22; color: #94e56c; }
.pill.curse { background: #3c221e; color: #ec7764; }
.chal { background: rgba(53,46,24,0.94); }
.chal .ch-h { color: #ffc652; }
.chal small { color: #d7cbb8; }
.chal.ko i, .chal.lose i { color: #e87569; }
.chal.win i { color: #94e56c; }
.pz-tabs button { background: #453d28; }
.pzbox { background: #383018; }
.bn-gear { border-left: 1px solid rgba(255,222,170,0.295); }
.bn-gear .g { background: rgba(255,232,190,0.055) center/contain no-repeat; color: rgba(210,198,180,0.6); }
.bn-gear .g.on { background: #352d14; }
.rres { background: #37311c; }
.tpot small { color: #f39a5d; }
.tpot span { color: #f3aa5e; }
.rprize b { color: #f3aa5e; }
.rlog .rl { background: rgba(255,232,190,0.083); }
.rlog .rl.item, .rlog .rl.pet, .rlog .rl.dinde { color: #a16ce4; }
.itemwin .ihead small { color: #cbbfa8; }
.iline b { color: #78d97d; }
.iline.up small { color: #71e07f; }
.iline.down small { color: #e87569; }
.iadv.good { background: #28371f; color: #78d97d; }
.iadv.bad { background: #3a2c16; color: #ffb352; }
.iold { background: rgba(255,232,190,0.076); }
.iold small { color: #ffc652; }
.ipref button { background: #352d14; }
.ipref button.on { background: #4a3b22; color: #ff9d52; }
.fgr { background: rgba(255,232,190,0.076); }
.fgp { background: #352d14; }
.fgp.on { background: #3b2e16; }
.fgp small { color: #cbbfa8; }
.fghead small { color: #cbbfa8; }
.fgline { background: rgba(255,232,190,0.083); }
.fgline b { color: #78d97d; }
.fgline small { color: #c6baa0; }
.fgbar { background: #49412b; }
.fgres.good { background: #28371f; color: #78d97d; }
.fgres.bad { background: #371a16; color: #ec7865; }
.icol { background: rgba(255,232,190,0.09); }
.icol.new { background: #312612; }
.icol > small { color: #ffc652; }
.iempty { color: #c6baa0; }
.ival { color: #c6baa0; }
.qocre { background: linear-gradient(180deg, #42371e, #50442a); }
.qocre .qo-h .grow small { color: #e3b16e; }
.qoz { background: rgba(255,232,190,0.083); }
.qoz b { color: #ebb066; }
.qoz li { color: #c5b79e; }
.qoz li.ok { color: #88e170; }
.mode-card .go { color: #e2d9cf; }
.ab-page { background: linear-gradient(90deg, #443a21, #3b3219 40%, #42381e); color: #f3b35e; }
.ab-page.l { background: linear-gradient(90deg, #42381e, #3b3219 60%, #4d4229); }
.ab-page.r { background: linear-gradient(90deg, #4d4229, #3b3219 40%, #42381e); }
.ab-spine { background: linear-gradient(90deg, #5b4f36, #8a6430 45%, #5a3a14 50%, #8a6430 55%, #5b4f36); }
.ab-sum h3 { color: #faaa57; }
.ab-sum small { color: #dbb275; }
.ab-ring::before { background: #3b3219; }
.ab-ring b { color: #feaa52; }
.ab-title { color: #e3b16e; }
.ab-chap { background: rgba(255,232,190,0.069); color: #f3b35e; }
.ab-chap:hover { background: rgba(255,232,190,0.118); }
.ab-chap.on { background: linear-gradient(90deg, #3e3517, #4d411d); }
.ab-chap b { color: #faaa57; }
.ab-chap small { color: #d4b17c; }
.ab-chap em { background: rgba(255,222,170,0.11); }
.ab-chap.full em i { background: linear-gradient(90deg, #5aa83a, #4c693c); }
.ab-n { color: #feaa52; }
.ab-n small { color: #cdb796; }
.ab-ph { background: linear-gradient(180deg, #40371c 80%, rgba(64,55,28,0)); }
.ab-ph h3 { color: #faaa57; }
.ab-ph small { color: #dbb275; }
.ab-f button { background: rgba(255,232,190,0.09); color: #e3b16e; }
.ab-e { background: rgba(255,232,190,0.069); }
.ab-e.ok { background: linear-gradient(135deg, #393216, #473c1b); }
.ab-e b { color: #fbad56; }
.ab-e:not(.ok) b { color: #cbbfa8; }
.ab-e p { color: #d9c8ae; }
.ab-rw span { color: #78db75; }
.ab-rw .dt { color: #cdb796; }
.qw-lh { color: #d4b17c; }
.ql { background: linear-gradient(180deg, #3b3316, #493e22); }
.ql b { color: #feab52; }
.ql small { color: #dbb275; }
.qw-o { background: #383018; color: #f3b35e; }
.qw-o:hover { background: #352d14; }
.qw-o b { color: #fbad56; }
.qw-o small { color: #d9c8ae; }
.qw-o.main { background: linear-gradient(180deg, #4d401d, #6d592a); }
#osa-form label { color: #ebb066; }
#osa-form input { background: #312612; }
.osa-msg { background: #29361f; color: #88e170; }
.osa-msg.bad { background: #392018; color: #f6785b; }
.osa-ok b { color: #faaa57; }
.osa-ok small { color: #d9c8ae; }
.gate-o { background: #383018; color: #f3b35e; }
.gate-o:hover { background: #352d14; }
.gate-o b { color: #fbad56; }
.gate-o small { color: #d9c8ae; }
.gate-o.main { background: linear-gradient(180deg, #4d401d, #6d592a); }
.md { background: #3b6337; }
.am-bub { background: #383018; }
.ht { color: rgba(240,236,230,0.45); }
.cg b.on { color: #eee2d3; }
.cg b.c1 { background: #3b6337; }
.mob-z { background: rgba(255,222,170,0.154); }
.mob-z:hover { background: rgba(68,59,26,0.12); }
.el-tag.preg { background: rgba(255,232,190,0.037); }
.egb.mid::after { background: rgba(255,232,190,0.076); }
.egb.pos i { background: linear-gradient(90deg, #264364, #1d334d); }
.egb.love i { background: linear-gradient(90deg, #642641, #491c32); }
.egb.end i { background: linear-gradient(90deg, #76642f, #53451f); }
.egb.fat i { background: linear-gradient(90deg, #463f64, #221b47); }
.dot.vil { background: #3b6337; }
body.mob .chal b::before { color: #f9c357; }
.g2-mode { background: #413924; }
.g2-bar input[type=text], .g2-bar #g-q { background: #312612; }
.gcard { background: #383018; }
.gcard b small { color: #ffc652; }
.gc-m .lvl { color: #ffc652; }
.gc-m .mb { background: #4b432c; }
.gcard small.ok { color: #94e56c; }
.g2-fm label input:not([type=color]) { background: #312612; }
.g2-ban h3 small { color: #ffc652; }
.gb-c span { background: rgba(255,232,190,0.097); }
.gb-c .onl { color: #94e56c; }
.gb-c .pt { color: #ffbf52; }
.sw i { background: #5c533d; }
.sw i::after { background: #231e18; }
.g2-card { background: #383018; }
.g2-on span { background: #312612; }
.bub { background: #312612; }
.bub b { color: #ffc652; }
.bub.me { background: #47381b; }
.g2-say input { background: #312612; }
.chip { background: #312612; }
.gmc { background: #383018; }
.gmc img { background: #49412a; }
.rk.lead { color: #ffbf52; }
.rk.second { background: #172a3e; color: #68a5e9; }
.rk.member { background: #433b27; color: #d4c7af; }
.perk .pi { background: #413924; }
.grr { background: #383018; }
.grr.p1 { background: linear-gradient(90deg, #4e411e, #383018); }
.grr.p2 { background: linear-gradient(90deg, #322e22, #383018); }
.grr.p3 { background: linear-gradient(90deg, #4a3722, #383018); }
.slotc { background: #383018; }
.slotc img { background: #463e29; }
.slotc .ok { color: #94e56c; }
.slotc.free { background: rgba(49,38,18,0.5); }
.slotn button { background: #312612; }
.invpop { background: #352d14; }
.ipr img { background: #463e29; }
.ipr .ok { color: #94e56c; }
.gc-form input { background: #312612; }
.seg2 { background: #413924; }
.ap-slot { background: #383018; }
.ap-f button { background: #312612; }
.lv { background: #383018; }
.lvx { background: #4b432c; }
.lsk { background: #312612; }
.lsk.on { background: #403618; }
.lv-feed { background: rgba(49,38,18,0.6); }
.lf-t { color: #94e56c; }
.lf { background: #312612; }
.lf-q button { background: #231e18; }
.ap-c { background: #383018; }
.rz { background: #383018; }
.rz.on { background: #403618; }
.rk-chips button { background: #312612; }
.rk-me b { color: #ffb252; }
.pd .rk-f { border: 4px solid #967440; }
.pd-v { color: #ffb252; }
.pd.p2 .pd-s { background: linear-gradient(180deg, #322b22, #5b4f3f); }
.pd.me b { color: #ff9a52; }
.rk-team img { border: 2px solid #967440; background: #463e29; }
.rr { background: #383018; }
.rr:nth-child(odd) { background: #3c341e; }
.rr.me { background: #403618; }
.rr .rk-f { background: #463e29; }
.rv { color: #ffb252; }
.rk-tag { color: #73a7de; }
.rk-f { background: #463e29; }
.rk-daily .grow small { color: #ffb252; }
.rc { background: #383018; }
.rc-h img { background: #463e29; }
.rc-v b { color: #ffb252; }
body.inrun .runov > .win, body.inrun .runov > .chestbox { background: rgba(53,46,24,0.66) !important; }
body.inrun .runov .win-h, body.inrun .runov .chest-h { background: rgba(56,46,21,0.35) !important; }
.oq-b img { background: #463e29; }
.ch-l input { background: #312612; }
.chc { background: #383018; }
.chc img { background: #463e29; }
.chc.on { background: #403618; }
.ab-orn small { color: #e3b16e; }
.ibrow .up { color: #79d784; }
.ibrow .down { color: #e78869; }
.ibb { background: rgba(255,232,190,0.09); }
#wk-nav small { color: #dab277; }
#wk-body h3 { color: #e4a36d; }
#wk-body a[data-go] { color: #fab057; }
.emo-b { background: rgba(255,232,190,0.037); }
.emo-pop button { background: rgba(255,232,190,0.028); }
.tree .tg { color: #f0bc61; }
.pill.rxp { color: #6c9de5 !important; }
.hc-tabs button.on { color: #e2d9cf; }
.hub-log .ct.w { background: #6e3c5a; }
.hc-menu button { background: rgba(255,232,190,0.028); }
.pt-h button:hover { color: #e2d9cf; }
#cards .ctitle::before, #cards .ctitle::after { color: #e7c169; }
#cards .cnote { background: rgba(255,232,190,0.026); }
#cards .card:hover .cbtn { color: #eee1d3; }
.el-filter .fchip { background: #352d14; color: #d4c8b0; }
.el-filter .fchip.clr { background: #382b20; color: #ec7865; }
.am-bgain { color: #8ed878; }
.am-bgain .muted { color: #c6baa0; }
.adm-line a, .adm-t a { color: #eab367; }
.ap-rot:hover { color: #e2d9cf; }

:root { --acc: #e0a030; --acc2: #ffd57a; --accRGB: 240,195,90; }
/* ---- hand-made touches of the dark theme (appended to theme.css by tools/theme.py) ---- */
/* windows: dark leather with a faint grain, carved title bar, gold edge */
.win { background: radial-gradient(ellipse at 50% 0%, rgba(255,210,140,.07), transparent 60%), repeating-linear-gradient(115deg, rgba(255,255,255,.012) 0 2px, transparent 2px 5px), linear-gradient(180deg, #2f251b, #241c14); box-shadow: 0 18px 50px rgba(0,0,0,.65), 0 0 0 1px #120d08, inset 0 0 0 1px rgba(255,210,140,.18), inset 0 0 0 3px rgba(199,154,76,.35); }
.win-h { background: linear-gradient(180deg, #4a3a27, #33281b); border-bottom: 1px solid rgba(var(--accRGB),.45); box-shadow: inset 0 1px 0 rgba(255,230,180,.18), 0 2px 8px rgba(0,0,0,.35); }
.win-h h2 { color: #ffe3a3; letter-spacing: .5px; }
.tabs { background: rgba(0,0,0,.18); border-bottom: 1px solid rgba(199,154,76,.3); }
.tabs button { color: #cdb98d; background: transparent; border-color: transparent; }
.tabs button.on { color: var(--acc2); background: linear-gradient(180deg, rgba(var(--accRGB),.16), rgba(var(--accRGB),.04)); border-color: rgba(var(--accRGB),.5); box-shadow: inset 0 -2px 0 var(--acc); }
/* inner cards: slightly lifted leather, gold hover */
.box, .room-item, .ach, .offer, .icard, .qrow, .qcamp, .fgline, .fgp, .ctile, .gate-o, .qw-o, .ql, .ab-e, .ab-chap, .mode-card .txt { border-color: rgba(199,154,76,.28) !important; }
.gate-o:hover, .qw-o:hover, .ab-chap:hover, .fgp:hover, .offer:hover { border-color: rgba(var(--accRGB),.7) !important; box-shadow: 0 0 0 1px rgba(var(--accRGB),.35), 0 6px 16px rgba(0,0,0,.35); }
/* main choices: dark with a gold frame and a gold title (no light text on gold) */
.gate-o.main, .qw-o.main { background: linear-gradient(180deg, #4b3819, #34260f) !important; border-color: var(--acc) !important; box-shadow: 0 0 0 1px rgba(var(--accRGB),.4), 0 0 18px rgba(224,160,48,.25); }
.gate-o.main b, .qw-o.main b { color: var(--acc2); } .gate-o.main small, .qw-o.main small { color: #e8d6ae; }
.gate-o .gi, .qw-o .qi { background: linear-gradient(180deg, #5a4630, #3a2d1e); box-shadow: inset 0 0 0 1px rgba(var(--accRGB),.35); }
.gate-o.main .gi, .qw-o.main .qi { background: linear-gradient(180deg, #f39237, #c8631b); }
/* light buttons → carved wood with gold text */
.btn.light { background: linear-gradient(180deg, #4d3c28, #35291b); color: #ffe3a3; border-color: rgba(var(--accRGB),.45); box-shadow: inset 0 1px 0 rgba(255,230,180,.15), 0 2px 0 #1a130c; }
.btn.light:hover { filter: brightness(1.15); }
/* paper doll (equipment): night-blue alcove instead of white */
.doll { background: radial-gradient(ellipse at 50% 55%, #3b3226, #211a12 75%); border-color: rgba(199,154,76,.35); }
.doll .dollart { opacity: .42; filter: sepia(.2) brightness(1.1); }
.dslot .empty { border-color: rgba(var(--accRGB),.35); background: rgba(0,0,0,.25); color: #cdb98d; }
/* inputs */
input, select, textarea { background: #1d1610 !important; color: #f2e6c8 !important; border: 1px solid rgba(199,154,76,.45) !important; }
input::placeholder { color: #8d7a58; }
/* bars and gauges keep a dark track */
.bar, .qbar, .fgbar, .ab-chap em { background: rgba(0,0,0,.35) !important; }
/* tables */
.res-table th, .board th { color: #e8c676; } .board td, .res-table td { border-color: rgba(199,154,76,.15); }
/* scrollbars */
* { scrollbar-color: #7a5f36 transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background: #6b5434; border-radius: 6px; } ::-webkit-scrollbar-track { background: transparent; }
/* achievements book: dark pages */
.ab-page { background: linear-gradient(90deg, #2c2219, #35291d 60%, #2a2017) !important; color: #f2e6c8; }
.ab-ring::before { background: #2a2017; } .ab-sum h3, .ab-ph h3 { color: var(--acc2); } .ab-ph { background: linear-gradient(180deg, #33281c 80%, rgba(51,40,28,0)); }
.ab-chap.on { background: linear-gradient(90deg, #4b3819, #3a2a14) !important; }
.ab-e.ok { background: linear-gradient(135deg, #3e3118, #2f2412) !important; } .ab-e b { color: #ffe3a3; } .ab-e:not(.ok) b { color: #a8977a; } .ab-e p { color: #cdb98d; }
.ab-m { background: radial-gradient(circle at 50% 35%, #5a4a32, #2a2117); }
/* guild: light chips keep dark text */
.gb-c .pt, .rk.lead, .rk.second, .rk.member { color: #3a2600 !important; } .rk.second { color: #123a66 !important; }
.rk.lead { background: #ffd57a !important; } .rk.second { background: #cfe6ff !important; } .rk.member { background: #e8dcbf !important; } .gb-c .pt { background: #ffe08a !important; }
.ap-pre { background: radial-gradient(ellipse 24% 5% at 50% 91%, rgba(0,0,0,.45), transparent), radial-gradient(circle at 50% 40%, #5a4a32, #2a2117) !important; } .apic { background: radial-gradient(circle at 50% 45%, rgba(255,230,180,.14), rgba(0,0,0,.15)) !important; }
.pd-v, .rv, .rk-me b, .rc-v b, .rk-daily .grow small { color: #ffc56a !important; } .rr.me, .rz.on { background: rgba(255,180,80,.16) !important; }
body.inrun .runov > .win, body.inrun .runov > .chestbox { background: rgba(26,20,13,.62) !important; } body.inrun .runov .draggable::before { background: rgba(255,230,180,.28); }
body.inrun .runov .win-h, body.inrun .runov .chest-h { background: rgba(40,30,18,.4) !important; }
.ch-pre { background: radial-gradient(ellipse 24% 5% at 50% 88%, rgba(0,0,0,.45), transparent), radial-gradient(circle at 50% 40%, #5a4a32, #2a2117) !important; }
#b-reroll.dis { opacity: .5; }
.iset { margin: 6px 0 2px; padding: 6px 9px; border-radius: 8px; font-size: 12.5px; line-height: 1.45; background: rgba(139, 93, 0, .12); border: 1px solid rgba(201, 154, 46, .45); }
.iset.good { border-color: rgba(95, 211, 90, .6); }
.iset.bad { border-color: rgba(216, 56, 44, .5); }
.iset .up { color: #3f9b2e; font-weight: 600; } .iset .down { color: #c0392b; font-weight: 600; }
.icol.pickable { cursor: pointer; transition: border-color .15s, background .15s; }
.icol.pickable.keep:hover { border-color: #e08a2c; background: rgba(224, 138, 44, .08); }
.fold-b { margin-left: 6px; width: 22px; height: 22px; border-radius: 6px; border: 1px solid #c79a4c; background: rgba(0,0,0,.25); color: #ffd57a; font: 800 15px/18px var(--body); cursor: pointer; padding: 0; flex: none; }
.fold-b:hover { background: rgba(224,138,44,.3); }
.qtrack .qt-h { display: flex; align-items: center; justify-content: space-between; }
.qtrack.fold .qt-b { display: none; }
.qtrack.fold { width: auto; padding: 5px 8px; }
.rooms-win.fold .win-b { display: none; }
.rooms-win.fold { width: auto; }
.wline { color: #ffcf7a; } .iline.wl span { color: #ffcf7a; font-weight: 700; }
.dodds { font-size: 11.5px; margin-top: 3px; } .dodds b { display: inline-block; min-width: 70px; color: #ffd57a; }
.minrun.on { background: linear-gradient(180deg, #ffb35c, #e0782c) !important; color: #2a1606 !important; }
#b-selfrev { position: fixed; left: 50%; top: 58%; transform: translateX(-50%); z-index: 40; font-size: 18px; padding: 12px 22px; pointer-events: auto; box-shadow: 0 0 24px rgba(255,150,60,.6); }
.stbl { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; max-height: 52vh; overflow: auto; align-content: start; }
.stb-d { display: flex; align-items: center; gap: 10px; padding: 6px 10px; border-radius: 10px; background: rgba(0,0,0,.2); border: 1px solid rgba(199,154,76,.3); }
.stb-d small { display: block; color: #d8c9a2; }
.card .cspells { margin-top: 8px; text-align: left; }
.card .cspells small { display: block; font-size: 11px; color: #d8c9a2; margin-bottom: 4px; text-align: center; }
.card .cspells > div { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; }
.card .csp { display: inline-flex; align-items: center; gap: 4px; padding: 2px 6px 2px 2px; border-radius: 8px; background: rgba(0,0,0,.25); font-size: 11px; }
.card .csp .ico { margin: 0 !important; flex: none; } .card .csp i { font-style: normal; white-space: nowrap; }
.hub-prompt { pointer-events: auto !important; cursor: pointer; } .hub-prompt:hover { border-color: #ffd57a; }
.din-ghost { position: fixed !important; z-index: 9999; pointer-events: none; transform: translate(-50%, -60%) scale(1.15); opacity: .9; filter: drop-shadow(0 6px 10px rgba(0,0,0,.5)); }
.din.dragging { opacity: .35; }
.mob-z.drop { outline: 3px solid #ffd57a; outline-offset: -3px; background-color: rgba(255,213,122,.12); }
.din { touch-action: none; }
.qsel { display: inline-flex; align-items: center; gap: 3px; margin-bottom: 4px; }
.qsel button { min-width: 26px; height: 26px; border-radius: 7px; border: 1px solid #c79a4c; background: rgba(0,0,0,.3); color: #ffd57a; font: 800 14px var(--body); cursor: pointer; padding: 0 6px; }
.qsel button.qmax { font-size: 11px; }
.qsel input { width: 52px; height: 26px; text-align: center; border-radius: 7px; border: 1px solid #c79a4c; background: rgba(0,0,0,.35); color: #fff3d0; font: 700 13px var(--body); }
.rbtn { display: flex; flex-direction: column; align-items: flex-end; }
.dmgbtn { background: none; border: 1px solid rgba(199,154,76,.5); border-radius: 7px; color: inherit; font: inherit; cursor: pointer; padding: 1px 6px; }
.dmgbtn:hover { border-color: #ffd57a; color: #ffd57a; }
.dmgbreak { margin: 10px 0; padding: 10px 12px; border-radius: 12px; background: rgba(0,0,0,.25); border: 1px solid rgba(199,154,76,.4); }
.dmgbreak h4 { margin: 0 0 8px; font-size: 14px; }
.dbr { display: grid; grid-template-columns: 28px 170px 1fr 80px 46px; align-items: center; gap: 8px; margin: 3px 0; font-size: 12.5px; }
.dbr .dn { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dbr b { text-align: right; } .dbr small { color: #d8c9a2; text-align: right; }
.dbr .db { height: 8px; border-radius: 4px; background: rgba(255,255,255,.1); overflow: hidden; } .dbr .db i { display: block; height: 100%; background: linear-gradient(90deg, #e0782c, #ffd57a); }
.dbr .dbi { text-align: center; color: #d8c9a2; }
.minimap.mmbig { width: 500px; height: 300px; } body.mob .minimap.mmbig { width: 70vw; height: 42vw; }
.voice { position: fixed; left: 12px; top: 50%; transform: translateY(-50%); z-index: 30; display: flex; flex-direction: column; gap: 4px; padding: 6px; border-radius: 12px; background: rgba(43,36,28,.82); border: 1px solid #c79a4c; color: #f2e6c8; font: 12px var(--body); pointer-events: auto; max-width: 170px; }
.voice .vrow { display: flex; gap: 4px; }
.voice .vbtn { border: 1px solid #c79a4c; background: rgba(0,0,0,.3); color: #ffd57a; border-radius: 8px; padding: 4px 8px; cursor: pointer; font: 700 13px var(--body); }
.voice .vbtn.off { background: rgba(200,60,40,.4); }
.voice .vm { display: flex; align-items: center; gap: 5px; padding: 2px 4px; border-radius: 6px; }
.voice .vm.talk { background: rgba(95,211,90,.25); }
.voice .vm span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.voice .vm button { border: 0; background: none; cursor: pointer; font-size: 13px; }
.voice .vdot { width: 8px; height: 8px; border-radius: 50%; background: #999; flex: none; } .voice .vdot.ok { background: #5fd35a; } .voice .vdot.ko { background: #d8382c; }
body.mob .voice { top: auto; bottom: 120px; transform: none; }
.kbind { cursor: pointer; border: 1px solid #c79a4c; } .kbind:hover { background: #ffd57a; color: #2a1606; } .spellbar .slot .key { cursor: pointer; pointer-events: auto; }

/* quests: the Ocre panel and its zone boxes stay dark and readable */
.qoz { background: rgba(0,0,0,.28); border: 1px solid rgba(199,154,76,.25); }
.qoz li:not(.ok) { color: #d2c4a6; }
.qrow b, .qrow small { color: #efe2c4; }

/* run windows: the same warm dark look as the level-up cards */
#itemwin .win, #equipwin .win, #shopwin .win { background: radial-gradient(120% 80% at 50% 0%, #3a2a17, #1e150d 70%); border-color: #c99a2e; }
#itemwin .win-h h2, #equipwin .win-h h2, #shopwin .win-h h2 { color: #f6d27a; }
/* craft experience pill (was light blue on blue) */
.pill.rxp { background: #23456e !important; color: #e3f1ff !important; border: 1px solid #5aa8ff; font-weight: 700; }
/* village equipment: comparison with the worn piece */
.gdiff .gdp { color: #8be39a; } .gdiff .gdm { color: #ff9a86; } .gcmp { background: rgba(255,255,255,.1); color: #e8d8b0; }
.gcmp.up { background: #2f8a3a; color: #fff; } .gcmp.down { background: #a8402e; color: #fff; } .gcmp.new { background: #2f6ab8; color: #fff; }
.gfilt .chip { background: rgba(0,0,0,.25); color: #e8d8b0; border-color: #6b5a3d; } .gfilt .chip.on { background: #c79a4c; color: #2b241c; }
/* merchant: sell the ticked rows */
.sellbar { background: rgba(20,14,8,.95); }
/* staff panel */
.adm-card, .adm-box { background: rgba(0,0,0,.22); }
.adm-row input:not([type=checkbox]), .adm-row select { background: #1f160d; color: #f2e6c8; border-color: #6b5a3d; }
.adm-line a, .adm-t a { color: #ffcf7a; }
/* pause menu gauges, loot and records (03/11) */
.pzg { background: #312612; }
.pzg-v small { color: #c5b79e; }
.pzg-bar { background: #4b432c; }
.pz-dd { background: #312612; }
.pz-dd b { color: #ffc652; }
.rosa { background: #1f3340; border-color: #3f7898; color: #d8eefa; }
.pill.wild { background: rgba(140,190,90,0.18); border-color: rgba(140,190,90,0.55); color: #c4e39a; }
.jbonus b { color: #9fd47a; }
#osa-rf label { color: #ebb066; } #osa-rf label.chk { color: inherit; }
#osa-rf input { background: #312612; }
#osa-body a { color: #ffcf7a; }
/* 03/11 : choix « prochains objets / tous les objets » lisibles */
.ipref { gap: 8px; }
.ipref small { font-size: 12.5px; color: #e9dcb8; }
.ipref button { padding: 6px 13px; font: 700 13px var(--body); color: #f2e6c8; background: #3a3019; border: 1px solid rgba(199,154,76,.6); }
.ipref button:hover { filter: brightness(1.2); }
.ipref button.on { background: linear-gradient(180deg, #f39a3a, #c8611a); color: #fff; border-color: #ffbf6a; }