/* Shared planner banner proportions, following Season VII. */
.arena-tool-banner,.arena-embedded .arena-tool-banner{position:relative;box-sizing:border-box;display:block!important;padding:28px 30px!important;min-height:158px!important;border-radius:0!important;margin-top:0!important;margin-bottom:22px!important;border-bottom-width:3px;overflow:hidden}
.arena-tool-banner .arena-banner-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:1500px;margin:auto;width:100%}
.arena-tool-banner h1,.arena-tool-banner .title{font-size:clamp(21px,2.5vw,29px)!important;font-weight:850!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:0!important;max-width:720px;text-shadow:0 2px 15px #180d2bcc}
.arena-tool-banner .sub{display:none!important}
.arena-tool-banner .top-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;gap:8px!important;margin:0!important;width:100%}
.arena-tool-banner .btn{border-radius:10px!important;padding:10px 14px!important;font-size:14px!important;font-weight:750!important;line-height:1.2;box-shadow:none}
.arena-tool-banner:before{width:540px!important;max-width:60%!important;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 40%)}
.classic-banner{margin-inline:-30px}.canyon-banner{margin-inline:-24px}
.arena-banner-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.arena-banner-heading .badge{font-size:11px;padding:5px 9px;margin:0}
.canyon-banner .btn.primary{background:#a59ae0!important;border-color:#b7abed!important;color:#29213e!important}
.arena-embedded #app.shell{padding-top:0!important}
@media(max-width:760px){.classic-banner{margin-inline:-12px}}
@media(max-width:700px){.canyon-banner{margin-inline:-12px}}
@media(max-width:600px){.arena-tool-banner,.arena-embedded .arena-tool-banner{padding:23px 18px!important;min-height:165px!important}.arena-tool-banner .arena-banner-inner{gap:18px}.arena-tool-banner h1,.arena-tool-banner .title{font-size:21px!important;max-width:85%}.arena-tool-banner .btn{font-size:11px!important;padding:9px 10px!important}.arena-tool-banner:before{width:100%!important;max-width:100%!important;opacity:.35!important}.arena-banner-heading{gap:9px}}
.classic-banner #copyBtn{order:1}.classic-banner #clearBtn{order:2}

/* Keep planner actions accessible during page scrolling, including embedded views. */
.arena-tool-banner,.arena-embedded .arena-tool-banner{position:sticky!important;top:var(--planner-sticky-top,0px);z-index:100;box-shadow:0 5px 16px #21172a20}
