.ow-play-shell{--ow-logical-w:240;--ow-logical-h:176;--ow-aspect:calc(var(--ow-logical-w) / var(--ow-logical-h));--ow-pad:clamp(12px,3vw,20px);--ow-control-size:clamp(52px,14vw,72px);--ow-action-size:clamp(60px,16vw,80px);display:flex;flex-direction:column;gap:var(--bh-space-3);width:100%;max-width:960px;margin:0 auto;padding-inline:max(var(--ow-pad),env(safe-area-inset-left,0px)) max(var(--ow-pad),env(safe-area-inset-right,0px));padding-bottom:max(var(--ow-pad),env(safe-area-inset-bottom,0px))}.ow-stage{width:100%;min-width:0}.ow-screen{position:relative;width:100%;max-height:min(52dvh,520px);aspect-ratio:var(--ow-aspect);margin-inline:auto;border:3px solid var(--bh-ink);border-radius:var(--bh-radius-md);box-shadow:var(--bh-shadow-block);background:#000;overflow:hidden}.ow-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.ow-play-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;align-items:stretch;gap:var(--bh-space-2);padding-top:var(--bh-space-2);background:linear-gradient(to top,var(--bh-surface) 78%,transparent)}.ow-dialog,.ow-play-bar{display:flex;flex-direction:column}.ow-dialog{position:absolute;inset:auto 4px 4px 4px;gap:6px;padding:clamp(10px,2.5vw,14px);background:rgba(20,22,18,.94);border:2px solid var(--bh-accent,var(--bh-moss));border-radius:var(--bh-radius-sm);font-family:var(--bh-font-mono);color:#eef6e4;max-height:min(72%,280px);overflow-y:auto;-webkit-overflow-scrolling:touch}.ow-dialog-title{display:block;font-size:clamp(.625rem,2.8vw,.6875rem);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--bh-accent,var(--bh-moss))}.ow-dialog-body{line-height:1.55;white-space:pre-wrap;min-height:1.6em}.ow-dialog-body,.ow-dialog-list{margin:0;font-size:clamp(.75rem,3.4vw,.8125rem)}.ow-dialog-list{padding-left:1.1em;line-height:1.5;display:flex;flex-direction:column;gap:4px}.ow-dialog-list--buttons{padding-left:0;list-style:none;flex-direction:row;flex-wrap:wrap;gap:6px}.ow-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.ow-dialog-close{align-self:flex-end;margin-top:2px;min-height:44px;padding:10px 14px;font-family:var(--bh-font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:#eef6e4;background:transparent;border:1px solid rgba(238,246,228,.4);border-radius:var(--bh-radius-sm);cursor:pointer}.ow-dialog-close:hover{border-color:#eef6e4}.ow-controls{display:flex;align-items:center;justify-content:space-between;width:100%;gap:clamp(16px,6vw,40px);padding-inline:clamp(4px,2vw,12px)}.ow-dpad{position:relative;display:grid;grid-template-columns:repeat(3,var(--ow-control-size));grid-template-rows:repeat(3,var(--ow-control-size));grid-gap:clamp(2px,1vw,4px);gap:clamp(2px,1vw,4px);flex:0 0 auto}.ow-dpad-btn{min-width:var(--ow-control-size);min-height:var(--ow-control-size);font-size:clamp(1rem,4vw,1.25rem);line-height:1;color:var(--bh-text);background:var(--bh-surface);border:2px solid var(--bh-ink);border-radius:var(--bh-radius-sm);box-shadow:var(--bh-shadow-block-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ow-dpad-btn:active{transform:translate(2px,2px);box-shadow:none}.ow-dpad-up{grid-column:2;grid-row:1}.ow-dpad-left{grid-column:1;grid-row:2}.ow-dpad-right{grid-column:3;grid-row:2}.ow-dpad-down{grid-column:2;grid-row:3}.ow-action-btn{flex:0 0 auto;min-width:var(--ow-action-size);min-height:var(--ow-action-size);width:var(--ow-action-size);height:var(--ow-action-size);border-radius:50%;font-family:var(--bh-font-mono);font-weight:700;font-size:clamp(1rem,4.5vw,1.25rem);color:var(--bh-on-accent);background:var(--bh-accent,var(--bh-moss));border:2px solid var(--bh-ink);box-shadow:var(--bh-shadow-block-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ow-action-btn:active{transform:translate(2px,2px);box-shadow:none}.ow-hint{margin:0;font-size:clamp(.75rem,3.2vw,.8125rem);text-align:center;line-height:1.45;padding-inline:4px}@media (min-width:720px){.ow-play-shell{flex-direction:row;align-items:flex-end;gap:var(--bh-space-5)}.ow-stage{flex:1 1 auto;min-width:0}.ow-screen{max-height:min(60dvh,640px)}.ow-play-bar{flex:0 0 min(220px,32%);position:static;padding-top:0;background:none}.ow-hint{text-align:left}}@media (min-width:960px){.ow-screen{max-height:680px}}@media (prefers-reduced-motion:reduce){.ow-action-btn:active,.ow-dpad-btn:active{transform:none}}