@font-face{font-family:CompanionUI;src:url('fonts/NimbusSans-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:CompanionUI;src:url('fonts/NimbusSans-Bold.otf') format('opentype');font-weight:700 900;font-display:swap}
:root{color-scheme:dark;--usable-height231:100dvh}
body{font-family:CompanionUI,Arial,sans-serif}
.bottom-nav .nav-item{min-height:50px}
.bottom-nav .nav-item small{font-size:11px;line-height:1.3}
.bottom-nav svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
input,select,textarea,button{font-family:inherit;max-width:100%;box-sizing:border-box}
input,select,textarea{font-size:16px;min-height:48px}
select{appearance:none;-webkit-appearance:none;padding-right:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m4 7 5 5 5-5' fill='none' stroke='%23d6b16b' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
button{touch-action:manipulation}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e8bd73;outline-offset:3px}
dialog{max-height:calc(var(--usable-height231) - 24px)}
.ui-dialog231{width:min(540px,94vw);max-width:94vw;margin:auto;padding:0;border:1px solid #715b38;border-radius:20px;background:#201b14;color:#eee6d7;box-shadow:0 20px 80px #000a}
.ui-dialog231::backdrop{background:#000b;backdrop-filter:blur(5px)}
.ui-card231{padding:20px;overflow-y:auto;max-height:calc(var(--usable-height231) - 28px);box-sizing:border-box}
.ui-head231{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:16px}
.ui-head231 h2{font-size:clamp(22px,6vw,30px);margin:0;overflow-wrap:anywhere}
.ui-head231 button{min-width:48px;min-height:48px;flex-shrink:0;font-size:26px}
.ui-card231>button,.ui-options231 button{display:block;width:100%;min-height:48px;margin:8px 0;padding:12px 16px;text-align:left;white-space:normal;line-height:1.35;border:1px solid #79623b;border-radius:12px;background:#2a2217;color:#eed395}
.ui-options231 button[hidden]{display:none}
.ui-message231{white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere}
.ui-card231 input{width:100%;margin-bottom:12px}
.icon-btn{min-width:44px;min-height:44px}
.talent-buy-btn{min-width:72px;min-height:48px;white-space:normal}
.talent-pick-row{min-width:0;gap:8px}
.rule-pick-main{min-width:0;overflow-wrap:anywhere}
.rule-pick-main small{white-space:normal;line-height:1.4}
.import-filters231{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.import-filters231 label{min-width:0}
.import-filters231 select{width:100%}
.import-results196 button{min-height:48px;white-space:normal}
@media(max-width:390px){.import-filters231{grid-template-columns:1fr}.ui-card231{padding:16px}.talent-pick-row em{font-size:14px}.rule-pick-main{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}