@font-face{font-family:BannerGame;src:url('fonts_local/HelveticaNeue-97-BlackCondensedOblique.otf') format('opentype');font-display:swap}
.banner-creator-panel{margin:22px 0}.bc-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 20px;border-bottom:1px solid var(--edge)}.bc-status{font:400 11px Oswald,sans-serif;color:var(--muted);margin-right:auto}.bc-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:0}.bc-controls{padding:20px;display:grid;align-content:start;gap:19px;border-right:1px solid var(--edge);background:#090d14}.bc-controls select{width:100%;margin-top:7px}.bc-controls input[type=range]{padding:0;accent-color:var(--gold);height:24px;border:0;background:none}.bc-controls input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--gold)}.bc-controls label.check{display:flex;align-items:center;gap:9px;letter-spacing:.5px;font:600 15px Rajdhani,sans-serif;color:#ccd0db}.bc-controls label span.number{float:right;color:var(--gold)}.bc-control-section{border-top:1px solid var(--edge);padding-top:16px;display:grid;gap:13px}.bc-stage{padding:20px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;background:radial-gradient(ellipse at center,#22232c,#090b10)}.bc-stage canvas{display:block;width:100%;max-width:852px;height:auto;aspect-ratio:852/650;touch-action:none;cursor:grab;border-radius:4px;box-shadow:0 8px 25px #0009}.bc-stage canvas:active{cursor:grabbing}.bc-stage .small{align-self:flex-start;line-height:1.5;margin:13px 0 0;font-size:13px}.bc-reference{padding:17px 20px;border-top:1px solid var(--edge)}.bc-reference summary{cursor:pointer;font:700 12px Oswald,sans-serif;letter-spacing:1px;color:var(--gold);padding:4px 0}.bc-reference p{font:600 14px Rajdhani,sans-serif;color:var(--muted);line-height:1.45}.bc-references{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px}.bc-reference-card{padding:0;border:1px solid #ffffff20;background:#0b0f17;color:var(--text);border-radius:5px;overflow:hidden;text-align:left;min-width:0}.bc-reference-card:hover{border-color:var(--gold)}.bc-reference-card .reference-image{aspect-ratio:852/650;width:100%;display:block;object-fit:cover;object-position:top left}.bc-reference-card span{display:block;font:700 13px Rajdhani,sans-serif;padding:9px 10px}.bc-preset-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 3px 0}.bc-preset-links a{font:600 13px Rajdhani,sans-serif;color:var(--gold)}.bc-logos{display:flex;gap:20px;align-items:center;justify-content:space-around;flex-wrap:wrap;padding:16px;background:#080c14;border:1px solid var(--edge);border-radius:5px}.bc-logos a{display:flex;flex-direction:column;align-items:center;color:var(--muted);font:600 12px Rajdhani,sans-serif;text-decoration:none}.bc-logos svg{width:170px;height:76px;max-width:100%;overflow:hidden;pointer-events:none}.bc-logos a:hover{color:var(--gold)}
body[data-mode=preview] .bc-controls{display:none}body[data-mode=preview] .bc-workspace{grid-template-columns:1fr}body[data-mode=preview] .bc-reference,body[data-mode=preview] .bc-stage .small{display:none}body[data-mode=preview] #bcCanvas{pointer-events:none}
.bc-controls input[type=number]{font-family:Oswald,sans-serif}
.bc-library-controls{display:grid;gap:10px}.bc-library-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 3px}.bc-library-buttons .plate{font-size:12px;padding:8px 10px}
.bc-asset-dialog{width:min(1000px,calc(100% - 24px));height:86dvh;overflow:hidden}.bc-asset-dialog[open]{display:flex;flex-direction:column}.bc-asset-tools{padding:16px 20px;border-bottom:1px solid var(--edge)}.bc-asset-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:0 3px 13px}.bc-asset-search{display:flex;align-items:center;gap:16px}.bc-asset-search input{flex:1;min-width:0;margin:0}.bc-asset-search .number{white-space:nowrap}.bc-asset-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 3px 0}.bc-asset-tools .small{margin:12px 0 0}.bc-asset-scroll{overflow-y:auto;flex:1;min-height:0;padding:18px;overscroll-behavior:contain}.bc-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.bc-png-choice{display:grid;place-items:center;width:100%;height:128px;min-width:0;padding:8px;overflow:hidden;border:1px solid #ffffff20;border-radius:5px;cursor:pointer;background:repeating-conic-gradient(#151b25 0% 25%,#10141d 0% 50%) 0 0/18px 18px}.bc-png-choice:hover,.bc-png-choice:focus-visible{border-color:var(--gold);box-shadow:0 0 12px #ffd84a18}.bc-png-choice:disabled{opacity:.3;cursor:default}.bc-png-choice img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;pointer-events:none}
@media(max-width:950px){.bc-workspace{grid-template-columns:230px minmax(0,1fr)}.bc-controls{padding:16px}.bc-stage{padding:14px}.bc-toolbar{padding:13px 16px}.bc-toolbar .plate{font-size:12px;padding:8px 12px}}
@media(max-width:700px){.bc-workspace{grid-template-columns:1fr}.bc-stage{grid-row:1;padding:12px}.bc-controls{grid-template-columns:1fr 1fr;border-right:0;border-top:1px solid var(--edge);gap:17px}.bc-control-section{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px}.bc-control-section .bc-layer-select{grid-column:1/-1}.bc-toolbar{gap:9px}.bc-status{width:100%}.bc-references{grid-template-columns:1fr 1fr;gap:9px}.bc-reference{padding:14px}.bc-logos svg{width:130px;height:65px}.bc-logos{gap:12px}.bc-controls input,.bc-controls textarea{font-size:15px}.bc-controls label{min-width:0}.bc-controls .plate{font-size:11px;padding:8px 10px}}
@media(max-width:700px){.bc-library-controls{grid-column:1/-1}.bc-library-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.bc-library-buttons .plate{font-size:11px;padding:8px 6px}.bc-asset-tools{padding:13px}.bc-asset-tabs{gap:8px}.bc-asset-tabs .plate{padding:8px 11px;font-size:12px}.bc-asset-actions{gap:8px}.bc-asset-actions .plate{padding:8px 10px;font-size:11px}.bc-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bc-png-choice{height:120px;padding:6px}.bc-asset-scroll{padding:12px}.bc-asset-search{gap:10px}.bc-asset-search .number{font-size:10px}}
.bc-png-choice{position:relative;--png-pad:8px}.bc-png-choice img{position:absolute;inset:var(--png-pad);width:calc(100% - var(--png-pad) - var(--png-pad));height:calc(100% - var(--png-pad) - var(--png-pad))}.bc-asset-grid[data-category=text]{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.bc-png-choice{--png-pad:6px}.bc-asset-grid[data-category=text]{grid-template-columns:1fr}}
.bc-layer-panel{min-width:0}.bc-layer-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.bc-layer-heading .text-button{font-size:11px}.bc-layer-list{max-height:248px;overflow:auto;overscroll-behavior:contain;display:grid;gap:5px;padding:2px}.bc-layer-row{display:flex;min-width:0;border:1px solid #ffffff18;border-radius:4px;background:#0f1520}.bc-layer-row.is-selected{border-color:var(--gold);background:#ffd84a0c;box-shadow:0 0 8px #ffd84a15}.bc-layer-row.is-hidden{opacity:.45}.bc-layer-pick{display:flex;gap:8px;align-items:center;flex:1;min-width:0;border:0;background:none;color:var(--text);padding:5px;text-align:left;font:600 12px Rajdhani,sans-serif}.bc-layer-pick img{width:36px;height:39px;object-fit:contain;background:#080d15;flex:none}.bc-layer-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-layer-delete{border:0;background:none;color:#aeb5c5;font:600 22px Rajdhani,sans-serif;padding:0 9px}.bc-layer-delete:hover{color:#fff}.bc-general-options{border-top:1px solid var(--edge);padding-top:14px}.bc-general-options summary{color:var(--gold);cursor:pointer;font:500 12px Oswald,sans-serif;letter-spacing:1px}.bc-general-body{display:grid;gap:16px;margin-top:16px}.bc-controls .bc-control-section{grid-template-columns:1fr 1fr}.bc-controls .bc-control-section .bc-layer-select{grid-column:1/-1}.bc-controls .bc-control-section label{min-width:0}.bc-controls .bc-control-section .plate{font-size:11px;padding:8px 9px}.bc-editor-dialog{width:calc(100% - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none}.bc-editor-dialog[open]{display:flex;flex-direction:column}.bc-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--edge);flex:none}.bc-editor-heading h2{font:400 19px 'Black Han Sans',sans-serif;margin:0}.bc-editor-heading>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bc-editor-heading .plate{font-size:12px;padding:8px 13px}.bc-editor-body{flex:1;min-height:0}.bc-editor-dialog .bc-workspace{height:100%;grid-template-columns:minmax(0,1fr) 310px}.bc-editor-dialog .bc-stage{grid-column:1;grid-row:1;min-height:0;padding:14px}.bc-editor-dialog .bc-stage .small{display:none}.bc-editor-dialog .bc-controls{grid-column:2;grid-row:1;overflow:auto;overscroll-behavior:contain;min-height:0;border-right:0;border-left:1px solid var(--edge);grid-template-columns:1fr;padding:16px;gap:16px}.bc-editor-dialog .bc-layer-list{max-height:220px}.bc-editor-dialog .bc-control-section{grid-column:auto}.bc-library-buttons button:first-child{grid-column:1/-1}
@media(max-width:700px){.bc-layer-panel,.bc-general-options{grid-column:1/-1}.bc-library-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-editor-heading{padding:10px 12px;gap:8px;align-items:flex-start}.bc-editor-heading h2{font-size:15px;max-width:65px}.bc-editor-heading>div{gap:6px;justify-content:flex-end}.bc-editor-heading .plate{font-size:10px;padding:7px 9px}.bc-editor-dialog{width:calc(100% - 12px);height:calc(100dvh - 12px)}.bc-editor-dialog .bc-workspace{grid-template-columns:1fr;grid-template-rows:minmax(180px,42%) minmax(0,1fr)}.bc-editor-dialog .bc-stage{grid-column:1;grid-row:1;padding:14px}.bc-editor-dialog .bc-controls{grid-column:1;grid-row:2;border-left:0;border-top:1px solid var(--edge);grid-template-columns:1fr 1fr;gap:14px}.bc-editor-dialog .bc-control-section{grid-column:1/-1}.bc-editor-dialog .bc-layer-list{max-height:165px}}
.bc-layer-hint{margin:0 0 8px;color:var(--muted);font:500 12px Rajdhani,sans-serif}.bc-layer-grip{flex:none;align-self:stretch;width:23px;padding:0;border:0;background:#080d1566;color:#909bad;font:500 21px Rajdhani,sans-serif;cursor:grab;touch-action:none;user-select:none}.bc-layer-grip:active{cursor:grabbing}.bc-layer-grip:hover,.bc-layer-grip:focus-visible{color:var(--gold)}.bc-layer-order{display:grid;grid-template-columns:1fr 35px 35px 1fr;gap:8px;padding:12px 3px 0}.bc-layer-order .plate{font-size:11px;padding:7px 5px}.bc-layer-order .plate:disabled{opacity:.3}.bc-layer-row.drop-before{border-top:3px solid var(--gold)}.bc-layer-row.drop-after{border-bottom:3px solid var(--gold)}.bc-layer-row.is-dragging{opacity:.5}.bc-layer-heading .field-label{font-size:10px;letter-spacing:.5px}.bc-layer-heading .text-button{font-size:10px}.bc-library-buttons button:nth-child(2){grid-column:1/-1}
.bc-art-rarities{display:flex;gap:12px;align-items:center;margin:14px 3px 0}.bc-art-rarities .plate{padding:4px 14px;min-width:76px}.bc-art-rarities img{width:47px;height:32px;object-fit:contain;vertical-align:middle}.bc-layer-lock{flex:none;width:25px;background:none;border:0;color:#7b8599;padding:5px;cursor:pointer}.bc-layer-lock svg{width:12px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle}.bc-layer-lock[aria-pressed=true]{color:var(--gold)}.bc-layer-grip:disabled,.bc-layer-delete:disabled{opacity:.25;cursor:default}.bc-layer-row.is-locked .bc-layer-pick{color:#bac2d1}.banner-saves-dialog{width:min(940px,calc(100% - 24px))}.banner-saves-dialog .draft-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.saved-banner-card{min-width:0;overflow:hidden;background:#090e16;border:1px solid var(--edge);border-radius:5px}.saved-banner-preview{display:block;width:100%;height:auto;aspect-ratio:852/650;object-fit:contain}.saved-banner-no-preview{display:grid;place-items:center;aspect-ratio:852/650;color:var(--muted);font:500 16px Oswald,sans-serif;background:#141b29}.saved-banner-copy{padding:14px}.saved-banner-copy b{display:block;overflow-wrap:anywhere}.saved-banner-copy small{display:block;margin:5px 0 12px;font:400 11px Oswald,sans-serif;color:var(--gold)}.saved-banner-copy>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.saved-banner-copy .plate{font-size:12px;padding:8px 12px}.saved-banner-copy .icon-btn{margin-left:auto}
.bc-stage{justify-content:flex-start}
.bc-preset-gallery{display:none}body[data-banner-pool="1"] .bc-preset-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;max-width:910px;margin:auto}.bc-preset{padding:0;border:1px solid #ffffff25;border-radius:5px;overflow:hidden;background:#080b12;cursor:pointer}.bc-preset.active,.bc-preset:hover{border-color:var(--gold);box-shadow:0 0 12px #ffd84a35}.bc-preset img{display:block;width:100%;aspect-ratio:852/650;object-fit:contain}
body[data-banner-pool="1"] .info-panel,body[data-banner-pool="1"] .part-controls,body[data-banner-pool="1"] #celebrationBoard,body[data-banner-pool="1"] .bc-controls,body[data-banner-pool="1"] #bcOpenEditor,body[data-banner-pool="1"] #bcAnimate,body[data-banner-pool="1"] .bc-stage>p.small{display:none}body[data-banner-pool="1"] .bc-workspace{grid-template-columns:1fr}body[data-banner-pool="1"] #bcCanvas{cursor:default;touch-action:auto}
@media(max-width:700px){body[data-banner-pool="1"] .bc-preset-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}}
.bc-featured-host{width:100%;max-width:852px;flex:none;min-width:0}.bc-featured-host .featured-section{margin-top:12px}.bc-featured-host .text-button{white-space:nowrap}.bc-editor-dialog .bc-featured-host .small{display:block}.bc-editor-dialog .bc-featured-host .featured-section{margin-top:8px}.bc-editor-dialog .featured-summon .feat-box{max-height:36dvh;overflow-y:auto;overscroll-behavior:contain}.bc-editor-dialog .featured-summon .featured-heading{padding-top:4px}.bc-editor-dialog .featured-summon .feat-head{font-size:14px;margin:6px 0}
@media(max-width:700px){.bc-editor-dialog .bc-workspace{grid-template-rows:minmax(280px,58%) minmax(0,1fr)}.bc-editor-dialog .featured-summon .feat-box{max-height:22dvh}.bc-featured-host .text-button{font-size:12px}}
@media(max-width:550px){.banner-saves-dialog .draft-list{grid-template-columns:1fr;padding:12px}.bc-art-rarities{gap:10px}.bc-art-rarities .plate{min-width:66px;padding:4px 10px}.bc-art-rarities img{width:43px;height:29px}}

body[data-banner-pool="1"] .bc-reference{display:none}body[data-banner-pool="1"] .featured-lineup>.small{grid-column:1/-1;text-align:center}
/* ===== PAGE LAYOUT B "STUDIO" (owner's pick from banner_design_trial.html, 5 Nov 2026): the creator takes the left,
   Your Banner + Main / Side ride in a sticky right column. Only the Banner Creator page: Banner Speculation (?pool=1)
   hides those panels and keeps its one column. Creator rules are scoped to .banner-creator-panel because Open Editor
   MOVES .bc-workspace into its own dialog, which has its own layout. */
body[data-tool=banner]:not([data-banner-pool="1"]) .studio{max-width:1760px;display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:20px;align-items:start}
body[data-tool=banner]:not([data-banner-pool="1"]) .studio>*{grid-column:1/-1}
body[data-tool=banner]:not([data-banner-pool="1"]) .site-head{padding:0 max(22px,calc((100% - 1760px)/2))}
body[data-tool=banner]:not([data-banner-pool="1"]) .intro{margin-bottom:12px}
body[data-tool=banner]:not([data-banner-pool="1"]) .intro p,body[data-tool=banner]:not([data-banner-pool="1"]) .intro .eyebrow{display:none}
body[data-tool=banner]:not([data-banner-pool="1"]) .intro h1{margin:2px 0}
body[data-tool=banner]:not([data-banner-pool="1"]) .toolbar{margin-bottom:16px}
body[data-tool=banner]:not([data-banner-pool="1"]) .banner-creator-panel{grid-column:1;grid-row:4 / span 3;margin:0}
body[data-tool=banner]:not([data-banner-pool="1"]) .info-panel{grid-column:2;grid-row:4;position:sticky;top:12px}
body[data-tool=banner]:not([data-banner-pool="1"]) #celebrationBoard{grid-column:2;grid-row:5;position:sticky;top:12px;margin-top:16px}
body[data-tool=banner]:not([data-banner-pool="1"]) .info-fields{grid-template-columns:1fr}
body[data-tool=banner]:not([data-banner-pool="1"]) #celebrationBoard .banner-grid{grid-template-columns:1fr}
body[data-tool=banner]:not([data-banner-pool="1"]) #celebrationBoard .banner-body{display:block}
body[data-tool=banner]:not([data-banner-pool="1"]) #celebrationBoard .side-head{margin:16px 0 8px}
@media(min-width:1101px){body[data-tool=banner]:not([data-banner-pool="1"]) .banner-creator-panel .bc-stage{padding:22px 26px}}
body[data-tool=banner]:not([data-banner-pool="1"]) .banner-creator-panel .bc-stage canvas,
body[data-tool=banner]:not([data-banner-pool="1"]) .banner-creator-panel .bc-featured-host{max-width:1100px}
/* Preview hides Your Banner (editor-only): Main / Side moves up to the top of the right column */
body[data-tool=banner][data-mode=preview]:not([data-banner-pool="1"]) #celebrationBoard{grid-row:4;margin-top:0}
@media(max-width:1100px){
  body[data-tool=banner]:not([data-banner-pool="1"]) .studio{grid-template-columns:1fr}
  body[data-tool=banner]:not([data-banner-pool="1"]) .studio>*{grid-column:1 !important;grid-row:auto !important;position:static !important}
  body[data-tool=banner]:not([data-banner-pool="1"]) .banner-creator-panel{margin:22px 0}
}

.bc-preset-controls{display:none}
body[data-banner-pool="1"] .bc-preset-controls{display:flex;justify-content:center;padding:14px 18px}
body[data-banner-pool="1"] #bcPresetDialog .bc-preset-gallery{padding:0;max-width:none;margin:0}
.bc-preset-name{display:block;padding:7px 9px;color:#e8eaf0;font:500 12px/1.35 Oswald,sans-serif;overflow-wrap:anywhere}

/* Phone-only editor window: the Card Creator bar, open window and folded state. */
.bc-picture-panel{display:none}
@media(max-width:700px){
  body[data-tool=banner] .bc-picture-panel{position:fixed;left:8px;top:calc(100dvh - min(58dvh,620px) - 8px);width:calc(100vw - 16px);height:min(58dvh,620px);max-height:calc(100dvh - 88px);z-index:45;overflow:hidden;padding:0;display:flex;flex-direction:column;gap:0;background:rgba(9,11,16,.97);border:1px solid rgba(var(--acc-rgb,255,216,74),.5);border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.75)}
  body[data-tool=banner] .bc-picture-panel.is-folded{width:170px;height:40px;border-radius:10px}
  body[data-tool=banner] .bc-picture-grip{position:relative;z-index:4;flex:0 0 40px;height:40px;display:flex;align-items:center;gap:8px;padding:0 10px 0 14px;cursor:move;user-select:none;touch-action:none;background:linear-gradient(180deg,rgba(var(--acc-deep-rgb,244,165,0),.22),rgba(var(--acc-deep-rgb,244,165,0),.08)),#0b0d12;border-bottom:1px solid rgba(var(--acc-rgb,255,216,74),.4);font:700 .8rem Rajdhani,sans-serif;letter-spacing:2px;color:var(--acc,#FFD84A)}
  body[data-tool=banner] .bc-picture-grip:hover{background:linear-gradient(180deg,rgba(var(--acc-deep-rgb,244,165,0),.32),rgba(var(--acc-deep-rgb,244,165,0),.14)),#0b0d12}
  body[data-tool=banner] .bc-picture-grip .dots{letter-spacing:-1px;opacity:.8}
  body[data-tool=banner] .bc-picture-grip .sp{flex:1}
  body[data-tool=banner] .bc-picture-grip .chev{font-size:.8rem;transition:transform .2s}
  body[data-tool=banner] .bc-picture-panel.is-folded .chev{transform:rotate(180deg)}
  body[data-tool=banner] .bc-picture-panel .bc-picture-body{display:block;flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 10px 12px;background:transparent!important;border:0!important;border-radius:0}
  body[data-tool=banner] .bc-picture-panel.is-folded .bc-picture-body{display:none}
  body[data-tool=banner] .bc-picture-panel .bc-control-section{border:0;padding-top:14px;gap:14px}
  body[data-tool=banner] .bc-picture-panel .bc-control-section input[type=range]{width:100%}
  body[data-tool=banner].bc-picture-mobile-open .studio{padding-bottom:calc(min(58dvh,620px) + 24px)}
}
.bc-featured-fold{display:none}
@media(max-width:700px){body[data-tool=banner]:not([data-banner-pool="1"]) .bc-featured-fold{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:4px}body[data-tool=banner]:not([data-banner-pool="1"]) #bcFeatured.is-collapsed .feat-box{display:none}#bcFeatured .bc-featured-fold[aria-expanded=true] svg{transform:rotate(180deg)}}