@font-face{font-family:"Pipette";src:url(../assets/fonts/Pipette-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Pipette";src:url(../assets/fonts/Pipette-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"Baloo 2";src:url(../assets/fonts/baloo2-500.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:"Baloo 2";src:url(../assets/fonts/baloo2-700.woff2) format("woff2");font-weight:700 800;font-display:swap}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]){--game-px:"Pipette",ui-monospace,monospace;--px:var(--game-px)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn-paper,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-card,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-panel,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-board,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-ribbon,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-stamp,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-plate,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-keycap,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-segment,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip{border-radius:0;box-shadow:none;transition:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn-paper,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-card,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-panel,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-board,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-keycap,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-segment,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn{background:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-card,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-panel,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-board{padding:0}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn-paper{min-height:44px;letter-spacing:0}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-ribbon::before,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn--next::before{content:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn:hover,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn-paper:hover{background:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn:active,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn-paper:active{box-shadow:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble{max-width:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble::after{border:0;transform:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-keycap{border-color:transparent}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem{border-radius:0;background-color:transparent}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn[data-state="right"] .gem{-webkit-mask:none;mask:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip{border:0}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--real::before,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--ok::before{content:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-icon{width:16px;height:16px;flex:none}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-panel,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-board,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .questpost__board{border-style:solid;border-width:calc(7 * var(--u)) calc(5 * var(--u)) calc(10 * var(--u)) calc(6 * var(--u));border-image:url(../assets/kit/panel-wood.png) 7 5 10 6 fill/calc(7 * var(--u)) calc(5 * var(--u)) calc(10 * var(--u)) calc(6 * var(--u)) repeat}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-card,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .faq__item{border-style:solid;border-width:calc(3 * var(--u)) calc(3 * var(--u)) calc(5 * var(--u));border-image:url(../assets/kit/card.png) 3 3 5 3 fill/calc(3 * var(--u)) calc(3 * var(--u)) calc(5 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .step{border-style:solid;border-width:calc(4 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));border-image:url(../assets/kit/card-sticker.png) 4 4 6 4 fill/calc(4 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker--blue,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker--green,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker--violet,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker--gold{border-width:calc(6 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));border-image-slice:6 4 6 4 fill;border-image-width:calc(6 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker--blue{border-image-source:url(../assets/kit/card-sticker-accent-blue.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker--green{border-image-source:url(../assets/kit/card-sticker-accent-green.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker--violet{border-image-source:url(../assets/kit/card-sticker-accent-violet.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-sticker--gold{border-image-source:url(../assets/kit/card-sticker-accent-gold.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-ribbon{display:inline-flex;align-items:center;height:calc(17 * var(--u));padding:0 calc(2 * var(--u)) calc(3 * var(--u));color:var(--navy);font:700 16px/20px var(--px);white-space:nowrap;vertical-align:top;border-style:solid;border-width:0 calc(12 * var(--u));border-image:url(../assets/kit/ribbon-royal.png) 0 12 0 12 fill/0 calc(12 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-stamp{display:inline-flex;align-items:center;gap:8px;padding:2px 8px 6px;font:700 16px/20px var(--px);color:var(--ink);border-style:solid;border-width:calc(6 * var(--u)) calc(7 * var(--u)) calc(8 * var(--u)) calc(6 * var(--u));border-image:url(../assets/kit/stamp-green.png) 6 7 8 6 fill/calc(6 * var(--u)) calc(7 * var(--u)) calc(8 * var(--u)) calc(6 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-stamp--red{border-image-source:url(../assets/kit/stamp-red.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-stamp--royal{border-image-source:url(../assets/kit/stamp-royal.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-stamp--gold{border-image-source:url(../assets/kit/stamp-gold.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-stamp--green{border-image-source:url(../assets/kit/stamp-green.png);color:var(--green-edge)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-stamp .k-icon{margin-block:-6px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-plate{display:inline-flex;align-items:center;gap:8px;height:calc(17 * var(--u));padding:0 6px calc(3 * var(--u));color:var(--cream);font:700 16px/20px var(--px);border-style:solid;border-width:0 calc(4 * var(--u));border-image:url(../assets/kit/plate-wood-paper.png) 0 4 0 4 fill/0 calc(4 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn-paper{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px 2px;text-decoration:none;cursor:pointer;background:none;white-space:nowrap;border-style:solid;border-width:calc(5 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));border-image:url(../assets/kit/button-green-idle.png) 5 4 6 4 fill/calc(5 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn{color:#fff;font:700 16px/20px var(--px);text-shadow:var(--ol-green)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn:hover{border-image-source:url(../assets/kit/button-green-hover.png);transform:translateY(calc(-1 * var(--u)))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn:active{border-image-source:url(../assets/kit/button-green-pressed.png);transform:translateY(var(--u))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn-paper{color:var(--ink);font:700 17px/24px var(--read);border-image-source:url(../assets/kit/button-paper-idle.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn-paper:hover{border-image-source:url(../assets/kit/button-paper-hover.png);transform:translateY(calc(-1 * var(--u)))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-btn-paper:active{border-image-source:url(../assets/kit/button-paper-pressed.png);transform:translateY(var(--u))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-keycap{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:32px;min-height:32px;padding:0 6px 2px;cursor:pointer;background:none;color:var(--ink);font:700 16px/20px var(--px);text-decoration:none;border-style:solid;border-width:calc(2 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u));border-image:url(../assets/kit/keycap-cream-idle.png) 2 2 3 2 fill/calc(2 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-keycap:active,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-keycap[aria-pressed="true"],:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-keycap.is-on{border-image-source:url(../assets/kit/keycap-cream-pressed.png);transform:translateY(var(--u))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-segment{display:grid;justify-items:center;align-content:center;text-align:center;cursor:pointer;background:none;color:var(--ink);border-style:solid;border-width:calc(2 * var(--u)) calc(2 * var(--u)) calc(4 * var(--u));border-image:url(../assets/kit/segment-mid-idle.png) 2 2 4 2 fill/calc(2 * var(--u)) calc(2 * var(--u)) calc(4 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-segment--start{border-image-source:url(../assets/kit/segment-start-idle.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-segment--end{border-image-source:url(../assets/kit/segment-end-idle.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-segment[aria-checked="true"],:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-segment.is-on{background:var(--gold-pale);background-clip:padding-box;box-shadow:0 0 0 calc(2 * var(--u)) var(--gold),0 0 0 calc(3 * var(--u)) var(--ink);position:relative;z-index:1}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-pip{display:inline-grid;place-items:center;flex:none;width:calc(11 * var(--u));height:calc(11 * var(--u));background:url(../assets/kit/step-pip-todo.png) 0 0/100% 100%;font:700 16px/16px var(--px);color:var(--ink)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) [data-state="current"] > .k-pip,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-pip--current{background-image:url(../assets/kit/step-pip-current.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) [data-state="done"] > .k-pip,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-pip--done{background-image:url(../assets/kit/step-pip-done.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) [data-state="done"] > .k-pip > *{visibility:hidden}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble{position:relative;display:inline-block;padding:6px 12px 4px;font:700 17px/24px var(--read);color:var(--ink);text-wrap:balance}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble::after{content:"";position:absolute;width:calc(6 * var(--u));height:calc(5 * var(--u));background:var(--ink)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble[data-tail="down"]::after{bottom:calc(-7 * var(--u));inset-inline-start:calc(50% - 3 * var(--u));clip-path:polygon(0 0,100% 0,50% 100%)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble[data-tail="end"]::after{inset-inline-end:calc(-7 * var(--u));bottom:calc(4 * var(--u));clip-path:polygon(0 0,100% 100%,0 100%)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bubble[data-tail="start"]::after{inset-inline-start:calc(-7 * var(--u));bottom:calc(6 * var(--u));clip-path:polygon(100% 0,100% 100%,0 100%)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]):dir(rtl) .k-bubble[data-tail="end"]::after{clip-path:polygon(100% 0,100% 100%,0 100%)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]):dir(rtl) .k-bubble[data-tail="start"]::after{clip-path:polygon(0 0,100% 100%,0 100%)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bar-energy,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bar-hp{position:relative;display:block;height:calc(10 * var(--u));min-width:calc(40 * var(--u));border-style:solid;border-width:0 calc(2 * var(--u));border-image:url(../assets/kit/bar-energy-frame.png) 0 2 0 2 fill/0 calc(2 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bar-hp{border-image-source:url(../assets/kit/bar-hp-frame.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bar-energy > i,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bar-hp > i{position:absolute;inset-inline-start:0;top:calc(1.5 * var(--u));height:calc(7 * var(--u));background:url(../assets/kit/bar-energy-fill.png) 0 0/var(--u) calc(7 * var(--u)) repeat-x;transition:width .5s steps(6)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bar-energy > i{width:calc(var(--v,0) * 12.5%)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .k-bar-hp > i{width:calc(var(--p,100) * 1%);background-image:url(../assets/kit/bar-hp-fill.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .qcard{display:grid;gap:10px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .qcard__q{font:700 19px/28px var(--read);color:var(--ink)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .qcard__answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .qcard--stack .qcard__answers{grid-template-columns:1fr}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn{width:100%;min-height:48px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:start;padding:0 8px 2px 4px;color:var(--ink);font:700 17px/20px var(--read);background:none;border-style:solid;border-width:calc(5 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));border-image:url(../assets/kit/button-paper-idle.png) 5 4 6 4 fill/calc(5 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u)) stretch}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn[data-state="idle"]:hover{border-image-source:url(../assets/kit/button-paper-hover.png);transform:translateY(calc(-1 * var(--u)))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn[data-state="idle"]:active{border-image-source:url(../assets/kit/button-paper-pressed.png);transform:translateY(var(--u))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem{flex:none;width:calc(16 * var(--u));height:calc(18 * var(--u));margin-block:calc(-4 * var(--u)) calc(-3 * var(--u));background:0 0/calc(32 * var(--u)) calc(18 * var(--u)) no-repeat}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem--red{background-image:url(../assets/gen/arcade-red.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem--blue{background-image:url(../assets/gen/arcade-blue.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem--gold{background-image:url(../assets/gen/arcade-gold.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem--green{background-image:url(../assets/gen/arcade-green.png)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn[data-state="right"]{background:var(--mint);background-clip:padding-box;border-image-source:url(../assets/kit/button-green-idle.png);color:var(--green-edge)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn[data-state="right"] .gem{background:url(../assets/kit/icon-check.png) 50% 50%/calc(9 * var(--u)) calc(8 * var(--u)) no-repeat}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn[data-state="tried"]{background:var(--coral-lite);background-clip:padding-box;cursor:default}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .gem-btn[data-state="locked"]{cursor:default}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .is-nope{animation:kit-nope .25s steps(3)}@keyframes kit-nope{0%{transform:translateX(var(--u))}33%{transform:translateX(calc(-1 * var(--u)))}67%,100%{transform:none}}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .qcard.is-new .qcard__q{animation:kit-m29 .42s steps(1)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .qcard__tag{justify-self:start;display:inline-block;margin:0 0 -2px;padding:0 8px 2px;font:700 14px/20px var(--read);color:var(--ink);white-space:nowrap;background:var(--gold-pale);box-shadow:0 0 0 var(--u) var(--ink)}@keyframes kit-m29{0%{background:var(--cream);color:var(--ink)}20%,99%{color:var(--gold-deep);background:none}}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob{position:relative;display:inline-flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;cursor:pointer;min-width:44px;min-height:44px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob__tag{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--u));pointer-events:none;margin-bottom:calc(2 * var(--u) - var(--tt,0) * 2 * var(--u))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob__nm{font:700 16px/20px var(--px);color:var(--cream);white-space:nowrap;text-shadow:var(--ol-ink)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob__nm em{font-style:normal;color:var(--gold-hi)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob__hp{position:relative;display:block;width:calc(24 * var(--u));height:calc(4 * var(--u));background:#4a1418;box-shadow:0 0 0 var(--u) var(--ink)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob__hp i{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--hp,1) * 100%);background:linear-gradient(#ff8a70 0 var(--u),#e0443a var(--u) calc(3 * var(--u)),#ba3329 calc(3 * var(--u)));transition:width .3s steps(3)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob__spr{display:block;width:calc(24 * 2 * var(--u));height:calc(20 * 2 * var(--u));background:url(../assets/demos/hero/slimelet.png) 0 0/calc(240 * 2 * var(--u)) calc(20 * 2 * var(--u)) no-repeat;margin-bottom:calc(-1 * var(--tb,0) * 2 * var(--u))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob:hover .mob__nm,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob:focus-visible .mob__nm{color:#fff}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob.is-hit .mob__spr{filter:brightness(2.6)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob__dmg{position:absolute;top:10%;left:50%;z-index:6;font:700 32px/32px var(--px);color:#fff;pointer-events:none;white-space:nowrap;direction:ltr;text-shadow:var(--ol-ink),0 4px var(--ink);animation:kit-rise .6s steps(6) forwards}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob__dmg.is-crit{color:var(--gold-hi)}@keyframes kit-rise{from{transform:translate(-50%,0)}to{transform:translate(-50%,calc(-12 * var(--u)))}}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .mob__poof{position:absolute;left:50%;bottom:10%;width:calc(24 * var(--u));height:calc(24 * var(--u));margin-left:calc(-12 * var(--u));pointer-events:none;background:radial-gradient(circle,#fff 0 30%,transparent 31%) 0 0/calc(8 * var(--u)) calc(8 * var(--u));animation:kit-poof .5s steps(4) forwards}@keyframes kit-poof{from{clip-path:inset(30%)}to{clip-path:inset(0);opacity:0}}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .leo{position:relative;display:block;flex:none;width:calc(66 * var(--u));height:calc(72 * var(--u));background:url(../assets/sprites/leo-chibi.png) 0 0/calc(528 * var(--u)) calc(360 * var(--u)) no-repeat;animation:kit-leo8 1.6s steps(8) infinite}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .leo::after{content:"";position:absolute;z-index:-1;left:calc(50% - 20 * var(--u));bottom:var(--u);width:calc(40 * var(--u));height:calc(6 * var(--u));background:rgb(42 29 69/.22);clip-path:polygon(0 34%,10% 0,90% 0,100% 34%,100% 66%,90% 100%,10% 100%,0 66%)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .leo--talk{background-position-y:calc(-72 * var(--u))}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .leo--wave{background-position-y:calc(-144 * var(--u));animation-duration:1.4s}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .leo--cheer{background-position-y:calc(-216 * var(--u));animation-duration:1s}@keyframes kit-leo8{to{background-position-x:calc(-528 * var(--u))}}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .guide{display:flex;align-items:flex-end;gap:8px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .guide .k-bubble{margin-bottom:calc(44 * var(--u));max-width:240px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:1px 7px 2px;font:700 13px/18px var(--read);color:var(--ink);background:var(--cream);white-space:nowrap;box-shadow:inset 0 0 0 2px var(--ink),inset 0 -4px 0 rgb(59 34 24/.12)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip .k-icon{width:16px;height:16px;margin-block:-2px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--kind{background:var(--gold-pale)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--real{background:var(--lavender)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--in-game{background:var(--mint)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--alpha-build{background:var(--ice)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--lab{background:var(--violet-lite)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--concept{background:var(--sand)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--date{background:none;box-shadow:none;padding-inline:2px;color:var(--ink-soft);font-weight:600}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--min{background:var(--cream)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--new{background:var(--red);color:#fff;box-shadow:inset 0 0 0 2px var(--ink),inset 0 -4px 0 var(--red-deep);font-family:var(--px);font-size:14px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .chip--upd{background:var(--green-hi)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .t-h3,:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .t-label{font-family:var(--px);font-weight:700;letter-spacing:0;text-wrap:balance}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .t-h3{font-size:32px;line-height:36px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .t-label{font-size:16px;line-height:20px}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .t-ui{font:700 17px/24px var(--read)}:is([data-demo="energy-loop"],[data-demo="slime-guardian"],[data-demo="mirror-bridge"],[data-demo="monster-book"]) .t-small{font:500 15px/20px var(--read)}