.cl-design{font:17px/1.5 Georgia,serif}.cl-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.cl-heading h1{font:700 30px Georgia;margin:0}.cl-heading>span{font-size:14px;color:#bfa47d}.cl-design .cl-select{position:static!important;display:block!important;width:100%;max-width:850px;margin:0 auto 10px;padding:0!important;background:none!important;border:0!important;overflow:visible}.cl-select .gallery-track{display:flex!important;gap:8px;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:3px!important;max-height:none}.cl-select .gallery-track>button{flex:0 0 calc((100% - 16px)/3)!important;min-width:0!important;scroll-snap-align:start;box-sizing:border-box;min-height:62px!important;padding:7px!important}.cl-choice .smith-button-label{display:flex;align-items:center;justify-content:center;gap:9px}.cl-choice img,.cl-choice .pet-art{width:65px!important;height:45px!important;object-fit:cover;flex:none}.cl-choice span{font-size:16px}.cl-choice.selected{outline:1px solid #e5bb71;outline-offset:-4px}.cl-select .gallery-controls{margin-top:5px;justify-content:center}.cl-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:9px;margin:10px 0}.cl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.cl-portrait{padding:9px!important}.cl-portrait h2{margin:0;font-size:26px}.cl-portrait header{margin-bottom:7px;padding-bottom:7px}.cl-portrait header>span{font-size:15px}.cl-scene{aspect-ratio:3/2;position:relative;border:4px solid #99713f;border-image:url('assets/woodland-frame-inset-c-v1.webp') 86/4px;line-height:0;overflow:hidden}.cl-scene-image{display:block;width:100%;height:100%;object-fit:contain}.cl-existing-scene{height:100%;width:100%;display:grid;place-items:center;background:url('assets/hero-wardrobe-background-v1.webp') center/cover}.cl-existing-scene .pet-art{width:70%!important;height:90%!important;background-image:var(--pet-art-url);background-size:var(--pet-cols) var(--pet-rows);background-position:var(--pet-x) var(--pet-y);filter:url(#root-black-key) drop-shadow(0 4px 3px #0008)}.cl-xp{padding:9px 3px 0}.cl-xp>div:first-child{display:flex;justify-content:space-between;font-size:14px;color:#c0a47a}.cl-xp strong{font-weight:normal;color:#e1c78f}.cl-xp .meter{height:9px;margin:6px 0 0;background:#080706;border-color:#9b773f}.cl-xp .meter i{background:linear-gradient(#f5da91,#b77c26)}.cl-info{display:grid;gap:10px;align-content:start}.cl-attributes header{margin-bottom:10px}.cl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cl-stats>div{padding:10px;text-align:center;border:5px solid #98733e;border-image:url('assets/woodland-frame-inset-c-v1.webp') 86 fill/5px}.cl-stats small{display:block;font-size:15px;color:#c9ac80}.cl-stats strong{display:block;font:700 31px Georgia;color:#ebcb8f;margin-top:3px}.cl-bio h3{font-size:22px}.cl-bio p{font-size:17px;color:#c9b28d;line-height:1.6}.cl-gear-status,.cl-specialization{display:flex;align-items:center;gap:10px;border-top:1px solid #97713d55;padding-top:9px;margin-top:9px}.cl-gear-status>span,.cl-specialization>span{margin-left:auto;color:#c9b18a}.cl-benefits{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #98733e;background:#17100c;color:#e0c28e}.cl-benefits>img{width:27px;height:30px;object-fit:contain}.cl-actions{display:flex;gap:10px}.cl-actions .primary{flex:1}.cl-queue{margin-top:12px}.cl-queue>summary{padding:8px;cursor:pointer;color:#c9b087}.cl-sub-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:15px;align-items:start}.cl-training h2,.cl-gear-panel h2{font-size:27px}.cl-training-branches,.cl-training-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.cl-training h3{margin-top:20px}.cl-gear-panel .pet-gear-picker{max-width:100%}.cl-gear-panel .pet-gear-picker .gallery-track>button{min-width:120px}.cl-gear-panel .pet-gear-detail{margin:15px 0}.cl-gear-panel footer{margin-top:15px}
.cl-design .cl-select{height:auto!important;max-height:none!important;min-height:0!important}
@media(max-width:850px){.cl-design .cl-select{display:grid!important;grid-template-columns:27px minmax(0,1fr) 27px;gap:3px;align-items:center}.cl-select .gallery-track{grid-column:2;grid-row:1}.cl-select .gallery-controls{display:contents!important}.cl-select .gallery-counter{display:none}.cl-select .gallery-arrow{grid-row:1;width:27px;min-height:36px;box-sizing:border-box}.cl-select .gallery-arrow:first-child{grid-column:1}.cl-select .gallery-arrow:last-child{grid-column:3}.cl-select .cl-choice .smith-button-label{flex-direction:column}.cl-select .cl-choice img,.cl-select .cl-choice .pet-art{width:32px!important;height:23px!important}.cl-design .cl-scene{max-height:clamp(110px,calc(100dvh - 570px),230px);background:#100e09}}
@media(max-width:850px){.cl-heading{margin:0 0 4px}.cl-heading h1{font-size:22px}.cl-heading>span{font-size:11px}.cl-design .cl-select{margin-bottom:4px}.cl-select .gallery-track{gap:4px;padding:2px!important}.cl-select .gallery-track>button{flex-basis:calc((100% - 8px)/3)!important;min-height:46px!important;padding:3px!important}.cl-choice .smith-button-label{gap:2px}.cl-choice img,.cl-choice .pet-art{width:35px!important;height:30px!important}.cl-choice span{font-size:12px}.cl-select .gallery-controls{margin:2px 0 0;min-height:27px}.cl-select .gallery-arrow{min-height:27px;width:32px}.cl-select .gallery-counter{font-size:11px}.cl-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:4px 0}.cl-tabs>button{min-height:34px!important;padding:5px!important;font-size:13px!important}.cl-grid{grid-template-columns:minmax(0,1fr) 78px;gap:5px}.cl-portrait{padding:4px!important;border-width:5px!important}.cl-portrait h2{font-size:18px}.cl-portrait header{margin-bottom:4px;padding-bottom:3px}.cl-portrait header>span{font-size:11px}.cl-scene{border-width:3px}.cl-xp{padding:5px 2px 0}.cl-xp>div:first-child{font-size:11px}.cl-xp .meter{margin-top:3px;height:6px}.cl-info{display:contents}.cl-attributes{grid-column:2;grid-row:1;padding:3px!important;border-width:5px;min-height:0}.cl-attributes>header,.cl-bio{display:none}.cl-stats{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));height:100%;gap:3px}.cl-stats>div{padding:3px 0;display:flex;flex-direction:column;justify-content:center}.cl-stats small{font-size:11px}.cl-stats strong{font-size:25px;margin:1px 0}.cl-benefits{grid-column:1/-1;padding:4px 7px;gap:5px;font-size:12px}.cl-benefits>img{width:19px;height:22px}.cl-actions{grid-column:1/-1;gap:5px}.cl-actions>button{min-height:38px!important;font-size:14px!important;padding:6px!important}.cl-training-link{max-width:95px}.cl-queue{margin-top:4px;font-size:13px}.cl-queue>summary{padding:4px}.cl-sub-layout{grid-template-columns:1fr;gap:8px}.cl-sub-portrait{max-width:220px;width:100%;margin:auto}.cl-training h2,.cl-gear-panel h2{font-size:22px}.cl-training p,.cl-gear-detail p{font-size:16px}.cl-training-branches,.cl-training-actions{gap:6px}.cl-training-actions>button{flex:1}.cl-gear-panel .pet-gear-picker .gallery-track>button{min-width:100px}.cl-sub-portrait .cl-xp{display:none}}
@media(max-width:850px){body[data-view=pets] .test-banner{display:none}.cl-select .gallery-arrow{min-width:0!important;max-width:27px!important;width:27px!important;padding:0!important;min-height:36px!important;height:36px!important}}