.play-notice-viewport{inset:0;z-index:20;overflow:hidden;container:play-notices/inline-size}.play-notice,.play-notice-viewport{position:absolute;pointer-events:none}.play-notice{top:16px;right:16px;width:max-content;max-width:min(80%,calc(100% - 32px));box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 10px;border:0;border-radius:0;background:rgba(29,29,32,.72);color:#fff;font-family:var(--display,system-ui);text-align:start}.play-notice-viewport--controls .play-notice{top:calc(env(safe-area-inset-top, 0px) + 60px)}.play-notice--floating{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 16px);right:calc(env(safe-area-inset-right, 0px) + 16px);z-index:190;max-width:min(80vw,calc(100vw - 32px))}.play-notice__icon{display:grid;place-items:center;flex:none;min-width:24px;margin-right:0;grid-area:icon;align-self:var(--play-notice-align,center)}.play-notice__icon>svg{width:22px;height:22px}.play-notice__icon .pg-icon{width:28px;height:28px}.play-notice__icon .ach-ic{font-size:14px}.play-notice__achievement-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#f4d288,#fea53c);color:#fff}.play-notice__achievement-mark svg{width:18px;height:18px}.play-notice__copy{flex:0 1 auto;min-width:0;max-width:400px;overflow-wrap:anywhere;grid-area:copy}.play-notice .play-notice__title{font:600 13px/18px var(--display,system-ui);color:#fff}.play-notice .play-notice__body{margin-top:1px;font:400 12px/16px var(--display,system-ui);color:rgba(255,255,255,.6)}.play-notice__action{flex:none;max-width:120px;padding-left:var(--play-notice-action-padding,8px);margin-top:var(--play-notice-action-margin,0);grid-area:action;justify-self:start;pointer-events:auto}.play-notice__action :is(button,a){display:inline-flex;align-items:center;justify-content:var(--play-notice-action-justify,center);min-height:28px;position:relative;padding:0 3px;border:0;background:none;color:#8878fa;font:600 13px/18px var(--display,system-ui);text-align:var(--play-notice-action-align,center);text-decoration:none;cursor:pointer;overflow-wrap:anywhere}.play-notice__close{flex:none;display:grid;place-items:center;width:24px;min-height:28px;position:relative;padding:0;border:0;background:none;color:rgba(255,255,255,.4);cursor:pointer;pointer-events:auto;grid-area:close;align-self:var(--play-notice-align,center)}.play-notice :is(button,a):focus-visible{outline:2px solid #8878fa;outline-offset:2px;border-radius:4px}.play-notice__recording{width:8px;height:8px;border-radius:50%;background:#ff4b4d}.play-notice__action :is(button,a):after,.play-notice__close:after{content:"";position:absolute;inset:-8px 0}.play-notice__close:after{inset:-8px -8px -8px 0}.play-notice:has(.play-notice__action){display:var(--play-notice-display,flex);grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"copy close" "action close"}.play-notice:has(.play-notice__action):has(.play-notice__icon){grid-template-columns:auto minmax(0,1fr) 24px;grid-template-areas:"icon copy close" "icon action close"}@container play-notices (width < 600px){.play-notice{--play-notice-display:grid;--play-notice-align:start;--play-notice-action-padding:0px;--play-notice-action-margin:2px;--play-notice-action-justify:flex-start;--play-notice-action-align:start}}@media (max-width:599px){.play-notice--floating{--play-notice-display:grid;--play-notice-align:start;--play-notice-action-padding:0px;--play-notice-action-margin:2px;--play-notice-action-justify:flex-start;--play-notice-action-align:start}}