.ducklife-focus-backdrop{position:fixed;inset:0;z-index:1000;background:#0d1020b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ducklife-focus-backdrop[hidden]{display:none}
.ducklife-focus-placeholder{min-width:0;pointer-events:none}
.ducklife-site .adventure-panel.ducklife-section-focused{position:fixed;inset:auto;margin:0;z-index:1001;box-sizing:border-box;transform:none;overflow:auto;box-shadow:0 16px 80px #0008;border:3px solid #111;padding:12px;background-color:var(--paper);max-width:none;min-height:0;overscroll-behavior:contain}
.ducklife-section-focused::backdrop{background:transparent}
.ducklife-site .ducklife-section-focused .demo-stage{aspect-ratio:16/9;transform:none;width:100%;height:auto;min-height:0}
.ducklife-site .ducklife-section-focused .demo-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ducklife-site .ducklife-section-focused .adventure-heading{left:0;max-width:420px}
.ducklife-site .ducklife-section-focused .adventure-section-title{padding-right:44px}
.ducklife-site .ducklife-section-focused.adventure-stores>.adventure-heading{width:calc(100% - 44px);max-width:600px}
.ducklife-focus-close{position:absolute;right:8px;top:8px;z-index:5;width:36px;height:36px;display:grid;place-items:center;border:2px solid #111;border-radius:50%;background:#fff02a;color:#111;font:30px/1 Arial,sans-serif;cursor:pointer;box-shadow:2px 2px 0 #111}
.ducklife-focus-close:hover{background:#fff;transform:rotate(8deg)}
.ducklife-focus-close:focus-visible{outline:3px solid #078eff;outline-offset:3px}
@media(max-width:720px){.ducklife-site .adventure-panel.ducklife-section-focused{padding:8px}.ducklife-focus-close{right:5px;top:5px;width:32px;height:32px}.ducklife-site .ducklife-section-focused .adventure-section-title{padding-right:36px}}
@media(prefers-reduced-motion:reduce){.ducklife-focus-close:hover{transform:none}}

/* Closed players use the same corner control as the focused player's close. */
.ducklife-site .adventure-demo{position:relative}
.ducklife-site .adventure-demo .adventure-section-title{padding-right:44px}
.ducklife-site .ducklife-section-focused .ducklife-focus-expand{display:none}
@media(max-width:720px){.ducklife-site .adventure-demo .adventure-section-title{padding-right:36px}}

/* Store focus scales the original panel uniformly; never reflow its layout. */
.ducklife-site .ducklife-section-focused.adventure-stores{overflow:visible}
.ducklife-site .ducklife-section-focused.adventure-stores>.adventure-heading{width:var(--store-heading-width);max-width:none;left:var(--store-heading-left)}