.ActionBar{aspect-ratio:6;justify-content:space-between;width:100%;display:flex}a.ActionBarButton{color:inherit;text-decoration:none;display:block}.ActionBarButton{aspect-ratio:1;cursor:pointer;background-size:contain;border:1px solid #000;flex-shrink:0;height:calc(100% - 2px);font-size:10px;position:relative;container-type:inline-size}.ActionBarButton__shortcut{z-index:4;color:#fff;text-shadow:0 0 3px #000;font-family:monospace;font-size:35cqi;position:absolute;bottom:0;left:3px}.ActionBarButton__name{display:none}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.CooldownOverlay,.GCDOverlay{--color:#000000d9;background:conic-gradient(transparent calc(var(--angle)), var(--color) var(--angle));position:absolute;inset:0}.CooldownOverlay{z-index:2;animation:linear forwards conic-effect}.GCDOverlay{z-index:3;animation:linear conic-effect}@keyframes conic-effect{0%{--angle:-1deg}to{--angle:360deg}}.CastBar{color:#fff;background-color:#442001;width:100%}.CastBar__columns{aspect-ratio:10;border:1px solid #000;width:calc(100% - 2px);display:flex;position:relative}.CastBar__icon{z-index:1;aspect-ratio:1;background-size:contain;flex-shrink:0;height:100%}.CastBar__bar{z-index:1;background:#c16b0a linear-gradient(#b05d09 0%,#b25b05 50%,#c16b0a 100%);flex-shrink:0;height:100%;animation:linear forwards castbar-fill}@keyframes castbar-fill{0%{width:0%}to{width:90%}}.CombatLog{color:#fff;background:#000c;flex-direction:column;font-family:Arial,sans-serif;display:flex;position:absolute;inset:0;container-type:inline-size}.CombatLog__tabs{border-bottom:1px solid #ffffff26;flex-shrink:0;align-items:center;gap:1%;padding:0 1%;display:flex}.CombatLog__tab{color:#fff6;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:1cqi 1.5cqi;font-family:Arial,sans-serif;font-size:2.8cqi;line-height:1;transition:color .15s}.CombatLog__tab--active{color:#ffffffe6;border-bottom-color:#fff9}.CombatLog__tab:not(.CombatLog__tab--active):hover{color:#ffffffa6}.CombatLog__copyBtn{color:#fff6;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:3px;justify-content:center;align-items:center;width:1.8em;height:1.8em;margin-left:auto;padding:0;font-size:2.5cqi;transition:color .15s,border-color .15s;display:flex}.CombatLog__copyBtn:hover{color:#fffc;border-color:#ffffff80}.CombatLog__copyBtn--copied{color:#64dc64e6;border-color:#64dc6499}.CombatLog__scroll{flex:1;min-height:0;overflow-y:scroll}.CombatLog__list{margin:2%;padding:0}.CombatLog__listitem{font-size:3cqi;list-style:none}.CombatLog__jsonl{white-space:pre-wrap;word-break:break-all;color:#ffffffd9;margin:2%;font-family:monospace;font-size:2.5cqi}.CombatLog__scrollBtn{color:#fff3;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;width:1.8em;height:1.8em;padding:.5% 0 0;font-size:2.5cqi;line-height:1;transition:color .2s,border-color .2s;position:absolute;bottom:4%;right:2%}.CombatLog__scrollBtn--active{color:#fff9;border-color:#fff9}.ControlPanel{color:#fff;background:#00000080;border:1px solid #444;width:100%;container-type:inline-size}.ControlPanel__row{justify-content:space-between;margin:4cqi 6cqi 4cqi 5cqi;font-size:6cqi;display:flex}.ControlPanel__label{flex:1}.ControlPanel__control{width:40cqi;padding-right:3cqi}.ControlPanel__control input,.ControlPanel__control select{font-size:6cqi}.ControlPanel__control input[type=checkbox]{appearance:none;cursor:pointer;background:#00000080;border:1px solid #ffffff80;border-radius:1px;flex-shrink:0;width:6.2cqi;height:6.2cqi;margin-left:0;position:relative}.ControlPanel__control input[type=checkbox]:checked:before{content:"";transform-origin:65% 60%;border-bottom:.15em solid #fff;border-right:.15em solid #fff;position:absolute;inset:15% 20%;transform:rotate(45deg)}.ControlPanel__statinput{width:40cqi}.ControlPanel__select{color:#fff;background:#00000080;border:1px solid #ffffff4d;width:44cqi}.ControlPanel__talentlink{color:#8ec7ff;padding-top:1cqi;padding-left:2cqi;font-size:5cqi;text-decoration:none;display:block}.ControlPanel__talentlink:hover{text-decoration:underline}.ErrorText{color:#ff2020;white-space:nowrap;pointer-events:none;font-family:Cinzel,serif;font-size:1.4em;font-weight:700;animation:3s ease-out forwards error-text-fade;position:absolute;top:40%;left:50%;transform:translate(-50%)}@keyframes error-text-fade{0%{opacity:1}60%{opacity:1}to{opacity:0}}.HealingMeterChart{aspect-ratio:3;width:100%;margin:5% 0 3%;display:block}.HealingMeterChart__gridline{stroke:#ffffff26;stroke-width:.5px}.HealingMeterChart__label{fill:#fff9;opacity:.8;font-size:7px}.HealingMeterChart__area{fill:#c83c2866}.HealingMeterChart__line{fill:none;stroke:#dc5032;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.HealingMeter{color:#fff;background:#000c;padding:4% 0;font-size:14px}.HealingMeter__row{margin:0 1%;padding:1% 4%;container-type:inline-size}.HealingMeter__label{opacity:.8;font-size:8cqi}.HealingMeter__value{font-size:8cqi;font-weight:700}.LifebloomTracker{flex-direction:column;gap:2px;width:100%;display:flex;position:relative;container-type:inline-size}.LifebloomTracker__bar{aspect-ratio:7;color:#fff;text-shadow:1px 1px 1px #000;background-color:#0e1a0e;border:1px solid #2a4a2a;font-size:7.2cqi;font-weight:700;position:relative;overflow:hidden}.LifebloomTracker__fill{background:#1a6b1a linear-gradient(#1e7d20 0%,#28932a 50%,#1a6b1a 100%);height:100%;position:absolute;top:0;left:0}.LifebloomTracker__name{justify-content:left;align-items:center;display:flex;position:absolute;inset:0 10% 0 35%}.LifebloomTracker__time{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.LifebloomTracker__bar--red,.LifebloomTracker__bar--orange,.LifebloomTracker__bar--yellow{width:2%;position:absolute;top:0;bottom:0}.LifebloomTracker__bar--red{background:red;left:14.28%}.LifebloomTracker__bar--orange{background:orange;left:21.42%}.LifebloomTracker__bar--yellow{background:#ff0;left:28.57%}.Buffs{flex-flow:wrap;place-content:flex-start flex-end;width:100%;display:flex}.Buff{aspect-ratio:1;box-sizing:border-box;cursor:default;background-size:cover;border:1px solid #555;border-radius:2px;flex:0 0 8%;margin:0 1% 2%}.FloatingCombatText{aspect-ratio:1;pointer-events:none;z-index:10;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0;container-type:inline-size}.FloatingCombatText__item{color:#20c020;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;white-space:nowrap;font-family:Cinzel,serif;font-size:30cqi;font-weight:700}.FloatingCombatText__item--fading{animation:.8s ease-out forwards fct-fade}@keyframes fct-fade{0%{opacity:1}to{opacity:0}}.PartyFrames{flex-direction:column;gap:1cqi;display:flex}.PartyFrame{aspect-ratio:2.5;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#000000bf;border:1px solid #555;width:100%;position:relative}.PartyFrame:hover{border-color:#888}.PartyFrame--selected,.PartyFrame--selected:hover{border-color:#fc0;box-shadow:0 0 5px #ffcc0080}.PartyFrame__columns{justify-content:flex-start;width:100%;height:100%;display:flex}.PartyFrame__icon{aspect-ratio:1;background-repeat:no-repeat;background-size:contain;height:100%}.PartyFrame__rows{flex-direction:column;flex-grow:2;padding:2px;display:flex;container-type:inline-size}.PartyFrame__name{color:#fff;text-shadow:1px 1px 1px #000;white-space:nowrap;text-overflow:ellipsis;flex:2;margin-bottom:2px;font-size:12cqi;font-weight:700;overflow:hidden}.PartyFrame__healthbar{background:#1a1a1a;border:1px solid #333;flex:1;height:9px;overflow:hidden}.PartyFrame__healthbar-fill{background:#00b800;height:100%}.PartyFrame__resourcebar{background:#1a1a1a;border:1px solid #333;flex:1;height:5px;margin-top:2px;overflow:hidden}.PartyFrame__resourcebar-fill{height:100%}.PartyFrame__hots{flex:3;gap:2px;margin:3px 0;display:flex}.PartyFrame__hot{aspect-ratio:1;background-color:#222;background-size:cover;border:1px solid #444;border-radius:2px;height:100%;position:relative}.PartyFrame__hot--empty{opacity:.2;background-image:none}.DurationOverlay{z-index:2;--color:#000000bf;background:conic-gradient(transparent calc(var(--angle)), var(--color) var(--angle));animation:linear forwards conic-effect;position:absolute;inset:0}.PartyFrame__hot-stacks{color:#fff;text-shadow:0 0 2px #000;font-size:12cqi;font-weight:700;line-height:1;position:absolute;bottom:0;right:1px}.Explainer{z-index:100;place-items:center;display:grid;position:absolute;inset:0;container-type:inline-size}.Explainer__backdrop{background:#0009;position:fixed;inset:0}.Explainer__window{z-index:1;background:#0a0805f7;border:2px solid #6b5c3a;border-radius:4px;grid-area:1/1;width:60%;max-height:70%;padding:3cqi 3.5cqi;position:relative;overflow-y:scroll;box-shadow:0 0 40px #000c,inset 0 0 60px #00000080;container-type:inline-size}.Explainer__scrollHint{pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#00000080 40%,#000000e6 80%,#000 100%);border-radius:0 0 4px 4px;grid-area:1/1;align-self:end;width:67%;height:5cqi;margin-bottom:5.4cqi;transition:opacity .3s}.Explainer__scrollHint--hidden{opacity:0}.Explainer__title{color:gold;text-shadow:0 0 20px #ffd70066;letter-spacing:.05em;margin:0 0 2cqi;font-family:Cinzel,serif;font-size:4cqi}.Explainer__tabs{border-bottom:1px solid #c8a85a4d;gap:.4cqi;margin-bottom:2cqi;padding-bottom:0;display:flex}.Explainer__tab{color:#8a7a55;cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:3px 3px 0 0;margin-bottom:-1px;padding:.4cqi 1.2cqi;font-family:Cinzel,serif;font-size:1.8cqi;transition:color .1s}.Explainer__tab:hover{color:#c8a85a}.Explainer__tab--active{color:gold;background:#0a0805f7;border-color:#c8a85a4d}.Explainer__section{margin-bottom:2.5cqi}.Explainer__sectionTitle{color:#c8a85a;border-bottom:1px solid #c8a85a4d;margin:0 0 1.2cqi;padding-bottom:.5cqi;font-family:Cinzel,serif;font-size:2.5cqi}.Explainer__text{color:#c9bfa0;margin:0 0 1cqi;font-size:1.8cqi;line-height:1.6}.Explainer__text--muted{opacity:.7}.Explainer__text img{width:1.4cqi;height:1.4cqi;margin-right:.2cqi}.Explainer__text strong{color:#e8d49a}.Explainer__footer{justify-content:center;margin-top:2cqi;display:flex}.Explainer__start{color:#1a1a0a;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(gold 0%,#c8a828 100%);border:2px solid #8b7020;border-radius:3px;padding:.6cqi 3cqi;font-family:Cinzel,serif;font-size:2.5cqi;transition:filter .1s}.Explainer__start:hover{filter:brightness(1.15)}.Explainer__start:active{filter:brightness(.9)}.RotationChart{margin-top:1.5cqi}.RotationChart__group{margin-bottom:2cqi}.RotationChart__groupLabel{color:#c8a85a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5cqi;font-family:Cinzel,serif;font-size:1.8cqi;font-weight:700}.RotationChart__row{align-items:stretch;height:2.8cqi;margin-bottom:.4cqi;display:flex}.RotationChart__segments{flex:1;display:flex}.RotationChart__segment{border-right:1px solid #0006;align-items:center;display:flex;overflow:hidden}.RotationChart__segmentIcon{aspect-ratio:1;object-fit:cover;flex-shrink:0;height:100%}.RotationChart__segmentLabel{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 0 4px #000000e6;padding:0 .5cqi;font-size:1.6cqi;overflow:hidden}.RotationChart__remainder{background:#ffffff0a;border:1px dashed #ffffff26;border-left:none}.RotationChart__rowMeta{flex-shrink:0;align-items:center;gap:.4cqi;width:8cqi;padding-left:.8cqi;display:flex}.RotationChart__time{color:#c8a85a;font-size:1.8cqi}.RotationChart__risky{font-size:1.8cqi}.RotationChart__axisWrapper{margin-top:.3cqi;display:flex}.RotationChart__axis{flex:1;height:3cqi;margin-left:-.7cqi;position:relative}.RotationChart__axisMetaSpacer{flex-shrink:0;width:8cqi}.RotationChart__tick{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.RotationChart__tick--first{transform:translate(0)}.RotationChart__tick--last{transform:translate(-100%)}.RotationChart__tickMark{background:#ffffff59;width:1px;height:1cqi}.RotationChart__tickLabel{color:#ffffff80;margin-top:.2cqi;font-size:1.4cqi}body{height:100vh;margin:0;padding:0;font-family:sans-serif;overflow:hidden}body:after{content:"";filter:blur(3px);z-index:-1;background:url(/tbc-resto-druid-rotation-game/karazhan-banquet-hall.jpg) 50%/cover no-repeat;position:absolute;inset:-5%}.layout{aspect-ratio:16/9;width:min(100vw,177.778vh);margin:0 auto;position:relative;overflow:hidden}.layout__controlpanel{width:15%;position:absolute;top:1%;left:42.5%}.layout__actionbar{width:20%;height:5%;position:absolute;top:75%;left:40%}.layout__castbar{width:20%;height:5%;position:absolute;top:85%;left:40%}.layout__combatlog{position:absolute;inset:75% 70% 0 0}.layout__buffs{position:absolute;inset:2.4% .8% auto 70%}.layout__partyframes{width:11%;position:absolute;top:20%;left:10%}.layout__lifebloomtracker{width:15%;position:absolute;top:75%;left:64%}.layout__healingmeter{width:15%;height:21%;position:absolute;top:75%;left:83%}