body:has(.play-surface){overflow:hidden}:is(body:has(.play-surface)>.site-header,body:has(.play-surface)>.site-footer){display:none}.play-surface{isolation:isolate;background:#080e10;flex-direction:column;height:100dvh;display:flex}.play-bar{padding:0 max(18px,env(safe-area-inset-left));z-index:2;background:linear-gradient(#172022,#0a1113);border-bottom:1px solid #d6b17b42;flex:0 0 54px;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.play-bar h1{font:600 14px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--gold);margin:0}.play-bar h1 span{letter-spacing:.14em;color:var(--muted);margin-top:3px;font-size:10px;display:block}.play-return,.play-tools{flex-shrink:0;font-size:13px}.play-return{align-items:center;gap:9px;min-height:44px;display:flex}.play-tools{align-items:center;gap:16px;display:flex}.play-tools button{min-height:38px;color:var(--ivory);background:#1c292b;border:1px solid #d6b17b70;padding:6px 12px;font-size:12px}.play-tools button:hover{border-color:var(--gold);background:#304144}.play-tools button span{margin-left:8px}.play-help{border:0;padding:0}.play-help summary{min-height:44px;color:var(--ivory);align-items:center;list-style:none;display:flex}.play-help summary::-webkit-details-marker{display:none}.play-help summary:after{content:"⌄";color:var(--gold);margin-left:6px}.play-help[open] summary:after{content:"⌃"}.play-help>div{background:#101b1ef5;border:1px solid #d6b17b66;width:min(370px,100vw - 36px);padding:24px;font-size:14px;line-height:1.6;position:absolute;top:calc(100% + 8px);right:18px;box-shadow:0 16px 40px #000b}.play-help strong{color:var(--gold)}.play-help p{color:#c4cccb;margin:12px 0}.play-help a{color:var(--gold);text-underline-offset:5px;margin-top:6px;text-decoration:underline;display:inline-block}.play-surface>iframe{background:#080e10;border:0;flex:1;width:100%;min-height:0;display:block}.play-screen-notice{border:1px solid var(--gold);z-index:3;background:#172326;max-width:400px;margin:12px;padding:14px;font-size:14px;position:absolute;top:54px;right:16px}@media (max-width:700px){.play-bar{flex-basis:48px;gap:10px;padding:0 12px}.play-bar h1{letter-spacing:.05em;font-size:10px}.play-bar h1 span{font-size:9px}.play-return{font-size:20px}.play-return span{display:none}.play-tools{gap:12px;font-size:12px}.play-tools button{padding:6px 8px;font-size:11px}.play-tools button span{display:none}.play-help>div{right:12px}.play-screen-notice{top:48px}}@media (max-height:500px) and (orientation:landscape){.play-bar{flex-basis:40px}.play-bar h1 span{display:none}.play-tools button{min-height:32px}.play-help summary,.play-return{min-height:36px}}