/* Static light only: transparent artwork illuminates the surrounding surface.
   No animated filters, timers, canvas, or new observers. */
body a.odin-brand03{display:inline-flex!important;align-items:center!important;justify-content:flex-start;gap:0!important;padding:0;min-width:0;max-width:100%;text-decoration:none;overflow:visible;flex-shrink:0}
body a.odin-brand03>img{display:block!important;width:174px!important;height:58px!important;max-width:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 5px #22dafa45) drop-shadow(0 3px 5px #0006);margin:0;flex-shrink:0}
body .drawer-panel a.odin-brand03>img{width:194px!important;height:65px!important}
body .hero img.brand-mark.odin-brand03-stacked{display:block;width:clamp(260px,31vw,340px)!important;height:auto!important;max-width:100%;margin:0 auto 8px!important;object-fit:contain;filter:drop-shadow(0 0 12px #22dafa55) drop-shadow(0 8px 12px #0006)}
@media(max-width:840px){body a.odin-brand03>img{width:135px!important;height:45px!important}body .drawer-panel a.odin-brand03>img{width:194px!important;height:65px!important}body .hero img.brand-mark.odin-brand03-stacked{width:260px!important}}
@media(max-width:380px){body :is(.site-header,.page-header,.tool-header,.account-header) a.odin-brand03>img{width:110px!important;height:37px!important}}
html[dir=rtl] a.odin-brand03{direction:ltr}

/* Brand accents follow the approved cyan/violet crystal eye. Data/status,
   game-mode, rarity and rank colors are intentionally not restyled. */
:root{--brand03-cyan:#65efff;--brand03-violet:#b996ff;--brand03-deep:#081426;--brand03-action:linear-gradient(120deg,#65efff,#b996ff)}
body .hero h1 em,body .hero>.tag,body .od-manifesto h3 em{color:var(--brand03-cyan);text-shadow:none}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 body .hero h1 em,body .hero>.tag,body .od-manifesto h3 em{background-image:var(--brand03-action);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
body .neon-heading>div>p{color:#a4bbf9}
body .hero::before{background:radial-gradient(ellipse,#65efff1f 0%,#b996ff12 40%,transparent 72%)!important}
body :is(.primary-button,.start),body :is(#creator-beta-entry,#creator-admin-pilot) a.primary-button,
body.creator-site-shell .primary{background:var(--brand03-action);border-color:#a7baff;color:var(--brand03-deep)}
body :is(.primary-button,.start):not(:disabled):hover,
body :is(#creator-beta-entry,#creator-admin-pilot) a.primary-button:hover,
body.creator-site-shell .primary:not(:disabled):hover{background:linear-gradient(120deg,#8bf4ff,#c9b2ff);border-color:#cbbaff;color:var(--brand03-deep)}
body.odin-neon-lift :is(.odin-rail a,.drawer-panel nav>a)[aria-current=page]{border-color:#9e91f0;--nl-state-shadow:inset 0 0 0 1px #a88aff66}
body :is(.header-info-links>a,.header-share,.share):hover{border-color:#a99af7!important;color:#d7ceff!important}
body :is(#creator-beta-entry,#creator-admin-pilot){border-color:#6d659c}
/* The 135px wordmark plus mobile header controls exceed some 430px phones.
   Keep the support action in the drawer, as on smaller phones; do not clip
   the page or change overflow containers used by sticky tool controls. */
@media(max-width:480px){
 body :is(.page-actions,.header-actions) :is(.keep,.support){display:none}
 body .drawer-panel nav [data-mobile-support],
 body.creator-site-shell .drawer-panel nav [data-mobile-support]{display:flex}
}

/* Static translucent support control, shared by both locales and Studio shell.
   No backdrop filter or animation; preserve existing layout and hidden states. */
body :is(.page-actions,.header-actions,.drawer-panel nav) :is(.keep,.support,[data-mobile-support]){
 background:linear-gradient(145deg,#f5dc7026,#7d67c31a 58%,#102b3e66)!important;
 border:1px solid #d6c18680!important;color:#ffe7a0!important;
 box-shadow:inset 0 1px 0 #fff2c047,inset 0 -1px 0 #07101b99,0 2px 0 #030d1c,0 3px 0 #7f6d4b66,0 7px 12px #0004!important;
 text-shadow:0 1px 1px #0009;
}
body :is(.page-actions,.header-actions,.drawer-panel nav) :is(.keep,.support,[data-mobile-support]):hover{
 background:linear-gradient(145deg,#f5dc7038,#8e75db2b 58%,#173d5266)!important;border-color:#ffe3a3!important;color:#fff2c8!important;
}
body :is(.page-actions,.header-actions,.drawer-panel nav) :is(.keep,.support,[data-mobile-support]):focus-visible{outline:2px solid #b6e8ff;outline-offset:4px}
body :is(.keep,.support,[data-mobile-support]) .support-heart{color:#ff9eb8;text-shadow:0 1px 2px #0008;margin-inline-start:5px;margin-inline-end:0}