body[data-card-style=original] .reward-frame{display:none!important}
body[data-card-style=wayfarer]{--reward-ink:#e6c58c}
body[data-card-style=moss]{--reward-ink:#a9c795}

body[data-card-style=wayfarer] #screen-setup #shopPanel #offers .offer.cosmetic-card,body[data-card-style=wayfarer] #screen-setup #formationPanel .slot.cosmetic-card,body[data-card-style=wayfarer] #screen-setup #terrainPanel .chip.cosmetic-card{border-color:#c9ad73!important;background:linear-gradient(135deg,#303c3e,#1c2d37)!important;border-radius:16px 16px 7px 7px!important;box-shadow:inset 0 0 0 3px #0b1b2290,0 4px 12px #0004!important}
body[data-card-style=moss] #screen-setup #shopPanel #offers .offer.cosmetic-card,body[data-card-style=moss] #screen-setup #formationPanel .slot.cosmetic-card,body[data-card-style=moss] #screen-setup #terrainPanel .chip.cosmetic-card{border-color:#8ea97a!important;background:radial-gradient(ellipse at 0 0,#415344,#1b3332 65%,#142c2f)!important;border-radius:20px 8px 18px 8px!important;box-shadow:inset 0 1px 0 #bfd8a72a,0 3px 10px #0004!important}
body[data-card-style=moss] #screen-setup .cosmetic-card .unit-avatar,body[data-card-style=moss] #screen-setup .cosmetic-card .offer-portrait-wrap{filter:drop-shadow(0 2px 5px #a0b77733)}

body[data-card-style=wayfarer] #screen-setup .cosmetic-card{background-image:linear-gradient(112deg,#b7a46d13,transparent 24%,#050f161a 65%,#d9c59a12),repeating-linear-gradient(90deg,transparent 0 3px,#f6dfac04 4px),linear-gradient(135deg,#344348,#192d37)!important;box-shadow:inset 0 1px 0 #f7e6bd44,inset 0 -3px 0 #111f2a,0 3px 9px #0004!important}

body[data-card-style=moss] #screen-setup .cosmetic-card{background-image:radial-gradient(ellipse at 4% 8%,#78865d30,transparent 40%),repeating-linear-gradient(125deg,#a3b58c04 0 1px,transparent 2px 5px),linear-gradient(135deg,#314940,#172f2e)!important;box-shadow:inset 0 1px 0 #d2d8a52b,0 3px 9px #0004!important}

body[data-card-style=hearth] #screen-setup .cosmetic-card{background:linear-gradient(120deg,#313a3b,#172b32 70%)!important;border:1px solid #cfb681!important;border-radius:11px!important;box-shadow:inset 0 0 0 3px #d4bd8926,inset 0 1px 0 #f3deaa55,0 4px 10px #0004!important;color:#f5e7c8!important;--reward-ink:#dfc28b}

body[data-card-style=hearth] #screen-setup .cosmetic-card strong,body[data-card-style=hearth] #screen-setup .cosmetic-card .unitname{color:#ffedc8!important;text-shadow:0 1px 2px #0006!important}

body[data-card-style=hearth] #screen-setup .cosmetic-card small,body[data-card-style=hearth] #screen-setup .cosmetic-card .formation-card-element{color:#d0dcd4!important}

body[data-card-style=hearth] #screen-setup .cosmetic-card .offer-inline-stats,body[data-card-style=hearth] #screen-setup .cosmetic-card .slot-inline-stats{color:#ffe0a1!important;background:#10252bcc!important;border-color:#a7946255!important}

body[data-card-style=hearth] #screen-setup .cosmetic-card .creature-inline-level{background:#16262d!important;color:#ffedc6!important;border-color:#cbb784!important}

body[data-card-style=hearth] #screen-setup .cosmetic-card .element-filigree{opacity:1!important;filter:drop-shadow(0 0 2px #00151a)!important}

body[data-card-style=hearth] #screen-setup .cosmetic-card .offer-lock-toggle{background:#152b31!important;color:#e8e0c9!important;border-color:#839183!important}

body[data-card-style=hearth] #screen-setup .cosmetic-card .offer-buy{background:linear-gradient(#e0c58d,#ba9656)!important;color:#17282e!important}

body[data-card-style=wayfarer] #offers .equip-offer{background:linear-gradient(135deg,#344348,#192d37)!important;border-color:#c9ad73!important;--reward-ink:#e6c58c}

body[data-card-style=moss] #offers .equip-offer{background:linear-gradient(135deg,#314940,#172f2e)!important;border-color:#8ea97a!important;--reward-ink:#a9c795}

body[data-card-style=hearth] #offers .equip-offer{background:linear-gradient(120deg,#313a3b,#172b32)!important;border-color:#cfb681!important;--reward-ink:#dfc28b}
#cosmeticCandle,#candleSpill{display:none!important}body.candle-lit main>header{filter:none!important}body.candle-lit main>.panel{box-shadow:none!important}
body[data-card-style=hearth] #screen-setup .cosmetic-card{background:linear-gradient(120deg,#313a3b,#172b32 70%)!important;border:1px solid #cfb681!important;border-radius:11px!important;box-shadow:inset 0 0 0 3px #d4bd8926,inset 0 1px 0 #f3deaa55,0 4px 10px #0004!important;color:#f5e7c8!important;--reward-ink:#dfc28b}
body[data-card-style=hearth] #screen-setup .cosmetic-card strong,body[data-card-style=hearth] #screen-setup .cosmetic-card .unitname{color:#ffedc8!important;text-shadow:0 1px 2px #0006!important}
body[data-card-style=hearth] #screen-setup .cosmetic-card small,body[data-card-style=hearth] #screen-setup .cosmetic-card .formation-card-element{color:#d0dcd4!important}
body[data-card-style=hearth] #screen-setup .cosmetic-card .offer-inline-stats,body[data-card-style=hearth] #screen-setup .cosmetic-card .slot-inline-stats{color:#ffe0a1!important;background:#10252bcc!important;border-color:#a7946255!important}
body[data-card-style=hearth] #screen-setup .cosmetic-card .creature-inline-level{background:#16262d!important;color:#ffedc6!important;border-color:#cbb784!important}
body[data-card-style=hearth] #screen-setup .cosmetic-card .element-filigree{opacity:1!important;filter:drop-shadow(0 0 2px #00151a)!important}
body[data-card-style=hearth] #screen-setup .cosmetic-card .offer-lock-toggle{background:#152b31!important;color:#e8e0c9!important;border-color:#839183!important}
body[data-card-style=hearth] #screen-setup .cosmetic-card .offer-buy{background:linear-gradient(#e0c58d,#ba9656)!important;color:#17282e!important}
#offers .offer{transform:none!important;will-change:auto!important}#offers .offer.creature-drag-source{opacity:.3!important}
#screen-setup [data-slot],#screen-setup [data-roster],#screen-setup #offers .offer{touch-action:none!important}
#creatureDragGhost{position:fixed!important;z-index:10005!important;pointer-events:none!important;transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:180px;padding:8px 10px;background:#142b32f5;border:1px solid #c5ae79;border-radius:12px;color:#f2dfb6;box-shadow:0 9px 25px #0007}
#creatureDragGhost img{width:42px;height:42px;object-fit:contain}#creatureDragGhost strong{font:14px Georgia}#creatureDragGhost small{display:block;font:11px system-ui;margin-top:4px}#creatureDragGhost .drag-drop-label{position:absolute;top:100%;left:0;width:100%;margin-top:4px;font:10px system-ui;text-align:center;background:#10252bf5;padding:5px;border-radius:7px}#creatureDragGhost.can-drop{border-color:#e9d394;box-shadow:0 0 16px #dab97b33}
.creature-drop-ready{outline:2px solid #e7cb8b!important;outline-offset:-2px!important}.creature-drop-merge{outline:2px solid #d7b9ed!important;outline-offset:-2px!important}
.ambient-moth{position:absolute;z-index:70;pointer-events:none;width:29px;height:23px;filter:drop-shadow(1px 2px 2px #0007)}.ambient-moth .moth-wing{position:absolute;inset:0}.ambient-moth img{width:100%;height:100%;object-fit:contain}.ambient-moth .moth-left{clip-path:inset(0 50% 0 0);transform-origin:50% 50%}.ambient-moth .moth-right{clip-path:inset(0 0 0 50%);transform-origin:50% 50%}.ambient-moth .moth-body{clip-path:inset(0 46% 0 46%)}
#mothTwo{left:5%;top:52%;animation:quietMoth 31s ease-in-out infinite}#mothThree{left:83%;top:83%;width:24px;height:19px;animation:quietMoth 39s 9s ease-in-out infinite reverse}
.ambient-moth .moth-left{animation:restingWing 8s ease-in-out infinite alternate}.ambient-moth .moth-right{animation:restingWing 9s ease-in-out infinite alternate-reverse}
@keyframes quietMoth{0%,78%,100%{transform:translate(0,0) rotate(-18deg)}84%{transform:translate(28px,-30px) rotate(15deg)}92%{transform:translate(42px,10px) rotate(-8deg)}}@keyframes restingWing{0%,88%{transform:scaleX(.8)}94%{transform:scaleX(.35)}100%{transform:scaleX(.85)}}
.theme-spark{position:fixed;pointer-events:none;z-index:10006;width:3px;height:3px;border-radius:50%;background:var(--spark);box-shadow:0 0 4px var(--spark);animation:fadeSpark .5s ease-out forwards}@keyframes fadeSpark{to{transform:translate(var(--dx),-13px) scale(.1);opacity:0}}
@media(prefers-reduced-motion:reduce){.ambient-moth,.ambient-moth *{animation:none!important}.theme-spark{display:none!important}}

.reward-frame{inset:4px!important;width:auto!important;height:auto!important;z-index:2!important;border:0!important;border-radius:8px;pointer-events:none;background:linear-gradient(var(--reward-ink,#d4b478),var(--reward-ink,#d4b478)) left top/12px 1px no-repeat,linear-gradient(var(--reward-ink,#d4b478),var(--reward-ink,#d4b478)) left top/1px 12px no-repeat,linear-gradient(var(--reward-ink,#d4b478),var(--reward-ink,#d4b478)) right bottom/12px 1px no-repeat,linear-gradient(var(--reward-ink,#d4b478),var(--reward-ink,#d4b478)) right bottom/1px 12px no-repeat;opacity:.8}
#screen-setup .unit-avatar,#screen-setup .offer-portrait-wrap,#screen-setup .equip-offer-medallion,#roster .chip>img{position:relative!important;z-index:4!important}#screen-setup .element-filigree{position:absolute!important;z-index:7!important;opacity:.9!important;pointer-events:none!important}
body[data-flourishes=off] #screen-setup .element-filigree{display:none!important}body[data-sparkles=off] .theme-spark{display:none!important}
body[data-card-style=wayfarer] #offers .equip-offer{background:linear-gradient(135deg,#344348,#192d37)!important;border-color:#c9ad73!important;--reward-ink:#e6c58c}
body[data-card-style=moss] #offers .equip-offer{background:linear-gradient(135deg,#314940,#172f2e)!important;border-color:#8ea97a!important;--reward-ink:#a9c795}
body[data-card-style=hearth] #offers .equip-offer{background:linear-gradient(120deg,#313a3b,#172b32)!important;border-color:#cfb681!important;--reward-ink:#dfc28b}
#offers .equip-offer.cosmetic-card .equip-offer-medallion{filter:drop-shadow(0 2px 4px #0007)}#offers .equip-offer.cosmetic-card .equip-offer-kind{color:#cfba8a!important;letter-spacing:.06em}#offers .equip-offer.cosmetic-card .equip-offer-description{color:#d2ddd6!important}
#cosmeticMoth.cursor-moth,.ambient-moth.cursor-moth{position:fixed!important;left:0!important;top:0!important;animation:none!important;transition:none!important;z-index:9995!important;pointer-events:none!important;will-change:transform}
.cursor-moth .moth-wing{animation:none!important}.cursor-moth.in-flight .moth-left{animation:mothLeft .2s ease-in-out infinite alternate!important}.cursor-moth.in-flight .moth-right{animation:mothRight .2s ease-in-out infinite alternate!important}
#keepsakeMenuButton{position:fixed;right:116px;top:8px;z-index:10003;border:1px solid #baa16e66;border-radius:8px;padding:5px 10px;min-height:30px;background:#142733ee;color:#e8d0a1;font:12px system-ui}
#keepsakeMenu{position:fixed;inset:0;z-index:11000;background:#0a1922f5;backdrop-filter:blur(10px);padding:16px 22px;box-sizing:border-box;color:#e8dcc3;font:13px system-ui;overflow:auto}#keepsakeMenu[hidden]{display:none!important}#keepsakeMenu header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}#keepsakeMenu h2{font:25px Georgia;margin:0;color:#f1d79f}#keepsakeMenu p{color:#a8bbb5;margin:6px 0 12px;line-height:1.5}#keepsakeMenu button,#keepsakeMenu select{min-height:36px;border:1px solid #bca77766;border-radius:8px;background:#233b40;color:#ecd7ae;padding:7px 12px;font:12px system-ui}#keepsakeMenu button:disabled{opacity:.4}#keepsakeMenu label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}#keepsakeMenu input{accent-color:#d5b87e;width:17px;height:17px}
.keepsake-columns{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(360px,1.5fr);gap:16px;max-width:1150px;margin:auto}.keepsake-card{padding:16px;border:1px solid #b7a37544;border-radius:14px;background:linear-gradient(130deg,#243b3e,#122730)}.keepsake-card h3{font:20px Georgia;margin:0 0 8px;color:#f0d9a9}.keepsake-card small{color:#a6b8b1}.keepsake-settings{display:grid;gap:6px;margin-top:14px}.story-sets{display:grid;grid-template-columns:1fr 1fr;gap:9px}.story-set{padding:12px;border:1px solid #b6a07338;border-radius:10px;background:#163038}.story-set h4{margin:0 0 5px;font:17px Georgia;color:#e6c991}.story-set p{font-size:11px!important;margin:5px 0!important}.story-set small{display:block;color:#aabeb3;font-size:10px;margin:7px 0}.story-set button{width:100%;min-height:32px!important}.story-set.locked{opacity:.65}#keepsakeStatus{min-height:18px;margin-top:8px;color:#d9c699}.keepsake-reset{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
@media(max-height:460px){#keepsakeMenu{padding:9px 15px}#keepsakeMenu header{margin-bottom:8px}.keepsake-card{padding:12px}.story-set{padding:9px}#keepsakeMenu h2{font-size:21px}.story-sets{gap:7px}.keepsake-columns{gap:10px}}
@media(prefers-reduced-motion:reduce){.cursor-moth *{animation:none!important}}

/* Theme colours extend to the table frame and controls without changing geometry. */
body[data-ui-theme=wayfarer]{--ui-accent:#c7a66a;--ui-bright:#f0d69b;--ui-muted:#a8bcb8;--ui-panel:#1a3039;--ui-edge:#9e885b;--ui-button-top:#e0c38b;--ui-button-bottom:#af8c4e;--ui-button-ink:#162832;--ui-wash:#b99a5414;--ui-radius:12px;--ui-shadow:#e9d29d22}
body[data-ui-theme=moss]{--ui-accent:#91ad79;--ui-bright:#dce9bb;--ui-muted:#b3c6ab;--ui-panel:#1e3530;--ui-edge:#789064;--ui-button-top:#b7cb94;--ui-button-bottom:#7e9b67;--ui-button-ink:#142b24;--ui-wash:#a2bc6a14;--ui-radius:17px 7px 17px 7px;--ui-shadow:#bfdc9822}
body[data-ui-theme=hearth]{--ui-accent:#c9ac7a;--ui-bright:#f4e3bd;--ui-muted:#d0c7af;--ui-panel:#30342f;--ui-edge:#a78b5e;--ui-button-top:#ecdbb0;--ui-button-bottom:#c6aa76;--ui-button-ink:#2c302c;--ui-wash:#d4bc8917;--ui-radius:8px;--ui-shadow:#f5dfab22}
body[data-ui-theme]:not([data-ui-theme=original]) main{border:1px solid var(--ui-edge)!important;box-shadow:inset 0 0 0 4px var(--ui-wash),inset 0 1px 0 var(--ui-shadow),0 16px 45px #0006!important;background:radial-gradient(ellipse at 4% 5%,var(--ui-wash),transparent 65%),linear-gradient(125deg,var(--ui-panel),#13242e 80%)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup>#shopPanel,body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup>#formationPanel,body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup>#terrainPanel{border:1px solid var(--ui-edge)!important;border-radius:var(--ui-radius)!important;background:linear-gradient(125deg,var(--ui-wash),transparent 60%),linear-gradient(170deg,var(--ui-panel),#12262eaa)!important;box-shadow:inset 0 1px 0 var(--ui-shadow),0 3px 9px #0002!important}
body[data-ui-theme]:not([data-ui-theme=original]) main>.panel{border-color:var(--ui-edge)!important;background:linear-gradient(90deg,var(--ui-wash),transparent)!important}
body[data-ui-theme]:not([data-ui-theme=original]) main>header h1,body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup h2,body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup h3,body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup .label,body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup .sub,body[data-ui-theme]:not([data-ui-theme=original]) .storage-heading{color:var(--ui-bright)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup #offers{border-color:var(--ui-edge)!important;box-shadow:inset 0 0 0 1px var(--ui-wash)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup button:not(.slot):not(.chip){background:linear-gradient(160deg,var(--ui-button-top),var(--ui-button-bottom))!important;color:var(--ui-button-ink)!important;border:1px solid var(--ui-accent)!important;text-shadow:none!important;box-shadow:inset 0 1px 0 #fff3,0 2px 5px #0003!important}
body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup button.secondary,body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup .offer-lock-toggle{background:linear-gradient(160deg,var(--ui-wash),#10252c99),var(--ui-panel)!important;color:var(--ui-bright)!important;border-color:var(--ui-edge)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup button:not(.slot):not(.chip):not(:disabled):hover{filter:brightness(1.1)}
body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup button:focus-visible{outline:2px solid var(--ui-bright)!important;outline-offset:2px!important}
body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup button:disabled{opacity:.45!important;filter:saturate(.5)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup #wallet{color:var(--ui-bright)!important;background:linear-gradient(160deg,var(--ui-wash),var(--ui-panel))!important;border-color:var(--ui-accent)!important;box-shadow:inset 0 1px 0 var(--ui-shadow)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup .team-relic-slot,body[data-ui-theme]:not([data-ui-theme=original]) #screen-setup #quickEquipment,body[data-ui-theme]:not([data-ui-theme=original]) #shopLockStatus{border-color:var(--ui-edge)!important;background:var(--ui-panel)!important;color:var(--ui-bright)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenu{background:linear-gradient(130deg,var(--ui-panel),#0a1922f7)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenu .keepsake-card,body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenu .story-set{border-color:var(--ui-edge)!important;background:linear-gradient(140deg,var(--ui-wash),transparent),var(--ui-panel)!important;border-radius:var(--ui-radius)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenu h2,body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenu h3,body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenu h4{color:var(--ui-bright)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenu button,body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenuButton,body[data-ui-theme]:not([data-ui-theme=original]) #studioToggle{border-color:var(--ui-edge)!important;background:var(--ui-panel)!important;color:var(--ui-bright)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenu select{background:var(--ui-panel)!important;border-color:var(--ui-edge)!important;color:var(--ui-bright)!important}
body[data-ui-theme]:not([data-ui-theme=original]) #keepsakeMenu input{accent-color:var(--ui-accent)!important}
body[data-ui-theme=moss] #screen-setup .secondary{border-radius:12px 5px 12px 5px!important}
body[data-ui-theme=hearth] #screen-setup .secondary{border-radius:5px!important;box-shadow:inset 0 0 0 2px var(--ui-wash)!important}

.follow-particle{position:fixed;z-index:9996;pointer-events:none;will-change:transform,opacity}
.follow-leaf{width:8px;height:13px;border-radius:75% 5% 70% 8%;background:linear-gradient(120deg,#d0d79b,#87a365 55%,#506e45);box-shadow:inset 1px 0 0 #d9e5b45c,0 1px 2px #07190e33;opacity:0;transform-origin:50% 70%;animation:woodlandDrift 1.25s ease-out forwards}
.follow-leaf:after{content:'';position:absolute;left:48%;top:2px;width:.7px;height:10px;background:#e0e2b66b;transform:rotate(24deg)}
.follow-ember{width:3px;height:3px;border-radius:50%;background:#f8cf8d;box-shadow:0 0 4px #eda75880;opacity:0;animation:hearthLift .95s ease-out forwards}
@keyframes woodlandDrift{0%{opacity:0;transform:translate(0,0) rotate(var(--turn)) scale(.65)}12%{opacity:.7}75%{opacity:.4}100%{opacity:0;transform:translate(var(--drift),37px) rotate(calc(var(--turn) + 95deg)) scale(.75)}}
@keyframes hearthLift{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:.85}65%{opacity:.4}100%{opacity:0;transform:translate(var(--drift),-32px) scale(.1)}}
@media(prefers-reduced-motion:reduce){.follow-particle{display:none!important}}