.bw-stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:stretch}
.bw-play{display:grid;gap:10px;min-width:0}

.bwf{position:relative;aspect-ratio:16/9;border-radius:4px;overflow:hidden;border:1px solid var(--line2);background:#0c0604;box-shadow:0 30px 80px -40px rgba(249,115,22,.6);isolation:isolate}
.bwf-preview,.bwf-game,.bwf-idle,.bwf-steps{position:absolute;inset:0}
.bwf-preview img,.bwf-preview video{width:100%;height:100%;object-fit:cover;display:block}
.bwf-preview::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 45%,rgba(10,6,3,.1),rgba(10,6,3,.75)),linear-gradient(0deg,rgba(10,6,3,.85),transparent 45%)}
.bwf-game{z-index:1;opacity:0;transition:opacity .5s}
.bwf-game iframe{width:100%;height:100%;border:0;display:block;background:#0c0604}
.bwf[data-state="playing"] .bwf-game{opacity:1}
.bwf[data-state="playing"] .bwf-preview{visibility:hidden}

.bwf-idle{z-index:2;display:grid;align-content:end;justify-items:center;gap:12px;padding:20px 20px 7%;text-align:center}.bwf-start{padding:16px 40px;font-size:17px}
.bwf-start svg{width:20px;height:20px}
.bwf-sub{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,246,236,.82);text-shadow:0 2px 10px rgba(0,0,0,.8)}
.bwf:not([data-state="idle"]) .bwf-idle{display:none}

.bwf-steps{z-index:3;display:none;place-items:center;padding:18px;background:rgba(10,6,3,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bwf[data-state="setup"] .bwf-steps,.bwf[data-state="building"] .bwf-steps{display:grid}
.bwf[data-state="building"] .bwf-steps{background:rgba(10,6,3,.82)}
.bws{width:min(440px,100%);max-height:100%;overflow:auto;display:grid;gap:12px;padding:24px;border-radius:6px;background:linear-gradient(180deg,#1a0e07,#0f0805);border:1px solid var(--line2);box-shadow:0 30px 70px -20px rgba(0,0,0,.8)}
.bws-kick{font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange2)}
.bws h3{font-family:var(--display);font-weight:400;font-size:34px;line-height:1}
.bws p{color:var(--muted);font-size:14.5px;line-height:1.5}
.bws p a{color:var(--orange2);text-decoration:underline;text-underline-offset:3px}
.bws-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.bws-row .btn{flex:1 1 auto;justify-content:center}
.bws-link{background:none;border:0;padding:4px 0;color:var(--dim);font:600 13px/1.2 var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:3px;justify-self:start}
.bws-link:hover{color:var(--text)}
.bws-input{width:100%;padding:13px 14px;border-radius:4px;border:1px solid var(--line2);background:rgba(0,0,0,.45);color:var(--text);font:600 16px/1.2 var(--body);outline:0}
.bws-input:focus{border-color:var(--orange)}
.bws-msg{min-height:18px;font-size:13px;color:var(--dim)}
.bws-msg.is-bad{color:#ff8a7a}
.bws-msg.is-good{color:var(--sol)}
.bws-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bws-mode{display:grid;gap:6px;justify-items:start;text-align:left;padding:16px;border-radius:4px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.bws-mode:hover{border-color:var(--line2);background:rgba(249,115,22,.08);transform:translateY(-2px)}
.bws-mode svg{width:26px;height:26px;color:var(--orange2)}
.bws-mode b{font-family:var(--display);font-weight:400;font-size:26px;line-height:1}
.bws-mode span{font-size:13px;color:var(--muted)}
.bws-mode i{font-style:normal;font-family:var(--cond);font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sol)}
.bws-build{text-align:center;justify-items:center}
.bws-bar{width:100%;height:8px;border-radius:99px;background:rgba(255,236,214,.08);overflow:hidden}
.bws-bar i{display:block;height:100%;width:4%;border-radius:inherit;background:linear-gradient(90deg,#ff9a3c,#ffc247);transition:width .4s}
.bws-tip{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--honey)}

.bwf-exit{position:absolute;z-index:4;left:calc(14px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));display:none;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(255,236,214,.18);background:rgba(10,6,3,.55);color:#fff;cursor:pointer;backdrop-filter:blur(6px);opacity:.6;transition:opacity .2s}
.bwf-exit:hover{opacity:1}
.bwf-exit svg{width:18px;height:18px}
.bwf-exit span{display:none}
.bwf:fullscreen,.bwf.is-full{aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;width:100%;height:100%}
.bwf:fullscreen .bwf-exit,.bwf.is-full .bwf-exit{display:grid}
.bwf:-webkit-full-screen{aspect-ratio:auto;width:100%;height:100%}
.bwf.is-full{position:fixed;inset:0;z-index:1000;height:100dvh}
html.bw-full,html.bw-full body{overflow:hidden}
html.bw-full .bw-top{position:relative;z-index:10000}
html.bw-full .fx,html.bw-full .crt,html.bw-full .cursor-light,html.bw-full .top,html.bw-full .drawer{display:none}
html.bw-full main{position:relative;z-index:10000}

.bwf-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.bwf-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--cond);font-weight:800;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.bwf-status i{width:8px;height:8px;border-radius:50%;background:var(--honey);box-shadow:0 0 10px var(--honey)}
.bwf-status.is-live i{background:var(--sol);box-shadow:0 0 10px var(--sol)}
.bwf-tools{display:flex;flex-wrap:wrap;gap:6px}
.bwf-tools>*{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:4px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-family:var(--cond);font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.bwf-tools>*:hover{border-color:var(--line2);color:var(--text);background:rgba(249,115,22,.08)}
.bwf-tools svg{width:16px;height:16px;color:var(--orange2)}

.bwc{display:flex;flex-direction:column;min-height:0;max-height:100%;border-radius:4px;border:1px solid var(--line);background:linear-gradient(180deg,#160c06,#0e0805);overflow:hidden}
.bw-stage .bwc{height:0;min-height:100%}
.bwc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.bwc-head b{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:400;font-size:24px;line-height:1}
.bwc-head b svg{width:18px;height:18px;color:var(--orange2)}
.bwc-on{display:inline-flex;align-items:center;gap:7px;font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bwc-on i{width:7px;height:7px;border-radius:50%;background:var(--sol);box-shadow:0 0 8px var(--sol)}
.bwc-list{flex:1;min-height:0;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(249,115,22,.35) transparent}
.bwc-list::-webkit-scrollbar{width:6px}
.bwc-list::-webkit-scrollbar-thumb{background:rgba(249,115,22,.35);border-radius:6px}
.bwc-empty{margin:auto;color:var(--dim);font-size:14px;text-align:center}
.bwc-msg{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.bwc-msg b{color:var(--orange2);font-weight:700;margin-right:6px}
.bwc-msg.is-me b{color:var(--honey)}
.bwc-msg time{margin-left:6px;font-size:11px;color:var(--dim)}
.bwc-msg span{color:var(--text)}
.bwc-foot{padding:12px 14px;border-top:1px solid var(--line);display:grid;gap:8px}
.bwc-foot .btn{width:100%;justify-content:center;padding:12px 16px}
.bwc-note{font-size:12.5px;color:var(--dim);line-height:1.4}
.bwc-note b{color:var(--muted)}
.bwc-form{display:flex;gap:6px}
.bwc-form input{flex:1;min-width:0;padding:11px 12px;border-radius:4px;border:1px solid var(--line);background:rgba(0,0,0,.4);color:var(--text);font:500 15px/1.2 var(--body);outline:0}
.bwc-form input:focus{border-color:var(--line2)}
.bwc-form button{flex:none;display:grid;place-items:center;width:44px;border-radius:4px;border:0;background:linear-gradient(180deg,#ff9a3c,#f97316 55%,#d9550b);color:#1d0a02;cursor:pointer}
.bwc-form button.is-text{width:auto;padding:0 14px;font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.bwc-form button svg{width:18px;height:18px}
.bwc-form button:disabled{opacity:.5;cursor:default}
.bwc-err{font-size:12.5px;color:#ff8a7a;min-height:0}
.bwc-err:empty{display:none}

.bw-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0}
.bw-steps li{counter-increment:s;position:relative;display:grid;gap:4px;padding:16px 16px 16px 62px;border-radius:4px;background:var(--panel);border:1px solid var(--line)}
.bw-steps li::before{content:counter(s);position:absolute;left:16px;top:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:4px;background:rgba(249,115,22,.12);border:1px solid var(--line2);font-family:var(--display);font-size:22px;color:var(--orange2)}
.bw-steps b{font-family:var(--cond);font-weight:800;font-size:16px;letter-spacing:.05em;text-transform:uppercase}
.bw-steps span{font-size:14px;color:var(--muted)}

.bw-get{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:22px;background:linear-gradient(100deg,rgba(249,115,22,.16),rgba(249,115,22,.03) 60%),#120a06;border-color:var(--line2)}
.bw-get-copy{display:grid;gap:12px}
.bw-get-copy p{color:var(--muted);font-size:16px}
.bw-get-copy p b{color:var(--text)}
.bw-get-copy .row-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.bw-get-art{position:relative;height:200px}
.bw-get-art img{position:absolute;width:150px;height:150px;object-fit:cover;border-radius:6px;border:1px solid var(--line2);box-shadow:0 20px 40px -18px rgba(0,0,0,.8)}
.bw-get-art img:nth-child(1){left:6%;top:28px;transform:rotate(-8deg)}
.bw-get-art img:nth-child(2){right:6%;top:28px;transform:rotate(7deg)}
.bw-get-art img:nth-child(3){left:50%;top:6px;transform:translateX(-50%);z-index:2;width:164px;height:164px}

.bw-wiki{display:grid;gap:8px}
.bw-wiki details{border-radius:4px;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.bw-wiki details[open]{border-color:var(--line2)}
.bw-wiki summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;font-family:var(--cond);font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase}
.bw-wiki summary::-webkit-details-marker{display:none}
.bw-wiki summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--orange2);border-bottom:2px solid var(--orange2);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.bw-wiki details[open] summary::after{transform:rotate(225deg) translateY(-2px)}
.bw-wiki details>div{display:grid;gap:10px;padding:0 16px 16px;color:var(--muted);font-size:15px;line-height:1.55}
.bw-wiki details>div b{color:var(--text)}
.bw-tiers{display:flex;flex-wrap:wrap;gap:6px}
.bw-tiers span{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:3px;border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);background:color-mix(in srgb,var(--rc) 10%,transparent);font-family:var(--cond);font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.bw-tiers i{width:8px;height:8px;border-radius:50%;background:var(--rc);box-shadow:0 0 8px var(--rc)}
.bw-people{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bw-people li{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:4px;background:rgba(0,0,0,.25);border:1px solid var(--line)}
.bw-people img{width:52px;height:52px;flex:none;border-radius:4px;object-fit:cover}
.bw-people div{display:grid;gap:3px}
.bw-people span{font-size:13.5px;line-height:1.45}
.bw-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bw-keys>div{display:grid;gap:7px;align-content:start;padding:14px;border-radius:4px;background:rgba(0,0,0,.25);border:1px solid var(--line)}
.bw-keys>div>b{font-family:var(--cond);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--orange2)}
.bw-keys span{font-size:14px}
.bw-keys kbd{display:inline-block;min-width:24px;padding:2px 6px;margin-right:3px;border-radius:4px;border:1px solid var(--line2);background:rgba(249,115,22,.08);font:700 12px/1.4 var(--mono,monospace);color:var(--text);text-align:center}
.bw-card-art{position:relative;aspect-ratio:16/9;overflow:hidden}
.bw-beta ul{display:grid;gap:8px;padding-left:18px;margin:0;color:var(--muted);font-size:15px}
#report .row-btns{display:flex;flex-wrap:wrap;gap:10px}

@media (max-width:1100px){
  .bw-stage{grid-template-columns:minmax(0,1fr)}
  .bw-stage .bwc{height:420px;min-height:0}
}
@media (max-width:760px){
  .bw-steps,.bw-people,.bw-keys{grid-template-columns:minmax(0,1fr)}
  .bw-get{grid-template-columns:minmax(0,1fr)}
  .bw-get-art{height:170px}
  .bw-get-art img{width:120px;height:120px}
  .bw-get-art img:nth-child(3){width:134px;height:134px}
}
@media (max-width:700px){
  .bw-top .sp-head{margin:8px 0 14px}
  .bwf{aspect-ratio:auto;height:min(78svh,620px);min-height:420px}
  .bwf[data-state="idle"]{aspect-ratio:4/3;height:auto;min-height:0}
  .bwf-idle{padding-bottom:14px;gap:8px}  .bwf-start{padding:12px 30px}
  .bwf-sub{font-size:11px}
  .bwf.is-full,.bwf:fullscreen{height:100dvh;min-height:0}
  .bws{padding:18px}
  .bws h3{font-size:28px}
  .bws-modes{grid-template-columns:minmax(0,1fr)}
  .bwf-tools>*{padding:8px 10px}
  .bwf-tools span{display:none}
  .bwf-tools #bwFull span{display:inline}
  .bw-stage .bwc{height:380px}
}
