.hero-browser{padding:0;border:0;border-radius:inherit;overflow:hidden;background:#1f1d19}
#hero-view[data-hero-surface=browser]{padding:0;border:1px solid #aa8b4d}
.browser-search-surface{padding:30px clamp(16px,3vw,42px);background:linear-gradient(#1f1d19d9,#1f1d19ed),url('assets/library/user-made/faction-backgrounds/customized/supreme-arbiter.webp') center/cover}
.browser-gallery{padding:24px clamp(16px,3vw,42px) 30px;border-top:1px solid #b6995866;background-color:#211d18;background-image:linear-gradient(#17151055,#17151055),url('assets/skin/hero-gallery-texture.webp');background-repeat:repeat;background-size:auto,1024px 1024px;background-position:0 0}
.hero-browser~[hidden]{display:none!important}
.hero-browser[hidden],.browser-back[hidden]{display:none!important}
.browser-search-surface>h2{text-align:center;font:700 clamp(24px,3vw,34px) 'Cinzel',serif;margin:0 0 20px;color:#eee2c7}
.browser-search{max-width:580px;margin:0 auto 24px}.hero-browser input[type=search]{box-sizing:border-box;width:100%;background:#12181b;border:1px solid #806b43;border-radius:8px;color:#eee4d2;padding:12px 16px;font:600 15px/1.5 'Libre Baskerville',serif}.browser-search input[type=search]{font-size:17px}
.browser-icon-group{border:0;padding:0;margin:12px 0;min-width:0}.browser-icon-group legend{text-align:center;width:100%;font:700 12px 'Cinzel',serif;color:#bcab89;margin-bottom:8px}
.browser-icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.browser-icon{display:flex;align-items:center;justify-content:center;gap:7px;min-width:48px;min-height:48px;padding:7px;border:1px solid #8b774133;border-radius:8px;background:#171510;box-shadow:inset 0 2px 5px #0006;color:#d8ccb5;cursor:pointer;font:600 12px 'Libre Baskerville',serif}.filter-symbol{width:38px;height:38px;object-fit:contain}.browser-icon[aria-pressed=true]{border-color:#d9bb62;background:#423824;box-shadow:inset 0 0 0 1px #d9bb62,0 0 10px #d9bb6220}.rarity-square{width:25px;height:25px;border:2px solid #fff4;border-radius:4px;background:var(--rarity)}.rarity-common{--rarity:#aaa99f}.rarity-uncommon{--rarity:#6fad75}.rarity-rare{--rarity:#64acd9}.rarity-epic{--rarity:#b982da}.rarity-legendary{--rarity:#e6ba56}
.browser-filter-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 18px}.browser-filter-panel{min-width:0;background:#171510cc;border:1px solid #8b774155;border-radius:9px;padding:18px;box-shadow:inset 0 3px 12px #0004}.browser-filter-panel h3{font:700 17px 'Cinzel',serif;margin:0 0 12px;color:#d9bb62}.browser-match-all{display:flex;align-items:center;gap:8px;font-size:13px;color:#cdbf9f;margin:12px 0}.browser-match-all input{accent-color:#d9bb62}.browser-filter-list{height:235px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8b7741 #171510;display:flex;flex-direction:column;gap:7px;padding:3px}.browser-tag-list{display:grid;grid-template-columns:1fr 1fr;align-content:start}.browser-choice{padding:10px 12px;min-height:42px;border:1px solid #8b774144;border-radius:6px;background:#24211b;color:#e0d9c8;text-align:left;cursor:pointer;font:600 13px/1.5 'Libre Baskerville',serif}.browser-choice[aria-pressed=true]{background:#384430;border-color:#88b66b;color:#e5f2da}.browser-effect-tabs{display:flex;gap:8px;margin-bottom:12px}.browser-effect-tab{padding:8px 20px;background:#12181b;border:1px solid #6094af77;color:#91c9e4;border-radius:6px;font:700 15px 'Cinzel',serif;cursor:pointer}.browser-effect-tab.debuff{border-color:#b66e6977;color:#e5a09a}.browser-effect-tab[aria-pressed=true]{box-shadow:inset 0 -3px currentColor}.browser-filter-panel[data-kind=debuff] .browser-choice[aria-pressed=true]{background:#442b27;border-color:#c07b75}
.browser-active-filters{display:flex;flex-wrap:wrap;gap:7px}.browser-chip,.browser-clear,.browser-show-more,.browser-browse-all{padding:9px 13px;border:1px solid #a58a4f77;border-radius:6px;background:#29251c;color:#e5d29e;font:600 13px/1.5 'Libre Baskerville',serif;cursor:pointer}.browser-results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.browser-result-count{margin:0;color:#d8ccb5;font-size:14px}.browser-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.browser-hero-card{min-width:0;border:1px solid #8b774166;border-top:2px solid var(--rarity);border-radius:8px;overflow:hidden;background:#12181be8}.browser-card-main{border:0;background:none;color:#eee3cb;width:100%;padding:13px 8px 10px;cursor:pointer}.browser-portrait{display:block;width:112px;height:112px;object-fit:contain;margin:0 auto 10px}.browser-portrait-fallback{display:grid;place-items:center;height:112px;font-size:36px}.browser-card-main strong{display:block;font:700 14px/1.5 'Cinzel',serif;min-height:42px}.browser-card-strip{min-height:40px;border-top:1px solid #8b774144;display:flex;align-items:stretch;text-align:center;background:#171510}.browser-card-strip>span{margin:auto;padding:8px;font-size:11px;color:#b6a98f}.browser-source{flex:1;min-width:0;padding:9px 3px;border:0;border-right:1px solid #ffffff10;background:#25241f;color:#8a877d;font:700 10px/1.4 'Libre Baskerville',serif;cursor:pointer}.browser-source:disabled{cursor:default;opacity:1}.browser-source.matched{background:#274633;color:#bce9b2;box-shadow:inset 0 -2px #86be77}.browser-source.matched:not(:disabled):hover{background:#365f44}.browser-show-more,.browser-browse-all{display:block;margin:20px auto 0}.browser-show-more[hidden],.browser-browse-all[hidden]{display:none}.browser-back{margin:0 0 16px}.hero-browser button:focus-visible,.hero-browser input:focus-visible{outline:2px solid #d9bb62;outline-offset:3px}.browser-no-results{grid-column:1/-1;padding:24px;text-align:center;color:#ddd1b7}
@media(max-width:700px){.browser-filter-panels{grid-template-columns:1fr}.browser-filter-list{height:180px}.browser-icon{min-width:42px;min-height:42px}.filter-symbol{width:30px;height:30px}.browser-icon-row{gap:6px}.browser-card-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.browser-tag-list{grid-template-columns:1fr 1fr}.browser-choice{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-browser *{scroll-behavior:auto}}
.browser-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin:24px 0 0}.browser-pagination[hidden]{display:none}.browser-page{display:grid;place-items:center;min-width:38px;min-height:38px;padding:6px 10px;border:1px solid #9f854b66;border-radius:6px;background:#211e18;color:#cfbea0;font:700 14px/1 'Libre Baskerville',serif;cursor:pointer}.browser-page:hover:not(:disabled){border-color:#d9bb62;color:#f1dfaa;background:#342c1f}.browser-page[aria-current=page]{border-color:#d9bb62;color:#f5df9e;background:#443723;box-shadow:inset 0 -2px #d9bb62,0 0 8px #d9bb6218}.browser-page-arrow{font-size:19px}.browser-page:disabled{opacity:.35;cursor:default}.browser-gallery{scroll-margin-top:20px}
.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-card.content-maths{background:linear-gradient(130deg,#342c20,#25221c);border-color:#b69958}.content-maths .card-title::before{background-image:url('assets/skin/book.webp')}.nav-card.content-maths:hover{border-color:#e0c27c;background:linear-gradient(130deg,#443824,#30291f)}.nav-card.content-stage-guides{background:linear-gradient(130deg,#252d28,#202521);border-color:#8a9b72;opacity:1;cursor:default}.content-stage-guides .card-title::before{background-image:url('assets/skin/crosshair.webp')}.content-stage-guides .card-action{color:#b6c69f}.nav-card.content-stage-guides:disabled:hover{transform:none;background:linear-gradient(130deg,#252d28,#202521);border-color:#8a9b72}.workspace-maths>.back{margin-bottom:16px}
.item-workspace>h2{text-align:center;margin:6px 0 24px;font:700 clamp(24px,3vw,34px) 'Cinzel',serif;color:#eee2c7}.item-database-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 24px}.item-category-tab{min-width:110px;padding:12px 22px;border:1px solid #8c754b88;border-radius:7px;background:#12181b;color:#d8cdb5;font:700 15px 'Cinzel',serif;cursor:pointer}.item-category-tab[aria-selected=true]{background:#352c1c;border-color:#d9bb62;color:#f0d897;box-shadow:inset 0 -2px #d9bb62,0 0 12px #d9bb6218}.item-category-tab:focus-visible{outline:2px solid #d9bb62;outline-offset:3px}.item-database-space{min-height:360px}.workspace-dock [data-workspace=items]:hover,.workspace-dock [data-workspace=items][aria-selected=true]{border-color:#d8a453;background:#30261a;box-shadow:inset 0 0 24px #c9974720}
@media(max-width:700px){.content-grid{grid-template-columns:1fr}.item-category-tab{min-width:90px;padding:11px 16px}.item-database-space{min-height:260px}}
#content-panel.content-home>.toolbar{display:none}
#view.content-landing{padding:30px clamp(16px,3vw,42px);border:1px solid #aa8b4d;border-radius:10px;overflow:hidden;background:linear-gradient(#1f1d19b8,#1f1d19df),url('assets/library/user-made/faction-backgrounds/customized/star-piercers.webp') center/cover}
#view.content-landing>h2{text-align:center;font:700 clamp(24px,3vw,34px) 'Cinzel',serif;color:#eee2c7;margin:0 0 12px}
#view.content-landing>h2::before{content:none}
.content-landing-subtitle{text-align:center;font:700 15px/1.7 'Libre Baskerville',serif;color:#86c3df;margin:0}
#view.content-landing>.panel-divider{position:relative;isolation:isolate;width:min(680px,85%);max-width:none;background-size:210px auto;margin:24px auto 28px}
#view.content-landing>.panel-divider::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#bc985f 20%,#d9bb62 50%,#bc985f 80%,transparent);z-index:-1}
#view.content-landing>.content-grid{gap:20px;margin:0}
@media(max-width:700px){#view.content-landing{padding:24px 16px}#view.content-landing>.content-grid{gap:16px}}
.workspace-main>.game-tools{padding:30px clamp(16px,3vw,42px);border:1px solid #aa8b4d;background-image:linear-gradient(#1f1d19b8,#1f1d19df),url('assets/skin/game-tools-background.webp')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
/* Finished card artwork supplies its own frame and nameplate. */
.browser-hero-card{border:0;border-radius:0;overflow:visible;background:transparent;display:flex;flex-direction:column}
.browser-card-main{position:relative;display:block;aspect-ratio:5/7;width:100%;padding:0;isolation:isolate;border-radius:5px;transition:filter .15s ease}
.browser-card-main:hover{filter:brightness(1.09)}
.browser-portrait{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;margin:0;filter:drop-shadow(0 3px 3px #0008)}
.browser-card-main .browser-card-name{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.browser-card-strip{display:flex;gap:2px;min-height:32px;margin:3px 0 0;border:0;background:transparent;align-items:center}
.browser-card-strip>span{display:grid;place-items:center;box-sizing:border-box;width:100%;min-height:30px;padding:5px 12px;margin:0;background:url('assets/skin/hero-source-muted.webp') center/100% 100% no-repeat;color:#c6beaf;font:600 10px/1.3 'Libre Baskerville',serif}
.browser-source{position:relative;display:grid;place-items:center;flex:1;min-width:0;min-height:30px;padding:4px 2px;border:0;background:url('assets/skin/hero-source-muted.webp') center/100% 100% no-repeat;color:#a9a49b;font:700 clamp(7px,.62vw,10px)/1.25 'Cinzel',serif;box-shadow:none;text-shadow:0 1px 2px #000}
.browser-source.matched{background:url('assets/skin/hero-source-ember.webp') center/100% 100% no-repeat;color:#fff0ce;box-shadow:none;text-shadow:0 0 5px #f97c26,0 1px 2px #000}
.browser-source.matched:not(:disabled):hover{background:url('assets/skin/hero-source-ember.webp') center/100% 100% no-repeat;filter:brightness(1.25)}
.browser-source.matched:disabled{opacity:1}
.browser-source:focus-visible{outline:2px solid #ffc085;outline-offset:2px}
@media(max-width:700px){.browser-source{font-size:8px}.browser-card-strip>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.browser-card-main{transition:none}}
/* Temporary clone-only layout proposal. Real hero cards retain their layout. */
.browser-debug-card .browser-card-strip{flex-direction:column;gap:4px;align-items:stretch}
.browser-debug-card .browser-source{flex:none;width:100%;box-sizing:border-box;min-height:28px;padding:6px 16px;font-size:11px;white-space:nowrap}
.browser-debug-label{display:block;text-align:center;font:9px/1.5 'Libre Baskerville',serif;color:#c3b99f;margin:3px 0}
.game-tools>h2{text-align:center;font:700 clamp(24px,3vw,34px) 'Cinzel',serif;color:#eee2c7;margin:0 0 12px}
.game-tools-subtitle{text-align:center;font:700 15px/1.7 'Libre Baskerville',serif;color:#86c3df;margin:0}
.game-tools>.panel-divider{position:relative;isolation:isolate;width:min(680px,85%);max-width:none;background-size:210px auto;margin:24px auto 28px}
.game-tools>.panel-divider::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#bc985f 20%,#d9bb62 50%,#bc985f 80%,transparent);z-index:-1}
.game-tools>.tool-choice-grid{margin:0;gap:20px}
@media(max-width:700px){.workspace-main>.game-tools{padding:24px 16px}.game-tools>.tool-choice-grid{grid-template-columns:1fr;gap:16px}}