.codex-milo-rhythm{--color-1:#FCA80E;--color-2:#272813;--color-3:#2DE04B;--color-4:#E3FF4E;--color-5:#8F8D2C;position:relative;isolation:isolate;box-sizing:border-box;width:100%;overflow:hidden;margin:0 0 28px;padding:22px 24px 24px;border:1px solid #2DE04B;border-radius:22px;outline:1px solid #2DE04B66;outline-offset:-7px;background:radial-gradient(circle at 0 0,#27281380,transparent 38%),radial-gradient(circle at 100% 100%,#FCA80E33,transparent 46%),linear-gradient(135deg,#272813,#121609 64%,#171a0b);box-shadow:0 18px 45px #000c,0 0 22px #2DE04B55,inset 0 0 40px #0008;color:#e8f3cf;font-family:Outfit,sans-serif}.codex-milo-rhythm>*:not(.codex-milo-notes){position:relative;z-index:1}.codex-milo-notes{position:absolute;inset:0;pointer-events:none}.codex-milo-notes:before,.codex-milo-notes:after{content:"";position:absolute;right:-140px;top:-240px;width:570px;height:570px;border:1px solid #2DE04B33;border-radius:50%;box-shadow:0 0 28px #2DE04B38}.codex-milo-notes:after{right:-70px;top:-172px;width:430px;height:430px;border-style:dashed}.codex-milo-notes i{position:absolute;left:calc(2% + var(--note)*6.5%);bottom:calc(3% + var(--note)*2%);width:3px;height:3px;border-radius:50%;background:#2DE04B;box-shadow:0 0 10px #2DE04B;animation:miloCodexNote 4s ease-in-out infinite;animation-delay:calc(var(--note)*-.3s)}.codex-milo-rhythm header{display:flex;align-items:center;gap:18px;margin-bottom:18px}.codex-milo-crest{position:relative;flex:0 0 105px;display:grid;place-items:center;width:105px;height:105px;border:1px solid #2DE04B;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 12px,#2DE04B24 13px 14px),radial-gradient(circle,#272813,#121609);box-shadow:0 0 25px #2DE04B77}.codex-milo-crest:after{content:"";position:absolute;inset:8px;border:1px dashed #2DE04B88;border-radius:50%;animation:miloCodexSpin 18s linear infinite}.codex-milo-crest img{z-index:1;width:97px;height:97px;object-fit:contain;filter:drop-shadow(0 0 10px #2DE04B)}.codex-milo-rhythm header small{color:#FCA80E;font:900 10px Montserrat,sans-serif;letter-spacing:.16em}.codex-milo-rhythm h3{margin:5px 0;color:#fff;font:400 38px Georgia,serif;font-variant:small-caps;text-shadow:0 0 18px #2DE04B}.codex-milo-rhythm header p{margin:0;color:#e8f3cf;font:600 14px/1.4 Outfit,sans-serif}.codex-milo-rhythm .ability-inline-icon{width:1.3em;height:1.3em;vertical-align:-.27em;object-fit:contain}.codex-milo-rhythm h4{margin:20px 0 10px;color:#FCA80E;font:900 12px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase}.codex-milo-stats,.codex-milo-numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.codex-milo-stats span,.codex-milo-numbers span{display:grid;align-content:center;justify-items:center;min-height:58px;padding:7px;border:1px solid #2DE04B77;border-radius:12px;background:linear-gradient(155deg,#27281390,#121609c9)}.codex-milo-stats b,.codex-milo-numbers b{color:#E3FF4E;font:900 22px Montserrat,sans-serif;text-shadow:0 0 10px #2DE04B}.codex-milo-stats small,.codex-milo-numbers small,.codex-milo-numbers em{color:#d6dfa4;font:800 9px Montserrat,sans-serif;text-align:center;text-transform:uppercase;font-style:normal}.codex-milo-tiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.codex-milo-tiers article{min-height:190px;padding:12px;border:1px solid #2DE04B66;border-radius:15px;background:radial-gradient(circle at 50% 0,#2DE04B29,transparent 65%),#171a0bd9;text-align:center}.codex-milo-tiers article.is-perfect{border-color:#FCA80E;box-shadow:0 0 18px #FCA80E6a,inset 0 0 18px #FCA80E2d}.codex-milo-art{display:grid;place-items:center;height:78px}.codex-milo-art img{width:73px;height:73px;object-fit:contain;filter:drop-shadow(0 0 11px #2DE04B)}.codex-milo-tiers small{display:block;color:#2DE04B;font:900 10px Montserrat,sans-serif}.codex-milo-tiers strong{display:block;margin:6px 0;color:#fff;font:900 13px Montserrat,sans-serif}.codex-milo-tiers p{margin:4px 0;color:#e8f3cf;font:600 11px/1.4 Outfit,sans-serif}.codex-milo-numbers{grid-template-columns:repeat(6,1fr)}.codex-milo-numbers span:last-child{border-color:#FCA80E;box-shadow:0 0 14px #FCA80E55}.codex-milo-effects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.codex-milo-effects article{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:10px;min-height:80px;padding:10px;border:1px solid #2DE04B66;border-radius:12px;background:linear-gradient(115deg,#27281370,#121609d9)}.codex-milo-effects img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 8px #2DE04B)}.codex-milo-effects strong{color:#fff;font:900 13px Montserrat,sans-serif}.codex-milo-effects p{margin:4px 0;color:#e8f3cf;font:600 11px/1.4 Outfit,sans-serif}@keyframes miloCodexNote{50%{opacity:.15;transform:translateY(-16px)}}@keyframes miloCodexSpin{to{transform:rotate(360deg)}}@media(max-width:1000px){.codex-milo-tiers{grid-template-columns:repeat(3,1fr)}.codex-milo-numbers{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.codex-milo-rhythm{padding:16px}.codex-milo-crest{flex-basis:65px;width:65px;height:65px}.codex-milo-crest img{width:60px;height:60px}.codex-milo-rhythm h3{font-size:28px}.codex-milo-stats{grid-template-columns:repeat(2,1fr)}.codex-milo-tiers,.codex-milo-numbers,.codex-milo-effects{grid-template-columns:1fr}.codex-milo-tiers article{min-height:0}}@media(prefers-reduced-motion:reduce){.codex-milo-rhythm *{animation:none!important}}
.codex-milo-tiers article{box-shadow:inset 0 0 0 1px #8F8D2C33}.codex-milo-stats span,.codex-milo-numbers span{background:linear-gradient(155deg,#272813,#8F8D2C24 55%,#121609)}.codex-milo-rhythm h4{border-bottom:1px solid #8F8D2C55;padding-bottom:7px}
.codex-milo-rhythm[data-milo-theme="academy"]{border-color:#59D7FD;outline-color:#289EFD88;background:radial-gradient(circle at 0 0,#154BB980,transparent 48%),radial-gradient(circle at 100% 100%,#289EFD44,transparent 65%),#141633;box-shadow:0 18px 45px #000c,0 0 22px #59D7FD55;color:#B1EBFF}.codex-milo-rhythm[data-milo-theme="academy"] :is(h4,header small,.codex-milo-tiers small){color:#59D7FD;border-bottom-color:#289EFD55}.codex-milo-rhythm[data-milo-theme="academy"] :is(header p,.codex-milo-tiers p,.codex-milo-effects p,.codex-milo-stats small,.codex-milo-numbers small,.codex-milo-numbers em){color:#B1EBFF}.codex-milo-rhythm[data-milo-theme="academy"] :is(.codex-milo-crest,.codex-milo-stats span,.codex-milo-numbers span,.codex-milo-tiers article,.codex-milo-effects article){border-color:#59D7FD77;background:linear-gradient(155deg,#154BB955,#141633);box-shadow:inset 0 0 14px #289EFD22}.codex-milo-rhythm[data-milo-theme="academy"] :is(.codex-milo-stats b,.codex-milo-numbers b){color:#B1EBFF;text-shadow:0 0 10px #59D7FD}.codex-milo-rhythm[data-milo-theme="academy"] :is(.codex-milo-tiers article.is-perfect,.codex-milo-numbers span:last-child){border-color:#B1EBFF;box-shadow:0 0 18px #59D7FD66}.codex-milo-rhythm[data-milo-theme="academy"] :is(.codex-milo-crest img,.codex-milo-art img,.codex-milo-effects img){filter:drop-shadow(0 0 10px #59D7FD)}.codex-milo-rhythm[data-milo-theme="academy"] .codex-milo-crest:after{border-color:#59D7FD99}.codex-milo-rhythm[data-milo-theme="academy"] .codex-milo-notes i{background:#59D7FD;box-shadow:0 0 10px #289EFD}.codex-milo-rhythm[data-milo-theme="academy"] .codex-milo-notes:before,.codex-milo-rhythm[data-milo-theme="academy"] .codex-milo-notes:after{border-color:#59D7FD33;box-shadow:0 0 28px #289EFD38}.codex-milo-rhythm[data-milo-theme="academy"] h3{text-shadow:0 0 18px #59D7FD}