.ctp-route-view{direction:rtl;width:min(1180px,calc(100% - 24px));margin:18px auto 110px;color:#f8fafc;font-family:inherit}
.ctp-view-hero{position:relative;overflow:hidden;border:1px solid rgba(212,175,55,.34);border-radius:28px;padding:28px;background:linear-gradient(145deg,#111827,#050816);box-shadow:0 20px 55px rgba(0,0,0,.28)}
.ctp-view-hero:after{content:"♛";position:absolute;left:24px;top:4px;font-size:110px;opacity:.08}
.ctp-view-kicker{color:#f3d675;font-weight:800}.ctp-view-hero h1{margin:8px 0 4px;font-size:clamp(25px,4vw,42px)}.ctp-view-hero p{margin:0;color:#aeb8ca}
.ctp-view-body{margin-top:16px;border:1px solid rgba(148,163,184,.16);border-radius:26px;background:#070b18;padding:clamp(12px,2vw,24px);min-height:420px;overflow:hidden}
.ctp-view-body>*{max-width:100%!important}.ctp-view-body canvas,.ctp-view-body img,.ctp-view-body svg{max-width:100%!important;height:auto}
.ctp-view-empty,.ctp-view-loading{min-height:360px;display:grid;place-content:center;text-align:center;color:#aeb8ca}.ctp-view-empty strong{color:#f3d675;font-size:24px}
@media(max-width:700px){.ctp-route-view{width:calc(100% - 16px);margin-top:10px}.ctp-view-hero{border-radius:22px;padding:20px 18px}.ctp-view-body{border-radius:22px;padding:8px}.ctp-view-hero:after{font-size:80px}}