.bw-game{--bw-line:#293f5233;--bw-ink:#293f52}.bw-workspace,.bw-view,.bw-canvas{position:absolute;inset:0}.bw-canvas canvas{touch-action:none}.bw-game .mini-header,.bw-game .mini-vitals{z-index:3}.bw-header .bw-save{text-shadow:0 2px 4px #1e433c;font-size:10px;font-weight:900;position:absolute;top:55px;left:0}.bw-save[data-save-state=saved]{color:#e0f1b8}.bw-vitals{top:110px}.bw-vitals small{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.bw-live{color:#293f52;z-index:2;background:#fff5e4eb;border-radius:16px;align-items:center;gap:10px;width:min(470px,42vw);padding:14px;display:flex;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.bw-live>div{flex:1;gap:6px;min-width:0;display:grid}.bw-live strong{font-size:12px}.bw-live small{min-height:30px;font-size:10px;line-height:1.5}.bw-live[data-valid=false] small{color:#b24935}.bw-rotate{border:1px solid var(--bw-line);color:#293f52;background:#fff6df;border-radius:50%;width:44px;min-width:44px;height:44px;font-size:25px!important}.bw-place{color:#fff5df;background:#293f52;border:0;border-radius:10px;min-height:48px;padding:12px 15px;font-size:11px!important;font-weight:900!important}.bw-scene-tools{white-space:nowrap;z-index:2;gap:10px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.bw-scene-tools .mini-pill{padding:10px 14px;font-size:10px}.bw-loading{text-align:center;place-content:center;height:100%;display:grid}.bw-drawer{color:#293f52}.bw-edit-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.bw-edit-bar>div{gap:6px;display:flex}.bw-edit-bar button{border:1px solid var(--bw-line);min-width:44px;color:inherit;background:0 0;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:900}.bw-edit-bar button[aria-pressed=true]{color:#fff5dc;background:#293f52}.bw-edit-bar>div:nth-child(2) button{font-size:22px}.bw-message{padding:16px 0;font-size:12px;line-height:1.6}.bw-drawer fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.bw-drawer legend{text-transform:uppercase;letter-spacing:.08em;width:100%;margin-bottom:14px;font-size:10px;font-weight:900}.bw-drawer legend span{float:right;text-transform:none;letter-spacing:0;font-size:9px}.bw-parts{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.bw-parts button{color:inherit;background:#eee6d5;border:2px solid #0000;border-radius:9px;flex-direction:column;justify-content:end;align-items:center;gap:5px;min-width:0;min-height:80px;padding:9px 5px;display:flex}.bw-parts button[aria-pressed=true]{background:#e2e7d8;border-color:#293f52}.bw-parts button strong{white-space:nowrap;font-size:11px}.bw-parts button small{letter-spacing:.08em;font-size:7px;font-weight:800}.bw-part-diagram{grid-template-columns:repeat(var(--studs),1fr);background:var(--piece-color);width:calc(var(--studs)*5px + 5px);border-radius:2px;gap:2px;min-height:10px;margin:auto 0 3px;padding:3px;display:grid;box-shadow:0 3px #293f5233}.bw-part-diagram i{background:#fff9;border-radius:50%;width:3px;height:3px}.bw-colors{grid-template-columns:repeat(8,minmax(44px,1fr));gap:8px;padding:4px;display:grid;overflow:auto}.bw-colors button{color:#fff;text-shadow:0 1px 3px #000a;border:2px solid #0000;border-radius:50%;width:44px;height:44px;font-size:19px;font-weight:900;box-shadow:inset 0 -3px #293f5233}.bw-colors button[aria-pressed=true]{outline-offset:2px;outline:2px solid #293f52}.bw-position{justify-content:space-between;align-items:center;gap:15px;display:flex}.bw-dpad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:2px;display:grid}.bw-dpad button{border:1px solid var(--bw-line);color:inherit;background:#eee6d3;border-radius:7px;font-size:20px}.bw-dpad>button:first-child{grid-area:1/2}.bw-dpad>button:nth-child(2){grid-area:2/1}.bw-dpad>span{color:#a8a78c;grid-area:2/2;place-content:center;display:grid}.bw-dpad>button:nth-child(4){grid-area:2/3}.bw-dpad>button:nth-child(5){grid-area:3/2}.bw-coordinates{gap:10px;display:flex}.bw-coordinates label{font-size:10px;font-weight:900;gap:7px!important;display:grid!important}.bw-coordinates input,.bw-layer input{text-align:center;border:1px solid var(--bw-line);width:56px;color:inherit;background:#fffdf5;border-radius:7px;padding:9px 5px;font-size:15px;font-weight:800}.bw-note{line-height:1.6;font-size:10px!important}.bw-name{gap:8px;margin-bottom:14px;display:grid}.bw-name>label{letter-spacing:.1em;font-weight:900;margin:0!important;font-size:9px!important}.bw-name input{border:1px solid var(--bw-line);color:inherit;background:#f8f0dd;border-radius:8px;width:100%;padding:12px;font-size:13px}.bw-files{gap:10px;display:flex}.bw-files>button{color:inherit;background:#f1bc45;border:1px solid #a97d23;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:12px 9px;font-size:11px;font-weight:900;display:flex}.bw-files input{display:none}.bw-bottom-tools{text-align:center;margin-top:16px}.bw-bottom-tools button{text-underline-offset:4px;color:inherit;background:0 0;border:0;font-size:11px;text-decoration:underline}.bw-lift-list{letter-spacing:.07em;font-weight:900;gap:8px!important;font-size:10px!important;display:grid!important}.bw-lift-list select{font:inherit;letter-spacing:0;width:100%;color:inherit;border:1px solid var(--bw-line);background:#f6e5c0;border-radius:8px;padding:12px 8px;font-size:12px}.bw-save-error{color:#293f52;z-index:5;background:#f4dfc1;border:1px solid #be8e51;border-radius:12px;width:min(550px,100% - 24px);max-height:50dvh;padding:16px;font-size:12px;line-height:1.6;position:absolute;top:160px;left:50%;overflow:auto;transform:translate(-50%)}.bw-save-error>div{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.bw-save-error button{min-height:44px;color:inherit;background:#fff7e5;border:1px solid #293f5255;border-radius:8px;padding:10px;font-size:11px}@media (max-width:600px){.bw-header h1{font-size:20px}.bw-header .bw-save{font-size:9px}.bw-vitals{top:100px}.bw-vitals strong{font-size:22px}.bw-vitals small{max-width:140px}.bw-live{width:calc(100% - 34px);padding:12px;top:170px;bottom:auto}.bw-live strong{font-size:11px}.bw-live small{min-height:26px;font-size:9px}.bw-place{padding:10px;font-size:10px!important}.bw-scene-tools{gap:7px;bottom:32px}.bw-scene-tools .mini-pill{padding:9px 12px;font-size:9px}.bw-parts{grid-template-columns:repeat(4,minmax(0,1fr))}.bw-colors{grid-template-columns:repeat(4,minmax(44px,1fr))}.bw-position{gap:8px}.bw-coordinates{gap:7px}.bw-coordinates input{width:49px}}@media (max-height:500px){.bw-vitals{top:92px}.bw-vitals strong{font-size:18px}.bw-vitals small{max-width:155px;font-size:8px}.bw-live{width:min(330px,44vw);padding:10px;top:66px;bottom:auto}.bw-live strong{font-size:10px}.bw-live small{min-height:24px;font-size:8px}.bw-place{display:none}.bw-scene-tools{bottom:22px}.bw-game .mini-hint{display:none}.bw-save-error{max-height:50dvh;top:140px}.bw-header .bw-save{font-size:8px;top:52px}}@media (max-width:600px) and (min-height:501px){.bw-scene-tools{top:260px;bottom:auto}.bw-scene-tools .mini-pill{font-size:10px}}@media (max-width:600px) and (min-height:501px) and (max-height:650px){.bw-live{padding:8px 10px;top:145px}.bw-live strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.bw-live small{min-height:20px;font-size:8px;line-height:1.4}.bw-scene-tools{top:225px}}
