.sim-deck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.sim-deck-grid article,.barasim-appearance{padding:20px;border:1px solid #ffffff30;border-radius:16px;background:#182034;color:#f5f5ff;margin:16px 0}.sim-deck-grid nav{display:flex;flex-wrap:wrap;gap:14px}.barasim-appearance fieldset{margin:14px 0;border:1px solid #ffffff40;border-radius:10px}.barasim-appearance label{display:block;margin:10px 0}.barasim-appearance select{display:block;max-width:100%;padding:10px;min-height:44px}.barasim-appearance button{padding:12px}.barasim-appearance button:disabled{opacity:.55}.barasim-context-nav{padding:18px;display:flex;gap:20px;flex-wrap:wrap;background:#182034;color:#fff}.barasim-context-nav a{color:#c9dcff}
.deckBuilderPage[data-barasim-context] > .topbar{display:none}.deckBuilderPage[data-barasim-context] .barasim-context-nav{border-radius:16px;margin-bottom:18px}.sim-deck-grid article{min-width:0;overflow-wrap:anywhere}

/* Shared BaraSIM workspace: scoped so the main website keeps its editor. */
.sim-decks-page{margin:0;color:#f2edff;background:radial-gradient(ellipse at 10% 0,#2b1946 0,transparent 55%),#0e0c18;font:15px/1.5 system-ui,sans-serif}
.sim-decks-page *{box-sizing:border-box}
.sim-decks-shell{width:min(1440px,100%);margin:auto;padding:24px clamp(16px,3vw,48px) 48px}
.sim-decks-nav,.barasim-context-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;border-bottom:1px solid #ffffff20;padding:12px 0 20px}
.sim-decks-page a{color:inherit;text-decoration:none}
.sim-decks-nav a[aria-current]{color:#e5ca78;border-bottom:2px solid;padding-bottom:4px}
.sim-brand{font-weight:900;font-size:24px;margin-right:auto}.sim-brand span{color:#b58aff}
.sim-decks-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:36px 0 28px}
.sim-decks-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:8px 0 12px}
.sim-decks-heading p,.sim-deck-info>p,.sim-decks-preferences>p,#deckStatus{color:#bdb3cf}
.sim-decks-heading .sim-eyebrow{font-size:11px;letter-spacing:.18em;color:#e5ca78}
.sim-deck-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff06;color:#eee6ff;font:600 13px/1.3 system-ui;cursor:pointer;text-align:center}
.sim-deck-button.primary{background:#b394ed;color:#1c112f;border-color:#b394ed}.sim-deck-button:hover{filter:brightness(1.15)}
.sim-decks-page :is(a,button,input,summary):focus-visible{outline:3px solid #e5ca78;outline-offset:4px}
.sim-decks-toolbar{display:flex;align-items:end;gap:16px}.sim-decks-toolbar label{display:grid;gap:7px;max-width:480px;width:100%;font-size:13px;color:#c4b8d5}
.sim-decks-toolbar input{width:100%;min-height:46px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff06;color:#fff;padding:12px;font:inherit}
.sim-decks-page input#deckSearch{background:#1f192b;color:#f2edff;color-scheme:dark}.sim-decks-page input#deckSearch::placeholder{color:#bdb3cf;opacity:1}
.sim-decks-page .sim-deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:20px}
.sim-decks-page .sim-deck-grid article{padding:0;margin:0;overflow:hidden;background:linear-gradient(145deg,#272038,#171321);border:1px solid #b594db38;border-radius:16px}
.sim-deck-cover{height:190px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#594477,#20172f);overflow:hidden}
.sim-deck-cover>span{font-size:52px;color:#c8afe166;font-weight:900}.sim-deck-cover img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.sim-deck-info{padding:20px}.sim-deck-info h2{font-size:19px;margin:0 0 6px}.sim-deck-info>p{font-size:12px;margin:0 0 20px;min-height:36px}
.sim-decks-page .sim-deck-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-deck-grid .primary{grid-column:1/-1}
.sim-decks-preferences{margin-top:32px;padding:20px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff03}.sim-decks-preferences summary{cursor:pointer;font-weight:650}.sim-decks-preferences>p{font-size:13px}
.sim-decks-footer{margin-top:28px}.sim-decks-page .barasim-wallet{max-width:100%;font-size:12px;background:transparent;border-color:#ffffff16}
.deckBuilderPage[data-barasim-context]{--accent:#b394ed;--accent-soft:#b394ed24;--panel:#21182f;--panel-soft:#191321;--muted:#bdb3cf;background:#0e0c18}
.deckBuilderPage[data-barasim-context] .barasim-context-nav{background:transparent;border-radius:0;color:#ede5ff;font:600 14px system-ui}
.deckBuilderPage[data-barasim-context] .barasim-context-nav a{color:inherit;text-decoration:none;padding:10px 4px}
.deckBuilderPage[data-barasim-context] .barasim-context-nav a:first-child{font-size:24px;color:#c6a5ff;margin-right:auto}
@media(max-width:600px){.sim-decks-heading{align-items:start;flex-direction:column;margin-top:24px}.sim-decks-heading>.primary{width:100%}.sim-decks-toolbar{align-items:stretch;flex-direction:column}.sim-decks-nav{gap:12px 16px}.sim-decks-nav .sim-brand{width:100%}.sim-deck-cover{height:200px}}

.sim-art-host{position:relative}.sim-art-host .sim-art-brush{position:absolute;z-index:6;top:5px;right:5px;width:32px;height:32px;min-height:0;padding:6px;display:grid;place-items:center;background:#281a40ed;color:#fff;border:1px solid #dbc6ff;border-radius:9px;cursor:pointer;box-shadow:0 2px 8px #0008}.sim-art-brush svg{width:20px;height:20px;pointer-events:none}
.sim-art-dialog{box-sizing:border-box;width:min(960px,94vw);max-height:88dvh;overflow:auto;border:1px solid #b394ed80;border-radius:20px;background:#191322;color:#f4edff;padding:24px;font:15px/1.5 system-ui;box-shadow:0 24px 90px #000a}.sim-art-dialog::backdrop{background:#08050fbd;backdrop-filter:blur(5px)}
.sim-art-dialog h2{font-size:22px;margin:0 70px 14px 0}.sim-art-close{position:absolute;right:16px;top:18px}.sim-art-dialog button{font:inherit;color:inherit;background:#2a203a;border:1px solid #ffffff30;border-radius:10px;padding:8px;cursor:pointer}.sim-art-dialog button:focus-visible,.sim-art-brush:focus-visible{outline:3px solid #e5ca78;outline-offset:3px}
.sim-art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.sim-art-grid .sim-art-option{display:flex;flex-direction:column;gap:8px;text-align:left;position:relative;min-width:0;opacity:1}.sim-art-option[aria-pressed=true]{border:2px solid #d3afff;background:#3e285a}.sim-art-option.locked{cursor:not-allowed}.sim-art-option.locked img{filter:grayscale(1);opacity:1}.sim-art-option>span{font-size:12px;color:#bdb3cf}
.sim-cosmetic-picture{position:relative;width:100%;aspect-ratio:63/88;display:grid;place-items:center;background:#100d18;border-radius:9px;overflow:hidden}.sim-cosmetic-picture img{width:100%;height:100%;object-fit:contain}.sim-cosmetic-picture>span:not(.sim-art-lock){font-size:12px;text-align:center;color:#bdb3cf;padding:12px}.sim-art-lock{position:absolute;inset:0;display:grid;place-items:center;font-size:36px;filter:grayscale(1);text-shadow:0 2px 12px #000}
.barasim-appearance{display:flex;flex-wrap:wrap;gap:16px;align-items:start}.barasim-appearance>h2,.barasim-appearance>p{width:100%;margin:0}.barasim-appearance>fieldset{box-sizing:border-box;flex:1 1 240px;min-width:0;padding:16px;margin:0;max-width:560px}.barasim-appearance select{width:100%;background:#251b36;color:#f5efff;border:1px solid #b394ed55;border-radius:8px}.barasim-appearance .sim-cosmetic-picture.sleeve{height:190px;aspect-ratio:auto}.barasim-appearance .sim-cosmetic-picture.playmat{height:190px;aspect-ratio:auto}.barasim-appearance>a{align-self:center;color:#d4b8ff}.barasim-appearance>button{align-self:center}
@media(max-width:480px){.sim-art-dialog{padding:16px}.sim-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sim-art-dialog h2{font-size:18px}}

/* Compact, readable workspace inspired by the inspected shipyard. */
[data-barasim-context] .sim-search-help{display:block;font-size:12px;line-height:1.5;color:#b9c9d5;margin:8px 0 12px}
[data-barasim-context] .sim-builder-filters{border:1px solid #8da3b33b;border-radius:12px;margin:12px 0;background:#182a3540}
[data-barasim-context] .sim-builder-filters summary{cursor:pointer;padding:12px;font-size:13px;font-weight:650}
[data-barasim-context] .sim-builder-filters .filterBar{padding:12px}
[data-barasim-context] .sim-live-curve{padding:12px;margin:12px 0;border:1px solid #8da3b32b;border-radius:12px;background:#11222d55}
[data-barasim-context] .sim-live-curve>strong{font-size:12px;color:#dfc690}
[data-barasim-context] .sim-live-curve .chartWrap{height:95px;min-height:0;margin:8px 0 0;gap:4px}
[data-barasim-context] .sim-live-curve .chartBarTrack{height:60px;overflow:hidden;display:flex;align-items:flex-end}
[data-barasim-context] .sim-live-curve .chartBar{max-height:100%;background:linear-gradient(#e3c891,#937e54)}
[data-barasim-context] .sim-live-curve .chartValue,[data-barasim-context] .sim-live-curve .chartLabel{font-size:10px}
[data-barasim-context] .searchBar{position:sticky;top:0;z-index:8;background:#152330;padding:8px 0}
.sim-decks-toolbar select{min-height:46px;padding:10px;background:#1f2936;color:#eee;border:1px solid #8299aa55;border-radius:10px}
.sim-deck-grid.sim-library-list{grid-template-columns:1fr}
.sim-deck-grid.sim-library-list article{display:flex;align-items:stretch}
.sim-deck-grid.sim-library-list .sim-deck-cover{width:115px;height:auto;min-height:150px;flex:none}
.sim-deck-grid.sim-library-list .sim-deck-info{flex:1;min-width:0}
@media(prefers-reduced-motion:no-preference){.sim-deck-grid article{animation:sim-deck-in 180ms ease-out} [data-barasim-context] .cardTile{transition:box-shadow 140ms ease,transform 140ms ease}}
@keyframes sim-deck-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}

.sim-decks-toolbar{flex-wrap:wrap}.sim-decks-toolbar label:has(#deckSort){width:auto}

@media(min-width:1000px){
 [data-barasim-context] .builderFields{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1fr);gap:16px;width:100%}
 [data-barasim-context] .builderFields textarea{height:66px;min-height:66px}
}