/* Shared presentation from the BaraSIM home. No gameplay or ownership rules. */
body[data-sim-design],body[data-barasim-context]{--sim-ink:#eee8fa;--sim-muted:#bcb0cf;--sim-gold:#efcf87;--sim-line:#b998ef33;--sim-panel:linear-gradient(140deg,#302047bb,#191225ee);font-family:'Segoe UI',system-ui,sans-serif;color:var(--sim-ink);color-scheme:dark}
body[data-sim-design] [hidden]{display:none!important}
body[data-sim-design]>.topbar{position:relative;z-index:5;min-height:62px;background:#100d1fbb;border-bottom:1px solid #b998ef25;backdrop-filter:blur(14px)}
body[data-sim-design]>.topbar .brandLogo{width:120px;height:45px;object-fit:contain}body[data-sim-design]>.topbar .brand small{display:none}
/* History does not load app.css: keep the same navigation functional without importing global app rules. */
body[data-sim-design=history] .topbar .bar{display:flex;align-items:center;gap:28px;padding:8px 24px;min-height:62px}
body[data-sim-design=history] .hubNavFlow{display:flex;gap:24px;align-items:center;flex-wrap:wrap}body[data-sim-design=history] .navInlineGroup{position:relative}body[data-sim-design=history] .navInlineMenu{display:none;position:absolute;top:100%;left:0;min-width:190px;padding:10px;background:#21172e;border:1px solid var(--sim-line);border-radius:12px}body[data-sim-design=history] .navInlineGroup:focus-within .navInlineMenu,body[data-sim-design=history] .navInlineGroup:hover .navInlineMenu{display:grid}body[data-sim-design=history] .navInlineButton{background:transparent;border:0;padding:8px 0;color:var(--sim-ink)}body[data-sim-design=history] .navInlineLink,body[data-sim-design=history] .navInlineButton{font-weight:650;font-size:13px}body[data-sim-design=history] .navInlineMenuLink{padding:9px;font-size:12px}
body[data-sim-design]>.sim-atmosphere{z-index:-1}
body[data-sim-design]:not([data-sim-design=setup]):not([data-sim-design=adventure])>main{width:100%;max-width:1320px;margin:0 auto;padding:22px 30px 36px;box-sizing:border-box}
.sim-section-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;border:0;min-height:44px}
.sim-section-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--sim-line);border-radius:12px;background:linear-gradient(130deg,#291d3eaa,#191421dd);font-size:12px;color:#c8b8d9;text-decoration:none}
.sim-section-nav a[aria-current]{border-color:#dbb56c55;background:linear-gradient(135deg,#302139,#191421);color:var(--sim-gold)}
body[data-sim-design] :is(.sim-decks-heading,.shop-heading,.pvp-heading){margin:0 0 24px;padding:8px 10px 22px;border-bottom:1px solid #ccb2ec17;gap:18px}
body[data-sim-design] :is(.sim-decks-heading,.shop-heading,.pvp-heading) h1,body[data-sim-design=history] main>h1,body[data-sim-design=missions] main>h1{font-size:54px;font-weight:850;line-height:1.1;letter-spacing:-2px;margin:8px 0 12px}
body[data-sim-design] :is(.sim-decks-heading,.shop-heading,.pvp-heading) p{color:var(--sim-muted);font-size:13px;line-height:1.6}
body[data-sim-design] :is(.shop-eyebrow,.sim-eyebrow){font-size:10px!important;letter-spacing:2.5px!important;color:#e5bd66!important}
body[data-sim-design] :is(.sim-decks-toolbar,.history-filters,.pvp-panel,.sim-decks-preferences){border:1px solid var(--sim-line);border-radius:18px;background:linear-gradient(130deg,#291d3eaa,#191421dd);box-shadow:inset 0 1px #ffffff07}
body[data-sim-design=decks] .sim-decks-toolbar{padding:16px;align-items:end}.sim-decks-heading{flex-wrap:wrap}.sim-decks-heading>div:first-child{flex:1;min-width:220px}.sim-decks-heading [data-barasim-wallet-slot]{flex:0 1 250px}
body[data-sim-design] .barasim-wallet{background:#21182c99;border-color:#d4b97040;border-radius:14px;font-size:12px;margin:0}
body[data-sim-design] :is(.sim-deck-button,.pvp-quiet,.quiet){border:1px solid #b998ef40;border-radius:12px;background:#21172a;color:#ddc3ff;min-height:44px}
body[data-sim-design] :is(.sim-deck-button.primary,#create,#filter){background:#b998ef22;border-color:#c7a5ed88;color:#eee8fa}
body[data-sim-design=decks] .sim-deck-grid article{background:var(--sim-panel);border-color:#b98aef44;border-radius:18px}
body[data-sim-design=pvp] .pvp-shell{height:auto;min-height:calc(100dvh - 62px);display:block}
body[data-sim-design=pvp] .pvp-columns{align-items:start;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr)}
body[data-sim-design=pvp] .pvp-list{min-height:250px;max-height:65dvh}.pvp-heading>div{min-width:0}
body[data-sim-design=pvp] .pvp-heading>div>a{display:none}
body[data-sim-design=pvp] .pvp-config{height:auto}body[data-sim-design=pvp] .pvp-rooms{flex:1}
body[data-sim-design=history] #historyRows{flex:0 0 auto;overflow:visible;min-height:80px}
body[data-sim-design=history]>main{display:block;overflow:auto}body[data-sim-design=history] .pagination{justify-content:center;margin:22px 0 12px}
body[data-sim-design=missions] main>p{max-width:760px;color:var(--sim-muted);font-size:13px;line-height:1.7}
body[data-sim-design=missions] main>section{padding:20px;margin-top:20px;background:linear-gradient(130deg,#291d3eaa,#191421dd);border:1px solid var(--sim-line);border-radius:18px}
body[data-sim-design=missions] main>section h2{font-size:20px;margin:0 0 12px}
:is(.missions-page,.missions-modal,.mission-result) .mission-card{background:linear-gradient(140deg,#302047aa,#191225dd);border-color:#b998ef33;border-radius:18px}.missions-modal{background:linear-gradient(140deg,#302047,#191225);border-color:#b98aef66}
body[data-sim-design=setup] #setup :is(input,select){background:#14101f!important;border:1px solid #b998ef55!important;color:#eee8fa!important;color-scheme:dark}
body[data-sim-design=setup] #setup input::placeholder{color:#aa9cb9}body[data-sim-design=setup] #setup{border-color:#b998ef40;background:var(--sim-panel)}body[data-sim-design=setup] #setup button{border-radius:12px}body[data-sim-design=setup] .top>a:last-child{min-height:44px;display:inline-flex;align-items:center}
/* The existing editor is shared with the website: all rules require BaraSIM context. */
body[data-barasim-context]{background:radial-gradient(ellipse at 5% 45%,#201646,transparent 56%),radial-gradient(ellipse at 100% 80%,#0d3444,transparent 55%),#0b0c17}
body[data-barasim-context] .barasim-context-nav{border:0;background:transparent;padding:0 0 18px;margin-bottom:12px;gap:8px}
body[data-barasim-context] .barasim-context-nav a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--sim-line);border-radius:12px;background:linear-gradient(130deg,#291d3eaa,#191421dd);padding:10px 16px;color:#ddc3ff;font-size:12px}
body[data-barasim-context] :is(.builder-panel,.builder-card){border-color:#b998ef33;background:linear-gradient(140deg,#302047aa,#191225dd)}
/* Search stays visible; supplementary filters are optional, including on small screens. */
body[data-sim-design=shop] .shop-search-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
body[data-sim-design=shop] .shop-search{grid-column:auto}
.shop-extra-filters>summary{cursor:pointer;display:flex;align-items:center;min-height:44px;font-size:12px;color:#ddc3ff;list-style:revert}
.shop-extra-filters>summary::before{content:'+';margin-right:10px;color:var(--sim-gold)}.shop-extra-filters[open]>summary::before{content:'\2212'}
.shop-extra-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end;padding-top:8px}
body[data-sim-design=packs] .catalog-pack-preview{padding:24px;grid-template-columns:150px 1fr;gap:26px;margin:20px 0}
body[data-sim-design=packs] .catalog-packet{min-height:210px;padding:18px 10px}body[data-sim-design=packs] .catalog-packet strong{font-size:18px}
body[data-sim-design=packs] .shop-shell>p:not([role]){font-size:12px;color:var(--sim-muted);line-height:1.6;max-width:950px}
body[data-sim-design=packs] .catalog-pack-preview h2{font-size:28px}
body[data-sim-design] :is(a,button,input,select,summary):focus-visible,body[data-barasim-context] :is(a,button,input,select,summary):focus-visible{outline:2px solid #efcf87;outline-offset:3px}
@media(max-width:900px){.shop-extra-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-sim-design] .sim-decks-heading [data-barasim-wallet-slot]{flex-basis:220px}}
@media(max-width:700px){body[data-sim-design]:not([data-sim-design=setup]):not([data-sim-design=adventure])>main{padding:16px 14px 28px}.sim-section-nav{gap:6px;margin-bottom:18px}.sim-section-nav a{padding:9px 12px;font-size:11px}body[data-sim-design] :is(.sim-decks-heading,.shop-heading,.pvp-heading){padding:4px 0 18px;gap:14px;align-items:stretch}body[data-sim-design] :is(.sim-decks-heading,.shop-heading,.pvp-heading) h1,body[data-sim-design=history] main>h1,body[data-sim-design=missions] main>h1{font-size:36px;letter-spacing:-1px}body[data-sim-design=decks] .sim-decks-heading [data-barasim-wallet-slot]{flex-basis:100%}body[data-sim-design=pvp] .pvp-columns{grid-template-columns:1fr}body[data-sim-design=pvp] .pvp-list{min-height:150px;max-height:45dvh}body[data-sim-design=pvp] .pvp-heading{flex-direction:column}.shop-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-sim-design=packs] .catalog-pack-preview{grid-template-columns:95px 1fr;padding:18px 14px;gap:16px}body[data-sim-design=packs] .catalog-packet{min-height:160px;padding:12px 6px}body[data-sim-design=packs] .catalog-packet strong{font-size:13px}body[data-sim-design=packs] .catalog-pack-preview h2{font-size:22px}body[data-sim-design=history] .topbar .bar{justify-content:center}body[data-sim-design=history] .hubNavFlow{display:none}body[data-sim-design=missions] main>section{padding:16px}}
@media(prefers-reduced-motion:reduce){body[data-sim-design] *,body[data-barasim-context] *{scroll-behavior:auto;animation:none!important;transition:none!important}}