/* Garden artwork + live seed, vine, flower and firefly layers. */
#TbMagicRollcall{background:#03130ef0;color:#fff5ce;padding:20px}.mr-dialog{max-width:1280px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);background:#102d25;border-color:#d6c38a85;border-radius:24px;box-shadow:0 35px 100px #0009,0 0 60px #94cb5d20;scrollbar-color:#859664 #102d25}
.mr-header{padding:22px 30px;background:linear-gradient(100deg,#163c2a,#14362a 70%,#10291f);border-color:#e3ce8540;align-items:center;z-index:8}.mr-eyebrow{color:#c5d598;font-size:11px;letter-spacing:4px}.mr-header h2{color:#ffedb0;text-shadow:0 2px 0 #071e14,0 0 22px #ffd76c40}.mr-header h2 span{color:#cfdbbc;font-size:12px}.mr-close{border-color:#e7d49c77;color:#fff0c3;background:#fff2}
.mr-layout{grid-template-columns:minmax(0,1fr) 232px;min-height:0}.mr-main{overflow:hidden;padding:17px 20px 19px;background:linear-gradient(0deg,#071d2160,transparent 26%,#0a211729 77%,#061d1955),url('garden-v2.png') center/cover no-repeat}.mr-class{position:relative;z-index:4;border-color:#d4e5b761;background:#0a2a20dc;color:#eef1d8;font-size:12px;box-shadow:0 3px 15px #00190d77}.mr-class i{background:#b8ff76;box-shadow:0 0 12px #b8ff76}.mr-steps{position:relative;z-index:4;display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;color:#e0eac5;text-shadow:0 1px 5px #000;margin-top:13px}.mr-steps span{padding:5px 9px;border:1px solid #c5d8a140;border-radius:99px;background:#143226aa;transition:background .4s,color .4s}.mr-steps i{font-style:normal;letter-spacing:2px;color:#d2c283}
.mr-stage{height:397px;max-width:none}.mr-stage canvas{z-index:3}.mr-halo{width:360px;height:330px;background:radial-gradient(ellipse,#315d3866,#112f2855 50%,transparent 70%);animation:mr-halo-breathe 3s ease-in-out infinite;pointer-events:none}.mr-vine-ring{position:absolute;width:340px;height:340px;border:1px solid #baf18466;border-radius:50%;box-shadow:0 0 22px #d6ff8130,inset 0 0 18px #d6ff8120;animation:mr-turn 20s linear infinite;z-index:1}.mr-vine-ring:after{content:"";position:absolute;inset:16px;border:1px dashed #e9d38199;border-radius:50%}.mr-vine-ring i{position:absolute;left:50%;top:50%;width:18px;height:33px;border-radius:95% 0 95% 0;background:linear-gradient(40deg,#347d32,#daf79b,#4b9b43);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-170px) rotate(30deg);box-shadow:0 0 12px #bdf69e88;border:1px solid #e3fab9aa}.mr-vine-ring i:nth-child(3n){width:12px;height:22px;background:linear-gradient(40deg,#b68a31,#fff6b6)}
.mr-floor{width:360px;height:88px;bottom:8px;border:2px solid #e6df90aa;box-shadow:0 0 25px #d6ff8155,inset 0 0 25px #9cef8140;background:repeating-conic-gradient(from 0deg,#d6ff8100 0deg 24deg,#f4dc9450 26deg 28deg,#d6ff8100 30deg 60deg);transform:perspective(240px) rotateX(38deg);animation:mr-floor-pulse 3s ease-in-out infinite}.mr-floor:after{content:"";position:absolute;inset:10px;border:1px dashed #f3dc94aa;border-radius:50%}
.mr-core{position:relative;z-index:5;justify-content:center;min-height:230px;text-shadow:0 2px 9px #002016}.mr-seed{width:76px;height:90px;position:relative;margin:0 0 17px;animation:mr-seed-float 2.4s ease-in-out infinite;filter:drop-shadow(0 0 16px #d3ef64)}.mr-seed b{position:absolute;left:15px;top:20px;width:53px;height:64px;transform:rotate(-18deg);border-radius:80% 25% 70% 30%;border:2px solid #fff2a0;background:radial-gradient(ellipse at 30% 23%,#fffac2,#e9c853 35%,#b27825 85%);box-shadow:inset -7px -4px 10px #88511c70,0 0 30px #fadc76aa}.mr-seed b:after{content:"";position:absolute;left:25px;top:7px;width:1px;height:45px;background:#9f732eaa;transform:rotate(18deg)}.mr-seed i{position:absolute;left:8px;top:0;width:38px;height:23px;z-index:2;background:linear-gradient(35deg,#2c7331,#c7f68e);border:1px solid #cbef98;border-radius:0 90% 0 90%;transform:rotate(20deg);transform-origin:right bottom}.mr-seed i:nth-child(2){left:39px;top:-2px;transform:rotate(-38deg);border-radius:90% 0 90% 0;transform-origin:left bottom}
.mr-result-kicker{color:#e8efc6;background:#103a2966;border-radius:99px;padding:5px 9px;font-size:11px;letter-spacing:2px}.mr-core strong{font-size:clamp(30px,3.5vw,44px);font-weight:700;letter-spacing:3px;margin:10px 0;color:#fff9d8;text-shadow:0 3px 0 #285327,0 0 25px #daf69966,0 4px 15px #05231b;max-width:510px}.mr-result-caption{color:#f2edd1;padding:5px 10px;background:#102a2180;border-radius:8px}
.mr-wisps{position:absolute;inset:0;z-index:2;pointer-events:none}.mr-wisps span{position:absolute;left:50%;top:50%;padding:5px 12px;border:1px solid #d2f49d7d;background:linear-gradient(110deg,#204b36e0,#162d29d9);border-radius:80% 20% 60% 30% / 50% 50% 50% 50%;font-size:11px;color:#eaffd5;box-shadow:0 0 17px #a6f67555;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;will-change:transform;transition:opacity .5s}.mr-wisps span:before{content:"✧";color:#fff79b;margin-right:5px}.is-drawing .mr-wisps span{box-shadow:0 0 22px #edffad88}.is-revealed .mr-wisps{opacity:0;transition:opacity .3s}
.mr-blossom{position:absolute;left:50%;top:50%;width:1px;height:1px;z-index:1;pointer-events:none}.mr-blossom i{position:absolute;bottom:0;left:0;width:82px;height:175px;border-radius:85% 15% 50% 50%;transform-origin:50% 100%;transform:translateX(-50%) rotate(var(--angle)) scale(.01);opacity:0;background:linear-gradient(0deg,#397038,#92c654 28%,#f4e895 69%,#fffad7);border:1px solid #ffe9a9;box-shadow:inset 3px 0 18px #fdffe788,0 0 22px #e8ff9f55}.mr-blossom i:nth-child(2n){height:156px;background:linear-gradient(0deg,#276b40,#86bf57 35%,#e7f3ae 75%,#fcffdc)}.is-revealed .mr-blossom i{animation:mr-petal-open 1.2s cubic-bezier(.16,1,.3,1) var(--delay) forwards}.is-revealed .mr-blossom:after{content:"";position:absolute;left:-125px;top:-125px;width:250px;height:250px;background:radial-gradient(ellipse,#154b35fa,#193e2edf 52%,#61905480 65%,transparent 74%);border-radius:50%;animation:mr-flower-heart 1s both}.is-revealed .mr-seed{display:none}.is-revealed .mr-core{animation:mr-name-reveal .9s .1s both}.is-revealed .mr-core strong{font-size:clamp(44px,5vw,68px);color:#fff6bf;line-height:1.25;margin:17px 0;text-shadow:0 3px 0 #325c29,0 0 20px #fad36a80}.is-revealed .mr-core strong.mr-long-name{font-size:25px}.is-revealed .mr-vine-ring{border-color:#fff4bd;box-shadow:0 0 38px #e7f99577}.is-revealed .mr-halo{background:radial-gradient(ellipse,#def98155,transparent 70%)}
.is-drawing .mr-vine-ring{animation-duration:2.8s;box-shadow:0 0 32px #e9ff8580}.is-drawing .mr-seed{animation:mr-seed-awaken .6s ease-in-out infinite alternate}.is-drawing .mr-floor{box-shadow:0 0 45px #e7ff8190,inset 0 0 30px #9cef8190}.is-drawing[data-beat="charge"] .mr-seed{filter:drop-shadow(0 0 25px #ffffbd)}.is-drawing[data-beat="charge"] .mr-halo{background:radial-gradient(ellipse,#edff9770,transparent 69%);transform:scale(1.3)}[data-beat="seed"] .mr-steps span:nth-of-type(1),[data-beat="gather"] .mr-steps span:nth-of-type(2),[data-beat="charge"] .mr-steps span:nth-of-type(3),[data-beat="bloom"] .mr-steps span:nth-of-type(3){background:#e7d28e;color:#1c432b;border-color:#fff0bc;box-shadow:0 0 15px #f9de7b55}
.mr-controls{position:relative;z-index:6;max-width:370px}.mr-draw{min-height:55px;color:#31512b;border-color:#fff1b1;background:linear-gradient(115deg,#d7b663,#fff0b2 50%,#d7b663);box-shadow:0 5px 0 #69542d,0 8px 32px #e9d6744d,inset 0 1px #fff8}.mr-skip{display:block;margin:7px auto 0;border:1px solid #e4eec245;border-radius:8px;padding:8px 15px;color:#eaf5da;background:#0a2a20dd;font-size:12px!important}.mr-status{font-size:11px;color:#f4f1d8;text-shadow:0 1px 5px #001b0c;background:#0b2c20c9;border-radius:8px;padding:6px 10px;margin:12px 0 0;min-height:28px}
.mr-sidebar{padding:25px 20px 20px;border-color:#d6c38a4d;background:linear-gradient(135deg,#163a2e,#0c271f);gap:23px}.mr-section-label{font-size:11px;color:#c7d3ae}.mr-section-label>span{color:#95ab8e;font-size:10px}.mr-count{margin:15px 0}.mr-count b{color:#f5df96}.mr-count>span{font-size:11px;color:#b8caac}.mr-switch{font-size:12px;color:#e4edd5;min-height:52px}.mr-switch input{accent-color:#d4d69a}.mr-switch small{color:#a3b699;font-size:10px}.mr-secondary{color:#e0e5c5;background:#bbc9910e;border-color:#c1d19c50}.mr-history{border-color:#c1d19c38}.mr-history li{background:#b8c8880a;border-color:#c1d19c25;font-size:13px}.mr-history li:first-child{border-color:#e7d38b70;background:#e3d28313}.mr-history li span{color:#ebd999}.mr-history-empty,.mr-footnote{color:#9aad8d}
@keyframes mr-turn{to{transform:rotate(360deg)}}@keyframes mr-halo-breathe{50%{opacity:.7;transform:scale(1.12)}}@keyframes mr-seed-float{50%{transform:translateY(-12px) rotate(6deg)}}@keyframes mr-seed-awaken{to{transform:translateY(-10px) rotate(14deg) scale(1.12)}}@keyframes mr-floor-pulse{50%{opacity:.65;filter:brightness(1.3)}}@keyframes mr-petal-open{from{opacity:0;transform:translateX(-50%) rotate(var(--angle)) scale(.03)}to{opacity:1;transform:translateX(-50%) rotate(var(--angle)) scale(1)}}@keyframes mr-flower-heart{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes mr-name-reveal{from{opacity:0;transform:translateY(30px) scale(.65)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){#TbMagicRollcall{padding:10px}.mr-dialog{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:19px}.mr-header{padding:17px}.mr-header h2{font-size:25px}.mr-header h2 span{font-size:10px;margin:7px 0 0;letter-spacing:0}.mr-eyebrow{font-size:9px;letter-spacing:2px}.mr-layout{grid-template-columns:minmax(0,1fr)}.mr-main{padding:15px 12px}.mr-class{font-size:11px;padding:6px 10px}.mr-steps{font-size:8px;gap:5px;margin-top:10px}.mr-steps span{padding:4px 5px}.mr-stage{height:333px}.mr-vine-ring{width:272px;height:272px}.mr-vine-ring i{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-136px) rotate(30deg);width:14px;height:26px}.mr-halo{width:280px;height:280px}.mr-floor{width:270px;height:68px;bottom:9px}.mr-seed{margin-bottom:10px}.mr-core strong{font-size:29px;letter-spacing:2px}.mr-result-kicker{font-size:9px;letter-spacing:1px}.mr-result-caption{font-size:10px}.mr-wisps span{font-size:9px;padding:4px 7px;max-width:72px}.mr-blossom i{width:62px;height:142px}.mr-blossom i:nth-child(2n){height:125px}.is-revealed .mr-blossom:after{width:220px;height:220px;left:-110px;top:-110px}.is-revealed .mr-core strong{font-size:43px}.mr-draw{min-height:52px}.mr-draw b{font-size:16px}.mr-sidebar{padding:19px 15px;gap:18px}.mr-count{gap:6px;margin:10px 0}.mr-count b{font-size:36px}.mr-count>span{font-size:9px}.mr-switch{font-size:10px;gap:6px}.mr-switch small{font-size:9px}.mr-history li{font-size:11px;padding:7px}.mr-history-empty{font-size:11px}.mr-section-label{font-size:10px;letter-spacing:0}.mr-motion{margin-top:3px}}
@media(max-width:350px){.mr-stage{height:300px}.mr-vine-ring{width:236px;height:236px}.mr-vine-ring i{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-118px) rotate(30deg)}.mr-floor{width:238px}.mr-core strong{font-size:25px}.mr-blossom i{height:126px;width:55px}.mr-blossom i:nth-child(2n){height:111px}.mr-result-kicker{letter-spacing:0}.mr-steps{gap:3px}}
@media(max-height:600px) and (min-width:761px){.mr-header{padding:14px 24px}.mr-stage{height:330px}.mr-main{padding:12px}.mr-sidebar{padding:19px;gap:15px}}
#TbMagicRollcall.mr-reduce *,#TbMagicRollcall.mr-reduce *:before,#TbMagicRollcall.mr-reduce *:after{animation:none!important;transition:none!important}.mr-reduce.is-revealed .mr-blossom i{opacity:1;transform:translateX(-50%) rotate(var(--angle)) scale(1)}.mr-reduce .mr-wisps{display:none}
