diff --git a/assets/css/app.css b/assets/css/app.css index f62c8f4..a26e067 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -2494,3 +2494,50 @@ button.report-tag--filter:hover { .platform-footer__left a:focus-visible { text-decoration: underline; } + +/* Bottom-right “FOR SALE” ribbon (all consoles + hub). */ +.platform-for-sale-badge { + position: fixed; + right: 0; + bottom: calc(var(--footer-h, 40px) + 0.35rem); + z-index: 1100; + cursor: pointer; + text-decoration: none; + transform: rotate(-45deg); + transform-origin: 100% 100%; + line-height: 0; +} +.platform-for-sale-badge:focus-visible { + outline: 2px solid var(--accent, #5b8def); + outline-offset: 3px; +} +.platform-for-sale-badge__outer { + display: block; + background: #fff; + border: 2px solid #c00; + padding: 1px; +} +.platform-for-sale-badge__inner { + display: block; + background: #fff; + border: 2px solid #c00; + padding: 0.3rem 0.45rem; +} +.platform-for-sale-badge__letters { + display: flex; + flex-direction: column; + align-items: center; + gap: 0.05rem; +} +.platform-for-sale-badge__letter { + display: block; + font: 700 0.7rem/1.05 system-ui, -apple-system, Segoe UI, sans-serif; + color: #c00; + letter-spacing: 0.04em; + transform: rotate(45deg); +} +.platform-for-sale-badge__space { + display: block; + height: 0.35rem; + width: 1px; +}