/* Generated thorn/crystal artwork. Text remains live and all artwork is non-interactive. */
:root{--button-primary:url('../assets/ui/buttons/primary.png');--button-battle:url('../assets/ui/buttons/battle.png');--button-silver:url('../assets/ui/buttons/silver.png');--button-seal:url('../assets/ui/buttons/seal.png')}
button[data-button-family]{--button-art:var(--button-silver);--button-light:#c7bbdd;--button-glow:#b8a0da65;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:filter .18s,color .18s,box-shadow .18s,border-color .18s}
button[data-button-tone=primary]{--button-art:var(--button-primary);--button-light:#ead5ff;--button-glow:#b572ee80}
button[data-button-tone=battle]{--button-art:var(--button-battle);--button-light:#ffd7df;--button-glow:#ef557980}
:is(#app,#modal) button[data-button-family=plate]{position:relative;background:var(--button-art) center/100% 160% no-repeat!important;border:0!important;border-radius:0!important;clip-path:none!important;box-shadow:none!important;color:var(--button-light);min-height:46px;padding:12px 30px;text-decoration:none;text-align:center;font-family:var(--serif);line-height:1.45;letter-spacing:1.5px;text-shadow:0 2px 4px #000;overflow:visible}
:is(#app,#modal) button[data-button-family=plate]:before,:is(#app,#modal) button[data-button-family=plate]:after{display:none!important}
:is(#app,#modal) button[data-button-family=plate]:hover:not(:disabled){filter:brightness(1.27) drop-shadow(0 0 7px var(--button-glow));color:#fff4ff}
:is(#app,#modal) button[data-button-family=plate]:is(.active,.selected,[aria-pressed=true]){--button-art:var(--button-primary);color:#f4e6ff;filter:drop-shadow(0 0 5px #b67ee77a)}
:is(#app,#modal) button[data-button-family=plate]:active:not(:disabled){filter:brightness(.9)}
:is(#app,#modal) button[data-button-family]:focus-visible{outline:2px solid #ead5ff!important;outline-offset:4px!important}
:is(#app,#modal) button[data-button-family]:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.46;text-shadow:none}
:is(#app,#modal) button[data-button-family=plate].mini-button{font-size:11px;min-height:38px;padding:9px 18px;letter-spacing:.5px}
:is(#app,#modal) button[data-button-family=plate].text-button{min-height:36px;padding:8px 19px;font-size:11px;letter-spacing:.5px}
:is(#app,#modal) button[data-button-family=plate].front-back{padding:12px 27px;min-width:95px}
.cover-menu button[data-button-family=plate]{min-height:65px!important;padding:15px 35px!important;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}
.cover-menu button[data-button-family=plate] small{letter-spacing:3px;font-size:8px;opacity:.75}
.cover-menu button[data-button-family=plate] .ui-icon{display:none}
.end-turn[data-button-family=plate] .turn-frame{display:none}
:is(#app) .end-turn[data-button-family=plate]{min-height:70px;padding:15px 25px 15px 60px;background-size:100% 150%!important}
.end-turn[data-button-family=plate]>.ui-icon{left:12%;width:32px;height:32px}
.end-turn[data-button-family=plate] .end-copy{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}
:is(#app,#modal) button[data-button-family=icon]{border:0!important;border-radius:0!important;background:var(--button-seal) center/contain no-repeat!important;box-shadow:none!important;min-width:36px;min-height:36px;color:#ddcbe9;display:inline-flex;align-items:center;justify-content:center}
:is(#app,#modal) button[data-button-family=icon]:before,:is(#app,#modal) button[data-button-family=icon]:after{display:none!important}
button[data-button-family=icon]>.ui-icon{max-width:65%;max-height:65%;object-fit:contain}
button[data-button-family=icon]:hover:not(:disabled),button[data-button-family=pile]:hover:not(:disabled),button[data-button-family=identity]:hover:not(:disabled){filter:brightness(1.25) drop-shadow(0 0 5px #bb8fdf80)}
button[data-button-family=skill] .ability-orb{background:var(--button-seal) center/contain no-repeat!important;border:0!important;box-shadow:none!important}
button[data-button-family=skill] .ability-orb:before,button[data-button-family=skill] .ability-orb:after{display:none!important}
button[data-button-family=skill]:hover:not(:disabled){filter:brightness(1.17) drop-shadow(0 0 4px #b87ed951)}
button[data-button-family=toggle]{border:1px solid #c3a9d280!important;background:linear-gradient(120deg,#201827,#3a2947)!important;box-shadow:inset 0 0 6px #07040c,0 0 0 2px #16121d!important}
button[data-button-family=toggle]:after{background:var(--button-seal) center/contain no-repeat,radial-gradient(circle,#e2c3f4,#8d649c)!important;box-shadow:0 0 6px #d6a5f34d!important}
button[data-button-family=tile],button[data-button-family=row]{position:relative;border-color:#baa4c069!important;box-shadow:inset 0 0 0 2px #0b081280,inset 0 0 0 3px #b3a0bf26}
button[data-button-family=row]{background-color:#18111dbc}
button[data-button-family=tile]:hover:not(:disabled),button[data-button-family=row]:hover:not(:disabled){border-color:#ead0fa!important;box-shadow:inset 0 0 0 2px #24143180,0 0 14px #b585db35}
button[data-button-family=tile]:is(.selected,.active),button[data-button-family=row]:is(.selected,.active){border-color:#ddb6f3!important;box-shadow:inset 0 0 0 2px #4c2e6177,0 0 15px #b779dd55}
button[data-button-family=card]:focus-visible,button[data-button-family=target]:focus-visible{outline-offset:6px!important}
.catalog-tabs button[data-button-family=plate],.relic-filters button[data-button-family=plate],.settings-tabs button[data-button-family=plate]{padding:11px 15px!important;letter-spacing:.5px!important}
.refinement-branches button[data-button-family=plate]{min-height:66px;padding:16px 27px!important;background-size:100% 155%!important}
@media(max-width:700px){
 :is(#app,#modal) button[data-button-family=plate]{padding:12px 20px;letter-spacing:.5px;min-height:44px}
 .cover-menu button[data-button-family=plate]{min-height:58px!important;padding:12px 30px!important}
 :is(#app) .end-turn[data-button-family=plate]{min-height:50px;padding:10px 13px 10px 33px;background-size:100% 155%!important}
 .end-turn[data-button-family=plate]>.ui-icon{width:22px;height:22px;left:10%}
 :is(#app,#modal) .catalog-tabs button[data-button-family=plate],:is(#app,#modal) .relic-filters button[data-button-family=plate]{padding:11px 8px!important;font-size:10px;letter-spacing:0!important}
 .settings-tabs button[data-button-family=plate]{padding:10px 8px!important;font-size:11px}
}
@media(prefers-reduced-motion:reduce){button[data-button-family]{transition:none!important}}
.reduce-effects button[data-button-family]{transition:none!important}
/* Single-language action labels share one centered content line. */
:is(#app,#modal) button[data-button-family=plate]{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-direction:row;text-align:center;box-sizing:border-box}
:is(#app,#modal) button[data-button-family=plate]>.ui-icon{position:static!important;inset:auto!important;display:block;width:22px!important;height:22px!important;max-width:none;max-height:none;margin:0!important;flex:0 0 22px;object-fit:contain;transform:none!important}
#app .cover-menu button[data-button-family=plate]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px 32px!important;min-height:66px!important;gap:0}
#app .cover-menu button[data-button-family=plate]>.ui-icon{display:none}
#app .cover-menu button[data-button-family=plate]>span{display:block;width:100%;text-align:center;line-height:1.5}
#app .cover-menu button[data-button-family=plate] small{font-size:10px;line-height:1.4;letter-spacing:.5px;margin:3px 0 0}
#app .end-turn[data-button-family=plate]{padding:16px 30px!important;gap:10px}
#app .end-turn[data-button-family=plate] .end-copy{margin:0;text-align:center}
:is(#app,#modal) button[data-button-family=icon]>.ui-icon{position:static!important;inset:auto!important;display:block;flex-shrink:0;margin:0!important;transform:none!important;object-fit:contain}
#app .hud-settings[data-button-family=icon]>.ui-icon{width:30px!important;height:30px!important;max-width:none;max-height:none}
#app :is(.hud-deck,.potion-hud,.hud-relic,.flow-resources button[data-action=potions],.flow-resources button[data-action=deck])[data-button-family=icon]{background:none!important;gap:6px;flex-shrink:0}
#app :is(.hud-deck,.potion-hud)[data-button-family=icon]{padding:4px 6px!important}
#app .potion-hud[data-button-family=icon]>small{display:none}
@media(max-width:700px){#app .cover-menu button[data-button-family=plate]{min-height:60px!important;padding:12px 28px!important}#app .end-turn[data-button-family=plate]{padding:12px 24px!important;gap:6px}}
/* Wide choices need generous space inside the pointed ends; keep their live descriptions. */
:is(#app,#modal) :is(.flow-link,.event-decision,.event-card-row)[data-button-family=row]{background:var(--button-art) center/100% 205% no-repeat!important;border:0!important;clip-path:none!important;box-shadow:none!important;padding:26px 12%;min-height:100px}
:is(#app,#modal) :is(.flow-link,.event-decision,.event-card-row)[data-button-family=row]:before,:is(#app,#modal) :is(.flow-link,.event-decision,.event-card-row)[data-button-family=row]:after{display:none!important}
:is(.flow-link,.event-decision,.event-card-row)[data-button-family=row]:hover:not(:disabled){filter:brightness(1.2) drop-shadow(0 0 5px #b48cce55)}
.flow-resources button[data-button-family=icon]{padding:8px!important;min-width:40px;width:auto;height:40px;gap:3px;background-size:40px 40px!important;font-size:11px}
.flow-resources button[data-button-family=icon]>.ui-icon{width:22px;height:22px}
button[data-button-family=toggle]>i{background:var(--button-seal) center/contain no-repeat,radial-gradient(circle,#e2c3f4,#8d649c)!important;box-shadow:0 0 6px #d6a5f34d!important}
:is(#app) .sanctuary-rail button[data-button-family=navigation]{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
:is(#app) .sanctuary-rail button[data-button-family=navigation]>i{background:var(--button-seal) center/contain no-repeat!important;border:0!important;box-shadow:none!important}
.sanctuary-rail button[data-button-family=navigation]:before,.sanctuary-rail button[data-button-family=navigation]:after,.sanctuary-rail button[data-button-family=navigation]>i:before,.sanctuary-rail button[data-button-family=navigation]>i:after{display:none!important}
.sanctuary-rail button[data-button-family=navigation]:hover{filter:brightness(1.25) drop-shadow(0 0 4px #c69be366)}
button[data-button-family=skill]:disabled{opacity:.68!important}
@media(max-width:700px){
 .flow-scene .flow-hud{height:auto!important;min-height:144px!important;padding-top:12px;padding-bottom:10px;align-content:center;row-gap:8px}
 .flow-hud .flow-resources{flex-basis:100%;justify-content:flex-end;gap:10px}
 .flow-hud .flow-resources button[data-button-family=icon]{flex-shrink:0}
 :is(#app,#modal) .event-decision[data-button-family=row]{padding-left:16%;padding-right:15%;gap:8px}
 .event-decision .decision-number{display:none}
}