/* Igronik: Arha, deep blue and restrained red accents. */
.igr-cookie-notice {
    position: fixed; z-index: 1000; right: 28px;
    bottom: calc(28px + env(safe-area-inset-bottom, 0px));
    display: flex; align-items: center; gap: 24px;
    width: min(680px, calc(100vw - 56px)); padding: 20px 24px;
    box-sizing: border-box; border: 1px solid rgba(176,204,230,.35);
    border-left: 3px solid #ff0000; border-radius: 0;
    background: #062338; color: #dcf0ff;
    box-shadow: 0 16px 48px rgba(0,0,0,.32);
    font-family: Arha, Arial, sans-serif;
}
.igr-cookie-notice[hidden] { display: none !important; }
.igr-cookie-notice p {
    flex: 1 1 auto; min-width: 0; margin: 0;
    color: #dcf0ff; font: 400 16px/1.5 Arha, Arial, sans-serif;
    white-space: pre-line; overflow-wrap: anywhere;
}
.igr-cookie-notice button {
    display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center;
    gap: 16px; min-height: 46px; padding: 12px 20px; margin: 0;
    border: 1px solid rgba(220,240,255,.65); border-radius: 0;
    background: #022137; color: #fff; font: 500 15px/1.4 Arha, Arial, sans-serif;
    cursor: pointer; white-space: nowrap; transition: background-color .2s, color .2s;
}
.igr-cookie-notice button span { color: #ff0000; font: 20px/1 Arial, sans-serif; }
.igr-cookie-notice button:hover { background: #dcf0ff; color: #062338; }
.igr-cookie-notice button:focus-visible { outline: 2px solid #dcf0ff; outline-offset: 4px; }
@media (max-width: 600px) {
    .igr-cookie-notice {
        right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px));
        width: calc(100vw - 32px); flex-direction: column;
        align-items: stretch; gap: 14px; padding: 18px 20px;
    }
    .igr-cookie-notice button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .igr-cookie-notice button { transition: none; }
}