/* V21 non-modal side flags: opening never changes page width, height or scroll position. */
body .realm-standards,body .realm-standards:has(>.realm-standard[hidden]){position:fixed;inset:0;display:block;width:auto;max-width:none;height:0;margin:0;z-index:42;pointer-events:none;isolation:isolate}
body .realm-standards:not(:has(>.realm-standard:not([hidden]))){display:none}
body:has(.standard-left.unfurled:not([hidden])),body:has(.standard-right.unfurled:not([hidden])){padding-left:0;padding-right:0}
body .realm-standards .realm-standard,body .realm-standards .realm-standard:not(.unfurled),body .realm-standards .realm-standard.unfurled{--flag-top:min(170px,25dvh);position:fixed;top:var(--flag-top);bottom:auto;left:auto;right:auto;width:30px;min-width:0;max-width:none;perspective:900px;pointer-events:auto;filter:drop-shadow(0 4px 10px #0008);transform:none}
body .realm-standards .standard-left,body .realm-standards .standard-left:not(.unfurled),body .realm-standards .standard-left.unfurled{left:5px;right:auto}
body .realm-standards .standard-right,body .realm-standards .standard-right:not(.unfurled),body .realm-standards .standard-right.unfurled{right:5px;left:auto}
body .realm-standards .standard-pole,body .realm-standards .realm-standard:not(.unfurled) .standard-pole{display:flex;justify-content:center;align-items:center;gap:10px;width:30px;height:156px;min-height:0;padding:12px 5px 20px;writing-mode:vertical-rl;font:700 11px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:.6px;border:1px solid #af925c;border-radius:4px;background:linear-gradient(100deg,#1b1a15,#715a32 46%,#1d211f);color:#ffe1a0;clip-path:polygon(0 0,100% 0,100% 100%,50% 95%,0 100%);transform-origin:top;animation:flag-tab-wave 5s ease-in-out infinite;box-shadow:0 0 12px #ad8b3c25;cursor:pointer}
body .realm-standards .standard-right .standard-pole{animation-delay:-2s;background:linear-gradient(100deg,#15212a,#334954 46%,#151d26)}
body .realm-standards .standard-pole>span:first-child{display:none}
body .realm-standards .standard-pole>b{flex:none;max-height:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .realm-standards .flag-hint{display:block;font:600 8px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:.8px;color:#ffefc8;white-space:nowrap}
body .realm-standards .standard-arrow{font-size:17px;transition:transform .2s}
body .realm-standards .realm-standard.unfurled{width:min(270px,calc(100vw - 40px))}
body .realm-standards .unfurled .standard-pole{writing-mode:horizontal-tb;height:42px;width:100%;padding:9px 12px;clip-path:none;animation:none;letter-spacing:.5px;gap:10px}
body .realm-standards .unfurled .standard-pole>b{flex:1;max-height:none;white-space:normal;overflow-wrap:anywhere;text-align:left}
body .realm-standards .unfurled .flag-hint{font-size:9px;letter-spacing:.4px}
body .realm-standards .standard-cloth{display:none;height:auto;max-height:calc(100dvh - var(--flag-top) - 190px);opacity:1;transform:none;transition:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto}
body .realm-standards .unfurled .standard-cloth{display:block;height:auto;padding-top:5px;transform:none}
body .realm-standards .cloth-inner,body .realm-standards .unfurled .cloth-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;height:auto;min-height:0;width:100%;padding:16px 14px 24px;border:1px solid #967947;border-bottom:3px solid #b4995a;border-radius:5px 5px 10px 10px;clip-path:none;isolation:isolate;background:linear-gradient(120deg,#2a1d14,#0c1519);animation:flag-fabric-breeze 6s ease-in-out infinite;transform-origin:top center;overflow:hidden}
body .realm-standards .standard-right .cloth-inner{background:linear-gradient(120deg,#182b35,#0d171c)}
body .realm-standards .cloth-inner:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(94deg,#ffffff03 0 2px,transparent 3px 9px),linear-gradient(100deg,transparent 10%,#e8c77718 40%,transparent 70%);background-size:auto,220% 100%;transform:none;animation:flag-cloth-light 7s ease-in-out infinite}
body .realm-standards .cloth-inner:after{display:none}
body .realm-standards .flag-art{width:100%;height:90px;flex:none;background-image:var(--promo-image,url('/art/ko-karus.png'));background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.7}
body .realm-standards .flag-copy{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0}
body .realm-standards .flag-copy>*{max-width:100%;min-width:0;flex-shrink:0;overflow-wrap:anywhere}
body .realm-standards .standard-kicker{font:600 9px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:1px;text-align:center}
body .realm-standards .promo-title{font:700 19px/1.4 'Segoe UI',Arial,sans-serif!important;white-space:normal!important;text-align:center}
body .realm-standards .cloth-inner p{font:12px/1.7 'Segoe UI',Arial,sans-serif;text-align:center;white-space:normal;margin:0}
body .realm-standards .cloth-inner .promo-infrastructure{white-space:pre-line;padding:10px 8px}
body .realm-standards .promo-code-box{padding:12px 8px;gap:9px;width:100%}
body .realm-standards .promo-code-box code{font:700 13px/1.6 Consolas,monospace;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
body .realm-standards .cloth-inner .btn{max-width:100%;height:auto;padding:10px 12px;font:700 10px/1.5 'Segoe UI',Arial,sans-serif;white-space:normal}
body .realm-standards .promo-bonus{padding:12px;gap:12px;margin:0}
body .realm-standards .promo-bonus h3{font:700 18px/1.4 'Segoe UI',Arial,sans-serif;margin:0}
body .realm-standards .forsgame-logo{max-width:100%;width:150px;height:auto;max-height:48px;object-fit:contain}
body .realm-standards .standard-pole:hover,body .realm-standards .standard-pole:focus-visible{animation-play-state:paused;filter:brightness(1.2)}
@keyframes flag-tab-wave{0%,100%{transform:rotateY(-6deg) skewY(.6deg)}50%{transform:rotateY(5deg) skewY(-.6deg)}}
@keyframes flag-fabric-breeze{0%,100%{transform:rotateY(-.8deg)}50%{transform:rotateY(.8deg)}}
@keyframes flag-cloth-light{0%,100%{background-position:0 0,0 0}50%{background-position:0 0,100% 0}}
@media(max-width:650px){body .realm-standards .realm-standard,body .realm-standards .realm-standard:not(.unfurled),body .realm-standards .realm-standard.unfurled{--flag-top:min(185px,30dvh)}body .realm-standards .realm-standard:not(.unfurled){width:25px}body .realm-standards .realm-standard:not(.unfurled) .standard-pole{width:25px;height:132px;padding:10px 4px 18px;gap:7px;font-size:10px}body .realm-standards .standard-left,body .realm-standards .standard-left:not(.unfurled),body .realm-standards .standard-left.unfurled{left:3px}body .realm-standards .standard-right,body .realm-standards .standard-right:not(.unfurled),body .realm-standards .standard-right.unfurled{right:3px}body .realm-standards .realm-standard.unfurled{width:min(230px,calc(100vw - 36px))}body .realm-standards .flag-art{height:68px}body .realm-standards .promo-title{font-size:18px!important}body .realm-standards .cloth-inner{padding:14px 12px 20px}body .realm-standards .standard-cloth{max-height:calc(100dvh - var(--flag-top) - 190px)}body .realm-standards:has(.standard-left.unfurled) .standard-right:not(.unfurled),body .realm-standards:has(.standard-right.unfurled) .standard-left:not(.unfurled){visibility:hidden}}
@media(prefers-reduced-motion:reduce){body .realm-standards .standard-pole,body .realm-standards .cloth-inner,body .realm-standards .cloth-inner:before{animation:none!important}}
body.motion-paused .realm-standards .standard-pole,body.tab-asleep .realm-standards .standard-pole,body.motion-paused .realm-standards .cloth-inner,body.tab-asleep .realm-standards .cloth-inner,body.motion-paused .realm-standards .cloth-inner:before,body.tab-asleep .realm-standards .cloth-inner:before{animation-play-state:paused!important}