*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#ede7f5;color:#29232d;font-family:Arial,'PingFang SC',sans-serif;display:flex;flex-direction:column}.play-header{height:66px;flex-shrink:0;padding:0 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29232d22;gap:16px}.play-header a{color:inherit;text-decoration:none;font-size:12px}.play-title{font-weight:600;font-size:13px}.play-tools{display:flex;gap:10px;align-items:center}.play-tools button{background:transparent;border:1px solid #29232d33;border-radius:50px;padding:9px 12px;font-size:11px;cursor:pointer}.play-header button:focus-visible,.play-header a:focus-visible{outline:3px solid #7650b2;outline-offset:3px}.frame-wrap{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#e4cafa,#f3f0e8 72%)}iframe{width:100%;height:100%;border:0;display:block}.frame-error{position:absolute;background:#fff6ee;border-radius:12px;padding:25px;text-align:center;max-width:300px;font-size:13px;line-height:1.6;z-index:2}.frame-error[hidden]{display:none}.frame-error a{color:#7650b2}.play-footer{font-size:10px;padding:9px 20px;border-top:1px solid #29232d18;text-align:center;flex-shrink:0;background:#f3f0e8;color:#766779}.skip{position:absolute;top:-80px;left:15px;background:#29232d;color:white;padding:15px;z-index:20}.skip:focus{top:12px}@media(max-width:600px){.play-header{height:58px;padding:0 12px;gap:10px}.play-title{font-size:11px;max-width:150px}.play-header a{font-size:11px}.play-tools{gap:5px}.play-tools button{padding:8px 9px;font-size:10px}.play-footer{font-size:9px;padding:8px 12px}}@media(max-width:370px){.play-title{display:none}}