/* ======================================
   YETI³ PREMIUM SIGNATURE
====================================== */

#premium-ui .brand-signature{

position:fixed;

right:48px;

bottom:42px;

z-index:20000;

display:block;

text-decoration:none;

opacity:.85;

transition:.5s ease;

}


#premium-ui .brand-logo-wrap{

text-align:center;

font-family:"Cinzel","Times New Roman",serif;

}


#premium-ui .brand-logo-text{

font-size:34px;

font-weight:700;

letter-spacing:8px;

background:
linear-gradient(
90deg,
#8b641f,
#ffe8a0,
#c99732,
#fff4bd,
#9b6a20
);

background-size:300%;

-webkit-background-clip:text;

background-clip:text;

color:transparent;

text-shadow:

0 0 8px rgba(255,220,120,.7),
0 0 30px rgba(210,160,50,.5);

animation:
yetiGold 6s linear infinite;

}


#premium-ui .brand-logo-sub{

margin-top:5px;

font-size:11px;

letter-spacing:7px;

color:#c8a35a;

opacity:.8;

}


#premium-ui .brand-signature:hover{

transform:
translateY(-6px)
scale(1.05);

opacity:1;

}


@keyframes yetiGold{

0%{
background-position:0%;
}

/* Permanent studio credit */
.yeti-credit {
    position: fixed;
    right: max(18px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    z-index: 25000;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 12px;
    padding: 10px 16px 9px;
    overflow: hidden;
    color: #f8df9c;
    text-decoration: none;
    border: 1px solid rgba(220, 176, 79, .44);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(23, 20, 16, .92), rgba(5, 7, 11, .88));
    box-shadow: 0 12px 40px rgba(0, 0, 0, .52), inset 0 1px rgba(255, 238, 183, .12), 0 0 22px rgba(201, 151, 48, .09);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.yeti-credit::before {
    content: "";
    position: absolute;
    inset: -80% -35%;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 37%, rgba(255, 231, 158, .23) 49%, transparent 61%);
    transform: translateX(-45%);
    animation: yetiCreditGlint 5.5s ease-in-out infinite;
}

.yeti-credit__eyebrow,
.yeti-credit__url {
    position: relative;
    grid-column: 1;
    color: rgba(235, 218, 177, .62);
    font: 600 8px/1.1 Arial, sans-serif;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.yeti-credit__url { color: #d8ae59; letter-spacing: .13em; }

.yeti-credit__brand {
    position: relative;
    grid-column: 2;
    grid-row: 1 / 3;
    font: italic 600 23px/1 Georgia, "Times New Roman", serif;
    letter-spacing: -.04em;
    background: linear-gradient(100deg, #9c7027, #ffe8a5 38%, #c99732 66%, #fff0b4);
    background-size: 220% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 8px rgba(226, 177, 69, .25));
    animation: yetiGold 6s linear infinite;
}

.yeti-credit__brand sup { font-size: .48em; vertical-align: top; margin-left: 1px; }

.yeti-credit:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 216, 125, .72);
    box-shadow: 0 16px 48px rgba(0, 0, 0, .6), inset 0 1px rgba(255, 240, 196, .18), 0 0 28px rgba(216, 163, 51, .18);
}

@keyframes yetiCreditGlint {
    0%, 68% { transform: translateX(-55%); opacity: 0; }
    76% { opacity: 1; }
    92%, 100% { transform: translateX(55%); opacity: 0; }
}

@media (max-width: 700px) {
    .yeti-credit { padding: 8px 11px 7px; column-gap: 8px; border-radius: 12px; }
    .yeti-credit__eyebrow { display: none; }
    .yeti-credit__url { grid-row: 1; font-size: 7px; }
    .yeti-credit__brand { grid-row: 1; font-size: 18px; }
}

/* Final signature: isolated from the legacy HUD/link cascade. */
html body .yeti-credit,
html body .yeti-credit:link,
html body .yeti-credit:visited {
    position: fixed !important;
    top: auto !important;
    right: max(26px, env(safe-area-inset-right)) !important;
    bottom: max(22px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    z-index: 25000 !important;
    display: flex !important;
    width: 190px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 8px 4px !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #d7aa45 !important;
    text-align: center !important;
    text-decoration: none !important;
    opacity: .88 !important;
    transform: none !important;
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .72)) !important;
    isolation: isolate;
}

html body .yeti-credit::before {
    content: "" !important;
    position: absolute !important;
    inset: -70% -120% !important;
    z-index: 2 !important;
    width: auto !important;
    height: auto !important;
    background: linear-gradient(105deg, transparent 43%, rgba(255, 249, 207, .9) 49%, transparent 55%) !important;
    transform: translateX(-48%) rotate(-4deg) !important;
    transform-origin: center !important;
    pointer-events: none !important;
    animation: yetiLogoGlint 4.8s ease-in-out infinite !important;
}

html body .yeti-credit::after {
    content: "";
    width: 76%;
    height: 1px;
    margin-top: 3px;
    background: linear-gradient(90deg, transparent, #9b6b1f 18%, #ffe8a0 50%, #9b6b1f 82%, transparent);
    box-shadow: 0 0 7px rgba(239, 191, 79, .45);
}

html body .yeti-credit__brand {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    font-family: "Snell Roundhand", "Apple Chancery", "URW Chancery L", "Brush Script MT", cursive !important;
    font-size: 43px !important;
    font-style: italic !important;
    font-weight: 500 !important;
    line-height: .86 !important;
    letter-spacing: -.08em !important;
    background: linear-gradient(100deg, #7d5318 0%, #e7bd58 24%, #fff1ae 47%, #bc8429 69%, #f7dc8b 100%) !important;
    background-size: 230% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 0 8px rgba(226, 172, 57, .26)) !important;
    animation: yetiLogoGold 5s linear infinite !important;
}

html body .yeti-credit__brand sup {
    position: relative;
    top: -.2em;
    margin-left: 2px;
    font: 400 .42em/1 Georgia, serif;
    letter-spacing: 0;
}

html body .yeti-credit__sub {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 5px;
    color: #d9ad4c !important;
    font: italic 500 10px/1 Georgia, serif !important;
    letter-spacing: .42em !important;
    text-indent: .42em;
    text-shadow: 0 0 8px rgba(221, 169, 53, .35);
}

html body .yeti-credit__url {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 5px;
    color: rgba(232, 202, 132, .62) !important;
    font: 600 7px/1 Arial, sans-serif !important;
    letter-spacing: .2em !important;
    text-transform: lowercase !important;
}

html body .yeti-credit:hover {
    opacity: 1 !important;
    transform: translateY(-3px) scale(1.025) !important;
    filter: drop-shadow(0 5px 14px rgba(0, 0, 0, .82)) drop-shadow(0 0 10px rgba(218, 164, 48, .2)) !important;
}

@keyframes yetiLogoGold {
    from { background-position: 0 50%; }
    to { background-position: 230% 50%; }
}

@keyframes yetiLogoGlint {
    0%, 60% { transform: translateX(-48%) rotate(-4deg); opacity: 0; }
    68% { opacity: 1; }
    86%, 100% { transform: translateX(48%) rotate(-4deg); opacity: 0; }
}

@media (max-width: 700px) {
    html body .yeti-credit { right: max(12px, env(safe-area-inset-right)) !important; bottom: max(10px, env(safe-area-inset-bottom)) !important; width: 135px !important; }
    html body .yeti-credit__brand { font-size: 31px !important; }
    html body .yeti-credit__sub { font-size: 7px !important; }
    html body .yeti-credit__url { font-size: 6px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .yeti-credit::before, .yeti-credit__brand { animation: none; }
}

/* Refined jewel-house signature */
.yeti-credit {
    grid-template-columns: auto auto;
    gap: 0 11px;
    padding: 7px 2px 6px 15px;
    overflow: visible;
    border: 0;
    border-right: 1px solid rgba(238, 196, 105, .72);
    border-radius: 0;
    background: linear-gradient(90deg, transparent, rgba(4, 6, 10, .64));
    box-shadow: none;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    opacity: .82;
}

.yeti-credit::before {
    inset: auto 0 0 14px;
    width: calc(100% - 14px);
    height: 1px;
    background: linear-gradient(90deg, transparent, #8c6525 35%, #f5d88d 72%, transparent);
    transform: scaleX(.7);
    transform-origin: right;
    animation: yetiSignatureLine 4s ease-in-out infinite;
}

.yeti-credit__brand {
    grid-column: 1;
    grid-row: 1;
    font: italic 500 29px/.8 Georgia, "Times New Roman", serif;
    letter-spacing: -.07em;
}

.yeti-credit__meta {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-left: 11px;
    border-left: 1px solid rgba(209, 166, 77, .28);
    color: rgba(237, 222, 188, .54);
    font: 500 7px/1 Arial, sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.yeti-credit__meta b {
    color: #dcb965;
    font-size: 9px;
    letter-spacing: .12em;
}

.yeti-credit:hover {
    transform: translateY(-2px);
    border-color: #f2d284;
    box-shadow: none;
    opacity: 1;
}

@keyframes yetiSignatureLine {
    0%, 100% { transform: scaleX(.55); opacity: .45; }
    50% { transform: scaleX(1); opacity: 1; }
}

@media (max-width: 700px) {
    .yeti-credit { padding: 5px 2px 5px 10px; column-gap: 7px; }
    .yeti-credit__brand { font-size: 22px; }
    .yeti-credit__meta { padding-left: 7px; }
    .yeti-credit__meta span { display: none; }
    .yeti-credit__meta b { font-size: 7px; }
}

100%{
background-position:300%;
}

}



/* PREMIUM DIAMOND */

#premium-ui .gem-icon{

width:32px;

height:32px;

perspective:500px;

animation:
diamondFloat 3s ease-in-out infinite;

}



#premium-ui .gem-icon img{

width:100%;

height:100%;

display:block;

filter:

drop-shadow(0 0 8px rgba(80,240,255,.8))

drop-shadow(0 0 25px rgba(80,240,255,.45));

animation:

diamondSpin 5s linear infinite;

}



@keyframes diamondSpin{

0%{

transform:

rotateY(0deg)

rotateZ(45deg);

}


100%{

transform:

rotateY(360deg)

rotateZ(45deg);

}

}



@keyframes diamondFloat{

50%{

transform:

translateY(-4px);

}

}