/* Csillag Nobulay: a rose-gold, periwinkle and sea-glass celestial score. */
.nobulay-star-canvas {
    position: fixed;
    inset: 0;
    z-index: 10030;
    width: 100%;
    height: 100%;
    pointer-events: none;
    contain: strict;
}

.nobulay-note-rack[data-nobulay-theme="csillag"],
.nobulay-note-meter[data-nobulay-theme="csillag"],
.nobulay-tooltip[data-nobulay-theme="csillag"] {
    --nobulay-star-rose: #DDA89A;
    --nobulay-star-blue: #7785D1;
    --nobulay-star-pearl: #FEC3FA;
    --nobulay-star-pink: #FA9DF3;
    --nobulay-star-teal: #7FB0B7;
}

.v3-card-slot .nobulay-note-rack[data-nobulay-theme="csillag"] {
    border-radius: 12px 12px 16px 16px;
    background:
        radial-gradient(circle at 75% 21%, #FEC3FA32 0 1px, transparent 2px),
        radial-gradient(circle at 17% 72%, #7FB0B758 0 1px, transparent 2px),
        linear-gradient(160deg, #293451ee, #201f37f5 45%, #49394dee) padding-box,
        conic-gradient(from var(--badge-chase-angle), #7785D1, #FEC3FA 65deg, #DDA89A 145deg, #7FB0B7 230deg, #7785D1) border-box;
    box-shadow: 0 0 9px #7785D17a, 0 0 16px #FA9DF33d, inset 0 0 10px #FEC3FA29;
    animation: v3BadgeChase 7s linear infinite, nobulayStarRackBreath 3.8s ease-in-out infinite;
}

.v3-card-slot .nobulay-note-rack[data-nobulay-theme="csillag"]::before {
    content: "✦";
    top: -11px;
    left: 9px;
    font-size: 13px;
    color: #FEC3FA;
    text-shadow: 0 0 6px #FA9DF3, 0 0 12px #7785D1;
    animation: nobulayStarCrown 3.5s ease-in-out infinite;
}

.v3-card-slot .nobulay-note-rack[data-nobulay-theme="csillag"]::after {
    content: "✧  ⋆";
    right: -10px;
    bottom: -7px;
    font-size: 10px;
    color: #DDA89A;
    text-shadow: 0 0 5px #FEC3FA, 0 0 10px #7FB0B7;
    animation: nobulayStarCrown 4.2s ease-in-out infinite reverse;
}

.nobulay-note-rack[data-nobulay-theme="csillag"] .nobulay-note-icon[data-note-type="purple"] { --note-glow: 250,157,243; }
.nobulay-note-rack[data-nobulay-theme="csillag"] .nobulay-note-icon[data-note-type="blue"] { --note-glow: 119,133,209; }
.nobulay-note-rack[data-nobulay-theme="csillag"] .nobulay-note-icon[data-note-type="green"] { --note-glow: 127,176,183; }
.nobulay-note-rack[data-nobulay-theme="csillag"] .nobulay-note-icon[data-note-type="pink"] { --note-glow: 254,195,250; }
.nobulay-note-rack[data-nobulay-theme="csillag"] .nobulay-note-icon.is-active {
    filter: brightness(1.12) drop-shadow(0 0 3px rgba(var(--note-glow), .85)) drop-shadow(0 0 7px rgba(var(--note-glow), .6));
    animation: nobulayStarNoteFloat 3.2s ease-in-out infinite;
}
.nobulay-note-rack[data-nobulay-theme="csillag"].is-harmony-ready {
    box-shadow: 0 0 10px #7785D1b0, 0 0 16px #7FB0B77a, inset 0 0 12px #FEC3FA3d;
}
.nobulay-note-rack[data-nobulay-theme="csillag"].is-pink-finale-ready {
    box-shadow: 0 0 12px #FEC3FA9f, 0 0 19px #FA9DF38c, inset 0 0 13px #DDA89A4d;
}
.nobulay-note-rack[data-nobulay-theme="csillag"].is-pink-finale-ready .nobulay-note-icon.is-active {
    animation: nobulayStarFinale 1.45s ease-in-out infinite alternate;
}

.nobulay-note-meter[data-nobulay-theme="csillag"] .nobulay-note-meter-icon {
    filter: drop-shadow(0 0 4px #FEC3FA) drop-shadow(0 0 9px #7785D1b0);
}
.nobulay-note-meter[data-nobulay-theme="csillag"] .nobulay-note-meter-track {
    background:
        linear-gradient(100deg, #182238f5, #302339f5) padding-box,
        conic-gradient(from var(--badge-chase-angle), #7785D1, #FEC3FA 75deg, #DDA89A 160deg, #7FB0B7 260deg, #7785D1) border-box;
    box-shadow: 0 0 7px #7785D1a0, inset 0 0 8px #FEC3FA33;
    animation-duration: 6s;
}
.nobulay-note-meter[data-nobulay-theme="csillag"] .nobulay-note-meter-track::before {
    content: "✧  ♫  ⋆  ♪";
    color: #FEC3FAa8;
    text-shadow: 0 0 4px #7785D1, 0 0 7px #DDA89A8c;
}
.nobulay-note-meter[data-nobulay-theme="csillag"] .nobulay-note-meter-track::after {
    color: #FEC3FA;
    text-shadow: 0 0 6px #FA9DF3, 0 0 10px #7FB0B7;
}
.nobulay-note-meter[data-nobulay-theme="csillag"] .nobulay-note-meter-fill {
    background: linear-gradient(90deg, #7785D1, #7FB0B7 35%, #FA9DF3 72%, #FEC3FA);
    box-shadow: 0 0 10px #FA9DF3a0, inset 0 0 5px #FEC3FA;
}
.nobulay-note-meter[data-nobulay-theme="csillag"] .nobulay-note-meter-value {
    border-color: #DDA89Ad9;
    color: #FEC3FA;
    background: #21263a;
    box-shadow: 0 0 7px #7785D180;
}
.nobulay-note-meter[data-nobulay-theme="csillag"].is-near-finale {
    animation: nobulayStarFinale 1.8s ease-in-out infinite alternate;
}

.nobulay-tooltip[data-nobulay-theme="csillag"] {
    --nobulay-tip-accent: #FA9DF3;
    --nobulay-tip-soft: #FEC3FA;
    color: #f4e8f3;
    background: radial-gradient(ellipse at 85% 5%, #7785D122, transparent 55%), linear-gradient(155deg, #171b2ff8, #282039f5 60%, #1e3037f5);
    box-shadow: inset 0 0 28px #7785D120;
}
.nobulay-tooltip[data-nobulay-theme="csillag"].nobulay-tooltip--purple { --nobulay-tip-accent: #FA9DF3; --nobulay-tip-soft: #FEC3FA; }
.nobulay-tooltip[data-nobulay-theme="csillag"].nobulay-tooltip--blue { --nobulay-tip-accent: #7785D1; --nobulay-tip-soft: #d5dbff; }
.nobulay-tooltip[data-nobulay-theme="csillag"].nobulay-tooltip--green { --nobulay-tip-accent: #7FB0B7; --nobulay-tip-soft: #c8eeef; }
.nobulay-tooltip[data-nobulay-theme="csillag"].nobulay-tooltip--pink { --nobulay-tip-accent: #FEC3FA; --nobulay-tip-soft: #ffe8fc; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__ambient {
    background:
        radial-gradient(circle at 11% 16%, #FEC3FA85 0 1px, transparent 1.8px),
        radial-gradient(circle at 77% 40%, #7FB0B785 0 1px, transparent 1.8px),
        radial-gradient(circle at 38% 73%, #DDA89A85 0 1px, transparent 1.8px),
        radial-gradient(circle at 90% 85%, #FEC3FA70 0 1px, transparent 1.8px),
        repeating-linear-gradient(-13deg, transparent 0 31px, #7785D10b 32px, transparent 33px 40px);
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__ambient::before {
    border-color: #DDA89A40;
    background: repeating-conic-gradient(from 20deg, transparent 0 28deg, #7785D130 29deg 30deg, transparent 31deg 60deg);
    box-shadow: inset 0 0 30px #FEC3FA13, 0 0 24px #7785D118;
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__ambient::after {
    border-color: #FEC3FAa0;
    background: linear-gradient(135deg, #7785D1, #FEC3FA 50%, #7FB0B7);
    box-shadow: -22px -18px 0 -2px #FA9DF3, -50px -3px 0 -2px #DDA89A, -16px -72px 0 -2px #7FB0B7;
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__notes b {
    color: #FEC3FA85;
    text-shadow: 0 0 7px #7785D1;
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__notes b:nth-child(even)::after { content: " ✧"; color: #7FB0B7; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__header { border-color: #DDA89A38; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__icon-wrap {
    border-color: color-mix(in srgb, var(--nobulay-tip-accent) 60%, #DDA89A);
    border-radius: 20px 11px 20px 11px;
    background: conic-gradient(from 35deg, #7785D120, #FEC3FA2a, #7FB0B720, #7785D120);
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__vinyl {
    background: repeating-conic-gradient(transparent 0 27deg, #FEC3FA 28deg 30deg, transparent 31deg 57deg, #7FB0B7 58deg 60deg);
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__heading small,
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__finale small,
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__note-effect small,
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__rules b { color: #DDA89A; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__heading em { color: #c5bed9; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__status {
    color: #FEC3FA;
    border-color: #7785D19c;
    background: #302c4ca0;
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__meter>div {
    border-color: #7FB0B75c;
    background: #121a2ab8;
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__meter>div>i {
    background: linear-gradient(90deg, #7785D1, #7FB0B7 35%, #FA9DF3 74%, #FEC3FA);
    box-shadow: 0 0 10px #FA9DF375, inset 0 0 4px #FEC3FA;
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__meter>span>strong,
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__meter>div>b:nth-of-type(4) { color: #FEC3FA; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__meter>span>strong small { color: #DDA89A; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__finale,
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__note-effect {
    border-color: #DDA89A46;
    background: linear-gradient(105deg, #7785D121, #FA9DF319 55%, #7FB0B718);
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__finale-icon,
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__effect-mark {
    border-color: #FEC3FA62;
    background: #222740b0;
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__finale-icon img { filter: drop-shadow(0 0 8px #FA9DF3); }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__rules span,
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__harmony {
    border-color: #7FB0B72c;
    background: #1c243650;
}
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__rules b { text-shadow: 0 0 8px #7785D1; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__harmony i.is-collected { border-color: #DDA89A6b; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__harmony .is-purple img { filter: drop-shadow(0 0 5px #FA9DF3); }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__harmony .is-blue img { filter: drop-shadow(0 0 5px #7785D1); }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__harmony .is-green img { filter: drop-shadow(0 0 5px #7FB0B7); }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__harmony .is-pink img { filter: drop-shadow(0 0 5px #FEC3FA); }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__attack.is-ready { border-color: #7FB0B76b; }
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__attack.is-ready span strong,
.nobulay-tooltip[data-nobulay-theme="csillag"] .nobulay-tooltip__attack.is-ready>b { color: #FEC3FA; border-color: #DDA89A; }

@keyframes nobulayStarRackBreath {
    50% { box-shadow: 0 0 10px #7785D1a0, 0 0 17px #FA9DF34d, inset 0 0 12px #7FB0B749; }
}
@keyframes nobulayStarCrown {
    0%, 100% { opacity: .45; transform: translateY(1px) scale(.9); }
    50% { opacity: 1; transform: translateY(-2px) scale(1.07); }
}
@keyframes nobulayStarNoteFloat {
    0%, 100% { transform: translateY(0) rotate(-3deg); }
    50% { transform: translateY(-1.5px) rotate(3deg); }
}
@keyframes nobulayStarFinale {
    to { filter: brightness(1.22) drop-shadow(0 0 5px #FEC3FA); }
}
@media (prefers-reduced-motion: reduce) {
    .nobulay-note-rack[data-nobulay-theme="csillag"],
    .nobulay-note-meter[data-nobulay-theme="csillag"],
    [data-nobulay-theme="csillag"] *,
    [data-nobulay-theme="csillag"]::before,
    [data-nobulay-theme="csillag"]::after,
    [data-nobulay-theme="csillag"] *::before,
    [data-nobulay-theme="csillag"] *::after { animation: none !important; transition: none !important; }
}