.milo-rhythm-badge,.milo-tooltip,.milo-workshop{--color-1:#FCA80E;--color-2:#272813;--color-3:#2DE04B;--color-4:#E3FF4E;--color-5:#8F8D2C;--milo-bg:#121609;--milo-primary:var(--color-3);--milo-muted:var(--color-5);--milo-deep:var(--color-2);--milo-accent:var(--color-1);--milo-light:var(--color-4)}
.milo-rhythm-badge[data-milo-theme="elegant"],.milo-tooltip[data-milo-theme="elegant"],.milo-workshop[data-milo-theme="elegant"]{--color-1:#0D3C2D;--color-2:#000001;--color-3:#6B8957;--color-4:#81A5B1;--color-5:#402608;--milo-bg:#000a09;--milo-primary:#a8c891;--milo-muted:#81a5b1;--milo-deep:#0d3c2d;--milo-accent:#d5bb75;--milo-light:#edffe2}
.milo-rhythm-badge[data-milo-theme="academy"],.milo-tooltip[data-milo-theme="academy"],.milo-workshop[data-milo-theme="academy"]{--color-1:#141633;--color-2:#59D7FD;--color-3:#154BB9;--color-4:#289EFD;--color-5:#B1EBFF;--milo-bg:#141633;--milo-primary:#59D7FD;--milo-muted:#289EFD;--milo-deep:#154BB9;--milo-accent:#289EFD;--milo-light:#B1EBFF}
.milo-academy-insignia{position:absolute!important;inset:0;pointer-events:none;z-index:0!important;color:#B1EBFF}.milo-academy-insignia svg{position:absolute;width:46px;height:46px;fill:#154BB955;stroke:currentColor;stroke-width:2;filter:drop-shadow(0 0 5px #59D7FD);animation:miloAcademyPin 3s ease-in-out infinite}.milo-academy-insignia svg:first-child{right:0;top:0}.milo-academy-insignia svg:last-child{left:-5px;bottom:6px;width:33px;height:33px;animation-delay:-1.5s}.milo-tooltip .milo-academy-insignia{opacity:.16}.milo-tooltip .milo-academy-insignia svg{width:120px;height:120px}.milo-tooltip .milo-academy-insignia svg:last-child{width:130px;height:130px;left:auto;right:8px;bottom:2px}.milo-rhythm-badge[data-milo-theme="academy"] .milo-badge-vinyl{border-radius:20% 20% 45% 45%;animation:miloAcademyPin 3s ease-in-out infinite;background:repeating-linear-gradient(0deg,transparent 0 11px,#59D7FD24 12px 13px),linear-gradient(145deg,#154BB9,#141633)}.milo-rhythm-badge[data-milo-theme="academy"] .milo-badge-count{background:#141633ed}.milo-rhythm-badge[data-milo-theme="academy"] .milo-badge-notes{display:none}.milo-tooltip[data-milo-theme="academy"]{border-radius:7px 22px 7px 22px;background:radial-gradient(ellipse at top right,#289EFD44,transparent 65%),linear-gradient(130deg,#141633,#154BB955),#141633}.milo-tooltip[data-milo-theme="academy"] .milo-tooltip-eq i{height:19px;border-radius:2px 2px 8px 8px}.milo-tooltip[data-milo-theme="academy"] .milo-tooltip-eq i.is-on:after{content:"✦";display:block;text-align:center;color:#B1EBFF;font-size:12px;line-height:18px}.milo-tooltip[data-milo-theme="academy"] .milo-soundscape:after{border-style:solid;box-shadow:inset 0 0 15px #59D7FD55}.milo-workshop[data-milo-theme="academy"] .ability-progression.is-milo-rhythm-details .ability-progression-step,.ability-progression.is-milo-rhythm-details[data-milo-theme="academy"] .ability-progression-step{border-color:#59D7FD88;border-left-color:#B1EBFF;background:linear-gradient(110deg,#154BB955,#141633)}.milo-workshop[data-milo-theme="academy"] .ability-progression-label,.ability-progression.is-milo-rhythm-details[data-milo-theme="academy"] .ability-progression-label{color:#59D7FD;border-bottom-color:#289EFD88}.milo-workshop[data-milo-theme="academy"] .ability-progression-copy,.ability-progression.is-milo-rhythm-details[data-milo-theme="academy"] .ability-progression-copy{color:#B1EBFF}.ability-progression.is-milo-rhythm-details[data-milo-theme="academy"] .ability-progression-step.is-current{border-color:#B1EBFF;box-shadow:inset 3px 0 #289EFD,0 0 10px #59D7FD55}@keyframes miloAcademyPin{50%{transform:translateY(-4px) rotate(5deg);filter:drop-shadow(0 0 9px #59D7FD)}}
.milo-rhythm-badge{position:absolute;left:40px;bottom:5px;z-index:19;isolation:isolate;width:102px;height:90px;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 7px 7px #000c)}
.milo-rhythm-badge:focus-visible{outline:2px solid var(--milo-primary);border-radius:20px}.milo-badge-vinyl{position:absolute;inset:8px 14px;border:2px solid var(--milo-primary);border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 8px,#ffffff12 9px 10px),radial-gradient(circle,var(--milo-deep),var(--milo-bg) 72%);box-shadow:0 0 14px var(--milo-primary),inset 0 0 18px var(--milo-accent);animation:miloVinyl 13s linear infinite}.milo-badge-head{position:absolute;z-index:2;left:17px;top:7px;width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 10px var(--milo-primary));animation:miloFloat 2.8s ease-in-out infinite}.milo-badge-count{position:absolute;z-index:3;right:1px;bottom:2px;padding:1px 5px;border:1px solid var(--milo-primary);border-radius:7px;background:#121609df;color:#fff;font:900 10px Montserrat,sans-serif}.milo-badge-max{display:none;position:absolute;z-index:3;left:7px;bottom:-1px;color:#fff;text-shadow:0 0 8px var(--milo-primary);font:900 8px Montserrat,sans-serif;letter-spacing:.06em}.milo-rhythm-badge[data-milo-rhythm="5"] .milo-badge-max{display:block}.milo-rhythm-badge[data-milo-rhythm="5"] .milo-badge-count{bottom:15px}.milo-badge-waves{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.milo-badge-waves i{display:block;width:2px;height:0;border-radius:2px;background:var(--milo-primary);box-shadow:0 0 6px var(--milo-primary);animation:miloEq .65s ease-in-out infinite alternate;animation-delay:calc(var(--i,0)*-.11s)}.milo-badge-waves i:nth-child(2){--i:1}.milo-badge-waves i:nth-child(3){--i:2}.milo-badge-waves i:nth-child(4){--i:3}.milo-badge-waves i:nth-child(5){--i:4}.milo-rhythm-badge[data-milo-rhythm="1"] .milo-badge-waves i,.milo-rhythm-badge[data-milo-rhythm="2"] .milo-badge-waves i{height:10px}.milo-rhythm-badge[data-milo-rhythm="3"] .milo-badge-waves i{height:17px}.milo-rhythm-badge[data-milo-rhythm="4"] .milo-badge-waves i{height:25px}.milo-rhythm-badge[data-milo-rhythm="5"] .milo-badge-waves i{height:35px;width:3px}.milo-rhythm-badge[data-milo-rhythm="5"] .milo-badge-vinyl{box-shadow:0 0 23px var(--milo-primary),0 0 42px var(--milo-accent),inset 0 0 20px var(--milo-primary)}.milo-rhythm-badge.is-gaining .milo-badge-vinyl{animation:miloGain .7s ease-out,miloVinyl 13s linear infinite}
body.v3-body>.item-tooltip-floating:has(.milo-tooltip),body.v3-body>.v3-floating-tooltip:has(.milo-tooltip){width:min(430px,calc(100vw - 20px))!important;max-width:430px!important;max-height:none!important;padding:0!important;border:0!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.item-tooltip-floating .item-tooltip-desc:has(.milo-tooltip){margin:0!important;color:inherit;font-size:inherit;line-height:inherit}
.milo-tooltip{position:relative;isolation:isolate;box-sizing:border-box;width:100%;overflow:hidden;padding:16px;border:2px solid var(--milo-primary);border-radius:20px;outline:1px solid #ffffff70;outline-offset:-6px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--milo-primary) 25%,transparent),transparent 38%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--milo-accent) 25%,transparent),transparent 48%),linear-gradient(140deg,var(--milo-deep),var(--milo-bg) 55%,var(--milo-deep));box-shadow:0 24px 55px #000e,0 0 27px var(--milo-primary),inset 0 0 32px #0008;color:var(--milo-light);font-family:Outfit,sans-serif;text-align:left}.milo-tooltip>*:not(.milo-soundscape){position:relative;z-index:1}.milo-soundscape{position:absolute;inset:0;pointer-events:none;opacity:.65}.milo-soundscape:before,.milo-soundscape:after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;border:1px solid var(--milo-primary);border-radius:50%;box-shadow:0 0 25px var(--milo-primary)}.milo-soundscape:after{right:-36px;top:-46px;width:170px;height:170px;border-style:dashed;animation:miloVinyl 18s linear infinite}.milo-soundscape i{position:absolute;left:calc(7% + var(--note)*10%);bottom:calc(6% + var(--note)*3%);width:4px;height:4px;border-radius:50%;background:var(--milo-primary);box-shadow:0 0 8px var(--milo-primary);animation:miloNote 3s ease-in-out infinite;animation-delay:calc(var(--note)*-.36s)}.milo-tooltip header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--milo-primary)}.milo-tooltip-head{flex:0 0 60px;display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--milo-primary);border-radius:50%;background:radial-gradient(circle,var(--milo-deep),var(--milo-bg));box-shadow:0 0 14px var(--milo-primary)}.milo-tooltip-head img{width:55px;height:55px;object-fit:contain}.milo-tooltip header>div{flex:1;display:grid;gap:3px}.milo-tooltip header small,.milo-tooltip-now small{color:var(--milo-primary);font:900 9px Montserrat,sans-serif;letter-spacing:.08em}.milo-tooltip header strong{color:#fff;font:900 19px Montserrat,sans-serif;text-shadow:0 0 10px var(--milo-primary)}.milo-tooltip header em{font:700 10px Outfit,sans-serif;font-style:normal;color:var(--milo-light)}.milo-tooltip header>b{display:grid;justify-items:center;padding:5px 8px;border:1px solid var(--milo-primary);border-radius:10px;background:#000a;color:#fff;font:900 22px Montserrat,sans-serif}.milo-tooltip header>b small{font-size:8px}.milo-tooltip-eq{display:flex;justify-content:space-between;gap:5px;margin:14px 0 8px}.milo-tooltip-eq i{flex:1;height:16px;border:1px solid var(--milo-primary);border-radius:5px;background:#0008;transform:skew(-13deg)}.milo-tooltip-eq i.is-on{background:linear-gradient(var(--milo-primary),var(--milo-accent));box-shadow:0 0 10px var(--milo-primary)}.milo-tooltip-next{margin:0 0 11px;color:var(--milo-light);font:700 11px/1.35 Outfit,sans-serif}.milo-tooltip-now{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--milo-primary);border-radius:11px;background:#0007}.milo-tooltip-now>img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 7px var(--milo-primary))}.milo-tooltip-now>div{display:grid;gap:3px}.milo-tooltip-now b{color:#fff;font:800 11px/1.35 Montserrat,sans-serif}.milo-tooltip-hint{display:block;margin-top:9px;text-align:center;color:var(--milo-primary);font:800 9px Montserrat,sans-serif}
.milo-workshop{width:min(940px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:0;border:2px solid var(--milo-primary);border-radius:22px;background:radial-gradient(circle at 0 0,var(--milo-deep),var(--milo-bg) 55%,var(--milo-deep));box-shadow:0 0 45px var(--milo-primary),0 24px 70px #000e;color:var(--milo-light);font-family:Outfit,sans-serif}.milo-workshop::backdrop{background:#000c;backdrop-filter:blur(6px)}.milo-workshop>header{display:flex;align-items:center;gap:13px;padding:14px 22px;border-bottom:1px solid var(--milo-primary)}.milo-workshop-head{width:65px;height:65px;object-fit:contain}.milo-workshop>header div{flex:1}.milo-workshop>header small{color:var(--milo-primary);font:900 10px Montserrat,sans-serif;letter-spacing:.1em}.milo-workshop h2{margin:3px 0;font:400 34px Georgia,serif;font-variant:small-caps}.milo-workshop>header button{border:1px solid var(--milo-primary);border-radius:50%;width:32px;height:32px;background:#0006;color:#fff;cursor:pointer}.milo-workshop-content{padding:20px}.milo-workshop-intro{display:grid;grid-template-columns:minmax(280px,420px) 1fr;align-items:center;gap:18px}.milo-workshop-intro>p{font:600 15px/1.55 Outfit,sans-serif}.milo-workshop h3{margin:21px 0 11px;color:var(--milo-primary);font:900 12px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase}.milo-workshop-tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.milo-workshop-tiers article{display:grid;gap:5px;min-height:100px;padding:12px;border:1px solid var(--milo-primary);border-radius:12px;background:#0006;opacity:.7}.milo-workshop-tiers article.is-reached{opacity:1;box-shadow:inset 0 0 18px var(--milo-deep)}.milo-workshop-tiers article.is-current{box-shadow:0 0 16px var(--milo-primary)}.milo-workshop-tiers span{color:var(--milo-primary);font:900 21px Montserrat,sans-serif}.milo-workshop-tiers strong{color:#fff;font:800 13px Montserrat,sans-serif}.milo-workshop-tiers small{font:600 11px/1.35 Outfit,sans-serif}.milo-workshop-abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.milo-workshop-abilities article{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:11px;border:1px solid var(--milo-primary);border-radius:12px;background:#0008}.milo-workshop-abilities article>img{width:55px;height:55px;object-fit:contain}.milo-workshop-abilities small{color:var(--milo-primary);font:900 9px Montserrat,sans-serif}.milo-workshop-abilities h4{margin:3px 0 6px;color:#fff;font:900 14px Montserrat,sans-serif}.milo-workshop-abilities .ability-progression-step{display:block;margin-top:4px;padding:5px;border-left:2px solid var(--milo-primary);background:#ffffff0b;font-size:10px}@keyframes miloVinyl{to{transform:rotate(360deg)}}@keyframes miloFloat{50%{transform:translateY(-4px)}}@keyframes miloEq{to{height:calc(12px + 5px * var(--i))}}@keyframes miloGain{50%{transform:scale(1.2);filter:brightness(1.8)}}@keyframes miloNote{50%{opacity:.2;transform:translateY(-14px)}}@keyframes miloCardPulse{to{opacity:0;transform:scale(1.03)}}@media(max-width:750px){.milo-workshop-intro{grid-template-columns:1fr}.milo-workshop-tiers{grid-template-columns:repeat(2,1fr)}.milo-workshop-abilities{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.milo-rhythm-badge *,.milo-tooltip *,.milo-workshop *{animation:none!important}}
.ability-progression.is-milo-rhythm-details{--progression-accent:#2DE04B;display:grid;gap:6px;margin-top:8px}.ability-progression.is-milo-rhythm-details .ability-progression-step{display:grid;grid-template-columns:1fr;gap:5px;padding:8px 10px;border:1px solid #2DE04B66;border-left:3px solid #FCA80E;border-radius:9px;background:linear-gradient(110deg,#2728134a,#121609c9)}.ability-progression.is-milo-rhythm-details .ability-progression-label{color:#E3FF4E;font-weight:800;border-bottom:1px solid #2DE04B55;padding-bottom:4px}.ability-progression.is-milo-rhythm-details .ability-progression-copy{color:#e8f3cf;line-height:1.45}.ability-progression.is-milo-rhythm-details .ability-progression-step.is-current{border-color:#FCA80E;box-shadow:inset 3px 0 #FCA80E,0 0 10px #FCA80E55;background:linear-gradient(110deg,#FCA80E33,#272813)}.ability-progression.is-milo-rhythm-details .ability-inline-icon{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.2em}
.milo-badge-notes{position:absolute;inset:0;z-index:3;pointer-events:none}.milo-badge-notes i{position:absolute;color:var(--milo-primary);font:900 16px Georgia,serif;font-style:normal;text-shadow:0 0 7px var(--milo-primary);opacity:0;animation:miloFloatingNote 2.4s ease-out infinite}.milo-badge-notes i:nth-child(1){left:3px;top:18px}.milo-badge-notes i:nth-child(2){right:2px;top:5px;animation-delay:-.8s}.milo-badge-notes i:nth-child(3){right:4px;bottom:17px;animation-delay:-1.6s}.milo-rhythm-badge[data-milo-rhythm="0"] .milo-badge-notes i{animation:none}.milo-rhythm-badge[data-milo-rhythm="0"] .milo-badge-notes{display:none}.milo-rhythm-badge[data-milo-rhythm="1"] .milo-badge-notes i:nth-child(n+2),.milo-rhythm-badge[data-milo-rhythm="2"] .milo-badge-notes i:nth-child(3){display:none}@keyframes miloFloatingNote{20%{opacity:.85}to{opacity:0;transform:translateY(-14px) rotate(12deg)}}@media(prefers-reduced-motion:reduce){.milo-badge-notes i{animation:none;opacity:.7}}
.milo-soundscape i:nth-child(3n){width:auto;height:auto;background:none;box-shadow:none}.milo-soundscape i:nth-child(3n):before{content:"♪";color:var(--milo-primary);font:900 15px Georgia,serif;text-shadow:0 0 8px var(--milo-primary)}

.ability-progression.is-milo-rhythm-details[data-milo-theme="elegant"]{--progression-accent:#a8c891}.ability-progression.is-milo-rhythm-details[data-milo-theme="elegant"] .ability-progression-step{border-color:#81a5b177;border-left-color:#d5bb75;background:linear-gradient(110deg,#0d3c2d66,#000a09c9)}.ability-progression.is-milo-rhythm-details[data-milo-theme="elegant"] .ability-progression-label{color:#d7eac8;border-bottom-color:#81a5b155}.ability-progression.is-milo-rhythm-details[data-milo-theme="elegant"] .ability-progression-copy{color:#edffe2}.ability-progression.is-milo-rhythm-details[data-milo-theme="elegant"] .ability-progression-step.is-current{border-color:#d5bb75;box-shadow:inset 3px 0 #d5bb75,0 0 10px #a8c89155;background:linear-gradient(110deg,#6b895744,#0d3c2d)}