@font-face{font-family:LOM;src:url('../fonts/LOM.otf') format('opentype');font-display:swap}
.asset-progress{position:relative;overflow:hidden;white-space:nowrap}.asset-progress .muted{font-variant-numeric:tabular-nums}.asset-progress-meter{position:absolute;bottom:0;left:0;height:2px;width:var(--asset-progress,0%);background:var(--accent);pointer-events:none}
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e6e8e1;background:#111718;font-synthesis:none;--panel:#192022;--panel2:#202a2b;--line:#344042;--muted:#8f9e9c;--accent:#dfc28b;--ink:#111718;--radius:12px}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,input,select,textarea{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{color:inherit;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:9px 13px;font-size:12px;font-weight:550;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:#7c8b85;background:#2c3738}button.primary{color:var(--accent-ink,#211e17);background:var(--accent);border-color:var(--accent)}button.primary:hover{background:var(--accent-tone-efd7a7,#efd7a7)}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.danger{color:#e1a09b}button.small{padding:5px 8px;font-size:11px}button.active{border-color:var(--accent);color:var(--accent);background:#34342d}button.icon{min-width:30px;padding:5px}button.full{width:100%}button.link{border:0;background:none;color:var(--accent);padding:0}
#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.boot{margin:auto;color:var(--accent)}.topbar{height:66px;flex:none;border-bottom:1px solid #2b3637;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#151c1d;gap:16px}.brand{display:flex;gap:12px;align-items:center;color:var(--accent-tone-efe2c6,#efe2c6);border:0;background:none;padding:0;text-align:left}.brand-mark{width:33px;height:36px;border:1px solid var(--accent-tone-b7a16f,#b7a16f);display:grid;place-items:center;font:23px Georgia;transform:rotate(-7deg);border-radius:3px}.brand strong{font:19px Georgia;letter-spacing:.5px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--muted);margin-top:4px}.top-center{font-size:11px;color:var(--muted);letter-spacing:1px}.top-actions{display:flex;align-items:center;gap:10px}.save-status{font-size:11px;color:#a9beb0;max-width:300px}.save-status.error{color:#e8a797;cursor:pointer}.save-status::before{content:'●';font-size:7px;margin-right:7px}.workspace{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:10px;color:var(--accent);font-weight:600}.muted{color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:42px;line-height:1.1}h2{font-size:28px}h3{font-size:13px;font-weight:600}p{font-size:13px;color:var(--muted);line-height:1.6}.home{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:32px;position:relative;background:radial-gradient(ellipse at 50% 25%,#253334 0,transparent 65%)}.home-intro{text-align:center}.home-intro h1{margin:12px 0}.home-intro p{font-size:14px}.home-cards{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;max-width:940px;width:100%;height:min(365px,44vh)}.menu-card{overflow:hidden;position:relative;text-align:left;border:1px solid #45514b;border-radius:16px;background:#1c2728;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.menu-card:hover{transform:translateY(-3px);border-color:var(--accent);background:#263031}.menu-card .menu-art{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:.55;filter:saturate(.65);transition:transform .5s}.menu-card:hover .menu-art{transform:scale(1.04)}.menu-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10191af5 10%,#10191a33 100%)}.menu-card .menu-copy{position:relative;z-index:1}.menu-card h2{font-size:32px;color:var(--accent-tone-f1e7d2,#f1e7d2);margin:12px 0 8px}.menu-card p{color:#bdc7c0;max-width:290px}.menu-card .arrow{position:absolute;bottom:30px;right:26px;z-index:2;color:var(--accent);font-size:24px}.menu-card .number{position:absolute;top:24px;left:28px;color:#c0c9be;z-index:2;font-size:11px;letter-spacing:2px}.template-lines{position:absolute;inset:30px 100px 65px;border:1px solid var(--accent-tone-b8a47566,#b8a47566);transform:rotate(9deg);border-radius:10px}.template-lines::before,.template-lines::after{content:'';position:absolute;border:1px solid var(--accent-tone-b8a47566,#b8a47566);inset:24px -20px -24px 20px;border-radius:10px}.template-lines::after{inset:48px -40px -48px 40px}.home-footer{font-size:10px;letter-spacing:1px;color:#758783;display:flex;gap:20px}.section-head{flex:none;display:flex;justify-content:space-between;align-items:center;padding:25px 32px 20px;gap:20px}.section-head h1{font-size:32px;margin-top:7px}.section-actions{display:flex;gap:8px;align-items:center}.crumb{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:8px}.content-scroll{flex:1;min-height:0;overflow:auto;padding:0 32px 28px}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;height:100%;max-height:560px}.hero-tile{position:relative;overflow:hidden;text-align:left;border-radius:12px;border-color:#43504a;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:#243231}.hero-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26;filter:saturate(.7)}.hero-tile:hover img{opacity:.45}.hero-tile strong,.hero-tile span{position:relative}.hero-tile strong{font:25px Georgia;margin-bottom:5px}.hero-tile span{font-size:11px;color:#bdc6bc}.all-heroes{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border:1px solid #506256;border-radius:10px;background:#25322d}.toolbar{display:flex;align-items:center;gap:10px;padding:0 32px 16px;flex:none}.search{max-width:290px}.count{margin-left:auto;font-size:11px;color:var(--muted)}input,textarea,select{width:100%;background:#11191b;border:1px solid #384547;border-radius:6px;color:#e3e5db;padding:9px 10px;font-size:12px;min-width:0}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent);padding:0}input[type=color]{height:34px;padding:3px}textarea{resize:vertical;min-height:100px;line-height:1.6}label{font-size:11px;color:#abb7b1;display:block}label>input,label>select,label>textarea{margin-top:6px}label.check{display:flex;align-items:center;gap:7px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stack{display:grid;gap:14px}.field-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#a1afaa;margin-bottom:8px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.library-card{min-width:0;background:#182122;border:1px solid #344240;border-radius:10px;padding:11px;position:relative;transition:border .2s}.library-card.selected{border-color:var(--accent)}.library-card .card-open{display:block;border:0;background:none;padding:0;width:100%}.library-card canvas{width:100%;height:auto;aspect-ratio:5/7;display:block;border-radius:8px}.library-card .card-label{padding:11px 0 4px;display:flex;justify-content:space-between;gap:5px}.card-label strong{font-size:12px}.library-card small{font-size:10px;color:var(--muted)}.card-check{position:absolute;top:15px;left:15px;z-index:1}.card-hover-actions{display:flex;gap:5px;margin-top:9px}.card-hover-actions button{flex:1}.empty{height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px;border:1px dashed #3b4847;border-radius:15px}.empty .empty-icon{font:45px Georgia;color:#8d937d}.pagination{padding:12px 32px;display:flex;justify-content:flex-end;align-items:center;gap:12px;border-top:1px solid var(--line);font-size:11px;flex:none}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.template-card{padding:15px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.template-card canvas{height:220px;max-width:100%;display:block;margin:0 auto 15px}.template-card h3{font:22px Georgia;margin:7px 0}.template-card .row{margin-top:12px}.editor-top{height:57px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);gap:10px}.editor-top h2{font:17px Georgia}.editor-top .left,.editor-top .right{display:flex;align-items:center;gap:12px}.badge{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-tone-5b5943,#5b5943);padding:4px 7px;border-radius:4px}.editor{display:grid;grid-template-columns:270px minmax(220px,1fr) 280px;flex:1;min-height:0;overflow:hidden}.panel{overflow:auto;min-height:0;background:#182022;padding:19px;border-right:1px solid var(--line)}.panel.right{border-right:0;border-left:1px solid var(--line)}.panel section+section{margin-top:22px;padding-top:20px;border-top:1px solid #303c3d}.panel h3{margin-bottom:14px}.panel p{font-size:11px}.panel .row{display:flex;gap:6px;align-items:center}.stage{min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#293335,#11191b 80%);position:relative;overflow:hidden}.stage-top{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;height:43px;font-size:10px;color:var(--muted);flex:none}.canvas-space{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:12px 28px;overflow:hidden;position:relative}.canvas-frame{height:100%;max-width:100%;aspect-ratio:5/7;position:relative;box-shadow:0 18px 50px #0008;border-radius:17px;overflow:hidden}.canvas-frame canvas{height:100%;width:100%;display:block}.canvas-hit{position:absolute;inset:0;touch-action:none;cursor:default}.canvas-hit.template{cursor:move}.canvas-hit.art-mode{cursor:grab}.canvas-hit:active{cursor:grabbing}.stage-bottom{padding:10px 18px;font-size:10px;color:#8fa19c;text-align:center;flex:none;min-height:34px;max-height:85px;overflow:auto}.stage-bottom.warning{color:#dfb282;background:#382e2333}.segmented{display:flex;gap:5px;flex-wrap:wrap}.segmented button{flex:1;font-size:10px;padding:8px 4px}.token-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.token-button{padding:6px 2px;border-color:#344243;min-width:0}.token-button img{display:block;width:27px;height:27px;object-fit:contain;margin:auto}.token-button span{display:block;font-size:8px;font-weight:400;margin-top:5px;color:#adbbb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-group-title{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#a6b49e;margin:16px 0 8px}.token-pairs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.token-pair{display:flex;gap:3px;padding:4px;border:1px solid #354546;border-radius:7px}.token-pair button{flex:1}.action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.action-glyph{font:21px LOM}.action-grid button{padding:6px 1px;font-size:8px}.action-grid button span{display:block}.hint{font-size:10px!important;color:#859a91;line-height:1.5}.asset-current{display:flex;gap:10px;align-items:center;padding:9px;background:#11191a;border:1px solid #384648;border-radius:7px}.asset-current img{width:54px;height:54px;object-fit:cover;border-radius:4px}.asset-current .asset-name{font-size:10px;overflow-wrap:anywhere;flex:1}.layer-row{display:flex;align-items:center;gap:5px;margin-bottom:5px;border:1px solid #324042;border-radius:7px;padding:6px;background:#1e292a}.layer-row.selected{border-color:var(--accent-tone-bba473,#bba473);background:#33362e}.layer-row .layer-name{min-width:0;flex:1;border:0;text-align:left;padding:5px;background:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.layer-row .kind{font-size:9px;color:#97aa9e}.layer-row .visibility{padding:3px;border:0;background:none;color:#a4b3a6}.layer-row[draggable=true]{cursor:grab}.rules-list{display:grid;gap:8px}.rule-row{display:grid;grid-template-columns:minmax(0,1fr) 40px 28px;gap:5px}.prop-fields{display:grid;gap:12px}.prop-fields input{padding:8px}.text-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}details{border-top:1px solid var(--line);padding-top:14px;margin-top:15px}summary{cursor:pointer;font-size:12px;margin-bottom:12px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.asset-item{background:#202a2b;padding:7px;border-radius:8px;min-width:0}.asset-item img{width:100%;height:110px;object-fit:contain;background:repeating-conic-gradient(#273233 0% 25%,#20292b 0% 50%) 50%/14px 14px;border-radius:5px}.asset-item span{font-size:10px;display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-item small{font-size:8px;color:var(--accent)}dialog{color:var(--text);background:#192224;border:1px solid #50605b;border-radius:14px;padding:0;width:min(880px,92vw);max-height:88dvh;box-shadow:0 30px 100px #000a;overflow:hidden}dialog::backdrop{background:#080e10bd;backdrop-filter:blur(6px)}.dialog-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{font-size:25px;color:var(--accent-tone-efe5d1,#efe5d1)}.dialog-body{padding:22px 25px;overflow:auto;max-height:calc(88dvh - 170px);color:#e2e6dd}.dialog-footer{padding:16px 25px;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);background:#151e20}.dialog-footer .hint{margin-right:auto}.dialog-toolbar{display:flex;gap:10px;margin-bottom:18px}.dialog-toolbar>*{flex:1}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:var(--muted);font-weight:400;padding:10px 7px;border-bottom:1px solid var(--line)}td{padding:10px 7px;border-bottom:1px solid #2c3a3b;max-width:230px;overflow-wrap:anywhere}td select{min-width:100px}.import-warning{color:#d8b279;font-size:10px;line-height:1.5}.sheet-preview{display:grid;gap:4px;background:#0e1719;padding:15px;border:1px solid #354644;border-radius:8px;max-width:330px;margin:auto;max-height:230px;overflow:hidden}.sheet-preview span{aspect-ratio:5/7;background:var(--accent-tone-b1a48088,#b1a48088);border:1px solid var(--accent-tone-e5cd9677,#e5cd9677);display:grid;place-items:center;font-size:9px}.export-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.notice{padding:12px;background:#343124;border:1px solid #625b39;color:#daca9e;border-radius:6px;font-size:11px;line-height:1.6}.status-box{padding:12px;background:#122724;border:1px solid #2b5747;color:#a7c7b4;border-radius:6px;font-size:11px;line-height:1.6}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);max-width:80vw;background:var(--accent-tone-e1c793,#e1c793);color:#192122;border:1px solid var(--accent-tone-e9d5ab,#e9d5ab);padding:12px 20px;border-radius:8px;box-shadow:0 10px 35px #0009;font-size:12px;z-index:10;opacity:0;pointer-events:none;transition:all .2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}progress{width:100%;height:9px;accent-color:var(--accent)}.kbd{font:9px monospace;padding:2px 4px;border:1px solid #45514d;border-radius:3px}.selection-bar{display:flex;gap:10px;align-items:center;font-size:11px}.asset-drop{border:1px dashed #738573;padding:10px;border-radius:7px;font-size:10px;text-align:center;color:#a9bba5}.mobile-panel-toggle{display:none}
@media(min-width:1700px){.editor{grid-template-columns:310px minmax(300px,1fr) 310px}.panel{padding:23px}.home-cards{max-width:1080px;height:410px}}
@media(max-width:1120px){.editor{grid-template-columns:235px minmax(200px,1fr) 235px}.panel{padding:13px}.canvas-space{padding:8px 14px}.topbar{padding:0 18px}.section-head{padding:20px}.content-scroll{padding:0 20px 20px}.toolbar{padding:0 20px 14px}.top-center{display:none}.action-grid{grid-template-columns:repeat(5,1fr)}.hero-grid{gap:10px}.hero-tile{padding:16px}.hero-tile strong{font-size:21px}}
@media(max-width:850px){.editor{grid-template-columns:220px minmax(180px,1fr)}.editor>.panel.right{display:none;position:absolute;right:0;top:57px;bottom:0;width:255px;z-index:4;box-shadow:-10px 0 25px #0008}.editor.show-right>.panel.right{display:block}.mobile-panel-toggle{display:block}.topbar{height:56px}.top-actions .ghost{display:none}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.hero-tile{height:140px}.home-cards{gap:12px}.home h1{font-size:33px}.menu-card{padding:20px}.menu-card h2{font-size:25px}.home{padding:24px}.section-actions{flex-wrap:wrap;justify-content:flex-end}.editor-top{padding:0 12px}.editor-top .badge{display:none}.editor-top h2{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-layout{grid-template-columns:1fr}.home-footer{font-size:8px}.save-status{max-width:150px}}
@media(max-height:720px){.home{gap:20px;padding:20px}.home-intro h1{font-size:33px;margin:8px}.home-cards{height:39vh;min-height:180px}.menu-card h2{font-size:26px}.menu-card p{font-size:11px}.topbar{height:54px}.section-head{padding-top:16px;padding-bottom:13px}.canvas-space{padding-top:5px;padding-bottom:5px}}

[hidden]{display:none!important}

/* Portraits remain separate from card backgrounds. */
.hero-tile img{opacity:1;filter:none;object-position:center 25%}
.hero-tile:hover img{opacity:1}
.hero-tile:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85));pointer-events:none}
.hero-tile strong,.hero-tile span{z-index:1}
.editor-top{height:auto;min-height:57px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.editor-top .left{min-width:0;flex:1}
.editor-top h2{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editor-top .right{flex-wrap:wrap;gap:6px;justify-content:flex-end}
@media(max-width:1100px){.editor-top .badge{display:none}.editor-top h2{max-width:160px}.editor-top .right button{padding:6px 8px}}

.home-main-cards{grid-template-columns:1fr 1fr 1fr;max-width:1180px}
.home-main-cards .menu-card{min-width:0}
.settings-content{max-width:1050px;margin:0 auto;display:grid;gap:20px;padding-bottom:16px}
.settings-section{padding:24px;background:#192426;border:1px solid var(--line);border-radius:12px;min-width:0}
.settings-section h2{font-size:24px;margin:0 0 12px}.settings-section p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 16px}
.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-heading h2{margin:0}
.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.settings-section code{font-size:12px;color:var(--accent-tone-e4d3ac,#e4d3ac);overflow-wrap:anywhere}
.settings-table-wrap{overflow-x:auto}.settings-table-wrap td{max-width:280px}.settings-table-wrap .action-glyph{font:28px LOM;margin-right:12px}
.settings-colors{margin:16px 0;max-width:650px}.token-reference{display:flex;gap:10px;flex-wrap:wrap;line-height:1.8}.settings-aliases{display:grid;gap:10px;margin-top:16px}.settings-error{color:#f39b89;min-height:1em}
@media(max-width:850px){.home-main-cards{grid-template-columns:1fr 1fr 1fr}.home-main-cards .menu-card{padding:12px}.home-main-cards .menu-card h2{font-size:22px}.home-main-cards .menu-card p{font-size:10px}.settings-fields{grid-template-columns:1fr}.settings-section{padding:16px}.settings-heading{flex-wrap:wrap}}
.card-version-status{font-size:10px;color:var(--muted);line-height:1.8;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.card-version-status strong{color:var(--accent)}
.history-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:24px}.history-layout aside{min-width:0}.history-layout select{width:100%;min-height:80px}.history-preview canvas{display:block;width:auto;max-width:100%;max-height:50dvh;margin:auto}.history-ability{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;max-height:180px;overflow:auto;background:#111a1c;padding:12px;border-radius:6px}
.stats-content{max-width:1250px}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px}.stats-summary>div{background:#192426;border:1px solid var(--line);border-radius:10px;padding:20px;display:grid;gap:8px}.stats-summary strong{font-size:30px;color:var(--accent)}.stats-summary span{font-size:12px;color:var(--muted)}.stats-distributions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stats-card summary{font-size:13px;line-height:1.5}.stats-card .settings-table-wrap{margin-top:10px}.stats-card td:last-child{max-width:420px}
.home-main-cards{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px}.home-main-cards .menu-card{padding:24px}.home-main-cards .menu-card h2{font-size:29px}
@media(max-width:1100px){.home-main-cards{grid-template-columns:repeat(2,minmax(0,1fr));height:46vh;min-height:300px;gap:12px}.home-main-cards .menu-card{padding:15px}.home-main-cards .menu-card h2{font-size:24px}.home-main-cards .menu-card .number{font-size:8px}.home-main-cards .menu-card p{font-size:10px}.stats-distributions{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.history-layout{grid-template-columns:1fr}.stats-distributions{grid-template-columns:1fr}}

/* Library groups and compact subtype labels. Card artwork remains untouched. */
.library-section{margin-bottom:32px}
.library-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;margin-bottom:12px;border-bottom:1px solid var(--line)}
.library-section-head h2{font:600 21px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;display:flex;align-items:center;gap:10px}
.library-section-head h2 span{font-size:12px;font-weight:500;background:#293638;color:#adbbb8;border-radius:20px;padding:4px 9px}
.library-section-head p{font-size:11px;color:var(--muted);margin:7px 0 0}
.section-stats{display:flex;gap:8px;align-items:center}.section-stats span{font-size:18px;color:var(--accent)}
.section-empty{padding:24px;border:1px dashed #354345;border-radius:10px;color:var(--muted);font-size:12px}
.card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.library-card.trait-tactical{background:#192e3c;border-color:#304d60}
.library-card.trait-aggressive{background:#382326;border-color:#5a393b}
.library-card:hover{border-color:#839894}
.library-card.selected{border-color:var(--accent);outline:1px solid var(--accent)}
.library-card .card-open{text-align:left;border-radius:5px;color:inherit}
.library-card .card-open:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.library-card .card-label{line-height:1.4}
.library-card .card-check{position:static;width:24px;height:24px;margin:0;cursor:pointer;accent-color:var(--accent)}
.subtype-badges{display:flex;flex-wrap:wrap;gap:4px;min-height:23px;align-content:start}
.subtype-badge{font-size:10px;line-height:1.2;padding:4px 7px;border-radius:4px;background:var(--subtype-color);color:#211b14;font-weight:650}
.library-card .card-hover-actions{position:absolute;right:15px;top:15px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:5px;margin:0;padding:0;border:0;opacity:0;pointer-events:none;transition:opacity .12s}.library-card:hover .card-hover-actions,.library-card:has(:focus-visible) .card-hover-actions{opacity:1;pointer-events:auto}
.library-card .card-hover-actions button{flex:none;display:grid;place-items:center;width:26px;height:26px;padding:0;font-size:25px;line-height:1;border-radius:5px}.library-card .card-hover-actions .remove{color:#ff8077;background:#2d191dea;border-color:#8f514f}.library-card .card-hover-actions .duplicate{color:#84e2a3;background:#172d20eb;border-color:#4d855d}.library-card .card-hover-actions button:hover{filter:brightness(1.2)}.library-card .card-hover-actions button:focus-visible,.library-card .card-check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.library-card .card-hover-actions .duplicate{margin:0}
/* Visual summaries shared by the collection dashboard and the section drawer. */
.visual-stats{display:grid;gap:18px;min-width:0}
.visual-panel{padding:20px;background:#1b282a;border:1px solid #354649;border-radius:12px;min-width:0;margin:0}
.visual-panel h3{font:600 14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;color:#e1e8e4;margin:0 0 18px}
.visual-panel h3 small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}
.stats-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.stats-summary>div{min-width:0}.stats-summary span{line-height:1.4}
.bar-track{height:7px;background:#0d181a;border-radius:5px;overflow:hidden;min-width:0}
.bar-track i{display:block;height:100%;border-radius:inherit}
.distribution-bars{display:grid;gap:14px}
.distribution-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(35px,1.4fr) 46px;gap:10px;align-items:center;font-size:11px}
.distribution-row span{overflow-wrap:anywhere}.distribution-row strong{text-align:right;font-size:13px}
.cost-chart{display:flex;gap:12px;min-height:146px;overflow-x:auto;align-items:stretch;padding-bottom:3px}
.cost-column{flex:1;min-width:28px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:11px}
.cost-column strong{font-size:12px}.cost-column>span{color:var(--muted);max-width:80px;overflow-wrap:anywhere}
.cost-track{width:100%;max-width:44px;height:100px;display:flex;align-items:flex-end}
.cost-track i{display:block;width:100%;min-height:2px;border-radius:4px 4px 0 0;background:#a9c5ae}
.action-metrics,.token-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.action-metric,.token-metric{min-width:0;background:#142023;border:1px solid #2b3b3e;border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:10px}
.metric-heading{display:flex;align-items:center;gap:9px;font-size:12px;min-height:34px}.metric-heading>span:not(.action-stat-glyph){flex:1}.metric-heading strong{font-size:24px;font-weight:600;margin-left:auto}
.metric-heading img{width:30px;height:30px;object-fit:contain}.action-stat-glyph{font:30px LOM;width:30px;text-align:center}
.action-metric small,.token-metric small{font-size:10px;color:var(--muted);line-height:1.4}
.variable-count{font-size:11px;color:var(--accent-tone-dcc498,#dcc498);overflow-wrap:anywhere}
.token-legend,.token-values{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:10px;color:var(--muted)}
.token-legend{margin-bottom:17px}.token-legend span{display:flex;align-items:center;gap:5px}.token-legend i{width:7px;height:7px;border-radius:50%}
.token-bar{display:flex;gap:1px}.token-bar i{border-radius:0;flex-shrink:1}
.stats-method{margin:0;padding:12px 0}.stats-method summary{color:var(--muted);margin:0}.stats-method p{font-size:11px;line-height:1.6;color:var(--muted)}
.stats-breakdown>summary{font-size:13px;font-weight:600;margin-bottom:0}.stats-breakdown[open]>summary{margin-bottom:16px}
.hero-stat-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px}
.hero-stat-bars button{display:grid;grid-template-columns:90px minmax(20px,1fr) 30px;gap:10px;align-items:center;text-align:left;background:transparent;border:0;font-size:11px;padding:8px}
.hero-stat-bars button:hover{background:#293b3e}.hero-stat-bars strong{text-align:right}
.stats-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(650px,95vw);height:100dvh;max-height:100dvh;border-radius:16px 0 0 16px;border:1px solid #465c5c;color:#e6e8e1}
.stats-drawer[open]{display:flex;flex-direction:column}
.stats-drawer::backdrop{background:#080e10a8;backdrop-filter:none}
.stats-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;border-bottom:1px solid var(--line);flex:none}
.stats-drawer-head h2{font-size:27px;margin:6px 0 0}.stats-drawer-head button{font-size:24px;padding:3px 12px}
.stats-drawer-body{overflow:auto;flex:1;min-height:0;padding:22px;display:flex;flex-direction:column;gap:18px}
.stats-drawer .stats-summary{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.stats-drawer .stats-summary>div{padding:14px 10px}.stats-drawer .stats-summary strong{font-size:25px}.stats-drawer .stats-summary span{font-size:10px}
@media(max-width:600px){.stats-chart-grid,.hero-stat-bars{grid-template-columns:1fr}.stats-drawer .stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-drawer-body{padding:14px}}

/* Explore a statistic and its contributing cards without leaving the collection. */
[data-stat-kind]{cursor:pointer;transition:border-color .15s,background .15s,outline-color .15s}
[data-stat-kind]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.action-metric:hover,.token-metric:hover{border-color:var(--accent-tone-a58e61,#a58e61)}
.action-metric[aria-pressed=true],.token-metric[aria-pressed=true]{border-color:var(--accent);background:#29332e;outline:1px solid var(--accent)}
.distribution-row[data-stat-kind]{border-radius:5px;padding:5px;margin:-5px}
.distribution-row[data-stat-kind]:hover,.distribution-row[aria-pressed=true]{background:#405145}
.cost-column[data-stat-kind]{border-radius:5px;padding:5px}.cost-column:hover,.cost-column[aria-pressed=true]{background:#405145}
.token-values [data-stat-kind]{padding:3px;border-radius:4px}.token-values [data-stat-kind]:hover,.token-values [aria-pressed=true]{background:#35483e;outline:1px solid var(--accent)}
.token-bar [aria-pressed=true]{outline:2px solid #fff;outline-offset:-2px}
.stats-explore{display:flex;flex:1;min-height:0;min-width:0;gap:0}
.stats-explore>.content-scroll{min-width:0}
.stat-results{background:#172325;border:1px solid #445751;border-radius:12px;padding:16px;min-width:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.stats-explore>.stat-results{width:330px;flex:none;margin:0 24px 24px 0}
.stat-results-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex:none}
.stat-results-head h3{font:600 18px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:5px 0;color:var(--accent-tone-efe5d1,#efe5d1)}
.stat-results-head p{font-size:11px;color:#b6c7bd;margin:0}
.stat-results-head .eyebrow{font-size:8px;letter-spacing:1.5px}
.stat-result-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;overflow:auto;padding:3px}
.stat-result-card{padding:7px;border-color:#adbd9c;background:#22332e;min-width:0;text-align:left;border-radius:8px}
.stat-result-card canvas{width:100%;height:auto;aspect-ratio:5/7;display:block;border-radius:5px}
.stat-result-card strong{font-size:11px;line-height:1.3;display:block;margin-top:7px}.stat-result-card small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.stat-result-effects{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.card-effect-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:4px;background:#101b1c66;vertical-align:middle}
.card-effect-badge img{width:21px;height:21px;object-fit:contain;display:block}.card-effect-badge.action-stat-glyph{font-size:23px}
.subtype-badges{align-items:center;min-height:25px}.subtype-badge{padding:4px 6px}
.library-stat-focus{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin:0 32px 12px;padding:10px 14px;background:#29392d;border:1px solid var(--accent-tone-a68f5c,#a68f5c);border-radius:8px;font-size:12px}
.library-card.stat-highlight{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.library-card.stat-dimmed{opacity:.4}.library-card.stat-dimmed:hover,.library-card.stat-dimmed:focus-within{opacity:1}
.drawer-stat-results{flex:none;margin:16px 22px 0;max-height:300px}
.drawer-stat-results .stat-result-cards{display:flex;overflow-x:auto;overflow-y:hidden;min-height:0;align-items:flex-start}
.drawer-stat-results .stat-result-card{flex:none;width:95px}.drawer-stat-results .stat-result-card canvas{max-height:115px;object-fit:contain}
.drawer-stat-results .stat-result-effects{display:none}
.drawer-stat-results .stat-results-head{align-items:center}.drawer-stat-results .stat-results-head h3{font-size:15px}
.drawer-stat-results .stat-results-head .eyebrow{display:none}.drawer-stat-results .stat-results-head p{font-size:10px}
@media(max-width:1100px){.stats-explore>.stat-results{width:280px;margin-right:14px}.has-stat-selection .stats-chart-grid{grid-template-columns:1fr}.has-stat-selection .stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.has-stat-selection .hero-stat-bars{grid-template-columns:1fr}}
@media(max-width:700px){.stats-explore:has(>.stat-results:not([hidden])){flex-direction:column}.stats-explore>.stat-results{width:auto;max-height:260px;flex:none;margin:0 14px 14px}.stats-explore>.stat-results .stat-result-cards{display:flex;overflow-x:auto}.stats-explore>.stat-results .stat-result-card{width:90px;flex:none}.drawer-stat-results{margin:10px 14px 0;max-height:265px}.library-stat-focus{margin:0 20px 12px}}

.hero-collection-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.colorless-collection{border-color:#667577;background:#243034}
.colorless-collection small{display:block;font:10px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;color:#a8b7b6;margin-top:5px}
@media(max-width:650px){.hero-collection-shortcuts{grid-template-columns:1fr;gap:8px}}

.library-region-section{margin:0 0 26px;padding-left:16px;border-left:2px solid #3b4e4c}
.library-region-section .library-section-head{padding-top:8px}
.library-region-section .library-section-head h3{font:600 17px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;display:flex;align-items:center;gap:10px;color:#d9e2dc;letter-spacing:0;text-transform:none}
.library-region-section .library-section-head h3 span{font-size:11px;font-weight:500;background:#293638;color:#adbbb8;border-radius:20px;padding:4px 9px}

.main-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ability-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(56px,1.35fr) repeat(var(--ability-icon-extra,2),minmax(0,1fr));align-items:stretch}
.ability-icon-grid button{min-width:0;font-size:8px;padding:6px 1px}
.ability-icon-grid .token-button>span:last-child{font-size:8px;letter-spacing:-.15px}
.ability-icon-grid .action-glyph{height:27px;display:grid;place-items:center}
.subtype-menu-icon{display:block;margin:0 auto;background-repeat:no-repeat}
.extra-action-grid{margin-top:6px}

.library-card-id{display:block;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9bbb9;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:left;letter-spacing:.3px}
.stat-result-card .library-card-id{font-size:9px;margin:4px 0}
.library-sort-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none;margin:0 32px 12px;padding:8px 12px;background:#1b292b;border:1px solid #354849;border-radius:8px}
.sort-bar-label{font-size:11px;color:var(--accent);font-weight:600;margin-right:3px}
.library-sort-bar select{width:auto;max-width:175px;font-size:11px;padding:6px 24px 6px 8px}
.library-sort-bar button{font-size:10px;white-space:nowrap;padding:6px 9px}
.sort-effect-preview{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.sort-effect-preview img{width:23px;height:23px;object-fit:contain}
.sort-bar-hint{font-size:10px;color:var(--muted);margin-left:auto}
@media(max-width:1120px){.library-sort-bar{margin-left:20px;margin-right:20px}}
@media(max-width:650px){.library-sort-bar{gap:6px}.sort-bar-hint{display:none}.library-sort-bar select{max-width:145px}}

.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}
.collection-tile{min-width:0;min-height:145px;text-align:left;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:12px;background:linear-gradient(135deg,#223638,#172325);border-color:#46615c}
.collection-tile strong{font:27px Georgia;color:var(--accent-tone-eee4ce,#eee4ce)}.collection-caption{font-size:11px;color:#a9b9b5;margin-top:auto}.collection-caption b{float:right;color:var(--accent)}
.library-hub-heroes h2{font:22px Georgia;margin:0 0 15px}.library-hub-heroes .hero-grid{height:360px;max-height:none}
.card-record-visible{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.csv-wide{width:min(1380px,96vw);max-height:92dvh}.csv-wide .dialog-body{max-height:calc(92dvh - 160px);padding:16px 20px}.csv-wide .dialog-head{padding:16px 20px}
.csv-workbook{display:flex;flex-direction:column;gap:12px;min-height:0}.csv-tabs{display:flex;gap:7px;flex-wrap:wrap}.csv-tabs button{font-size:11px;padding:8px 12px}.csv-tabs button.active{background:#45513e;border-color:var(--accent-tone-ccb47e,#ccb47e);color:var(--accent-tone-f4e5bc,#f4e5bc)}
.csv-table-scroll{max-height:53dvh;overflow:auto;border:1px solid #3e5252;border-radius:8px;margin-top:10px}
.csv-sheet{width:max-content;min-width:100%;table-layout:fixed}.csv-sheet th{position:sticky;top:0;z-index:2;background:#203335;min-width:135px;max-width:none;font-size:11px;font-weight:600;color:#dbdfd4}
.csv-sheet tbody th{position:sticky;left:0;top:auto;z-index:1;min-width:140px;max-width:180px}.csv-sheet th small{display:block;font:9px monospace;color:var(--muted);margin-top:5px}.csv-sheet td{min-width:135px;max-width:320px;padding:3px;vertical-align:top}
.csv-sheet .csv-cell{display:block;width:175px;min-height:55px;height:55px;max-height:220px;resize:both;margin:0;font-size:11px;line-height:1.4;padding:8px;border-color:transparent;background:#152123}
.csv-sheet .csv-cell:focus{border-color:var(--accent);outline:none}.csv-sheet .csv-cell:invalid{border-color:#e58b78}.csv-readonly{display:block;min-width:140px;max-width:220px;font-size:10px;padding:10px;color:#8faaa0;overflow-wrap:anywhere}
.csv-sheet-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted)}
.csv-sheet-toolbar label{min-width:210px}.csv-columns{min-width:650px}.csv-columns input,.csv-columns select{font-size:11px}.csv-columns th{background:#203335;position:sticky;top:0}
.csv-add-column{display:flex;gap:8px;margin-top:12px;align-items:center}.csv-add-column select,.csv-add-column input{width:220px}.csv-add-column button{font-size:10px;white-space:nowrap}
.csv-text{font:11px/1.5 ui-monospace,Menlo,monospace;width:100%;height:46dvh;min-height:180px;white-space:pre;resize:vertical;margin:10px 0}.csv-source{font:10px/1.4 monospace;margin:0;white-space:pre-wrap;max-width:800px}
#csvEditorStatus{min-height:18px;margin:0}.csv-sheet th input{font-weight:600;width:175px;font-size:11px;margin-bottom:6px}.csv-sheet th select{width:175px;font-size:10px}
@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tile{min-height:125px}.csv-add-column{flex-wrap:wrap}.library-hub-heroes .hero-grid{height:330px}}
@media(max-width:650px){.collection-grid{gap:10px}.collection-tile{padding:15px}.collection-tile strong{font-size:23px}.library-hub-heroes .hero-grid{height:auto}.csv-tabs{gap:4px}.csv-tabs button{font-size:10px;padding:7px}.csv-table-scroll{max-height:46dvh}.csv-wide .dialog-footer{flex-wrap:wrap;padding:12px}}

.csv-drag-handle{cursor:grab;font-size:22px;line-height:1;padding:5px 10px;user-select:none}.csv-drag-handle:active{cursor:grabbing}.csv-columns .csv-dragging{opacity:.4}.csv-columns .csv-drop-before td{box-shadow:inset 0 3px var(--accent)}.csv-columns .csv-drop-after td{box-shadow:inset 0 -3px var(--accent)}
.library-sort-bar{gap:10px;padding:10px 12px}.library-sort-mode{display:flex;gap:3px;align-self:flex-start;padding-top:4px}.library-sort-mode button[aria-pressed=true],.sort-icon-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-tone-f1dba8,#f1dba8);background:#3b4031}.library-sort-icons{display:flex;gap:4px;flex:1;flex-wrap:wrap;min-width:0}.library-sort-bar .sort-icon-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;min-width:46px;min-height:48px;font-size:8px}.sort-icon-button svg,.sort-icon-button img{width:21px;height:21px;object-fit:contain}.sort-icon-button .action-glyph{height:21px;font-size:23px;line-height:21px}.library-sort-options{flex-basis:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #354849;padding-top:8px}.library-sort-options input{width:180px;padding:6px 8px;font-size:11px}.sort-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:850px){.library-sort-mode{flex-basis:100%;padding:0}.library-sort-bar .sort-icon-button{min-width:40px;font-size:7px;padding:4px}.library-sort-icons{gap:3px}}
.library-sort-heading{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.library-sort-heading .library-sort-mode{align-self:center;padding:0;flex-basis:auto}.sort-current-summary{font-size:10px;color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#librarySortBody{width:100%;max-height:32dvh;overflow:auto;scrollbar-gutter:stable}#librarySortBody[hidden]{display:none}.sort-icon-group{display:flex;align-items:center;gap:12px;margin:0 0 7px}.sort-group-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;width:65px;flex:none}.library-sort-bar .sort-resource-icon{min-width:34px;width:34px;min-height:34px;padding:5px}.library-sort-bar.sort-minimized{padding-top:7px;padding-bottom:7px}.sort-effect-name{font-size:11px;color:var(--accent-tone-e5dbbf,#e5dbbf)}
@media(max-width:650px){.sort-icon-group{align-items:flex-start;gap:5px}.sort-group-label{width:48px;font-size:8px;padding-top:10px}.library-sort-heading{gap:5px}.sort-current-summary{display:none}#minimizeLibrarySort{margin-left:auto}#librarySortBody{max-height:28dvh}.library-sort-heading .library-sort-mode{flex-basis:auto}}
.library-workspace>.section-head{padding:10px 24px 6px;gap:12px}.library-workspace>.section-head>div:first-child{display:flex;align-items:center;gap:15px;min-width:0}.library-workspace .section-head .crumb{margin:0;white-space:nowrap}.library-workspace .section-head h1{font-size:25px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-workspace .section-actions button{padding:7px 10px;font-size:11px}.library-workspace>.toolbar{padding:4px 24px 8px;gap:10px}.library-workspace>.toolbar .search{padding:7px 9px;max-width:260px}.library-size-control{display:flex;gap:7px;align-items:center;margin-left:auto;white-space:nowrap;font-size:10px}.library-size-control input{width:100px;margin:0}.library-size-control output{min-width:35px;font-size:9px;color:var(--muted)}.library-workspace .count{margin-left:0;white-space:nowrap}.library-workspace .card-grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--library-card-size,190px),100%),1fr))}.library-workspace .library-sort-bar{margin-bottom:8px;padding:7px 10px}.library-workspace .sort-icon-group{margin-bottom:4px}.library-workspace .library-sort-options{padding-top:5px}.library-workspace .library-sort-mode button{padding:6px 8px}.library-workspace .library-section-head{padding-top:10px;padding-bottom:10px}
@media(max-width:1000px){.library-workspace>.section-head>div:first-child{display:block}.library-workspace .section-head h1{font-size:22px}.library-workspace .section-head .crumb{font-size:10px;margin-bottom:3px}.library-workspace>.toolbar{flex-wrap:wrap}.library-size-control{margin-left:0}.library-workspace .count{margin-left:auto}}
@media(max-width:650px){.library-workspace>.section-head{padding:8px 16px 4px}.library-workspace>.toolbar{padding:4px 16px 7px;gap:7px}.library-workspace>.toolbar .search{max-width:none;flex:1;min-width:150px}.library-workspace .section-actions{gap:4px}.library-workspace .section-actions button{font-size:9px;padding:6px}.library-workspace .section-head h1{font-size:20px}.library-workspace .library-sort-heading{flex-wrap:wrap}.library-workspace .library-sort-mode{flex-wrap:wrap}.library-size-control input{width:85px}}

.library-less-details .library-card .card-label,.library-less-details .library-card .library-card-id,.library-less-details .library-card .subtype-badges{display:none}.library-less-details .library-card{align-self:start}#libraryDetailsToggle{white-space:nowrap}
.layer-source-folder{display:block;font-size:8px;font-weight:normal;color:var(--muted);overflow:hidden;text-overflow:ellipsis;margin-top:4px}.layer-folder-controls{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:12px}.layer-folder-controls .check{grid-column:1/-1}.layer-import-selection{display:flex;gap:8px;align-items:center;margin:14px 0;font-size:11px}.layer-import-selection>span{margin-right:auto}.layer-asset-group{margin:16px 0}.layer-asset-group>h3{margin-bottom:10px}.layer-asset-group h3 small{font-weight:normal;color:var(--muted);font-size:10px}.layer-asset-choice{cursor:pointer;position:relative;border:1px solid transparent}.layer-asset-choice:has(input:checked){border-color:var(--accent);background:#354238}.layer-asset-choice input{position:absolute;top:10px;right:10px;z-index:1}.layer-asset-choice:focus-within{outline:2px solid var(--accent)}
@media(max-width:650px){.layer-folder-controls{grid-template-columns:1fr}}
.template-layer-group{margin:12px 0}.template-layer-group h4{font-size:9px;line-height:1.5;color:var(--accent);font-weight:500;margin:0 0 6px;overflow-wrap:anywhere}.template-layer-group h4 span{color:var(--muted)}.layer-view-control{margin-bottom:10px}.layer-view-control select{font-size:10px}.template-layer-group .kind{font-size:8px}
.layer-row .layer-name{display:flex;align-items:center;gap:7px;padding:2px;text-align:left}.layer-miniature,.layer-type-icon{width:30px;height:30px;flex:none;border-radius:4px;background:#10191a}.layer-type-icon{display:grid;place-items:center;font:20px Georgia;color:var(--accent-tone-d8c79d,#d8c79d)}.layer-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row{padding:4px;gap:3px}.layer-row .kind{font-size:10px}.layer-variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.layer-variant{min-width:0;padding:6px 3px}.layer-variant canvas{width:42px;height:42px;max-width:100%;display:block;margin:auto}.layer-variant span{display:block;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.layer-variant[aria-pressed=true]{border-color:var(--accent);background:#33382e}.layer-variant:disabled{opacity:1;cursor:default}.layer-variant-section h3 small{color:var(--muted);font-weight:normal}.layer-variant-section .hint{margin-top:8px}
/* Studio branding: quiet artwork on navigation surfaces, clear editing space. */
.studio-brand-logo{width:104px;height:48px;object-fit:contain;display:block}.studio-brand-label{font:18px Georgia;color:var(--accent-tone-d4c39c,#d4c39c);border-left:1px solid var(--accent-tone-4b4a3a,#4b4a3a);padding-left:13px}.studio-home{isolation:isolate;background:#111a1b;gap:26px}.studio-home::before{content:'';position:absolute;inset:0;background-image:linear-gradient(180deg,#111a1b77,#111a1bdd),var(--studio-backdrop);background-size:cover;background-position:center;opacity:.22;z-index:-1;pointer-events:none}.studio-home .home-intro h1{font-size:32px;margin:0 0 6px}.studio-home .home-main-cards{grid-template-columns:repeat(4,minmax(0,1fr));height:250px;max-width:1080px;gap:14px;min-height:0}.studio-home .studio-menu-card{background:#1b2728e8;border-color:#3d4c47;padding:24px;justify-content:flex-end;gap:28px;border-radius:12px}.studio-menu-card::after{display:none}.studio-home .studio-menu-card h2{font-size:25px;line-height:1.2;margin:0;max-width:160px}.studio-menu-icon{width:45px;height:45px;object-fit:contain;position:relative}.studio-menu-card .arrow{font-size:18px;bottom:23px;right:20px}.studio-home .home-footer{font-size:11px;letter-spacing:.3px;gap:18px;color:#a3afa5}.studio-menu-card:hover{background:#273331;border-color:var(--accent-tone-a48b55,#a48b55)}.studio-menu-card:focus-visible,.collection-tile:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.collection-tile{position:relative;isolation:isolate;overflow:hidden}.collection-logo{position:absolute;right:10px;bottom:10px;width:130px;height:66px;object-fit:contain;opacity:.3;z-index:-1}.collection-symbol{position:absolute;right:22px;bottom:22px;width:42px;height:42px;object-fit:contain;opacity:.25;z-index:-1}.collection-region-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.13;z-index:-1}.collection-caption{font-size:12px;min-height:12px}.collection-caption b{float:none}.region-art-header{position:relative;isolation:isolate;overflow:hidden}.region-art-header::before{content:'';position:absolute;right:0;top:0;bottom:0;width:40%;background-image:linear-gradient(90deg,#111a1b,transparent),var(--region-art);background-size:cover;background-position:center;opacity:.18;z-index:-1;pointer-events:none}
@media(max-width:1100px){.studio-home .home-main-cards{height:240px}.studio-home .studio-menu-card{padding:19px}.studio-home .studio-menu-card h2{font-size:22px}}
@media(max-width:850px){.studio-home .home-main-cards{grid-template-columns:repeat(2,minmax(0,1fr));height:350px;max-width:570px;gap:12px}.studio-home .studio-menu-card{gap:14px}.studio-home .studio-menu-card h2{font-size:22px;max-width:none}.studio-menu-icon{width:34px;height:34px}.studio-brand-logo{width:88px;height:43px}.studio-brand-label{font-size:16px;padding-left:9px}.studio-home .home-intro h1{font-size:27px}}
@media(max-height:650px){.studio-home{gap:15px;padding:18px}.studio-home .home-main-cards{height:240px}.studio-menu-icon{width:30px;height:30px}.studio-home .studio-menu-card{gap:12px}.studio-home .home-intro h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.studio-menu-card:hover{transform:none}.studio-menu-card{transition:none}}
.studio-home{gap:22px}.studio-title{display:flex;flex-direction:column;align-items:center;gap:0}.studio-main-logo{display:block;width:320px;height:160px;object-fit:contain}.studio-home .studio-title h1{font-size:24px;letter-spacing:4px;font-weight:400;margin:-12px 0 10px;color:var(--accent-tone-ddcda9,#ddcda9)}.studio-home .studio-menu-card{padding:24px;justify-content:flex-end;position:relative;background:#1b2728;overflow:hidden}.studio-menu-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;transition:opacity .2s}.studio-menu-card::after{display:block;background:linear-gradient(0deg,#0c1416ed 4%,#0c141647 65%,#0c141622)}.studio-menu-card .menu-copy,.studio-menu-card .arrow{z-index:1}.studio-home .studio-menu-card h2{font-size:27px}.studio-menu-card:hover .studio-menu-art{opacity:.72}.brand:hover{background:transparent}.studio-home .home-main-cards{height:220px}.studio-home::before{opacity:.12}
@media(max-width:850px){.studio-main-logo{width:250px;height:125px}.studio-home .studio-title h1{font-size:20px;margin:-9px 0 6px}.studio-home{gap:15px}.studio-home .home-main-cards{height:320px}.studio-home .studio-menu-card h2{font-size:23px}}
@media(max-height:650px){.studio-main-logo{width:220px;height:110px}.studio-home .studio-title h1{font-size:19px;margin:-8px 0 0}.studio-home{gap:12px;padding:16px}.studio-home .home-main-cards{height:260px}.studio-home .studio-menu-card{padding:17px}.studio-home .studio-menu-card h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.studio-menu-art{transition:none}}
.studio-main-logo{width:460px;height:230px;max-width:80vw}.studio-home .studio-title h1{font-size:26px;margin-top:-20px}
@media(max-width:850px){.studio-main-logo{width:330px;height:165px}.studio-home .studio-title h1{font-size:22px;margin-top:-13px}}
@media(max-height:650px){.studio-main-logo{width:280px;height:140px}.studio-home .studio-title h1{font-size:20px;margin-top:-12px}}

/* Larger logo, trimmed display whitespace, and portrait menu cards. */
.studio-home{--studio-logo-width:min(920px,86vw);gap:16px;padding:24px}.studio-main-logo{width:var(--studio-logo-width);max-width:none;height:calc(var(--studio-logo-width)*.5);margin-top:calc(var(--studio-logo-width)*-.12890625);margin-bottom:calc(var(--studio-logo-width)*-.0810546875)}.studio-home .studio-title h1{font-size:26px;margin:8px 0 4px}.studio-home .home-main-cards{max-width:980px;height:clamp(280px,38vh,350px);gap:16px}.studio-home .studio-menu-card{padding:24px 20px}.studio-home .studio-menu-card h2{font-size:26px;max-width:none}.studio-home .studio-menu-card p{font-size:12px;line-height:1.5;color:#c6cec7;margin-top:10px;max-width:165px;min-height:54px}.studio-home .studio-menu-card .arrow{bottom:22px;right:16px}.studio-menu-card::after{background:linear-gradient(0deg,#0b1416fc 2%,#0c1416bd 32%,#0c14163b 72%,#0c141622)}
@media(max-width:850px){.studio-home{--studio-logo-width:min(660px,86vw);gap:14px;padding:18px}.studio-home .home-main-cards{max-width:560px;height:330px;gap:10px}.studio-home .studio-menu-card{padding:17px}.studio-home .studio-menu-card h2{font-size:22px}.studio-home .studio-menu-card p{font-size:11px;min-height:32px;margin-top:5px;max-width:180px}.studio-home .studio-title h1{font-size:22px}}
@media(max-height:650px){.studio-home{--studio-logo-width:min(560px,86vw);gap:10px;padding:12px}.studio-home .home-main-cards{height:260px;min-height:0}.studio-home .studio-title h1{font-size:20px;margin-top:5px}.studio-home .studio-menu-card{padding:15px}.studio-home .studio-menu-card p{font-size:11px;line-height:1.4;min-height:32px;margin-top:6px}.studio-home .studio-menu-card h2{font-size:22px}}
.studio-top-nav{display:flex;align-items:center;gap:5px;margin-right:auto;min-width:0}.topbar{gap:24px}.top-nav-item{border:1px solid transparent;background:transparent;color:#acb9b1;padding:8px 12px;font-size:12px;white-space:nowrap}.top-nav-item:hover{background:#25312e;color:var(--accent-tone-eee3cb,#eee3cb)}.top-nav-item[aria-current=page]{color:var(--accent-tone-e5cc92,#e5cc92);background:#30372d;border-color:var(--accent-tone-6c6042,#6c6042)}.top-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar .brand{flex:none}.top-actions{flex:none}
@media(max-width:1000px){.topbar{gap:14px}.top-nav-item{padding:8px;font-size:11px}.studio-top-nav{gap:2px}}
@media(max-width:650px){.topbar{padding-left:12px;padding-right:12px;gap:8px}.studio-brand-label{display:none}.studio-brand-logo{width:72px}.top-nav-item{padding:7px 6px;font-size:10px}.topbar .save-status{font-size:9px;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-top-nav{gap:1px}}
.metric-category-shares{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 5px}.metric-category-shares>span{padding:4px 6px;border:1px solid #3b4b49;border-radius:5px;font-size:9px;color:#aebfb6}.metric-category-shares b{color:var(--accent-tone-e1d5b9,#e1d5b9);margin-left:3px}.metric-category-shares small{font-size:8px;color:var(--muted)}.metric-card-values{margin-top:10px;padding-top:8px}.metric-card-values>summary{font-size:10px;color:var(--accent-tone-c9c2aa,#c9c2aa);margin-bottom:8px}.metric-value-card{display:flex;width:100%;justify-content:space-between;gap:8px;margin:4px 0;padding:6px 7px;text-align:left;font-size:10px}.metric-value-card>small{font-size:9px;color:var(--accent-tone-b7b69c,#b7b69c);max-width:60%;overflow-wrap:anywhere}.action-metric>.variable-count,.token-metric>.variable-count{font-size:10px;display:block;margin-top:7px}.library-stat-focus{max-height:90px;overflow:auto}

.metric-card-values[open]{max-height:250px;overflow:auto}.metric-value-card>span{overflow-wrap:anywhere;min-width:0}
/* Compact card-based metrics; details are available on demand. */
.action-metrics,.token-metrics{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));align-items:start}.action-metric,.token-metric{gap:9px;padding:14px}.metric-heading>span:not(.action-stat-glyph){font-size:14px}.metric-heading strong{font-size:28px;line-height:1.1}.metric-heading strong small{display:block;text-align:right;font-size:12px;font-weight:500;color:#c8d1c6;margin-top:4px}.token-values{gap:5px 10px;font-size:12px}.token-values b{font-size:13px}.token-bar{display:flex}.token-bar>i{flex:none;height:100%}.metric-card-values{margin:0;padding-top:7px}.metric-card-values>summary{font-size:12px;margin:0;color:#d1d6c8;line-height:1.5}.metric-card-values[open]>summary{margin-bottom:9px}.metric-value-card{font-size:12px;padding:8px}.metric-value-card>small{font-size:11px;color:var(--accent-tone-c9c9b3,#c9c9b3)}.metric-extra{font-size:11px;color:#b7c4bc;margin:8px 0}.distribution-row>strong small,.cost-column>strong small,.hero-stat-bars strong small{display:block;font-size:11px;font-weight:500;color:#c6cfc3;margin-top:3px}.distribution-row>span{font-size:12px}.distribution-row>strong{min-width:46px;text-align:right}.stats-scope-count{font-size:12px;color:#b8c7bd;margin-left:auto}.stats-content>.visual-stats{font-size:13px}.stats-drawer .action-metrics,.stats-drawer .token-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.library-sort-heading #libraryHighlightCategory{max-width:140px;font-size:11px}
@media(max-width:650px){.action-metrics,.token-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-heading>span:not(.action-stat-glyph){font-size:12px}.metric-heading strong{font-size:24px}.action-metric,.token-metric{padding:11px}.token-values{font-size:11px}.library-sort-heading #libraryHighlightCategory{max-width:120px}}

.stats-summary strong small{display:block;font-size:12px;font-weight:500;line-height:1.4;margin-top:4px;color:#c6cfc3}.hero-stat-bars button{grid-template-columns:90px minmax(20px,1fr) 46px}.token-legend{font-size:12px}.metric-category-shares>span{font-size:11px}.metric-category-shares small{font-size:10px}

.token-values small{font-size:11px;color:inherit;opacity:.9;white-space:nowrap}

/* Token-family counts share the category denominator and selection state. */
.token-groups{display:grid;gap:22px}.token-group{min-width:0}.token-group-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.token-group-summary h4{margin:0;font-size:14px;color:#e4e9df}.token-group-count{display:flex;align-items:baseline;gap:8px;padding:5px 9px;background:#24332e;border:1px solid #496253;border-radius:6px}.token-group-count b{font-size:18px}.token-group-count span{font-size:12px;color:#c5d5c6}.token-group-count[aria-pressed=true]{background:#40513d;outline:2px solid var(--accent)}.token-group-summary>.metric-card-values{margin-left:auto;padding-top:0;border:0;min-width:0}.token-group-summary>.metric-card-values[open]{flex-basis:100%;margin-left:0;padding-top:8px;border-top:1px solid var(--line)}

/* One compact library header, wrapping only when the window needs it. */
.library-header{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 24px}.library-header>.section-head,.library-header>.toolbar{display:contents}.library-header .section-head>div:first-child{display:flex;align-items:center;gap:9px;flex:0 1 220px;min-width:120px}.library-header .crumb{margin:0;flex:none}.library-header .crumb>span{display:none}.library-header .section-head h1{font-size:23px;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-header .toolbar>*{order:1;flex-shrink:0}.library-header .toolbar>.search{flex:1 1 170px;min-width:130px;max-width:260px;padding:7px 9px;font-size:11px}.library-header label.check{font-size:10px;gap:5px;white-space:nowrap}.library-header label.check input{margin:0}.library-header .library-size-control{margin-left:auto;gap:5px}.library-header .library-size-control input{width:75px}.library-header .library-size-control output{min-width:30px}.library-header .toolbar>.count{order:2;margin:0;font-size:10px;white-space:nowrap}.library-header .section-actions{order:3;gap:5px;flex:none;margin-left:auto}.library-header .section-actions button{padding:7px 9px;font-size:11px;white-space:nowrap}.library-header #deleteSelected,.library-header #libraryDetailsToggle{font-size:10px;padding:6px 7px}
@media(max-width:1000px){.library-header{padding:8px 20px}.library-header .section-head>div:first-child{flex-basis:210px}.library-header .section-head h1{font-size:21px}.library-header .library-size-control{margin-left:0}}
@media(max-width:650px){.library-header{padding:8px 16px;gap:7px}.library-header .section-head>div:first-child{flex-basis:190px}.library-header .section-actions button{font-size:10px;padding:6px 8px}}

/* Top bar size is a project preference; compact stays compact on hover/focus. */
.topbar{height:36px;--top-logo-height:26px;--top-control-padding:3px;transition:none}
.topbar[data-size=large],.topbar[data-size=hover]:hover,.topbar[data-size=hover]:has(:focus-visible){height:66px;--top-logo-height:48px;--top-control-padding:8px}
.topbar .studio-brand-logo{height:var(--top-logo-height);transition:none}
.topbar .top-nav-item,.topbar .top-actions .ghost{padding-top:var(--top-control-padding);padding-bottom:var(--top-control-padding);transition:none}
.topbar[data-size=hover]{transition:height .16s ease}
.topbar[data-size=hover] .studio-brand-logo{transition:height .16s ease}
.topbar[data-size=hover] .top-nav-item,.topbar[data-size=hover] .top-actions .ghost{transition:padding .16s ease}
/* No menu entrance, click echoes, return flight or dialog/drawer motion. */
button,.menu-card,.menu-card .menu-art,.studio-menu-art,.library-card,.library-card .card-hover-actions,[data-stat-kind],#toast{transition:none}.menu-card:hover{transform:none}
.ui-card-flight,.ui-card-slide{position:fixed;z-index:1001;pointer-events:none}
.ui-card-flight{transform-origin:top left;border-radius:8px;will-change:transform,clip-path}
.ui-card-slide{overflow:hidden}.ui-card-slide canvas{position:absolute;border-radius:8px;will-change:transform}
@media(prefers-reduced-motion:reduce){.ui-card-flight,.ui-card-slide{display:none}.topbar[data-size=hover],.topbar[data-size=hover] .studio-brand-logo,.topbar[data-size=hover] .top-nav-item,.topbar[data-size=hover] .top-actions .ghost{transition:none}}

/* Mixed highlight criteria remain available even when the icon menu is minimized. */
.highlight-criteria{display:flex;align-items:center;flex-wrap:wrap;gap:5px;flex:1;min-width:0}.highlight-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 8px;font-size:11px;background:#354335;color:var(--accent-tone-ece1c5,#ece1c5);border-color:#66795e;max-width:100%;overflow-wrap:anywhere}.highlight-chip>span{font-size:15px;color:#bcccba}.library-stat-focus{flex-wrap:wrap}.highlight-card-count{font-size:12px;white-space:nowrap}.sort-icon-button[data-editing=true]{box-shadow:inset 0 -2px var(--accent-tone-dfc28b80,#dfc28b80)}

.stat-results-head h3{overflow-wrap:anywhere}.highlight-chip{min-width:0;white-space:normal;text-align:left}
/* Template-owned fields and their linked visual layers. */
.template-card-fields{margin-top:14px}.field-fixed{display:block;color:#b5c8ae;font-size:10px;font-weight:normal}.template-field-shortcuts{display:flex;flex-wrap:wrap;gap:5px}.template-field-chip{display:flex;align-items:center;gap:7px;font-size:10px;padding:6px 7px}.template-field-chip small{color:var(--accent-tone-d9c18d,#d9c18d)}.template-fields-workbench{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px}.template-field-list{display:flex;flex-direction:column;gap:5px}.template-field-list>button{display:flex;align-items:center;gap:7px;text-align:left;padding:8px;font-size:11px}.template-field-list>button>b{flex:1}.template-field-list small{font-size:9px;color:#afbeb4}.template-field-form{display:flex;flex-direction:column;gap:12px}.template-field-form h3{margin:8px 0 0}.linked-field-layers{display:flex;flex-direction:column;gap:5px}.linked-field-layers button{text-align:left;font-size:11px}.linked-field-layers small{display:block;color:#aac1b3}.field-asset-choices{display:flex;flex-direction:column;gap:6px}.field-asset-choice{display:flex;align-items:center;gap:9px;border:1px solid #3a4a48;border-radius:7px;padding:7px}.field-asset-choice>img,.asset-choice-empty{width:44px;height:44px;object-fit:contain;background:#10191a}.field-asset-choice>span:not(.asset-choice-empty){flex:1;min-width:0}.field-asset-choice small{display:block;font-size:9px;overflow-wrap:anywhere;color:#a8bcb0}.asset-choice-empty{display:grid;place-items:center}.asset-browser-group{margin:15px 0}.asset-browser-group h3{font-size:12px;margin-bottom:10px;color:var(--accent-tone-d5c092,#d5c092)}.asset-browser-group h3 small{color:#9cb2a6}.library-card.trait-energy{background:#17382c;border-color:#3d7762}
@media(max-width:650px){.template-fields-workbench{grid-template-columns:125px minmax(0,1fr);gap:10px}.template-field-list>button{flex-wrap:wrap;font-size:10px}.template-field-form .grid2{grid-template-columns:1fr}.field-asset-choice{flex-wrap:wrap}}

.template-open{display:block;width:100%;border:0;padding:0;text-align:left;color:inherit;background:none;font-weight:normal}.template-open:hover{background:none}.template-open:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.template-title{display:block;font:22px Georgia;margin:7px 0}.template-meta{display:block;font-size:11px;color:var(--muted);line-height:1.5}.template-card:has(.template-open:hover),.template-card:focus-within{border-color:var(--accent)}.layer-variant .variant-none-icon{display:grid;place-items:center;height:42px;margin:0;font:28px Georgia;color:var(--muted)}

/* Card choices use the visual assets linked by their template. */
.card-choice-field>.field-label{font-size:11px;text-transform:none;letter-spacing:0;color:#abb7b1;margin-bottom:7px}.card-choice-options{display:grid;grid-template-columns:repeat(var(--choice-columns),minmax(0,1fr));gap:6px}.card-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:75px;padding:7px 4px;border-color:#354547;background:#1d282a}.card-choice:hover:not(:disabled){border-color:var(--accent-tone-a69b76,#a69b76)}.card-choice.active{background:#2d3932;border-color:var(--accent-tone-cdb277,#cdb277)}.card-choice:focus-visible{outline:2px solid var(--accent-tone-e0c58c,#e0c58c);outline-offset:2px}.card-choice-image{display:grid;place-items:center;width:100%;height:38px;pointer-events:none}.card-choice-image canvas{display:block;width:38px;max-width:100%;height:auto}.card-choice-image .wide-choice-art{width:100%;max-width:128px}.card-choice-image img{display:block;width:38px;height:38px;object-fit:cover;border-radius:5px}.card-choice-symbol{font:26px Georgia;color:#93a9a1}.card-choice-label{color:#dae2db;font-size:9px;font-weight:500;line-height:1.25;max-width:100%;overflow-wrap:anywhere}.card-choice-check{position:absolute;top:3px;right:4px;font-size:10px;color:var(--accent-tone-e3c88b,#e3c88b);visibility:hidden}.card-choice.active .card-choice-check{visibility:visible}.card-choice.is-fixed{flex-direction:row;gap:12px;min-height:48px;opacity:1;cursor:default}.card-choice.is-fixed .card-choice-image{width:90px;flex:none;height:28px}.card-choice.is-fixed .card-choice-label{font-size:11px}.card-choice-lock{position:absolute;top:5px;right:5px;width:12px;height:12px;color:#a8b9ad}.card-choice.is-fixed .card-choice-check{display:none}

/* Card controls follow the active template. */
.energy-cost-field input{display:block;width:52px;height:52px;padding:5px;text-align:center;font-size:23px;font-weight:600;border-radius:8px;background:#285c3d;border-color:#619c75;color:#efffef}.energy-cost-field input:focus{outline:2px solid #a3d7ad;outline-offset:2px}.template-card-fields [data-card-field="name"]{font-size:16px;font-weight:600}.editor-top h2{font-size:19px}
.editor-top .card-version-status{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:0;margin:0;border:0;line-height:1.2}.version-number{min-width:31px;height:31px;padding:3px 8px;color:var(--accent);font-size:13px;font-variant-numeric:tabular-nums;border-radius:6px}.card-version-status time{font-size:10px;color:#bec9c3;white-space:nowrap}
@media(max-width:1100px){.card-version-status time{max-width:100px;white-space:normal}.editor-top .left{gap:8px}}

.template-card-fields{grid-template-columns:minmax(0,1fr)}.template-card-fields>*{min-width:0}.card-choice-options{min-width:0;max-width:100%}.compact-choices .card-choice-options{grid-template-columns:repeat(var(--choice-columns),minmax(34px,1fr));gap:4px;overflow-x:auto;padding:1px}.compact-choices .card-choice{min-height:52px;padding:5px 2px;gap:4px}.compact-choices .card-choice-image{height:25px}.compact-choices .card-choice-image canvas{width:25px;max-height:25px;object-fit:contain}.compact-choices .card-choice-label{width:100%;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.compact-choices[data-card-choice-field="trait"] .card-choice{min-height:42px;gap:3px}.compact-choices[data-card-choice-field="trait"] .card-choice-image{height:13px}.compact-choices[data-card-choice-field="trait"] .wide-choice-art{width:100%;max-height:13px}.compact-choices .card-choice.is-fixed{min-height:40px;gap:8px;padding:5px 10px}.compact-choices .card-choice.is-fixed .card-choice-image{width:90px}.compact-choices .card-choice.is-fixed .card-choice-label{font-size:10px;text-align:left}
.hero-background-field>.field-label{font-size:11px;letter-spacing:0;text-transform:none;color:#abb7b1;margin-bottom:6px}#chooseHeroBackground{display:flex;align-items:flex-end;position:relative;overflow:hidden;width:100%;height:72px;padding:12px;text-align:left;background:#1c302d;border-color:#4a6253}#chooseHeroBackground img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}#chooseHeroBackground:after,.background-choice:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#061410dd)}#selectedHeroLabel,.background-chevron{position:relative;z-index:1;color:#fff;text-shadow:0 1px 3px #000;font-size:13px}.background-chevron{margin-left:auto}.background-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(440px,94vw);height:100dvh;max-height:100dvh;border-radius:0 12px 12px 0;display:flex;flex-direction:column}.background-drawer:not([open]){display:none}.background-drawer .dialog-head{padding:20px}.background-drawer .dialog-head h2{font-size:23px}.background-drawer .dialog-body{flex:1;max-height:none;padding:16px 20px}.background-drawer .dialog-footer{padding:12px 20px}.background-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.background-choice{position:relative;display:flex;align-items:flex-end;overflow:hidden;height:100px;padding:10px;text-align:left;isolation:isolate;border:1px solid #506659}.background-choice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.background-choice>span{position:relative;z-index:1;color:white;font-size:12px;text-shadow:0 1px 3px #000}.background-choice.active{border:2px solid var(--accent-tone-dfc17d,#dfc17d);padding:9px}.background-choice:focus-visible,#chooseHeroBackground:focus-visible{outline:2px solid var(--accent-tone-e9d59f,#e9d59f);outline-offset:2px}.background-selected{margin-left:auto;visibility:hidden}.background-choice.active .background-selected{visibility:visible}

/* Local team collaboration. */
.team-auth{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:28px;background:radial-gradient(ellipse at 50% 20%,#253733,#111718 70%)}.team-auth-brand{text-align:center}.team-auth-brand img{display:block;width:min(360px,70vw);height:auto;max-height:150px;object-fit:contain}.team-auth-brand h1{font:30px Georgia;color:var(--accent-tone-ddc391,#ddc391);margin:6px 0 0}.team-auth-panel{width:min(390px,92vw);padding:24px;border:1px solid #43534a;border-radius:13px;background:#1a2425}.team-auth-panel h2{font:25px Georgia;margin:0 0 15px}.team-auth-panel p{color:#b5c1b9;font-size:12px;line-height:1.5}.team-auth-panel .team-auth-footnote{font-size:11px;margin:16px 0 0}.team-error{font-size:12px;color:#f0aaa1;line-height:1.5;white-space:pre-wrap;min-height:0}.team-error:empty{display:none}.team-top-controls{display:flex;align-items:center;gap:5px}.team-top-controls .small{font-size:10px;padding:4px 7px;white-space:nowrap}.team-workspace-button{color:var(--accent);border-color:var(--accent-tone-857a56,#857a56);max-width:190px;overflow:hidden;text-overflow:ellipsis}.team-account-button{max-width:95px;overflow:hidden;text-overflow:ellipsis}.topbar:has(.team-top-controls){height:auto;min-height:36px;flex-wrap:wrap;gap:6px 14px;padding-top:5px;padding-bottom:5px}.topbar:has(.team-top-controls) .top-actions{gap:9px}.team-readonly .team-workspace-button{border-style:dashed}.team-readonly .canvas-hit.template{pointer-events:none}.team-workspaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-workspace-card{display:flex;flex-direction:column;gap:9px;align-items:flex-start;text-align:left;min-height:115px;padding:18px}.team-workspace-card strong{font:21px Georgia}.team-workspace-card span{font-size:12px;color:var(--accent-tone-d1c4a5,#d1c4a5)}.team-workspace-card small{font-size:11px;line-height:1.5;color:#afbeb5}.team-modal-note{font-size:12px;color:#a6b6ad;margin:18px 0 0}.team-version-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 0 18px}.team-version-form textarea{min-height:65px}.team-version-form .team-error{grid-column:1/-1}.team-version-form button{justify-self:start}.team-version-list{display:grid;gap:10px}.team-version-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px;border:1px solid #394b45;border-radius:8px}.team-version-row strong{font-size:14px}.team-version-row small{display:block;color:#a9bbb0;font-size:11px;margin-top:7px}.team-version-row p{font-size:12px;white-space:pre-wrap;margin:8px 0 0;color:#d3dbd2}.team-activity{display:grid;gap:7px;margin-top:14px}.team-activity-row{display:flex;flex-direction:column;gap:7px;text-align:left;padding:12px;font-size:12px}.team-activity-row small{font-size:10px;color:#b5c4ba}.team-merge-summary{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px;color:var(--accent-tone-e0c58f,#e0c58f)}.team-merge-list{display:grid;gap:12px;margin-top:14px}.team-merge-row{border:1px solid #43554a;border-radius:9px;padding:14px;min-width:0}.team-merge-row.has-conflict{border-color:#b58153}.team-merge-row>label strong{font-size:12px;overflow-wrap:anywhere}.team-change-status{margin-left:auto;color:var(--accent-tone-d7bf91,#d7bf91);font-size:10px;white-space:nowrap}.team-merge-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}.team-merge-values>div{min-width:0}.team-merge-values span{font-size:10px;color:#a6bcb0}.team-merge-values pre{margin:6px 0 0;padding:10px;background:#111a1a;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.55 monospace;max-height:160px;overflow:auto;color:#dde5db}.team-merge-row>label:not(.check){margin-top:12px;max-width:240px}.team-user-list{display:grid;gap:10px}.team-user-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.team-user-list span{font-size:11px;color:#a8b9ad}.team-account-summary h3{margin-bottom:8px}.team-account-summary>span{font-size:12px;color:#adbdaf}
@media(max-width:850px){.topbar:has(.team-top-controls) .top-actions{flex-wrap:wrap}.team-top-controls{flex-wrap:wrap}.team-top-controls .small{display:inline-block}.team-workspace-button{max-width:150px}.team-workspaces,.team-version-form{grid-template-columns:1fr}.team-version-row{flex-direction:column;align-items:flex-start}.team-auth{justify-content:flex-start;padding:20px}.team-auth-brand img{max-height:100px}.team-auth-panel{padding:20px}.team-merge-values{grid-template-columns:1fr}}

.team-version-button{color:var(--accent-tone-e2c48a,#e2c48a);max-width:270px;overflow:hidden;text-overflow:ellipsis}.team-version-button[data-draft="true"]{border-color:var(--accent-tone-736545,#736545)}.team-version-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;flex:0 0 245px}.team-version-actions button{padding:5px 8px}.team-deleted-versions{margin-top:20px}.team-deleted-versions>.team-version-list{margin-top:12px}.team-compare-wide{width:min(1100px,94vw);max-width:1100px}.team-comparison-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.team-compare-side{display:grid;gap:9px;min-width:0}.team-comparison-tools{display:flex;gap:8px;justify-content:flex-end;margin:14px 0}.team-comparison-summary{display:flex;flex-wrap:wrap;gap:9px 20px;align-items:center;padding:14px;background:#111c1c;border:1px solid #40524a;border-radius:8px;color:#c3d0c5}.team-comparison-summary>strong{color:var(--accent-tone-e0c58f,#e0c58f);font-size:17px}.team-comparison-summary span{font-size:12px}.team-comparison-summary span strong{color:#f0eee0}.team-compare-column-labels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 0;color:var(--accent-tone-e3cca1,#e3cca1);font-size:12px;position:sticky;top:0;background:#1a2425;padding:9px 0;z-index:1}.team-compare-group>h3{font-size:13px;color:#bccfbe;margin:23px 0 10px}.team-compare-row{border:1px solid #3e5147;border-radius:8px;padding:13px;margin-bottom:10px;min-width:0}.team-compare-row-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.team-compare-row-title strong{font-size:13px;color:#e7eadf}.team-compare-row-title span{font-size:12px;color:#c4d0c4;overflow-wrap:anywhere}.team-compare-row-title small{font-size:10px;color:var(--accent-tone-dbbf8a,#dbbf8a);margin-left:auto}.team-compare-absent{display:block;padding:12px;color:#a4b3aa;font-size:12px}.team-compare-asset{display:flex;align-items:center;gap:12px;padding:10px;background:#111a1a;border-radius:6px;min-height:110px}.team-compare-asset img{width:100px;height:125px;object-fit:contain}.team-compare-asset span{font-size:11px;color:#d5ddcf;overflow-wrap:anywhere}.team-compare-empty{padding:22px 0;color:#c4d8c4}.team-compare-row .team-merge-values{grid-template-columns:1fr 1fr}
@media(max-width:850px){.team-version-actions{flex-basis:auto;justify-content:flex-start}.team-version-button{max-width:220px}.team-comparison-controls{gap:12px}.team-compare-asset{flex-direction:column;align-items:flex-start}.team-compare-asset img{width:75px;height:95px}}
.team-version-row>div:first-child{min-width:0;overflow-wrap:anywhere}.team-compare-row-title strong{min-width:0;max-width:100%;overflow-wrap:anywhere}

/* Account colors style application controls only; card art and game colors stay in the renderer. */
:root{--accent-rgb:223 194 139;--accent-ink:#111718}.account-accent-picker{border:0;padding:0;margin:0;min-width:0}.account-accent-picker legend{font-size:11px;color:#c1cec4;margin-bottom:9px}.account-accent-options{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.account-accent-options>button{width:43px;padding:5px 2px;background:#131e1f;display:flex;flex-direction:column;align-items:center;gap:4px}.account-accent-options>button span{display:block;width:22px;height:22px;border-radius:50%;background:var(--swatch);border:1px solid #ffffff44}.account-accent-options>button small{font-size:8px}.account-accent-options>button[aria-pressed=true]{border:2px solid var(--swatch);padding:4px 1px}.account-custom-color{width:49px;font-size:9px}.account-custom-color input{height:29px;margin-top:3px}.account-color-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%}#teamAccentForm>button{justify-self:start}.team-auth-panel:has(.account-accent-picker){width:min(430px,92vw)}button.primary:hover{background:var(--accent-tone-efd7a7,#efd7a7);color:var(--accent-ink)}button.active,.top-nav-item[aria-current=page]{background:rgb(var(--accent-rgb)/.12)}.studio-home .home-main-cards{grid-template-columns:repeat(var(--menu-count,4),minmax(0,1fr))}
.comparison-page{padding:18px 24px 20px;gap:14px}.comparison-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:14px}.comparison-head h1{font-size:29px}.comparison-actions{display:flex;gap:9px;align-items:center}.comparison-actions .check{margin-right:6px;white-space:nowrap}.comparison-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;flex:1;min-height:0}.comparison-sidebar{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.comparison-changed-only{padding:0 2px}.comparison-counts{font-size:10px;color:var(--muted);padding:0 3px}#comparisonCardList{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:5px}.comparison-card-choice{flex:none;text-align:left;padding:10px;display:flex;flex-direction:column;gap:7px;min-width:0}.comparison-card-choice strong{font-size:11px;overflow-wrap:anywhere}.comparison-card-choice>span{display:flex;align-items:center;gap:8px;color:#a9b9ae;font-size:9px}.comparison-card-choice b{margin-left:auto;color:var(--accent);font-size:9px;font-weight:500}.comparison-card-choice small{margin-left:auto;font-size:9px;color:#8d9e95}.comparison-list-empty{padding:12px 0;font-size:12px}.comparison-workspace{display:flex;flex-direction:column;gap:11px;min-height:0;min-width:0;overflow:hidden}.comparison-sources{display:grid;grid-template-columns:repeat(var(--compare-columns,2),minmax(0,1fr));gap:14px;flex:none}.comparison-source{min-width:0;border:1px solid #344b43;border-top:3px solid var(--source-accent);border-radius:9px;padding:10px;display:grid;gap:7px;background:#182224}.comparison-source-heading{display:flex;align-items:center;gap:7px;min-height:24px}.comparison-source-heading>span{color:var(--source-accent);font-size:10px;margin-right:auto}.comparison-source-heading button{padding:3px 6px;font-size:9px}.comparison-source-heading .comparison-remove{font-size:16px;line-height:18px;width:27px;padding:2px}.comparison-source select{font-size:11px;padding:7px 9px;margin:0}.comparison-card-heading{display:flex;align-items:center;gap:12px;flex:none;min-height:37px}.comparison-card-heading>div{display:flex;align-items:baseline;gap:12px;min-width:0;flex:1}.comparison-card-heading h2{font-size:19px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.comparison-card-heading span{font-size:10px;color:#a3b6aa;white-space:nowrap}.comparison-card-heading button{min-width:30px}.comparison-card-columns{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:repeat(var(--compare-columns,2),minmax(0,1fr));gap:14px}.comparison-card-column{display:flex;flex-direction:column;min-width:0;min-height:0;padding:8px;background:#131d1e;border:1px solid #30443c;border-radius:10px}.comparison-column-label{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:1px 4px 6px;flex:none}.comparison-column-label strong{font-size:11px;color:var(--source-accent)}.comparison-column-label span{font-size:10px;color:#b2c1b6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-card-space{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.comparison-card-frame{position:relative;flex:none;aspect-ratio:5/7}.comparison-card-frame>canvas,.comparison-region-overlays{position:absolute;inset:0;width:100%;height:100%;display:block}.comparison-region-overlays{pointer-events:none}.comparison-change-box{position:absolute;display:block;border:2px dashed var(--source-accent);border-radius:4px;pointer-events:none}.comparison-hide-highlights .comparison-region-overlays{visibility:hidden}.comparison-missing{display:grid;place-items:center;width:90%;height:90%;border:1px dashed #53645a;color:#b6c5b9;border-radius:10px;font-size:13px}.comparison-values{flex:none;margin:6px 0 0;padding:6px 3px 0;border-top:1px solid #33463d;max-height:145px;overflow:auto}.comparison-values summary{font-size:10px;color:var(--source-accent);margin:0;line-height:1.5}.comparison-values dl{margin:8px 0 0;display:grid;gap:8px}.comparison-values dt{font-size:9px;font-weight:600;color:#c8d6ca}.comparison-values dd{margin:3px 0 0;font-size:10px;color:#b0c1b4;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.comparison-preview-warning{font-size:9px;color:#e3b58f;padding:5px 3px 0;flex:none}.comparison-empty{grid-column:1/-1;display:grid;place-items:center;min-height:100px;flex:1;font-size:13px;color:#a6b8ac;border:1px dashed #384e40;border-radius:10px}.comparison-error{color:#f0aaa0;padding:20px}.comparison-card-frame.has-changes{outline-offset:1px}.comparison-card-choice[aria-current=true]{border-color:var(--accent);background:rgb(var(--accent-rgb)/.1)}
@media(max-width:1000px){.comparison-page{padding:14px;gap:10px}.comparison-layout{grid-template-columns:155px minmax(0,1fr);gap:12px}.comparison-workspace{overflow-x:auto}.comparison-sources,.comparison-card-columns{min-width:calc(var(--compare-columns,2)*220px);gap:10px}.comparison-card-heading{min-width:440px}.comparison-actions{gap:5px}.comparison-actions .check{font-size:10px}.studio-home .home-main-cards.has-comparison{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-source{padding:7px}.comparison-card-heading h2{font-size:17px}}
@media(max-width:650px){.comparison-head{align-items:flex-start;gap:8px}.comparison-head h1{font-size:25px}.comparison-actions{flex-wrap:wrap;justify-content:flex-end;max-width:270px}.comparison-actions .check{flex-basis:100%;justify-content:flex-end}.comparison-layout{grid-template-columns:130px minmax(0,1fr);gap:8px}.comparison-card-choice{padding:8px}.comparison-card-choice>span{flex-wrap:wrap}.comparison-sidebar input{font-size:11px;padding:8px 7px}.comparison-changed-only{font-size:10px}.comparison-counts{font-size:9px}.comparison-page{padding:12px 10px}.studio-home .home-main-cards.has-comparison{height:300px}.studio-home .has-comparison .studio-menu-card{padding:12px}.studio-home .has-comparison .studio-menu-card h2{font-size:20px}.studio-home .has-comparison .studio-menu-card p{font-size:10px}}

.comparison-unchanged{font-size:10px;line-height:1.5;color:#8d9e95;min-height:22px}

/* Versions is a persistent workspace; management and transfers stay inline. */
.versions-page{padding:16px 22px 18px;gap:10px}.versions-heading{display:flex;align-items:center;gap:16px;flex:none;min-width:0}.versions-heading h1{font-size:29px}.versions-heading>span{font-size:11px;color:var(--accent);white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis}.versions-controls{display:flex;gap:7px;align-items:center;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.versions-controls button{font-size:11px;padding:8px 10px}#versionsError{margin:0;flex:none;font-size:11px}#versionsError:empty{display:none}.versions-body{display:flex;gap:14px;min-height:0;flex:1;min-width:0}.versions-comparison{min-width:0;flex:1}.versions-comparison.comparison-page{padding:0;gap:10px}.versions-comparison .comparison-head h1{font-size:18px;color:#bcc9c0;font-family:inherit;font-weight:500}.versions-comparison .comparison-layout{grid-template-columns:175px minmax(0,1fr);gap:14px}.comparison-transfer-source{padding:10px;gap:7px}.comparison-transfer-source>strong{color:var(--source-accent);font-size:12px}.comparison-transfer-source>span{font-size:11px;color:#b7c8bc}.team-top-controls select{font-size:11px;padding:4px 24px 4px 9px;min-width:105px;height:26px;border-radius:6px;background-color:#1a2627}
.version-manager{flex:none;max-height:260px;min-height:0;overflow:hidden;border:1px solid #3d5148;border-radius:9px;background:#172123;display:flex;flex-direction:column}.version-manager-heading{display:flex;align-items:center;gap:14px;padding:8px 12px;border-bottom:1px solid #33453c;flex:none}.version-manager-heading select{width:180px;padding:5px 8px;font-size:11px}.version-manager-heading>span{font-size:12px;color:var(--accent)}.version-manager-heading>button{margin-left:auto;padding:2px 9px;font-size:17px}.version-manager-content{min-height:0;overflow:auto;padding:10px 12px}.version-rail{display:flex;gap:10px;min-width:0;overflow:auto;padding-bottom:4px}.version-tile{border:1px solid #3b4d45;border-radius:7px;padding:10px;flex:0 0 260px;display:flex;flex-direction:column;gap:8px}.version-tile.is-working{border-color:var(--accent);background:rgb(var(--accent-rgb)/.05)}.version-tile>strong{font-size:12px;display:flex;gap:9px;align-items:center;color:#dce5da}.version-tile small{color:var(--accent);font-size:9px;margin-left:auto;white-space:nowrap}.version-tile p{font-size:11px;line-height:1.5;margin:0;color:#b5c4b9;white-space:pre-wrap;max-height:45px;overflow:auto}.version-tile time{font-size:9px;color:#9bae9e}.version-tile>div{display:flex;gap:5px;align-items:center;margin-top:auto;flex-wrap:wrap}.version-tile button{font-size:10px;padding:5px 7px}.version-tile>div>span{font-size:10px;flex-basis:100%}.working-version-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(200px,2fr) auto;gap:12px;align-items:end}.working-version-form label{font-size:11px}.working-version-form input,.working-version-form textarea{font-size:12px;margin-top:6px;padding:8px}.working-version-form>div{display:flex;gap:6px;padding-bottom:2px}.working-version-form button{font-size:11px;padding:8px}.working-version-form>p{grid-column:1/-1;font-size:10px;color:#aebeae;margin:0}.version-recovery{font-size:11px;margin-top:10px}.version-recovery>div{display:flex;gap:12px;align-items:center;padding:6px 0}.version-recovery button{font-size:10px;padding:5px 8px}.version-history-filter{display:flex;gap:10px;align-items:center;font-size:11px;margin-bottom:10px}.version-history-filter select{width:170px;font-size:11px;padding:5px}.version-history-list{display:flex;gap:8px;overflow:auto}.version-history-list>button{flex:0 0 260px;display:grid;gap:8px;text-align:left;padding:10px}.version-history-list strong{font-size:11px}.version-history-list span{font-size:10px;color:#aabbad}
.version-transfer{width:295px;flex:none;display:flex;flex-direction:column;min-height:0;padding:12px;border:1px solid #3e5548;border-radius:9px;background:#182224;gap:9px}.transfer-heading{display:flex;gap:10px;align-items:center;flex:none}.transfer-heading h2{font-size:19px}.transfer-heading button{margin-left:auto;padding:2px 8px;font-size:18px}.version-transfer>label:not(.check){display:grid;gap:4px;font-size:10px;color:#b8c9bd}.version-transfer select{font-size:11px;padding:6px 8px}.transfer-flow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;padding:6px;background:#101c1b;border-radius:5px}.transfer-flow>span{color:var(--accent);font-size:18px}.transfer-version-note{font-size:10px;margin:0;text-align:center;color:var(--accent)}.version-transfer>.check{font-size:11px;margin:1px 0}.version-transfer>.check span{margin-left:auto;color:var(--accent)}.transfer-change-list{flex:1;min-height:0;overflow:auto;padding-right:3px}.transfer-change-group{margin:0 0 7px;border:1px solid #3b4e44;border-radius:6px;padding:8px}.transfer-change-group>summary{font-size:11px;line-height:1.5;cursor:pointer}.transfer-change-group>summary small{float:right;color:var(--accent);font-size:10px}.transfer-field{padding:9px 0 2px;border-top:1px solid #34473c;margin-top:8px}.transfer-field .check{font-size:10px;align-items:flex-start}.transfer-field .check strong{flex:1;font-weight:500;overflow-wrap:anywhere}.transfer-field .check small{color:#afc1b0;font-size:9px}.transfer-field.has-conflict .check small{color:#e8a38a}.transfer-field-values{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:5px;font-size:9px;color:#adbfaf;margin:8px 0 5px;line-height:1.5}.transfer-field-values span{white-space:pre-wrap;overflow-wrap:anywhere}.transfer-field-values>span:nth-child(2){color:var(--accent)}.transfer-resolution{display:flex;gap:5px}.transfer-resolution button{font-size:9px;padding:5px 6px;flex:1}.transfer-resolution button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:rgb(var(--accent-rgb)/.12)}.transfer-apply{display:grid;gap:7px;border-top:1px solid #3b4f43;padding-top:10px;flex:none}.transfer-apply>span{font-size:10px;color:#b6c8b9}.transfer-apply button{font-size:11px;padding:8px}.is-transferring .comparison-layout{grid-template-columns:140px minmax(0,1fr);gap:10px}.is-transferring .comparison-card-columns,.is-transferring .comparison-sources{gap:9px}
@media(max-width:1200px){.versions-page{padding:12px 14px}.versions-heading{gap:9px}.versions-heading>span{max-width:150px}.versions-controls{gap:5px}.versions-controls button{font-size:10px;padding:7px 8px}.versions-comparison .comparison-layout{grid-template-columns:140px minmax(0,1fr);gap:10px}.version-transfer{width:265px;padding:10px}.is-transferring .comparison-layout{grid-template-columns:115px minmax(0,1fr)}}
@media(max-width:850px){.versions-heading{flex-wrap:wrap}.versions-heading h1{font-size:24px}.versions-controls{flex-basis:100%;justify-content:flex-start;margin:0}.versions-controls button{flex:1;white-space:nowrap}.versions-comparison .comparison-head{gap:8px}.working-version-form{grid-template-columns:1fr 1fr}.working-version-form>div{grid-column:1/-1}.versions-comparison .comparison-layout{grid-template-columns:125px minmax(0,1fr)}.version-transfer{width:240px}.is-transferring .comparison-layout{grid-template-columns:100px minmax(0,1fr)}}
@media(max-width:650px){.versions-page{padding:10px;gap:8px}.versions-heading h1{font-size:23px}.versions-controls{gap:4px}.versions-controls button{padding:6px;font-size:9px}.versions-comparison .comparison-layout{grid-template-columns:115px minmax(0,1fr)}.versions-body:has(.version-transfer:not([hidden])){flex-direction:column}.version-transfer{width:auto;flex:0 0 310px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 12px}.version-transfer .transfer-heading{grid-column:1}.version-transfer>label{grid-column:1}.version-transfer .transfer-flow,.version-transfer .transfer-version-note{display:none}.transfer-change-list{grid-column:2;grid-row:1/5}.transfer-apply{grid-column:1/-1;display:flex;align-items:center;padding-top:6px}.transfer-apply>span{margin-right:auto}.transfer-apply button{padding:6px;font-size:9px}.version-manager-heading select{width:130px}}
.team-top-controls select{width:auto;flex:0 0 auto}.team-account-button{flex:0 0 auto;min-width:55px}
.transfer-change-group>summary>input{vertical-align:middle;width:12px;height:12px;margin:0 4px 0 0}

/* Keep the current/previous comparison central, with secondary tasks grouped. */
.versions-modes{display:flex;gap:4px;flex:none;border-bottom:1px solid #34463c;padding-bottom:8px}.versions-modes button{padding:7px 13px;font-size:12px;border-color:transparent;background:transparent;color:#b4c5b9;border-radius:6px}.versions-modes button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:rgb(var(--accent-rgb)/.09)}.versions-modes button:focus-visible{outline:2px solid var(--accent)}.versions-controls #versionsManage[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.comparison-presets{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.comparison-presets button{font-size:11px;padding:6px 9px}.comparison-presets button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:rgb(var(--accent-rgb)/.08)}#comparisonFirstVersion{font-size:10px;color:#b7c9ba}.comparison-transfer-caption{font-size:12px;color:#b7c9ba}.versions-comparison .comparison-head{min-height:30px}.comparison-source-selects{display:grid;grid-template-columns:minmax(85px,.75fr) minmax(110px,1.4fr);gap:8px}.comparison-source{gap:6px;padding:8px 10px}.comparison-source-heading{min-height:20px}.comparison-source-heading>span{font-size:11px}.comparison-source select{font-size:12px;padding:7px 9px}.comparison-source-heading .comparison-remove{font-size:16px}.comparison-column-label{display:none}.comparison-card-column{padding-top:7px}.version-manager-tabs{display:flex;align-items:center;gap:5px}.version-manager-tabs button{font-size:11px;padding:5px 9px;border-color:transparent;background:transparent}.version-manager-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#comparisonBackToCard{font-size:10px;color:var(--accent);white-space:nowrap}.versions-heading{gap:14px}.versions-heading h1{font-size:27px}.versions-heading>span{font-size:12px}.comparison-source-heading button{font-size:10px}.comparison-sources{gap:12px}.comparison-counts{font-size:11px}.comparison-card-choice strong{font-size:12px}.comparison-card-choice>span{font-size:10px}.comparison-card-choice b{font-size:10px}
@media(max-width:1000px){.comparison-source-selects{grid-template-columns:1fr}.comparison-source select{padding:6px;font-size:11px}.comparison-source{padding:7px}.comparison-head{flex-wrap:wrap}.comparison-actions{margin-left:auto}.comparison-presets{margin-right:auto}.versions-modes button{padding:6px 10px;font-size:11px}}
@media(max-width:650px){.versions-modes{gap:3px;padding-bottom:6px}.versions-modes button{font-size:10px;padding:6px 8px}.versions-comparison .comparison-head{gap:5px}.comparison-presets button{font-size:10px;padding:5px 7px}#comparisonFirstVersion{font-size:9px;max-width:180px}.comparison-actions .check{font-size:10px}.comparison-actions{flex-wrap:nowrap;max-width:none}.comparison-actions .check{flex-basis:auto}.comparison-card-choice strong{font-size:11px}.comparison-card-choice>span{font-size:9px}.version-manager-heading select{width:105px}.version-manager-tabs button{padding:5px 6px;font-size:10px}#comparisonBackToCard{padding:5px 6px;font-size:9px}.comparison-card-heading>div{gap:6px}.comparison-card-heading span{display:none}.versions-controls{flex-basis:auto;margin-left:auto}.versions-controls button{flex:none}}
.versions-comparison .comparison-sources,.versions-comparison .comparison-card-columns{gap:12px}
.personal-history-list{display:grid;gap:6px}.personal-history-list>article{display:flex;align-items:center;gap:14px;padding:8px 10px;border:1px solid #354c3e;border-radius:6px}.personal-history-list>article>div:first-child{display:grid;gap:5px}.personal-history-list time{font-size:12px;color:#d2dfd1}.personal-history-list small{font-size:10px;color:#a6bda9}.personal-history-list>article>div:last-child{display:flex;gap:6px;margin-left:auto}.personal-history-list button{font-size:10px;padding:6px 9px}.personal-history-list>p{font-size:12px;color:#b6c9b6}.transfer-local-note{margin:0;font-size:11px;color:#b7ccb9;line-height:1.55}#personalContinue{margin-left:auto;font-size:11px;padding:5px 9px}.version-manager-heading:has(#personalContinue)>#closeVersionManager{margin-left:0}

/* Regions are the grouping within the separate Enemies library. */
.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:4px}.region-tile{position:relative;isolation:isolate;overflow:hidden;min-height:225px;padding:22px;display:flex;align-items:flex-end;text-align:left;background:#1b2728;border-radius:12px}.region-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.region-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10191af5, #10191a22 90%);z-index:-1;pointer-events:none}.region-tile-copy{display:grid;gap:8px;min-width:0}.region-tile strong{font:28px Georgia;color:#f0ede4}.region-tile-copy>span{font-size:12px;color:#d0d9d2}.region-tile-arrow{margin-left:auto;padding-left:15px;color:var(--accent);font-size:22px}.region-tile:hover{border-color:var(--accent)}.region-sections{display:grid;grid-auto-rows:max-content;align-content:start;gap:18px}.region-content-section{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}.region-section-heading{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.region-section-heading h2{font-size:23px}.region-section-count{font-size:12px;color:var(--accent)}.region-section-empty{padding:24px 20px;color:#b2c0bb;font-size:13px}.enemy-library .region-art-header{min-height:112px}.enemy-library .region-art-header::before{width:65%;opacity:.32}.region-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-tile{min-height:210px}}
@media(max-width:650px){.region-grid{grid-template-columns:1fr;gap:12px}.region-tile{min-height:190px}.region-tile strong{font-size:25px}.region-section-heading{padding:14px 16px}.region-section-heading h2{font-size:21px}.region-section-empty{padding:20px 16px}}

.studio-version{font:500 10px/1.2 system-ui,sans-serif;color:var(--muted);white-space:nowrap;margin-left:5px;letter-spacing:0;vertical-align:middle}.studio-release{font-size:12px;color:var(--muted);white-space:nowrap}

/* Enemy documents share card tools, with their own proportions and optional text. */
.enemy-options-top{display:grid;gap:12px;margin:0 0 16px}.enemy-options-top .check{font-size:12px;display:flex;align-items:center;gap:8px}.enemy-options-top input[type=checkbox]{width:16px;height:16px}.enemy-side-tabs,.enemy-text-tabs{display:flex;gap:5px;flex-wrap:wrap}.enemy-side-tabs button,.enemy-text-tabs button{padding:6px 10px;min-height:30px;font-size:11px}.enemy-side-tabs [aria-pressed=true],.enemy-text-tabs [aria-selected=true]{border-color:var(--accent);color:var(--accent);background:rgb(var(--accent-rgb,221 195 145)/.1)}.enemy-text-tabs{margin:0 0 9px}.enemy-text-tabs~textarea[hidden]{display:none}.enemy-size-section{margin-top:18px}.enemy-size-section h3{font-size:14px;margin:0 0 12px}.enemy-size-section h3 span{color:var(--muted);font-size:11px;margin-left:7px}.enemy-card-grid{display:grid;gap:14px}.enemy-card-grid.large{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr))}.enemy-card-grid.small{grid-template-columns:repeat(auto-fill,minmax(160px,210px))}.enemy-card{position:relative;min-width:0;padding:8px;background:#202c2d;border:1px solid #354646;border-radius:10px}.enemy-card-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.enemy-card-open canvas{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}.enemy-card-open>span{display:flex;flex-direction:column;gap:5px;padding:9px 4px 3px}.enemy-card-open strong{font-size:13px}.enemy-card-open small{font-size:10px;color:var(--muted)}.card-hover-controls{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:5px;opacity:0;pointer-events:none}.enemy-card:hover .card-hover-controls,.enemy-card:focus-within .card-hover-controls{opacity:1;pointer-events:auto}.card-hover-controls button{width:28px;height:28px;padding:0;font-size:21px;background:#162123}.enemy-delete{color:#ef847a}.enemy-copy{color:#80d49c}.comparison-boss-sides{flex:none}.sheet-preview span{aspect-ratio:var(--export-aspect,5/7)}
@media(pointer:coarse){.card-hover-controls{opacity:1;pointer-events:auto}}
[data-editor-family^="enemy-"] [data-card-field="custom:hp"]{width:96px;min-height:52px;font-size:28px;font-weight:600;text-align:center;background:#1c372b;border-color:#4e8461;color:#eff9ef}.enemy-template-preview{margin-top:14px}.enemy-template-preview h4{margin:0;font-size:12px}.enemy-template-preview .check{display:flex;align-items:center;gap:7px}.enemy-template-preview input[type=checkbox]{width:16px;height:16px}
/* Keep the enemy/card name readable when editor actions wrap on narrow screens. */
.editor{position:relative}
@media(max-width:850px){.editor-top{gap:6px}.editor-top .left{flex:1 0 100%;width:100%}.editor-top h2{flex:1;max-width:none}.editor-top .right{width:100%;justify-content:flex-start;gap:4px}.editor-top .right button{font-size:10px;padding:6px}.editor>.panel.right{top:0}.editor-top .card-version-status time{white-space:nowrap;max-width:none}}

/* Regional enemy previews share one face toggle and retain compact labels. */
.enemy-all-regions{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;margin-bottom:18px;text-align:left;border-color:var(--accent);background:var(--panel)}
.enemy-all-regions strong{font-size:23px}.enemy-all-regions>span{color:var(--muted)}.enemy-all-regions>span span{margin-left:18px;color:var(--accent)}
.enemy-backside-toggle{display:flex;align-items:center;gap:9px;white-space:nowrap;margin:0 10px 0 0;cursor:pointer;color:var(--text)}
.enemy-backside-toggle input{width:18px;height:18px;margin:0;accent-color:var(--accent)}
.region-section-heading h2 button{font:inherit;padding:0;text-align:left}.region-section-heading h2 button span{font-size:.7em;margin-left:8px}

/* Give shared Back controls a comfortable pointer and touch target. */
button#goBack,button#editorBack,button#comparisonBackToCard{min-height:40px;min-width:84px;padding:9px 13px;font-size:14px;line-height:1.3;border-radius:8px;flex-shrink:0}
button#goBack{background:var(--panel2)}
button#goBack:hover,button#editorBack:hover,button#comparisonBackToCard:hover{background:#2c3738;color:var(--accent)}

/* Regions use the same quiet framing and adjustable previews as Heroes. */
.enemy-library{isolation:isolate;background:#10191b;--region-color:#aab9b4;--region-rgb:170 185 180}
.enemy-library::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,#10191b55,#10191bce 75%),var(--region-scene,none);background-size:cover;background-position:center;opacity:.2}
.enemy-library-header{flex:none;padding:8px 24px 12px;background:#10191bee;border-bottom:1px solid #344042}
.enemy-library-header .section-head{padding:0 0 9px;gap:16px}
.enemy-library-header .section-head>div:first-child{display:flex;align-items:center;gap:14px;min-width:0}
.enemy-library-header .crumb{margin:0;flex:none}.enemy-library-header .crumb>span{display:none}
.enemy-library-header h1{font-size:26px;margin:0;white-space:nowrap}
.enemy-library-header .section-actions{gap:8px;flex-wrap:wrap}.enemy-library-header .section-actions>button{min-height:34px}
.enemy-library-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.enemy-library-toolbar .search{flex:1 1 190px;max-width:310px;min-width:140px;font-size:12px}
.enemy-library-toolbar>select{width:auto;min-width:120px;font-size:12px}
.enemy-sort-control{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px}
.enemy-sort-control select{width:76px;margin:0;font-size:12px}
.enemy-library-toolbar .library-size-control{font-size:11px;gap:9px}.enemy-library-toolbar .library-size-control input{width:110px}
.enemy-library-toolbar .library-size-control output{font-size:10px;min-width:35px}
.enemy-library-toolbar .count{font-size:11px;color:#bcc9c3;margin-left:0;white-space:nowrap}
.enemy-library-toolbar #enemyDetailsToggle{min-height:32px;white-space:nowrap}
.enemy-library .region-sections{padding:22px 32px 36px;gap:30px;scrollbar-gutter:stable}
.enemy-library .enemy-preview-region{border:0;border-radius:0;background:transparent;overflow:visible}
.region-preview-banner{position:relative;isolation:isolate;overflow:hidden;min-height:116px;border:1px solid rgb(var(--region-rgb)/.42);border-left:4px solid var(--region-color);border-radius:10px;background:rgb(var(--region-rgb)/.09);padding:20px 24px}
.region-banner-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-2}
.region-preview-banner .region-banner-art{width:76%;left:auto;opacity:.8}
.region-preview-banner::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#142022 10%,#142022eb 32%,#14202255 80%,#14202233)}
.region-banner-copy{display:grid;gap:9px;position:relative}.region-banner-copy>.eyebrow{color:var(--region-color);font-size:10px;letter-spacing:1.8px}
.region-banner-copy h2{font-size:29px;color:#f0eee8;line-height:1.1}.region-banner-copy h2 button{padding:0;border:0;background:none;font:inherit;text-align:left;min-height:34px}
.region-banner-copy h2 button:hover{color:var(--region-color);background:none}.region-banner-copy h2 button>span{font:18px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--region-color);margin-left:12px}
.region-count-pair{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:12px;color:#c6d2cc;line-height:1.3}
.region-count-pair b{color:var(--region-color,var(--accent));font-weight:650;font-variant-numeric:tabular-nums}
.enemy-library .enemy-size-section{margin:20px 0 26px}.enemy-library .enemy-size-section:last-child{margin-bottom:0}
.enemy-library .enemy-size-section h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:16px;color:#dce4df}
.enemy-library .enemy-size-section h3 span{font-size:11px;margin:0;padding:3px 8px;border-radius:14px;background:rgb(var(--region-rgb)/.12);color:var(--region-color);font-weight:500}
.enemy-library .enemy-card-grid{gap:16px;align-items:start;grid-template-columns:repeat(auto-fill,min(var(--enemy-card-size,200px),100%))}
.enemy-library .enemy-card-grid.large{grid-template-columns:repeat(auto-fill,min(calc(var(--enemy-card-size,200px)*1.5),100%))}
.enemy-library .enemy-card{padding:10px;border-radius:10px;background:#1b2b2b;border-color:#3a5050;--enemy-type-color:#aac6be}
.enemy-library .enemy-type-boss{background:#302536;border-color:#654773;--enemy-type-color:#d8b6ed}
.enemy-library .enemy-type-elite{background:#322c25;border-color:#64503a;--enemy-type-color:#e5bc81}
.enemy-library .enemy-type-summon{background:#1b3036;border-color:#3a5d68;--enemy-type-color:#98cddd}
.enemy-library .enemy-type-small{background:rgb(var(--region-rgb)/.1);border-color:rgb(var(--region-rgb)/.3);--enemy-type-color:var(--region-color)}
.enemy-library .enemy-card:hover,.enemy-library .enemy-card:focus-within{border-color:var(--enemy-type-color)}
.enemy-library .enemy-card-open{border-radius:6px;color:#e6e8e1}
.enemy-library .enemy-card-open:hover{background:transparent}.enemy-library .enemy-card-open:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.enemy-library .enemy-card-open canvas{aspect-ratio:auto;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:6px}
.enemy-library .enemy-card-open>.enemy-card-name{display:block;padding:12px 1px 0;line-height:1.4;text-align:left}
.enemy-library .enemy-card-name strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.enemy-library .enemy-card-open>.enemy-card-meta{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 1px 0;line-height:1.3;text-align:left;min-height:26px}
.enemy-type-badge{font-size:10px;color:var(--enemy-type-color);font-weight:600}
.enemy-card-id{font-size:10px;color:#bbc9c3;font-variant-numeric:tabular-nums}
.enemy-face-badge{font-size:9px;color:#dce4df;margin-left:auto;border:1px solid #74857b6b;border-radius:4px;padding:2px 5px;background:#10191b66;white-space:nowrap}
.enemy-less-details .enemy-card-name,.enemy-less-details .enemy-card-id{display:none!important}
.enemy-library .card-hover-controls button{width:30px;height:30px;border-radius:5px}
.enemy-library .card-hover-controls .enemy-delete{color:#ff8a82;border-color:#80534f;background:#2d191ef2}
.enemy-library .card-hover-controls .enemy-copy{color:#90dbad;border-color:#4e7f63;background:#172d20f2}
.enemy-library .region-section-empty{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;min-height:170px;margin:18px 0 0;border:1px dashed #50605c;border-radius:10px;background:#152022bb;color:#c0cdc7}
.region-future-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.region-planning-section{padding:18px 20px;border:1px dashed #45534e;border-radius:10px;background:#152022aa}
.region-planning-section h2{display:flex;gap:10px;align-items:center;font:600 16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#c3cfc8}
.region-planning-section h2 span{font-size:11px;color:#a4b5ae;background:#263432;border-radius:12px;padding:3px 7px}
.region-planning-section p{font-size:12px;margin-top:8px;color:#9aada3}
.enemy-hub-total{font-size:12px;color:#bdcbc3}
.enemy-region-hub .region-hub-content{padding-top:6px}
.enemy-region-hub .enemy-all-regions{position:relative;isolation:isolate;overflow:hidden;min-height:128px;padding:24px 28px;border-color:#597065;background:#1b2b29;border-radius:12px;margin-bottom:22px}
.region-atlas-art{position:absolute;z-index:-2;inset:0 0 0 35%;display:grid;grid-template-columns:repeat(5,1fr);opacity:.7}
.region-atlas-art .region-banner-art{position:relative;width:100%;height:100%;inset:auto;min-height:128px;object-fit:cover;z-index:auto}
.enemy-all-regions::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#172624 15%,#172624ed 36%,#17262422 90%)}
.enemy-all-regions .region-atlas-copy{display:grid;gap:9px;text-align:left}.enemy-all-regions .region-atlas-copy strong{font:29px Georgia;color:#f0eee8}
.enemy-all-regions .region-atlas-copy .eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--accent)}
.enemy-all-regions .region-tile-arrow{font-size:25px;color:var(--accent);margin-left:auto}
.enemy-region-hub .region-grid{gap:20px;padding-bottom:10px}
.enemy-region-hub .region-tile{min-height:235px;padding:24px;border-color:rgb(var(--region-rgb)/.5);border-top:3px solid var(--region-color);background:#1a2628}
.enemy-region-hub .region-tile::after{background:linear-gradient(0deg,#10191af7 3%,#10191ab5 35%,#10191a11 85%)}
.enemy-region-hub .region-tile-copy{gap:12px}.enemy-region-hub .region-tile strong{font-size:29px}
.enemy-region-hub .region-tile .region-count-pair{font-size:12px;color:#d0dcd5}
.enemy-region-hub .region-tile-arrow{color:var(--region-color)}
.enemy-region-hub .region-tile:hover{border-color:var(--region-color)}
@media(hover:none){.enemy-library .card-hover-controls{opacity:1;pointer-events:auto}}
@media(max-width:1100px){.enemy-library-header .section-head{flex-wrap:wrap}.enemy-library-header .section-actions{margin-left:auto}.enemy-library .region-sections{padding:18px 20px 28px}.enemy-library-toolbar .library-size-control{margin-left:0}.enemy-library-toolbar .count{margin-left:auto}.enemy-library-toolbar .search{max-width:none}}
@media(max-width:650px){.enemy-library-header{padding:10px 16px}.enemy-library-header h1{font-size:23px}.enemy-library-header .section-actions{width:100%;justify-content:flex-start;margin:0}.enemy-library-header .section-actions>button{padding:7px 9px;font-size:11px}.enemy-library-header .enemy-backside-toggle{font-size:11px;margin-right:auto}.enemy-library-toolbar{gap:8px}.enemy-library-toolbar .search{flex-basis:100%;max-width:none}.enemy-library-toolbar>select{flex:1;min-width:110px}.enemy-library-toolbar .library-size-control{font-size:10px}.enemy-library-toolbar .library-size-control input{width:80px}.enemy-library-toolbar .count{flex-basis:100%;font-size:11px}.enemy-library .region-sections{padding:16px 16px 24px;gap:24px}.region-preview-banner{min-height:110px;padding:18px}.region-banner-copy h2{font-size:26px}.region-preview-banner .region-banner-art{width:100%}.region-preview-banner::after{background:linear-gradient(90deg,#142022f5,#14202288)}.enemy-library .enemy-card-grid{gap:12px}.enemy-library .enemy-card{padding:8px}.region-future-sections{grid-template-columns:1fr}.enemy-hub-total{font-size:11px}.enemy-region-hub .enemy-all-regions{padding:20px;min-height:120px}.enemy-all-regions .region-atlas-copy strong{font-size:26px}.enemy-region-hub .region-tile{min-height:200px;padding:20px}}
/* Keep the region title and library tools on one desktop row, as in Heroes. */
.enemy-library-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 24px}
.enemy-library-header>.section-head,.enemy-library-header>.enemy-library-toolbar{display:contents}
.enemy-library-header .section-head>div:first-child{gap:12px;flex:0 1 auto;min-width:150px;margin-right:4px}
.enemy-library-header h1{font-size:25px;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.enemy-library-header .enemy-library-toolbar>*{order:1;flex-shrink:0}
.enemy-library-header .enemy-library-toolbar>.search{flex:1 1 160px;max-width:240px;min-width:130px;padding:8px 10px;font-size:11px}
.enemy-library-header .enemy-library-toolbar>select{width:112px;min-width:105px;padding:8px;font-size:11px}
.enemy-library-header .enemy-sort-control{font-size:10px;gap:6px}
.enemy-library-header .enemy-sort-control select{width:64px;font-size:11px;padding:8px}
.enemy-library-header .library-size-control{margin-left:auto;gap:6px;font-size:10px}
.enemy-library-header .library-size-control input{width:75px}.enemy-library-header .library-size-control output{font-size:9px;min-width:30px}
.enemy-library-header #enemyDetailsToggle{font-size:10px;padding:6px 7px;min-height:30px}
.enemy-library-header #enemyLibraryCount{font-size:10px;margin:0;white-space:nowrap}
.enemy-library-header .section-actions{order:3;flex:none;flex-wrap:nowrap;gap:6px;margin-left:auto}
.enemy-library-header .section-actions>button{font-size:11px;padding:7px 9px;min-height:32px;white-space:nowrap}
.enemy-library-header .enemy-backside-toggle{font-size:10px;gap:6px;margin-right:4px}.enemy-library-header .enemy-backside-toggle input{width:16px;height:16px}
@media(max-width:1100px){.enemy-library-header .library-size-control{margin-left:0}.enemy-library-header .section-actions{margin-left:auto}}
@media(max-width:650px){.enemy-library-header{padding:10px 16px;gap:8px}.enemy-library-header .section-head>div:first-child{flex-basis:100%;margin:0}.enemy-library-header h1{font-size:23px}.enemy-library-header .enemy-library-toolbar>.search{flex-basis:100%;max-width:none}.enemy-library-header .enemy-library-toolbar>select{width:auto;flex:1}.enemy-library-header .section-actions{width:100%;justify-content:flex-start;margin:0}.enemy-library-header .enemy-backside-toggle{margin-right:auto}.enemy-library-header #enemyLibraryCount{flex-basis:auto;margin-left:auto}}
/* Mash staging: six stable ranks, with shared range colors and actual cards. */
.mash-workspace{display:flex;flex-direction:column;min-height:0;background:linear-gradient(#10191bec,#10191bf2),var(--region-scene,none) center/cover}
.mash-top{display:flex;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid var(--line,#334144);background:#10191bef;flex-wrap:wrap}
.mash-top h1{font-family:Georgia,serif;font-size:28px;margin:3px 0}
.mash-top #mashBack{min-height:42px;min-width:100px;font-size:15px;font-weight:700;color:var(--accent)}
.mash-top .eyebrow{color:var(--region-color)}
.mash-title{flex:1;min-width:180px}.mash-title .eyebrow{display:block;margin-bottom:4px}
.mash-title input{text-overflow:ellipsis;font:700 25px Georgia,serif;padding:3px 0;border:1px solid transparent;background:transparent;width:100%;max-width:470px}
.mash-title input:hover,.mash-title input:focus{border-color:var(--line);background:#162124}
.mash-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mash-variation{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.mash-variation button{border:0;border-radius:0;background:transparent;min-height:38px}
.mash-variation button[aria-pressed=true]{color:#101c16;background:var(--accent);font-weight:700}
.mash-top-count{margin-left:auto;color:var(--muted)}
.mash-library{padding:22px}
.mash-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;align-items:start}
.mash-library-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:16px;text-align:left;overflow:hidden;background:linear-gradient(135deg,rgb(var(--region-rgb)/.12),#162023);border:1px solid rgb(var(--region-rgb)/.4);border-top:3px solid var(--region-color);border-radius:13px}
.mash-library-tile:hover{background:linear-gradient(135deg,rgb(var(--region-rgb)/.23),#1d292c);border-color:var(--region-color)}
.mash-library-tile>strong{font:700 23px Georgia,serif}
.mash-library-tile .eyebrow,.mash-library-open{color:var(--region-color)}
.mash-library-meta{font-size:13px;color:var(--muted)}
.mash-library-open{font-weight:700;padding-top:5px}
.mash-leader-previews{display:flex;gap:6px;align-items:center;justify-content:center;height:170px;overflow:hidden;margin:0 -2px 6px}
.mash-leader-previews canvas{min-width:0;max-width:100%;max-height:170px;width:auto;object-fit:contain;border-radius:7px}
.mash-leader-previews:has(canvas+canvas) canvas{width:49%}
.mash-editor-content{padding:20px;min-height:0}
.mash-arrangement{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;max-width:2000px;margin:auto}
.mash-stage{min-width:0}
.mash-stage-heading,.mash-picker-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.mash-stage-heading h2,.mash-picker-heading h2,.mash-stat-panel h2{font-size:19px;margin:0}
.mash-stage-heading>span{margin-left:auto;color:var(--muted);font-size:13px}
.mash-board-scroll{overflow:auto;border-radius:12px;border:1px solid #3c4b4c;background:#0d1517}
.mash-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:50px minmax(300px,auto);min-width:690px;isolation:isolate}
.mash-range{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:2px solid var(--rank-color);background:rgba(var(--rank-rgb),.18);color:var(--rank-color);letter-spacing:.04em}
.mash-range span{font-size:12px;opacity:.85}
.mash-board .short{--rank-color:#ef938d;--rank-rgb:217,92,83}
.mash-board .medium{--rank-color:#97d6a5;--rank-rgb:79,164,110}
.mash-board .long{--rank-color:#91bff1;--rank-rgb:74,136,206}
.mash-rank{position:relative;background:linear-gradient(rgba(var(--rank-rgb),.08),transparent);border-right:1px dashed rgba(var(--rank-rgb),.26);min-height:300px}
.mash-rank-label{display:block;text-align:center;font-size:12px;letter-spacing:.1em;padding-top:12px;color:var(--rank-color)}
.mash-rank-place{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:44px;min-height:44px;padding:8px 5px;background:transparent;border:0;border-radius:0;color:var(--rank-color)}
.mash-rank-place strong{font-size:12px;letter-spacing:.1em}
.mash-rank-place span{font-size:12px}
.mash-rank.can-place{background:rgba(var(--rank-rgb),.15)}
.mash-rank.can-place:hover,.mash-rank.drag-over{box-shadow:inset 0 0 0 2px var(--rank-color);background:rgba(var(--rank-rgb),.23)}
.mash-piece{user-select:none;position:relative;z-index:1;align-self:start;min-width:0;margin:36px 5px 50px;padding:7px;background:#1a2529;border:1px solid #506367;border-radius:9px;box-shadow:0 6px 18px #0005}
.mash-piece.moving{opacity:.55;outline:2px dashed var(--accent)}
.mash-piece.drag-over{outline:2px solid #ec9d80}
.mash-piece-top{display:flex;justify-content:space-between;gap:4px;font-size:10px;color:var(--muted);margin:0 0 7px}
.mash-piece-card{width:100%;border:0;padding:0;background:#000;border-radius:5px;display:block;overflow:hidden}
.mash-piece-card canvas{display:block;width:100%;height:auto}
.mash-piece-name{display:block;font-size:12px;line-height:1.25;margin-top:8px;overflow-wrap:anywhere}
.mash-piece-id{display:block;font-size:11px;color:var(--muted);margin:4px 0 7px}
.mash-piece-tools{display:flex;gap:3px;flex-wrap:wrap}
.mash-piece-tools button{font-size:11px;min-height:30px;padding:4px 7px;flex:1}
.mash-piece-tools button.danger{flex:0 0 30px;font-size:18px}
.mash-piece-tools button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.mash-placement-hint{display:flex;gap:12px;align-items:center;min-height:48px;padding:8px 0;font-size:13px;color:var(--muted)}
.mash-placement-hint button{margin-left:auto}
.mash-issues{padding:10px 12px;margin-bottom:12px;background:#593e182e;border:1px solid #78623c;color:#dfbf87;border-radius:7px;font-size:13px}
.mash-picker{border-top:1px solid var(--line);padding-top:18px}
.mash-picker-heading{flex-wrap:wrap;gap:8px}
.mash-picker-heading input{flex:1;min-width:120px;max-width:280px;margin-left:auto}
.mash-picker-heading select{width:auto;max-width:190px}
.mash-picker-list{display:flex;align-items:stretch;overflow:auto;gap:12px;padding:4px 3px 12px;min-height:230px}
.mash-picker-card{user-select:none;flex:0 0 125px;background:#182327;border:1px solid #35484b;border-radius:9px;overflow:hidden;display:flex;flex-direction:column}
.mash-picker-card.large{flex-basis:205px}
.mash-picker-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.mash-picker-card>[data-pick-enemy]{padding:7px;background:transparent;border:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:1;min-width:0;text-align:left}
.mash-picker-card canvas{width:100%;height:150px;object-fit:contain;background:#080e10;border-radius:4px}
.mash-picker-card strong{font-size:12px;line-height:1.3}
.mash-picker-card span{font-size:11px;color:var(--muted)}
.mash-picker-edit{background:transparent;border:0;border-top:1px solid #35484b;border-radius:0;min-height:30px;font-size:12px;color:var(--accent)}
.mash-stat-panel{padding:17px;background:#162225ed;border:1px solid #33474b;border-radius:12px;min-width:0;align-self:start}
.mash-stat-heading{margin-bottom:16px}
.mash-stat-heading>span{display:block;margin-top:5px;color:var(--region-color);font-size:12px}
.mash-stat-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mash-stat-numbers>div{padding:10px 5px;border:1px solid #3a504f;border-radius:9px;text-align:center;background:#203233}
.mash-stat-numbers strong{font-size:32px;font-variant-numeric:tabular-nums;color:var(--accent);line-height:1.2}
.mash-stat-numbers span{display:block;margin-top:6px;font-size:11px;color:#bfcec8}
.mash-stat-basis{font-size:11px;line-height:1.5;color:var(--muted);margin:12px 0}
.mash-stat-warning{font-size:12px;color:#e4bc85;margin:8px 0}
.mash-stats-options{display:flex;gap:14px;align-items:center;padding:10px 0}
.mash-stats-options label{font-size:12px}
.mash-stats-options input[type=number]{width:58px;padding:6px;margin-top:4px}
.mash-stat-panel section{padding:15px 0 0;border-top:1px solid #33474b;margin-top:15px}
.mash-stat-panel h3{font-size:13px;margin:0 0 10px}
.mash-token-list{display:flex;gap:8px;flex-wrap:wrap}
.mash-token{display:inline-flex;align-items:center;gap:6px;background:#0d1719;border:1px solid #3b5053;padding:5px 8px;border-radius:7px;font-size:13px}
.mash-token img{height:27px;width:27px;object-fit:contain}
.mash-curse-counts{display:flex;gap:18px;font-size:12px;color:var(--muted)}
.mash-curse-counts b{font-size:22px;color:#c4b3ea;font-variant-numeric:tabular-nums}
.mash-stat-panel small{display:block;font-size:10px;color:var(--muted);margin-top:8px}
.mash-stat-panel details{margin-top:10px}
.mash-stat-panel summary{font-size:12px;cursor:pointer;padding:7px 0}
.mash-stat-panel summary span{display:block;font-size:10px;color:var(--region-color);margin:3px 0 0 13px}
.mash-stat-panel details p{font-size:12px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.mash-inline-icon{height:21px;max-width:25px;vertical-align:middle;object-fit:contain}
.mash-conditional summary{color:#cfb4ed}
.mash-workspace button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:1550px){.mash-arrangement{grid-template-columns:minmax(0,1fr) 310px}.mash-board{grid-template-rows:50px minmax(380px,auto)}.mash-rank{min-height:380px}.mash-piece-name{font-size:14px}.mash-piece-tools button{font-size:12px;min-height:34px}}
@media(max-width:1100px){.mash-arrangement{grid-template-columns:minmax(0,1fr)}.mash-stat-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.mash-effects{grid-column:1 / -1}.mash-stat-heading{grid-column:1 / -1}.mash-stat-panel section{margin-top:10px}}
@media(max-width:650px){.mash-top{padding:10px 12px;gap:10px}.mash-top-actions{width:100%;gap:6px}.mash-top-actions button{font-size:12px}.mash-editor-content,.mash-library{padding:12px}.mash-stat-panel{display:block}.mash-top-count{margin-left:0;width:100%;font-size:12px}.mash-picker-heading h2{width:100%}.mash-picker-heading input{margin-left:0}.mash-placement-hint{font-size:12px}}
.studio-home-focused{--studio-logo-width:min(620px,76vw,60vh);gap:20px;padding:24px;overflow:auto;justify-content:center}
.studio-home-focused .home-primary-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:820px;height:clamp(240px,39vh,360px);min-height:220px;gap:22px;flex:none}
.studio-home-focused .home-primary-card{padding:26px 28px;border-radius:14px;border-color:#53605c;gap:0}
.studio-home-focused .home-primary-card h2{font-size:36px;margin:0;line-height:1.2;max-width:none}
.studio-home-focused .home-primary-card .studio-menu-art{opacity:.9;object-position:50% 0%}
.studio-home-focused .home-primary-card.reaver .studio-menu-art{object-position:78% 0%}
.studio-home-focused .home-primary-card.androminus .studio-menu-art{object-position:50% 0%}
.studio-home-focused .home-primary-card::after{background:linear-gradient(0deg,#0b1416f2 0%,#0b141655 33%,#0b14160a 68%)}
.studio-home-focused .home-primary-card:hover{transform:none;border-color:var(--accent)}
.studio-home-focused .home-primary-card:hover .studio-menu-art{opacity:1}
.home-minor-options{display:flex;justify-content:center;align-items:center;gap:16px;flex:none;padding:0 0 18px}
.home-tool-button{position:relative;display:grid;place-items:center;width:54px;height:54px;padding:13px;color:#b6c5bc;border:1px solid #40504b;background:#192627;border-radius:12px}
.home-tool-button svg{width:26px;height:26px}
.home-tool-button:hover,.home-tool-button:focus-visible{color:var(--accent);background:#263635;border-color:var(--accent)}
.home-tool-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none;font-size:11px;background:#0c1517;color:#e1e9e3;border:1px solid #40504b;border-radius:5px;padding:5px 8px;z-index:3;visibility:hidden}
.home-tool-button:hover .home-tool-tooltip,.home-tool-button:focus-visible .home-tool-tooltip{visibility:visible}
@media(max-width:650px){.studio-home-focused{--studio-logo-width:min(440px,83vw,48vh);gap:18px;padding:18px}.studio-home-focused .home-primary-cards{height:clamp(220px,36vh,310px);min-height:200px;gap:12px}.studio-home-focused .home-primary-card{padding:18px 16px}.studio-home-focused .home-primary-card h2{font-size:27px}.home-minor-options{gap:14px}.home-tool-button{width:50px;height:50px;padding:12px}}
@media(max-height:650px){.studio-home-focused{--studio-logo-width:min(460px,70vw,44vh);gap:12px;padding:14px}.studio-home-focused .home-primary-cards{height:clamp(160px,37vh,240px);min-height:160px}.studio-home-focused .home-primary-card{padding:18px 22px}.studio-home-focused .home-primary-card h2{font-size:28px}.studio-home-focused .studio-title h1{font-size:20px;margin:6px 0 0}.home-minor-options{padding-bottom:12px}.home-tool-button{width:46px;height:46px;padding:11px}}
.region-global-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.enemy-region-hub .region-global-options .enemy-all-regions{min-height:155px;padding:24px 22px;margin:0;min-width:0}
.region-global-options .region-atlas-copy{min-width:0;gap:10px}
.region-global-options .region-atlas-copy strong{font-size:27px;line-height:1.15}
.region-global-options .region-atlas-copy>span{font-size:13px;color:#c6d1c9}
.region-global-options .all-mashes-entry .region-atlas-art{filter:hue-rotate(12deg)}
.region-global-options .all-maps-entry .region-atlas-art{filter:saturate(.6)}
.region-content-heading{display:flex;align-items:center;gap:10px;padding:0 0 15px}
.region-content-heading h2{font-size:24px;margin-right:auto}
.region-content-heading h2>span{font:13px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--muted);margin-left:10px}
.region-mashes-section{border:1px solid var(--line);border-radius:12px;padding:20px;background:#162124c9}
.region-content-count{font-size:13px;color:#c8d5cf}
.mash-preview-collection{container-type:inline-size;min-width:0}
.mash-preview-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@container(min-width:1120px){.mash-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mash-preview-tile{min-width:0;overflow:hidden;border:1px solid #3e5152;border-radius:11px;background:#101b1e}
.mash-preview-heading{display:flex;align-items:center;gap:10px;padding:13px 14px;min-height:64px}
.mash-preview-name{flex:1;min-width:0;text-align:left;font:21px/1.15 Georgia,serif;border:0;background:transparent;padding:0;overflow-wrap:anywhere;color:#e8eee7}
.mash-preview-name:hover{background:transparent!important;color:var(--accent)}
.fight-tag{display:inline-flex;align-items:center;white-space:nowrap;flex:none;padding:4px 9px;border:1px solid #638e76;border-radius:6px;font-size:11px;font-weight:700;background:#233c32;color:#b4ddc1}
.fight-tag.hard{border-color:#9c7840;color:#f0d3a0;background:#44351e}
.fight-tag.boss{border-color:#8365a7;color:#d9bfef;background:#362749}
.mash-hard-toggle{flex:none;min-height:34px;font-size:11px;padding:6px 9px;white-space:nowrap}
.mash-hard-toggle[aria-pressed=true]{color:#f0d3a0;border-color:#9c7840;background:#44351e}
.mash-preview-lineup{display:block;width:100%;padding:0 8px 8px;border:0;border-radius:0;background:transparent}
.mash-preview-lineup:hover{background:#152529!important}
.mash-mini-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-size:10px;font-weight:650;letter-spacing:.05em;border-radius:5px 5px 0 0;overflow:hidden}
.mash-mini-ranges>span{padding:6px 0;background:#4e2c2e;color:#f0aaa3;border-bottom:1px solid #a85b58}
.mash-mini-ranges>span:nth-child(2){background:#253e33;color:#aed5b7;border-color:#648d72}
.mash-mini-ranges>span:nth-child(3){background:#293b51;color:#b4cdeb;border-color:#6584a8}
.mash-mini-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:23px minmax(110px,auto);isolation:isolate;background:#0b1417;overflow:hidden}
.mash-mini-rank{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;border-right:1px dashed #758b8a33;background:#793f3f12;color:#e4aaa6;min-width:0}
.mash-mini-rank.medium{background:#3f794f12;color:#a8cfb6}.mash-mini-rank.long{background:#3f587912;color:#abc3df}
.mash-mini-rank b{font-size:9px;font-weight:500;padding:6px 0 4px}
.mash-mini-rank>span{margin:auto;font-size:24px;opacity:.3}
.mash-mini-piece{display:block;min-width:0;padding:0 2px 6px;z-index:1;align-self:start}
.mash-mini-piece canvas{display:block;width:100%;height:auto;border-radius:4px}
.mash-missing-piece{display:grid;place-items:center;min-height:110px;color:#c6a099;font-size:11px}
.mash-preview-stats{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;border-top:1px solid #304245;padding:10px 14px;min-height:45px;font-size:11px;color:#b4c5bf}
.mash-preview-stats b{font-size:18px;color:#e3eee6;margin-right:5px;font-variant-numeric:tabular-nums}
.mash-curse-tag{font-size:11px;color:#d8b7ed;background:#443052;border:1px solid #79568e;padding:3px 8px;border-radius:5px;font-weight:700}
.mash-preview-count{margin-left:auto;font-size:10px;color:#8fa9a1}
.mash-overview .region-content-section>.mash-preview-collection{padding:18px}
.mash-overview .mash-top-count{margin-left:auto;width:auto}.mash-overview .region-sections{padding-top:20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mash-creator-content{padding:22px 28px}
.mash-create-summary{padding:20px;border:1px solid #435851;background:#18272a;border-radius:12px;margin-bottom:22px}
.mash-create-fields{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.mash-create-fields>label:first-child{flex:1;min-width:200px;font-size:13px}
.mash-create-fields>label{width:210px;font-size:12px}
.mash-create-fields #newMashName{font-size:18px;padding:10px 12px}
.mash-create-fields #createMash{min-height:42px}
.mash-chosen-leaders{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 10px;font-size:13px;color:var(--muted)}
.mash-chosen-leaders>button{border-color:var(--accent);color:var(--accent);font-size:13px;background:rgb(var(--accent-rgb)/.08)}
.mash-chosen-leaders>button>span{margin-left:12px}
.mash-creator-tools{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.mash-creator-tools h2{font-size:24px;margin-right:auto}
.mash-creator-tools label{display:flex;align-items:center;gap:10px;font-size:12px}
.mash-creator-tools select{width:190px;margin:0}
.mash-leader-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr));gap:16px;padding-bottom:12px}
.mash-leader-choice{position:relative;min-width:0;padding:10px;border:1px solid #425454;background:#152124;display:flex;flex-direction:column;gap:8px;text-align:left;overflow:hidden}
.mash-leader-choice canvas{display:block;width:100%;height:auto;border-radius:5px}
.mash-leader-name{font:18px/1.2 Georgia,serif;padding-right:24px}
.mash-leader-meta{font-size:11px;color:var(--muted)}
.mash-leader-choice[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px;background:#20352e}
.mash-leader-check{position:absolute;bottom:12px;right:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #637870;color:#c5d5cc;background:#192823;font-size:16px}
.mash-leader-choice[aria-pressed=true] .mash-leader-check{background:var(--accent);color:var(--accent-ink)}
.map-library-workspace .region-sections{padding-top:20px}
.map-piece-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.map-piece-preview{display:flex;flex-direction:column;gap:8px;padding:15px}.map-piece-preview img{max-width:100%;object-fit:contain}.map-piece-preview>span{color:var(--muted);font-size:12px}
@media(max-width:850px){.region-global-options{gap:10px}.enemy-region-hub .region-global-options .enemy-all-regions{padding:18px 14px;min-height:135px}.region-global-options .region-atlas-copy strong{font-size:22px}.region-global-options .region-tile-arrow{display:none}.region-global-options .region-count-pair{gap:7px;font-size:11px}}
@media(max-width:650px){.region-global-options{grid-template-columns:1fr}.enemy-region-hub .region-global-options .enemy-all-regions{min-height:100px;padding:18px}.region-global-options .region-atlas-copy strong{font-size:25px}.region-mashes-section{padding:12px}.region-content-heading{gap:7px;flex-wrap:wrap}.region-content-heading h2{font-size:22px}.region-content-heading button{padding:7px;font-size:10px}.mash-preview-heading{padding:11px 10px;gap:7px}.mash-preview-name{font-size:18px}.mash-hard-toggle{font-size:10px;padding:5px 7px}.fight-tag{font-size:10px;padding:4px 7px}.mash-preview-stats{gap:8px 12px;padding:10px}.mash-preview-count{flex-basis:100%;margin-left:0}.mash-preview-lineup{padding:0 4px 4px}.mash-mini-board{grid-template-rows:21px minmax(65px,auto)}.mash-mini-ranges{font-size:9px}.mash-mini-piece{padding:0 1px 4px}.mash-overview .region-content-section>.mash-preview-collection{padding:10px}.mash-creator-content{padding:14px}.mash-create-summary{padding:14px}.mash-create-fields>label{width:100%}.mash-create-fields #createMash{width:100%}.mash-leader-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mash-leader-choice{padding:7px}.mash-leader-name{font-size:15px}.mash-leader-meta{font-size:9px}.mash-leader-check{bottom:8px;right:6px}.mash-creator-tools select{width:160px}}
.mash-chosen-leaders:empty,#mashCreatorStatus:empty{display:none}

/* Mash summaries and an inline reserve drawer keep the battlefield in view. */
.region-mashes-section{border:0;border-radius:0;padding:0;background:transparent}
.mash-all-hard-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#162225)}
.mash-scaling-stat{grid-column:1 / -1}
.mash-stat-numbers .mash-scaling-stat{display:flex;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--accent) 12%,#162225)}
.mash-stat-numbers .mash-scaling-stat span{margin:0;font-size:12px}
.mash-token{font-size:11px;text-transform:capitalize;padding:5px 7px;gap:5px}
.mash-preview-tokens{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}
.mash-preview-tokens .mash-token{background:#152226;border-color:#304245;font-size:10px}
.mash-preview-tokens .mash-token img{width:23px;height:23px}
.mash-summons{border-top:1px solid #33474b;grid-column:1 / -1}
.mash-summons>summary{display:flex;align-items:center;gap:8px;min-height:44px;font-size:15px;list-style:none}
.mash-summons>summary::before{content:'▸';color:var(--accent)}
.mash-summons[open]>summary::before{content:'▾'}
.mash-summons>summary>b{margin-left:auto;color:var(--accent);background:#0d1719;padding:4px 9px;border-radius:6px}
.mash-summon-selected{display:grid;gap:10px}
.mash-summon-entry{border:1px solid #364d4e;border-radius:8px;padding:8px;background:#0f1a1c}
.mash-summon-face{display:flex;width:100%;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:0;font-size:12px}
.mash-summon-face canvas{width:70px;height:62px;object-fit:contain;flex:none}
.mash-summon-quantity{display:flex;gap:5px;align-items:center;margin-top:7px}
.mash-summon-quantity button{min-width:34px;min-height:34px;padding:5px}
.mash-summon-quantity input{width:58px;min-width:0;padding:6px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.mash-summon-quantity button:last-child{margin-left:auto}
.mash-summon-tools{display:grid;gap:8px;margin:13px 0 10px}
.mash-summon-tools input,.mash-summon-tools select{width:100%;min-width:0;padding:8px;font-size:12px}
.mash-summon-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:330px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:3px}
.mash-summon-picker>button{display:flex;flex-direction:column;min-width:0;justify-content:flex-end;padding:6px;font-size:11px;gap:6px}
.mash-summon-picker canvas{width:100%;height:90px;object-fit:contain}
.mash-summon-picker>button>span{width:100%;display:flex;gap:4px;align-items:center;text-align:left}
.mash-summon-picker b{margin-left:auto;color:var(--accent)}
@media(max-width:1100px){.mash-summon-tools{grid-template-columns:1fr 180px}.mash-summon-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.mash-summon-selected{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.region-mashes-section{padding:0}.mash-summon-picker,.mash-summon-selected{grid-template-columns:repeat(2,minmax(0,1fr))}.mash-summon-tools{grid-template-columns:1fr}.mash-summon-selected{grid-template-columns:1fr}}
@media(min-width:1101px){.mash-stat-panel{position:sticky;top:0;max-height:calc(100dvh - 155px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}

.comparison-card-scopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex:none}
.comparison-card-scopes button{font-size:11px;min-width:0;min-height:34px;padding:6px 4px}
.comparison-card-scopes button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.comparison-sidebar #comparisonGroup{min-width:0;width:100%;font-size:11px;padding:8px 7px;flex:none}
.comparison-card-choice .comparison-card-context{display:block;font-size:10px;color:var(--muted);margin:0}
.comparison-source>[data-source-card-count]{display:block;font-size:10px;line-height:1.4;color:var(--muted);margin-top:6px}
.transfer-card-context{display:block;font-size:10px;line-height:1.5;color:var(--muted);padding-left:22px}
@media(max-width:650px){.comparison-card-scopes{gap:2px}.comparison-card-scopes button{font-size:9px;padding:6px 1px}.comparison-sidebar #comparisonGroup{font-size:10px}.comparison-card-choice .comparison-card-context,.comparison-source>[data-source-card-count]{font-size:9px}}
/* Collection identities, artwork and encounter analysis share the library rhythm. */
.profile-tile-wrap{position:relative;min-width:0;display:flex}.profile-tile-wrap>.collection-tile,.profile-tile-wrap>.hero-tile,.profile-tile-wrap>.region-tile{width:100%;height:100%;margin:0}.profile-tile-wrap>.hero-tile{min-height:285px;border-top:3px solid var(--profile-color);text-align:left;justify-content:flex-end;padding:22px}.profile-edit-button{position:absolute;top:10px;right:10px;z-index:2;min-width:36px;min-height:36px;padding:7px;background:#122020dd;border-color:#93b1a467}.profile-tile-wrap>.collection-tile{padding-right:48px;gap:12px}.profile-tile-wrap .collection-breakdown{font:12px/1.6 Arial;color:#d7ded8;text-transform:none;letter-spacing:0;max-width:100%;white-space:normal}.hero-tile .collection-breakdown{display:block;max-height:90px;overflow:auto}.library-hub-heroes .hero-grid{height:auto;grid-auto-rows:minmax(285px,auto)}.region-extra-counts{display:block;font-size:12px;color:#c4cec9;margin-top:8px}.compact-region-heading{border-bottom:1px solid var(--line);border-left:3px solid var(--region-color);padding:12px 16px!important;min-height:0!important;background:#162223cc}.compact-region-heading h2{font:24px Georgia;margin:0}.compact-region-heading h2>button{background:none;border:0;padding:0;color:inherit;font:inherit}.compact-region-heading h2>span{font:12px Arial;color:var(--muted);margin-left:12px}.compact-region-heading::after{display:none}.collection-scene{isolation:isolate;position:relative}.collection-scene::before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#111b1cdb,#111b1cbb),var(--collection-scene);background-size:cover;background-position:center 25%;z-index:-1;pointer-events:none}.collection-scene .library-header,.collection-scene .library-sort-bar{background:#121e20e6}
.collection-profile-editor{padding:20px;margin-bottom:24px;border:1px solid #6e8f80;border-radius:12px;background:#1a292a;flex:none}.profile-form{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.profile-form h2{font:23px Georgia;min-width:110px}.profile-form>label{flex:1;min-width:160px}.profile-form .profile-actions{display:flex;gap:8px}.profile-form [role=alert]{flex-basis:100%}.profile-art-current{display:flex;gap:10px;align-items:center;min-height:60px}.profile-art-current img{width:55px;height:55px;object-fit:cover}.profile-art-current img:not([src]),.profile-art-current img[src=""]{display:none}.profile-art-browser{margin-top:18px}.profile-art-browser[hidden]{display:none}.profile-art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;max-height:320px;overflow:auto;padding:4px}.profile-art-grid button{padding:5px;min-width:0;display:flex;flex-direction:column;gap:5px}.profile-art-grid img{width:100%;height:100px;object-fit:cover}.profile-art-grid span{font-size:10px;overflow-wrap:anywhere}.profile-art-grid [aria-pressed=true]{outline:2px solid var(--accent)}
.encounter-controls{min-width:0;margin:0 0 14px}.encounter-stats{margin:0;padding:0;border:1px solid #3b5150;border-radius:10px;background:#152225eb}.encounter-stats summary{display:flex;align-items:center;gap:16px;padding:13px 17px;margin:0;list-style:revert;font-size:15px;color:var(--accent)}.encounter-stats summary>span{color:var(--muted);font-size:12px}.encounter-stats summary>b{margin-left:auto;font-size:12px}.encounter-stats-body{padding:8px 18px 16px}.encounter-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin-bottom:18px}.encounter-metrics>div{background:#203133;padding:15px;border-radius:8px;display:grid;gap:8px}.encounter-metrics strong{color:var(--accent);font-size:29px;font-variant-numeric:tabular-nums}.encounter-metrics span{color:#c6d1cb;font-size:12px}.encounter-stat-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.encounter-stat-chips button{font-size:12px;padding:8px 12px}.encounter-stat-chips b{margin-left:12px;color:var(--accent)}.encounter-token-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:9px}.encounter-token-stats button{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;overflow:hidden;padding:10px;text-align:left;font-size:12px}.encounter-token-stats button:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:var(--token-percent);background:var(--accent)}.encounter-token-stats img{width:28px;height:28px;object-fit:contain}.encounter-token-stats strong{margin-left:auto;color:var(--accent);font-size:20px}.encounter-token-stats small{font-size:10px;color:var(--muted)}.encounter-controls [aria-pressed=true]{border-color:var(--accent);background:#2b4038;box-shadow:inset 0 0 0 1px var(--accent)}.encounter-stat-basis{font-size:11px;line-height:1.6;color:var(--muted);margin:16px 0 0}.encounter-sort{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px 0 0}.encounter-sort label{display:flex;align-items:center;gap:10px;font-size:12px}.encounter-sort select{width:170px}.encounter-sort button,.encounter-sort>span{font-size:11px}.stat-dimmed{opacity:.4}.stat-highlight{outline:2px solid var(--accent);outline-offset:2px}.mash-preview-tile.fight-normal{border-color:#496e60;background:linear-gradient(135deg,#203b3066,#101c20)}.mash-preview-tile.fight-hard{border-color:#b88553;background:linear-gradient(135deg,#7c472849,#181c1f)}.mash-preview-tile.fight-boss{border-color:#a477c9;background:linear-gradient(135deg,#6b388b55,#1c1924)}.mash-preview-tile .mash-preview-heading,.mash-preview-tile .mash-preview-stats{background:transparent}.mash-token b{color:var(--accent);font-variant-numeric:tabular-nums}.mash-top-actions .editor-nav{display:flex;gap:6px}.mash-top-actions .editor-nav button{font-size:11px}
.artwork-actions{display:flex;gap:7px}.artwork-actions button{flex:1}.artwork-suggestions{display:flex;gap:5px}.artwork-suggestions:empty{display:none}.artwork-suggestions button{flex:1;min-width:0;padding:2px}.artwork-suggestions img{width:100%;height:58px;object-fit:cover;border-radius:3px}.artwork-browser{padding:14px 0;border-top:1px solid var(--accent);margin-top:20px}.artwork-browser>header{display:flex;justify-content:space-between;align-items:center;gap:8px}.artwork-browser header button{min-width:34px;padding:7px}.artwork-result-count{font-size:11px;color:var(--muted)}.artwork-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;max-height:480px;overflow:auto;padding:3px}.artwork-choice-grid button{min-width:0;padding:4px;display:grid;gap:5px}.artwork-choice-grid img{width:100%;height:100px;object-fit:cover}.artwork-choice-grid span{font-size:9px;overflow-wrap:anywhere}.artwork-choice-grid small{font-size:9px;color:var(--accent)}.artwork-choice-grid [aria-pressed=true]{outline:2px solid var(--accent)}
@media(max-width:850px){.profile-tile-wrap>.hero-tile{min-height:230px}.encounter-token-stats{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.mash-top-actions .editor-nav{order:2}.collection-profile-editor{padding:15px}.collection-breakdown{font-size:11px!important}.profile-form .profile-actions{flex-wrap:wrap}.profile-art-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}
@media(max-width:650px){.profile-tile-wrap>.hero-tile{min-height:210px;padding:15px}.profile-tile-wrap>.collection-tile{padding:15px 42px 15px 15px}.profile-edit-button{top:7px;right:7px;min-width:32px;min-height:32px}.encounter-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.encounter-stats-body{padding:8px 10px 12px}.encounter-metrics strong{font-size:25px}.encounter-stats summary{gap:8px;padding:12px}.encounter-sort label{flex:1}.encounter-sort select{width:100%}.compact-region-heading h2{font-size:21px}.compact-region-heading h2>span{display:inline-block;margin-left:6px;font-size:10px}}

/* Shared library groups use the same headings and side statistics as Heroes. */
.encounter-grouping{display:flex;align-items:center;gap:4px;flex:none}.encounter-grouping>span{font-size:11px;color:var(--muted);margin-right:5px}.encounter-grouping button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:42px;min-height:38px;padding:6px 9px;font-size:11px;background:#182527;border-color:#3b504b}.encounter-grouping svg{width:19px;height:19px}.encounter-grouping button[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,#172325);border-color:var(--accent)}.encounter-grouping button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.encounter-library-group{margin-bottom:28px;min-width:0}.encounter-library-group:last-child{margin-bottom:0}.enemy-card-grid.mixed{grid-template-columns:repeat(auto-fill,minmax(min(var(--enemy-card-size,200px),100%),1fr));align-items:start}.enemy-card-region{color:#c6d1c9;font-size:11px}.enemy-card-meta .enemy-card-region{margin-left:3px}.enemy-library .region-sections>.encounter-library-group{padding:0}.enemy-library .section-actions{gap:8px}.mash-library .library-section-head{margin-top:0}.region-mashes-section .encounter-grouping{margin-left:auto}.fight-tag.final-boss{color:#ffd4ee;background:#602f55;border:1px solid #bb6a9c}.mash-preview-tile.fight-final-boss{border-color:#c777ab;background:linear-gradient(135deg,#8c365c66,#221927);box-shadow:inset 0 3px #b967a8}.encounter-stats-drawer .stat-panel{border:1px solid #3b5052;background:#1c2c2e;padding:17px;border-radius:12px}.encounter-stats-drawer h3{margin:0 0 15px;font:600 16px Arial}.encounter-stats-drawer .stats-summary{margin:0;gap:8px}.encounter-stats-drawer .stats-summary>div{min-width:0;border-radius:10px}.encounter-stats-drawer .stats-summary strong{font-size:25px}.encounter-stats-drawer .stats-summary span{font-size:11px}.encounter-stats-drawer .stats-chart-grid{gap:14px}.encounter-stats-drawer .distribution-chart{display:grid;gap:8px}.encounter-stats-drawer .distribution-row{display:grid;grid-template-columns:50px minmax(25px,1fr) 48px;gap:8px;align-items:center;background:transparent;border:1px solid transparent;padding:6px;text-align:left}.encounter-stats-drawer .distribution-row>i{display:block;height:12px;border-radius:8px;background:#102023;overflow:hidden}.encounter-stats-drawer .distribution-row>i>b{height:100%;display:block;background:var(--accent);border-radius:8px}.encounter-stats-drawer [aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#172527)}.encounter-stats-drawer .encounter-stat-chips{margin:0}.encounter-stats-drawer .token-metrics{gap:12px}.encounter-stats-drawer .token-metric{min-width:0}.encounter-stats-drawer .metric-heading{width:100%;min-height:46px;background:transparent;border:1px solid transparent;text-align:left;padding:4px}.encounter-stats-drawer .metric-heading>span{font-size:14px}.encounter-stats-drawer .metric-heading strong{font-size:25px}.encounter-token-bar{border:0;padding:0;height:7px;min-height:7px;width:100%;background:#0b191b;overflow:hidden;border-radius:7px}.encounter-token-bar>i{display:block;height:100%;width:var(--token-percent);background:var(--accent)}.encounter-stats-drawer .metric-value-card{display:flex;width:100%;gap:8px;align-items:center;justify-content:space-between;text-align:left}.encounter-stats-drawer .metric-value-card span{overflow-wrap:anywhere}.encounter-stats-drawer .metric-card-values{padding-top:8px}.encounter-selection-results{border:1px solid #5b806b;border-radius:10px;padding:12px;background:#142725}.encounter-selection-results>header{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px}.encounter-selection-results>header>strong{margin-right:auto;color:var(--accent)}.encounter-result-list{display:grid;gap:8px;margin-top:12px;max-height:260px;overflow:auto}.encounter-result-list>button{display:flex;align-items:center;gap:10px;text-align:left;padding:7px}.encounter-result-list canvas{width:70px;height:76px;object-fit:contain;flex:none}.encounter-result-list>button>span:first-of-type{flex:1;min-width:0}.encounter-result-list strong{display:block;font-size:13px}.encounter-result-list small{display:block;font-size:11px;color:#becbc3;margin-top:6px}.encounter-stats-drawer .encounter-stat-basis{margin:0}.encounter-stats-drawer .metric-card-values>summary{min-height:34px;display:flex;align-items:center;cursor:pointer}.encounter-stats-drawer .metric-card-values>summary:before{content:'▸';margin-right:7px}.encounter-stats-drawer .metric-card-values[open]>summary:before{content:'▾'}
/* Keep overview tiles compact, with editing discoverable on hover and focus. */
.profile-tile-wrap>.hero-tile{min-height:205px;padding:18px}.library-hub-heroes .hero-grid{grid-auto-rows:minmax(205px,auto);gap:14px}.profile-edit-button{opacity:0;pointer-events:none;transition:opacity .12s}.profile-tile-wrap:hover>.profile-edit-button,.profile-tile-wrap:focus-within>.profile-edit-button{opacity:1;pointer-events:auto}.hero-tile .collection-breakdown{max-height:54px;overflow:hidden}.profile-tile-wrap>.collection-tile{min-height:115px}.library-hub-heroes{margin-top:20px}.profile-tile-wrap .hero-tile strong{font-size:25px}
/* A single artwork section switches between selecting and positioning. */
.card-artwork-section .artwork-browser{margin:0;border:0;padding:0}.card-artwork-section .artwork-browser header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-artwork-section [data-artwork-browser-host]{min-width:0}.card-artwork-section [data-artwork-selected][hidden]{display:none}.card-artwork-section .artwork-choice-grid{max-height:420px;overflow:auto;padding:3px}.card-library-details>h3{margin-bottom:14px}.card-library-details #newSupertypeFields{padding:12px;border:1px solid #50635a;border-radius:8px;background:#152223}.card-library-details #newSupertypeFields .artwork-actions{margin-top:10px}.card-library-details #supertypeError:empty{display:none}
/* File browser: folders stay in view while the asset grid scrolls. */
.asset-files-workspace{display:flex;flex-direction:column;min-height:0}.asset-files-head{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line)}.asset-files-head h1{font:28px Georgia;margin:0}.asset-files-head>.muted{font-size:12px}.asset-files-head>button:last-child{margin-left:auto}.asset-files-layout{display:flex;flex:1;min-height:0;overflow:hidden}.asset-folder-tree{width:225px;flex:none;overflow:auto;padding:14px 8px;border-right:1px solid var(--line);background:#121e20}.asset-folder-tree button{width:100%;display:flex;gap:8px;align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;font-size:12px;padding:10px 8px 10px calc(8px + var(--folder-depth)*13px);text-align:left;min-height:40px}.asset-folder-tree svg,.asset-subfolders svg{width:20px;height:20px;flex:none;color:var(--accent)}.asset-folder-tree button[aria-current=location]{background:#293d35;border-color:#658b72;color:var(--accent)}.asset-folder-tree button:hover{background:#243432}.asset-files-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.asset-files-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid var(--line);flex:none}.asset-breadcrumbs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}.asset-breadcrumbs button{font-size:12px;padding:5px 7px;border:0;background:transparent;color:#c3d1c8}.asset-breadcrumbs button[aria-current=location]{color:var(--accent);font-weight:700}.asset-breadcrumbs>span{color:#647d72}.asset-files-toolbar>input{width:min(260px,100%);margin-left:auto;padding:8px 10px;font-size:12px}.asset-files-toolbar>[role=status]{font-size:11px;color:var(--muted)}.asset-files-results{padding:20px;flex:1;min-height:0}.asset-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-items:start;gap:14px}.asset-files-grid>button{display:flex;flex-direction:column;gap:8px;text-align:left;padding:8px;min-width:0}.asset-files-grid img{width:100%;height:145px;object-fit:contain;background:#101a1c;border-radius:5px}.asset-files-grid strong{font-size:12px;overflow-wrap:anywhere;line-height:1.45}.asset-files-grid small{font-size:10px;color:#a9bcb0}.asset-files-grid [aria-pressed=true]{border-color:var(--accent);background:#294034}.asset-subfolders{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:20px}.asset-subfolders button{display:flex;align-items:center;gap:10px;font-size:13px;padding:15px;text-align:left;min-width:0}.asset-file-preview{width:280px;flex:none;overflow:auto;border-left:1px solid var(--line);background:#19282a;padding:18px}.asset-file-preview>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-file-preview h2{font-size:18px}.asset-file-preview img{display:block;width:100%;max-height:340px;object-fit:contain;margin:18px 0;background:#0e191a}.asset-file-preview strong,.asset-file-preview code{display:block;overflow-wrap:anywhere;font-size:12px}.asset-file-preview p{font-size:11px;color:var(--muted);margin:12px 0}.asset-file-preview code{font-size:10px;line-height:1.6}.asset-file-preview header button{min-width:36px;min-height:36px;padding:5px;font-size:22px}.asset-files-workspace button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(min-width:1450px){.profile-tile-wrap>.hero-tile{min-height:225px}.library-hub-heroes .hero-grid{grid-auto-rows:minmax(225px,auto)}}
@media(max-width:1000px){.encounter-grouping button>span{display:none}.asset-file-preview{width:220px}.asset-folder-tree{width:185px}.enemy-library .section-actions{flex-wrap:wrap}}
@media(max-width:650px){.profile-tile-wrap>.hero-tile{min-height:175px;padding:14px}.library-hub-heroes .hero-grid{grid-auto-rows:minmax(175px,auto);gap:10px}.profile-tile-wrap .hero-tile strong{font-size:22px}.encounter-grouping{gap:3px}.encounter-grouping button{min-height:40px;min-width:40px;padding:8px}.encounter-library-group .library-section-head h2{font-size:19px}.encounter-stats-drawer .stats-chart-grid{grid-template-columns:1fr}.encounter-stats-drawer .token-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.encounter-stats-drawer .stat-panel{padding:12px}.encounter-stats-drawer .metric-heading{flex-wrap:wrap;gap:5px}.encounter-stats-drawer .metric-heading>span{font-size:12px}.encounter-stats-drawer .metric-heading strong{font-size:24px}.encounter-stats-drawer .metric-heading img{width:25px;height:25px}.asset-files-head{padding:12px;gap:10px}.asset-files-head>.muted{display:none}.asset-files-layout{flex-wrap:wrap;position:relative}.asset-folder-tree{width:100%;max-height:130px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px;padding:8px}.asset-folder-tree button{width:auto;padding:8px;font-size:11px}.asset-files-content{flex-basis:100%;height:calc(100% - 130px)}.asset-files-toolbar{padding:10px;gap:8px}.asset-files-toolbar>input{width:100%;margin:0}.asset-files-results{padding:12px}.asset-files-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-files-grid img{height:140px}.asset-subfolders{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-subfolders button{padding:12px;font-size:12px}.asset-file-preview{position:absolute;inset:0 0 0 auto;width:min(300px,90%);box-shadow:-15px 0 35px #0009;z-index:3}.mash-overview .mash-top{gap:9px}.mash-overview .mash-top-count{width:auto;margin-right:auto}.mash-overview .encounter-grouping{margin-left:auto}.enemy-card-region{font-size:10px}}
@media(hover:none){.profile-edit-button{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.profile-edit-button{transition:none}}
/* Compact sorting keeps the fixed Large/Small sections predictable. */
.enemy-sort-options{display:flex;gap:4px;align-items:center;flex:none}.enemy-sort-options>span{font-size:11px;color:var(--muted);margin-right:5px}.enemy-sort-options button{font-size:12px;padding:7px 12px;min-height:38px;min-width:44px}.enemy-sort-options button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,#172325)}.enemy-sort-options button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mash-preview-region{display:block;margin-top:5px;font:12px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#acbfb3}.mash-stat-numbers>.mash-summon-count-stat{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px}.mash-summon-count-stat span{margin:0}
.heroic-energy-sides button{min-width:64px;min-height:44px;white-space:nowrap}
.ability-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ability-editor-heading h3{margin:0}
.ability-editor-heading button{min-height:36px;font-size:11px;padding:6px 9px}

/* A selection travels across hero collections, independent of game data. */
.global-export-selection{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;margin-left:auto}
.global-export-selection[hidden]{display:none}
.global-export-selection>span{font-variant-numeric:tabular-nums;color:var(--accent)}
.global-export-selection button{min-height:30px}
.topbar:has(.global-export-selection:not([hidden])){height:auto;min-height:42px;flex-wrap:wrap;gap:6px 12px;padding-top:5px;padding-bottom:5px}
.export-card-selector{position:absolute;top:-6px;left:-6px;z-index:2;display:grid;place-items:center;width:30px;height:30px;background:#162324;border:1px solid #52675e;border-radius:7px;cursor:pointer;opacity:0;pointer-events:none}
.library-card:hover .export-card-selector,.library-card:focus-within .export-card-selector{opacity:1;pointer-events:auto}
@media(hover:none){.export-card-selector{opacity:1;pointer-events:auto}}
.library-section-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.library-section-actions .check{font-size:12px;white-space:nowrap;min-height:36px;cursor:pointer}
.library-section-actions input{width:17px;height:17px}
.export-card-selector .card-check{position:static;width:18px;height:18px;margin:0;opacity:1;cursor:pointer}
.library-card.selected .export-card-selector{border-color:var(--accent);background:#28382e}
.export-card-selector:focus-within{outline:2px solid var(--accent);outline-offset:2px}
#selectExportCard[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.card-export-dialog{width:min(1240px,96vw);max-height:94dvh}
.card-export-dialog .dialog-head{padding:16px 22px}
.card-export-dialog .dialog-body{max-height:calc(94dvh - 152px);padding:18px 22px}
.card-export-dialog .dialog-footer{padding:12px 22px}
.card-export-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.export-options{font-size:12px}
.export-options .hint{line-height:1.55}
.export-mode-tabs{display:flex;gap:6px}
.export-mode-tabs button{flex:1;min-height:42px;font-size:12px}
.export-mode-tabs button[aria-pressed=true]{border-color:var(--accent);background:rgb(var(--accent-rgb,221 195 145)/.12);color:var(--accent)}
.export-mode-tabs button[hidden]{display:none}
.export-summary{font-weight:600;padding:12px;border:1px solid var(--line);border-radius:8px;font-variant-numeric:tabular-nums}
.export-preview-stage{min-width:0;display:grid;gap:12px;position:sticky;top:0}
.export-preview-toolbar{display:flex;gap:8px;align-items:end}
.export-preview-toolbar>label{min-width:0;flex:1}
.export-preview-toolbar button{min-width:38px;min-height:38px}
.export-preview-toolbar select{width:100%;text-overflow:ellipsis}
.export-sheet-size{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:8px;background:#162123}
.export-sheet-size[hidden]{display:none}
.export-sheet-size label{flex:1;min-width:90px;font-size:11px}
.export-sheet-size input{width:100%;margin-top:5px;padding:8px}
.export-sheet-size button{min-height:36px;font-size:11px}
.export-sheet-size p{width:100%;margin:0;font-size:11px}
.export-preview-paper{height:min(58dvh,650px);min-height:220px;display:flex;align-items:center;justify-content:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0d1516;overflow:hidden}
.export-preview-paper canvas{display:block;object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 5px 20px #0007}
#exportProgress{margin-top:18px}
#exportProgressText{font-size:12px}
#exportFooterStatus{min-width:0;overflow-wrap:anywhere;max-width:65%}
.profile-color-control{display:grid;gap:6px;flex:0 1 270px;min-width:240px;font-size:12px}
.profile-color-inputs{display:flex;gap:7px;align-items:center}
.profile-color-inputs input[type=color]{width:46px;min-width:46px;height:40px;padding:3px;border-radius:7px;cursor:pointer}
.profile-color-inputs input[name=colorHex]{width:100px;min-width:0;font:12px monospace;flex:1}
.profile-color-inputs button{min-height:40px;padding:7px 11px;font-size:11px}
.collection-profile-editor:has(.profile-color-control){border-left:4px solid var(--profile-color)}
.collection-profile-editor:has(.profile-color-control) .profile-art-current{border-color:var(--profile-color)}
.hero-workspace .library-header{border-top:3px solid var(--profile-color)}
@media(max-width:700px){.export-preview-stage{position:static}}
@media(max-width:700px){.card-export-workspace{grid-template-columns:1fr;gap:18px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-options>#sheetSettings,.export-options>#exportSummary,.export-options>p{grid-column:1/-1}.export-preview-paper{height:44dvh}.global-export-selection{order:3;margin-left:0}.card-export-dialog .dialog-body{padding:14px}.card-export-dialog .dialog-head{padding:12px 16px}.card-export-dialog .dialog-head h2{font-size:22px}}

.map-piece-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:22px;margin:18px 0 30px}
button.map-piece-preview{display:flex;flex-direction:column;gap:9px;text-align:left;padding:14px;background:#152022;border:1px solid #42504d;border-radius:12px;min-width:0}
.map-piece-preview canvas{display:block;width:100%;height:auto;object-fit:contain}.map-piece-preview strong{font:20px Georgia}.map-piece-preview span{font-size:11px;color:var(--muted)}

.region-map-hexes-section{min-width:0;border:1px solid var(--line);border-radius:12px;padding:20px;background:#162124c9}.region-map-hexes-section .map-piece-grid{grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr))}.map-piece-preview:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Section URLs share the shell while their feature modules load on demand. */
a.top-nav-item{display:inline-flex;align-items:center;text-decoration:none;border-radius:7px;cursor:pointer;font-weight:600}
.section-loading{margin:auto;max-width:540px;padding:48px 24px;text-align:center;color:var(--muted)}
.section-loading h2{font-size:23px;color:var(--text);margin:16px 0}
.section-loading p{margin-bottom:20px;overflow-wrap:anywhere}
.section-loading-indicator{display:inline-block;width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:section-loading-spin .8s linear infinite}
@keyframes section-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.section-loading-indicator{animation:none}}