.training-workspace{height:100dvh;overflow:hidden}.training-workspace>header{height:52px;padding-inline:24px}.training-workspace>footer{display:none}main#app.training-main{height:calc(100dvh - 52px);min-height:0;max-width:1400px;position:relative;display:flex;flex-direction:column;gap:7px;overflow:auto;padding:12px 20px 10px}.training-main>.page-heading{flex:none;align-items:center;margin:0;min-height:30px}.training-main>.page-heading h1{font-size:20px;line-height:1.4;margin:0}.training-main>.page-heading p,.training-main>.page-heading .eyebrow{display:none}.training-main>.page-heading .date-chip{padding:5px 9px;font-size:9px}.training-settings{position:relative;flex:none;z-index:35;border:1px solid #e5e0ef;background:#fff;border-radius:6px}.training-settings>summary{height:30px;display:flex;align-items:center;gap:15px;padding:0 12px;cursor:pointer;list-style:none;font-size:11px;color:#8d819d}.training-settings>summary::-webkit-details-marker{display:none}.training-settings>summary>b{font-size:11px;color:#76668d;font-weight:500;white-space:nowrap}.training-settings #training-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;font-size:10px}.settings-caret{font-size:16px;line-height:1}.training-settings[open] .settings-caret{transform:rotate(180deg)}.settings-content{position:absolute;top:calc(100% + 5px);left:-1px;right:-1px;max-height:calc(100dvh - 160px);overflow:auto;padding:16px;background:#f9f8fc;border:1px solid #d9d0e5;border-radius:8px;box-shadow:0 14px 50px #10201e44}.settings-content .panel{margin-bottom:12px;padding:18px}.settings-content .panel:last-child{margin:0}.settings-content .section-title{margin-bottom:12px}.settings-content .section-title h2{font-size:14px}.settings-content .hint{font-size:10px}.settings-content .lineup-preview>div{width:51px}.settings-content .lineup-preview{gap:6px}.training-main>.tactics-arena{flex:1;min-height:min(360px,calc(100dvh - 145px));margin:0;display:flex;flex-direction:column;gap:0;position:relative;overflow:visible;padding:10px 12px 7px}.training-main .tactics-arena .arena-top{flex:none;height:20px;min-height:20px;margin:0 0 5px}.training-main .arena-top .eyebrow{font-size:9px;letter-spacing:1px}.training-main .arena-top .timer{font-size:17px;min-width:80px}.training-main .arena-top .timer small{font-size:8px}.training-main .tactics-layout{flex:1;min-height:0;display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px}.training-main .battle-surface{order:2;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;border-width:4px;padding:6px 9px 5px;container-type:size}.training-main .board-caption{height:17px;flex:none;margin:0 0 3px;font-size:9px;width:100%;align-items:center}.training-main .board-caption b{padding:1px 6px;margin-left:5px}.training-main .board-tip{font-size:8px}.training-main .hex-board{flex:none;max-width:100%;width:min(100%,calc((100cqh - 20px)*1.99852));margin:auto}.training-main .hex-cell{min-height:0}.training-main .hex-cell .piece-name{font-size:clamp(6px,3cqh,10px);padding:2px 0}.training-main .hex-cell .piece-stars{font-size:clamp(7px,3cqh,12px)}.training-main .arena-traits{order:1;min-height:0;max-height:none;display:flex;flex-direction:column;padding:1px 3px 0 0;overflow:hidden}.training-main .arena-traits h3{font-size:10px;margin:0 0 4px;color:#b4c19d;flex:none}.training-main #roll-traits{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#728c68 transparent}.training-main .empty-traits{font-size:9px;margin:10px 0}.training-main .bench-heading{flex:none;font-size:8px;margin:6px 0 4px;height:12px;line-height:12px}.training-main .bench-heading>span+span{font-size:8px}.training-main .bench-slots{flex:none;height:clamp(34px,7.2dvh,62px);grid-template-rows:minmax(0,1fr);border-width:3px;box-shadow:0 3px 0 #142c27}.training-main .bench-cell{height:100%;min-height:0;aspect-ratio:auto}.training-main .bench-cell .piece-portrait{height:calc(100% - 10px);width:auto;aspect-ratio:1;left:50%;top:0;transform:translateX(-50%);border-width:1px}.training-main .bench-cell .piece-name{font-size:8px;bottom:0;padding:2px 0;line-height:1.1}.training-main .bench-cell .piece-stars{font-size:8px;top:-4px}.training-main .shop-toolbar{flex:none;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;min-height:32px;height:36px;gap:8px;margin:7px 0 0;padding:0 5px;border-bottom-width:1px}.training-main .tactics-arena .shop-rates{min-width:0;display:flex;align-items:center;gap:3px 7px;flex-wrap:wrap;line-height:1.1;margin:0;padding:3px 0;border:0;max-height:32px;font-size:9px}.training-main .shop-rates .rate-title{flex:none;width:auto;font-weight:600;font-size:10px;color:#d5dcc3;white-space:nowrap;margin-right:3px}.training-main .shop-rates b{font-size:9px;white-space:nowrap}.training-main .shop-gold{min-width:0;align-self:end;padding:4px 15px 3px;gap:6px}.training-main .shop-gold b{font-size:21px}.training-main .shop-gold .gold-coin{width:11px;height:8px;flex-basis:11px}.training-main .allin-progress{justify-self:end;display:flex;gap:6px;align-items:center;flex-wrap:nowrap;margin:0;padding:0;border:0;background:none;max-width:100%;min-width:0;line-height:1.15}.training-main .allin-progress>img{width:24px;height:24px;flex:none}.training-main .allin-progress .goal-info{min-width:0;display:flex;flex-direction:column;gap:3px}.training-main .allin-progress .goal-info b{margin:0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-main .allin-progress .goal-info small{font-size:8px;white-space:nowrap;color:#94a87d;width:auto}.training-main .allin-progress strong{font-size:12px;white-space:nowrap;margin-left:2px}.training-main .tactics-arena .shop{position:relative;flex:none;height:clamp(78px,15dvh,135px);gap:3px;padding:3px;border-top:0;min-height:0}.training-main .tactics-arena .champ-card{height:100%;min-height:0;aspect-ratio:auto}.training-main .tactics-arena .champ-card>img{inset:0 0 21px;height:calc(100% - 21px)}.training-main .tactics-arena .champ-name{height:21px;font-size:11px;padding:3px 5px}.training-main .tactics-arena .champ-traits{bottom:26px;gap:3px;left:5px}.training-main .shop-trait b{font-size:9px}.training-main .shop-trait-icon{width:13px;flex-basis:13px;height:13px}.training-main .tactics-arena .champ-card .shop-trait-icon img{width:13px;height:13px}.shop-sell-overlay{display:none;position:absolute;inset:0;z-index:10;pointer-events:none;align-items:center;justify-content:center;gap:14px;background:#644118ee;border:2px solid #f0ce7c;color:#fff1b7;font-size:19px;font-weight:600;text-shadow:0 1px #5a2d10}.holding-piece .shop .shop-sell-overlay{display:flex}.holding-piece .shop .champ-card{pointer-events:none}.holding-piece .shop{outline:1px dashed #e3c477;outline-offset:1px}.holding-piece .shop.drop-ready .shop-sell-overlay{background:#8c5b17f5;box-shadow:inset 0 0 30px #e3be5d55}.training-main .tactics-arena .arena-actions{flex:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:7px;margin:6px 0 0;min-height:29px}.training-main .arena-actions .inline-actions{width:auto;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:5px;flex:none}.training-main .arena-actions button{padding:6px 11px;font-size:10px;height:28px;gap:7px;white-space:nowrap}.training-main .arena-actions .shop-sort{font-size:9px;gap:5px;white-space:nowrap}.training-main .arena-actions .shop-sort input{width:11px;height:11px}.training-main .tactics-arena .meter{flex:none;height:2px;margin:4px 0 0}.training-main .arena-announcement{flex:none;height:13px;min-height:0;margin:3px 0 0;font-size:8px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-main .pool-details{flex:none;margin:0;font-size:9px}.training-main .pool-details>summary{padding:3px 0 0;font-size:9px;line-height:13px;cursor:pointer}.training-main .pool-details[open]{position:absolute;z-index:25;bottom:5px;left:10px;right:10px;max-height:55dvh;overflow:auto;padding:10px 14px;background:#142d29;border:1px solid #8c9568;box-shadow:0 -8px 30px #071b2688}.training-main>#roll-result{flex:none}.training-main>#roll-result:empty{display:none}.training-main:has(#roll-result:not(:empty))>.tactics-arena{flex:0 0 calc(100dvh - 145px)}.training-main .pool-tiers{margin:8px 0}
/* Overlapping row boxes must not intercept input over adjacent hexagons. */
.hex-row{pointer-events:none}.hex-row>.hex-cell{pointer-events:auto}
.trait-builder [hidden]{display:none!important}.trait-builder .arena-top>div:first-child{min-width:0;flex:1}.builder-modes{display:flex;align-items:center;gap:5px;min-width:0}.builder-modes button{border:1px solid #6f8862;background:#243e30;color:#afbd9d;font-size:9px;padding:3px 7px;border-radius:3px;white-space:nowrap}.builder-modes button.active{color:#ffe6a1;border-color:#b4a15e;background:#536043}.builder-modes b{font-size:9px;color:#c9d2ad;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;margin-left:5px}.trait-builder #shop-rates{display:none}.builder-shop-filter{display:flex;min-width:0;gap:5px;align-items:center}.builder-shop-filter input,.builder-shop-filter select{min-width:0;border:1px solid #698361;background:#183b2e;color:#d4ddba;padding:4px 5px;font-size:9px;border-radius:3px}.builder-shop-filter input{width:100%;max-width:150px}.builder-shop-filter select{width:72px;flex:none}.trait-builder .shop-toolbar-spacer{display:flex;align-items:center;justify-content:flex-end;gap:7px}.trait-builder #builder-prev{font-size:9px;padding:4px 8px;color:#bfc9a2;border-color:#698361;background:#294634}.trait-builder #builder-page{font-size:9px;color:#a8ba8a;white-space:nowrap}.trait-builder .arena-top .timer,.trait-builder .meter{display:none}.builder-suggestions{position:absolute;z-index:30;right:15px;bottom:45px;max-width:calc(100% - 30px);padding:15px;background:#1a352a;color:#d5ddbd;border:1px solid #a4a16b;box-shadow:0 8px 30px #0006;font-size:12px}.builder-suggestions>button{float:right;background:none;border:0;color:inherit;margin-left:20px}.builder-suggestions p{font-size:11px;margin:8px 0}.builder-suggestions small{font-size:9px;color:#9dad8b}.trait-builder #training-settings .target-settings{display:none}@media(max-width:680px){.builder-shop-filter{gap:2px}.builder-shop-filter select{width:57px;font-size:7px;padding:3px 1px}.builder-shop-filter input{font-size:7px;width:65px;padding:3px}.builder-modes b{font-size:7px;margin-left:0}.builder-modes button{font-size:8px;padding:3px 5px}.trait-builder #builder-prev{padding:3px;font-size:7px}.trait-builder #builder-page{font-size:7px}.trait-builder .shop-toolbar-spacer{gap:3px}}
/* Live trait badge colors follow each trait's explicit tier metadata. */
.live-trait{--metal:#75807b;--metal-light:#9ba49f;--metal-dark:#414b47;--trait-text:#a5aea6}.live-trait.trait-tier-bronze,.trait-legend .trait-tier-bronze{--metal:#ad805b;--metal-light:#d2b08b;--metal-dark:#6b4d36;--trait-text:#ddbf97}.live-trait.trait-tier-silver,.trait-legend .trait-tier-silver{--metal:#b8c2c5;--metal-light:#e8edef;--metal-dark:#687779;--trait-text:#e2e7e4}.live-trait.trait-tier-gold,.trait-legend .trait-tier-gold{--metal:#d0af57;--metal-light:#f1df98;--metal-dark:#877021;--trait-text:#f0db93}.live-trait.trait-tier-prismatic,.trait-legend .trait-tier-prismatic{--metal:#b4c8ed;--metal-light:#e3e7ff;--metal-dark:#7b8eb7;--trait-text:#dfe6fc}.live-trait.trait-tier-unique,.trait-legend .trait-tier-unique{--metal:#c98c4d;--metal-light:#efd3a0;--metal-dark:#744c29;--trait-text:#f0c78e}.live-trait.trait-tier-inactive{--metal:#3c4c48;--metal-light:#5d6d66;--metal-dark:#263630;--trait-text:#84948a}.arena-traits .live-trait,.trait-panel .live-trait{display:flex;align-items:center;gap:7px;padding:4px 0;border-bottom:0;color:var(--trait-text);font-size:10px;line-height:1.2;min-height:35px}.trait-badge{position:relative;display:grid;place-items:center;width:29px;height:32px;flex:0 0 29px;isolation:isolate;background:linear-gradient(145deg,var(--metal-light),var(--metal) 45%,var(--metal-dark));clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%)}.trait-badge:before{content:'';position:absolute;inset:2px;background:linear-gradient(145deg,var(--metal),var(--metal-light) 50%,var(--metal));clip-path:inherit;z-index:-1}.trait-badge>img{display:block;width:18px;height:18px;object-fit:contain;filter:brightness(0) saturate(0);opacity:.9}.trait-tier-inactive .trait-badge>img{filter:grayscale(1) brightness(1.3);opacity:.48}.trait-count{position:absolute;right:1px;bottom:1px;background:#14251ee8;border:1px solid var(--metal-dark);font-size:9px;line-height:11px;min-width:11px;text-align:center;padding:0 1px;color:#fff9dd;border-radius:2px;text-shadow:0 1px #000}.trait-description{flex:1;min-width:0}.trait-description>b{display:block;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--trait-text)}.trait-description>small{display:flex;align-items:center;gap:3px;margin-top:3px;font-size:8px;line-height:1;color:#63776b}.trait-description>small i{font-style:normal;color:#677a6f;font-size:7px}.trait-description .reached{color:var(--trait-text);font-weight:600}.trait-tier-name{font-size:8px;color:var(--trait-text);margin-left:auto;white-space:nowrap;opacity:.75}.trait-tier-prismatic .trait-badge,.trait-legend .trait-tier-prismatic{background:conic-gradient(from 40deg,#f7e2bd,#a9d7db,#bdc4ee,#ecc8e2,#a3ceda,#f7e2bd)}.trait-tier-prismatic .trait-badge:before{background:linear-gradient(130deg,#d6c6f1,#b5d9df 45%,#f4d9d8)}.trait-tier-unique .trait-badge{background:linear-gradient(145deg,#e8d29f,#bc7e3f 50%,#73482c)}.trait-tier-unique .trait-badge:before{background:linear-gradient(140deg,#dcbf86,#c29553 60%,#e9d0a5)}.trait-legend{display:flex;gap:4px;align-items:center;justify-content:space-between;margin:5px 0 0;flex:none}.trait-legend i{background:linear-gradient(145deg,var(--metal-light),var(--metal),var(--metal-dark));color:#1e2b26;font-size:8px;padding:2px 4px;font-style:normal;line-height:1;border-radius:2px}.trait-panel .trait-tier-name{font-size:10px}.trait-panel .live-trait{padding:7px 0;font-size:12px}.trait-panel .trait-description>b{font-size:12px}.trait-panel .trait-description>small{font-size:10px}.trait-panel .trait-badge{width:34px;height:38px;flex-basis:34px}.trait-panel .trait-badge>img{width:21px;height:21px}.trait-panel .trait-description .reached{color:var(--metal-dark)}.trait-panel .trait-description>b{color:var(--metal-dark)}
@media(min-height:850px){.training-main .tactics-arena .shop{height:clamp(115px,15dvh,145px)}.training-main .bench-slots{height:62px}.training-main .arena-traits .live-trait{padding:5px 0;min-height:39px}.training-main .trait-description>b{font-size:11px}.training-main .trait-badge{width:31px;height:35px;flex-basis:31px}.training-main .arena-actions button{font-size:11px;height:30px}}
@media(max-width:900px){.training-workspace>header{padding-inline:18px}main#app.training-main{padding:9px 13px 8px;gap:6px}.training-main .tactics-layout{grid-template-columns:108px minmax(0,1fr);gap:7px}.training-main .arena-traits .live-trait{gap:5px;min-height:32px}.training-main .trait-description>b{font-size:9px}.training-main .trait-description>small{font-size:7px;gap:2px}.training-main .trait-badge{width:25px;height:29px;flex-basis:25px}.training-main .trait-badge>img{width:16px;height:16px}.training-main .trait-tier-name{font-size:7px}.training-main .trait-count{font-size:8px;min-width:10px;line-height:10px}.training-main .trait-legend{gap:2px}.training-main .trait-legend i{font-size:7px;padding:2px 3px}.training-main .tactics-arena .champ-name{font-size:10px}.training-main .shop-rates b{font-size:8px}.training-main .shop-rates .rate-title{font-size:9px}.training-main .shop-toolbar{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:5px}.training-main .allin-progress strong{font-size:11px}.training-main .allin-progress .goal-info b{font-size:9px}.training-main .allin-progress .goal-info small{font-size:7px}.training-main .allin-progress>img{width:22px;height:22px}}
@media(max-width:680px){.training-workspace>header{height:48px;padding-inline:12px}.training-workspace #menu{font-size:15px}.training-workspace .game-switch{padding:2px}.training-workspace .game-switch button{font-size:10px;padding:6px 10px}main#app.training-main{height:calc(100dvh - 48px);padding:8px 9px 7px;gap:5px}.training-main>.page-heading{min-height:26px}.training-main>.page-heading h1{font-size:17px}.training-settings>summary{height:28px;gap:8px;padding:0 9px}.training-settings #training-summary{font-size:9px}.settings-content{max-height:calc(100dvh - 140px);padding:10px}.settings-content .panel{padding:13px}.training-main>.tactics-arena{padding:7px 7px 5px;min-height:min(340px,calc(100dvh - 132px))}.training-main .tactics-layout{grid-template-columns:94px minmax(0,1fr);gap:5px}.training-main .battle-surface{padding:4px 5px 3px;border-width:3px}.training-main .board-caption{font-size:8px;height:15px;margin-bottom:3px}.training-main .board-tip{display:none}.training-main .hex-board{width:min(100%,calc((100cqh - 18px)*1.99852))}.training-main .arena-top{height:16px!important;min-height:16px!important;margin-bottom:4px!important}.training-main .arena-top .eyebrow{font-size:7px}.training-main .arena-top .timer{font-size:14px;min-width:64px}.training-main .arena-traits h3{font-size:9px;margin-bottom:3px}.training-main .arena-traits .live-trait{min-height:29px;gap:4px;padding:3px 0}.training-main .trait-badge{width:22px;height:25px;flex-basis:22px}.training-main .trait-badge>img{width:14px;height:14px}.training-main .trait-count{font-size:7px;line-height:9px;min-width:9px;right:0}.training-main .trait-description>b{font-size:8px}.training-main .trait-description>small{font-size:7px;gap:2px;margin-top:2px}.training-main .trait-tier-name{font-size:6px}.training-main .trait-legend{gap:1px}.training-main .trait-legend i{font-size:7px;padding:2px}.training-main .bench-heading{margin:4px 0 3px;font-size:7px;height:10px;line-height:10px}.training-main .bench-heading>span+span{font-size:6px}.training-main .bench-slots{height:clamp(31px,6.5dvh,51px);border-width:2px}.training-main .bench-cell .piece-name{font-size:6px}.training-main .bench-cell .piece-stars{font-size:7px;top:-3px}.training-main .shop-toolbar{margin-top:5px;height:34px;min-height:34px;grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr);gap:3px;padding:0 3px}.training-main .tactics-arena .shop-rates{gap:2px 4px;font-size:7px;max-height:30px}.training-main .shop-rates b{font-size:7px}.training-main .shop-rates .rate-title{font-size:8px;margin-right:0}.training-main .shop-gold{padding:4px 10px 2px;gap:4px}.training-main .shop-gold b{font-size:18px}.training-main .shop-gold .gold-coin{width:9px;height:7px;flex-basis:9px}.training-main .allin-progress{gap:4px}.training-main .allin-progress>img{width:19px;height:19px}.training-main .allin-progress .goal-info b{font-size:8px}.training-main .allin-progress .goal-info small{font-size:6px}.training-main .allin-progress strong{font-size:9px;margin-left:0}.training-main .tactics-arena .shop{height:clamp(76px,14dvh,116px);gap:2px;padding:2px}.training-main .tactics-arena .champ-card>img{inset:0 0 18px;height:calc(100% - 18px)}.training-main .tactics-arena .champ-name{height:18px;font-size:8px;padding:2px 3px}.training-main .tactics-arena .champ-traits{bottom:22px;left:3px;gap:3px}.training-main .shop-trait b{font-size:7px}.training-main .shop-trait-icon{width:10px;height:10px;flex-basis:10px}.training-main .tactics-arena .champ-card .shop-trait-icon img{width:10px;height:10px}.training-main .shop-price{font-size:9px}.training-main .gold-coin{width:7px;height:6px;flex-basis:7px}.training-main .arena-actions .shop-sort{font-size:8px;gap:3px}.training-main .arena-actions button{padding:5px 8px;font-size:9px;height:26px;gap:5px}.training-main .arena-actions .inline-actions{gap:4px}.training-main .arena-actions{margin-top:5px!important;min-height:26px!important}.training-main .arena-announcement{font-size:7px;height:11px;line-height:11px}.training-main .pool-details>summary{font-size:8px;line-height:11px;padding-top:2px}.training-main .shop-sell-overlay{font-size:16px}.training-main:has(#roll-result:not(:empty))>.tactics-arena{flex-basis:calc(100dvh - 132px)}}
.training-main .shop-main-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;flex:none;min-width:0;align-items:stretch}.training-main .shop-main-row>#refresh-roll{height:auto;min-width:0;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:linear-gradient(#efd378,#c89c3e);border:2px solid #f3d88c;border-radius:3px;color:#3d2e12;font-size:14px;box-shadow:inset 0 1px 0 #fff2b2,inset 0 -2px 0 #a57829}.training-main .shop-main-row>#refresh-roll:disabled{opacity:.45}.training-main .shop-main-row>#refresh-roll kbd{margin:0;color:#493817;background:#deb95d;border:1px solid #9e772c}.training-main .builder-level-control.field{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;min-width:0}.training-main .builder-level-control label{font-size:10px;margin:0;color:#b9c5a9;white-space:nowrap}.training-main .builder-level-control select{font-size:10px;padding:4px 6px;min-width:0;width:106px;height:28px;color:#d4dcbf;background:#172f2b;border:1px solid #68765b;border-radius:3px}@media(max-width:680px){.training-main .shop-main-row{grid-template-columns:54px minmax(0,1fr);gap:4px}.training-main .shop-main-row>#refresh-roll{font-size:11px;gap:5px}.training-main .builder-level-control select{width:86px;height:26px;font-size:9px}.training-main .builder-level-control label{font-size:9px}}

.training-main .shop-main-row>#refresh-roll span{color:inherit}@media(hover:hover) and (pointer:fine){.training-main .shop-main-row>#refresh-roll:not(:disabled):hover{background:linear-gradient(#f8df8a,#d5ad50)}}.training-main .shop-main-row>#refresh-roll:not(:disabled):active{background:linear-gradient(#c89c3e,#dfbc63);box-shadow:inset 0 2px 3px #85601e66}
.trait-builder .builder-modes #challenge-group-field{display:flex;flex:none;flex-direction:row;align-items:center;gap:6px;min-width:0;margin:0 0 0 10px}.trait-builder #challenge-group-field label{margin:0;white-space:nowrap;font-size:10px;color:#b9c5a9}.trait-builder #challenge-groups{height:25px;width:120px;padding:3px 6px;font-size:10px;background:#172f2b;border:1px solid #68765b;border-radius:3px;color:#d4dcbf}.trait-builder .arena-top:has(#challenge-group-field:not([hidden])){height:30px!important;min-height:30px!important}@media(max-width:680px){.trait-builder #challenge-groups{width:100px;font-size:9px}.trait-builder .builder-modes #challenge-group-field{margin-left:3px;gap:3px}.trait-builder #challenge-group-field label{font-size:9px}}
.training-main:not(.trait-builder) .training-settings{border:0;background:#e8c568;border-radius:6px;box-shadow:none}.training-main:not(.trait-builder) .training-settings>summary{min-height:36px;height:36px;padding:0 14px;gap:14px;background:#e8c568;color:#57461f;border-radius:6px}.training-main:not(.trait-builder) .training-settings>summary>b{font-size:12px;font-weight:700;color:#382e18}.training-main:not(.trait-builder) .training-settings #training-summary{font-size:11px;color:#66512a}.training-main .training-settings .settings-caret{display:block;width:0;height:0;flex:none;font-size:0;line-height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #51401c;transform:rotate(0deg);transform-origin:50% 35%;transition:transform 160ms cubic-bezier(.23,1,.32,1)}.training-main .training-settings[open] .settings-caret{transform:rotate(180deg)}@media(hover:hover) and (pointer:fine){.training-main:not(.trait-builder) .training-settings>summary:hover{background:#f0cf7a}}@media(prefers-reduced-motion:reduce){.training-main .training-settings .settings-caret{transition:none}}@media(max-width:680px){.training-main:not(.trait-builder) .training-settings>summary{height:32px;min-height:32px;padding-inline:10px;gap:9px}.training-main:not(.trait-builder) .training-settings #training-summary{font-size:9px}}
.roll-target-settings{display:block!important;margin-top:18px}.roll-target-settings .section-title{margin-bottom:10px}.roll-target-settings .section-title h3{margin:0;font-size:13px}.roll-target-settings #target-limit-count{color:#748294;font-size:11px}.roll-target-settings .filter-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:8px;margin-bottom:10px}.roll-target-settings .filter-row input,.roll-target-settings .filter-row select{width:100%;min-width:0;padding:7px 9px;font-size:12px}.target-hero-grid.planner-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(49px,1fr));grid-auto-rows:62px;align-content:start;gap:5px;height:210px;max-height:210px;overflow:auto;padding:3px;scrollbar-gutter:stable}.target-hero-grid .planner-hero-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:62px;min-width:0;padding:4px;border:1px solid var(--unit-cost);background:#233b2e;color:#c5d0b5;text-align:center;font-size:8px}.target-hero-grid .planner-hero-tile img{display:block;width:30px;height:30px;object-fit:cover;border:1px solid var(--unit-cost)}.target-hero-grid .planner-hero-tile>span{font-size:8px;line-height:1.25;max-height:20px;overflow:hidden;max-width:100%}.target-hero-grid .planner-hero-tile>small{position:absolute;right:2px;top:1px;line-height:12px;padding:0 2px;background:#10231f;color:#e9d68d;font-size:8px}.target-hero-grid .planner-hero-tile.is-selected{background:#4d542e;box-shadow:inset 0 0 0 2px #e4c66b;border-color:#e4c66b}.target-selected-mark{position:absolute;top:0;left:1px;line-height:13px;font-size:11px;color:#ffe594}.roll-target-settings .target-list{margin-top:10px}.target-hero-grid .planner-hero-tile:focus-visible{outline:2px solid #087ee7;outline-offset:2px}@media(max-width:680px){.target-hero-grid.planner-items{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));height:190px;max-height:190px}.roll-target-settings #target-limit-count{font-size:9px}}