*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}.maintainer{position:relative;top:0;z-index:1;width:100%;max-width:640px;height:100%;display:flex;flex-direction:column;}.maintainer>*{width:100%;box-sizing:border-box;}.maintainer>*{width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;}.play-wrap{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;margin-bottom:12rem;z-index:2004}.play-wrap::-webkit-scrollbar{display:none;}.play-wrap.fade{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 10px,black calc(100% - 5px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 10px,black calc(100% - 5px),transparent 100%);}.source-wrap{position:relative;z-index:2005;}.btns{position:absolute;top:0;width:100%;max-width:640px;}body:has(.modal.puzzles.appear) .btns{opacity:.4}.btn.round.puzzles i.pink{background:linear-gradient(130deg,var(--blue) 30%,var(--pink) 60%);background-clip:text;font-weight:bold;color:transparent}.btns>div{position:absolute;top:1rem;display:flex;flex-direction:column;gap:1.2rem}.btns .east{right:.8rem;transition:opacity .4s}.btns .west{left:.8rem}.btn.round.question{font-weight:100}.btn.round.question .dotted{font-weight:bold;background:radial-gradient(circle,#ffffff 30%,transparent 60%);background-size:2px 2px;-webkit-background-clip:text;background-clip:text;font-size:larger;color:transparent}body:has(.shodal) .east .btn,body:has(.shodal) .west .btn{opacity:.3}.landscape-error{display:none;}@media screen and (orientation:landscape) and (max-device-width:1024px) and (max-height:500px) and (pointer:coarse){.landscape-error:not(.dismissed){position:fixed;top:0;right:0;width:100%;height:100%;color:#fff;font-size:1.2rem;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.landscape-error .morphers div{display:inline}.rotate_icon{font-size:2em;transform:rotate(-90deg) rotateX(180deg)}body>:not(.landscape-error){display:none}}.playarea{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;justify-content:flex-start;z-index:1;overflow-y:auto;overflow-anchor:none;scroll-snap-type:y mandatory;overflow-x:hidden}@media only screen and (min-width:580px){body{font-size:1.7rem}}.source-wrap,.play-wrap,.numerus{transition:opacity .2s;}body:has(.shodal):not(:has(.drawer.appear)) .source-wrap,body:has(.shodal):not(:has(.drawer.appear)) .play-wrap,body:has(.shodal):not(:has(.drawer.appear)) .numerus{opacity:0;transition:opacity .2s;}body:has(.shodal):has(.review.appear) .source-wrap,body:has(.shodal):has(.review.appear) .play-wrap,body:has(.shodal):has(.review.appear) .numerus{opacity:.2;transition:opacity .2s;}.logo{position:relative;width:100%;max-width:100%;height:105px;height:5.5rem;background-size:contain;background-size:100% auto;background-position:center;background-repeat:no-repeat;opacity:.5;color:rgb(180,180,180);display:flex;justify-content:center;align-items:center;background-image:url(../images/morphrase_logo.png);transition:filter .3s;opacity:1;font-family:"Megrim",system-ui;font-family:"Expletus Sans",sans-serif;font-weight:400;font-style:normal;flex-shrink:0}@media only screen and (min-width:580px){.logo{height:6.5rem}}@media only screen and (min-width:0){.logo{max-width:80%;width:55%}}.source,.typebox,.target,.inter{position:relative;text-align:center;width:100%;color:white;padding:.375em}.numerus{color:var(--blue);text-shadow:1px 0 var(--pink);font-size:small;position:absolute;left:50%;width:4rem;text-align:left;transform:translateX(-1rem);bottom:10px;color:#444444;text-shadow:unset;font-family:"Expletus Sans",sans-serif;white-space:nowrap}.numerus{color:var(--blue);text-shadow:1px 0 var(--pink);font-size:small;position:absolute;left:unset;right:1.5%;transform:none;bottom:5%;width:auto;text-align:right;color:#444444;text-shadow:unset;white-space:nowrap;font-family:"Expletus Sans",sans-serif}.btns .numerus{position:relative;text-align:right;padding-right:.5rem}stem{color:rgb(150 150 150)}.worder stem{color:rgb(150 150 150)}stem:nth-child(even),.worder stem:nth-child(even){color:rgb(220 220 220)}.synth .source{border-bottom:1px solid var(--border-color-50);border-image:linear-gradient(to right,transparent 0%,transparent 20%,#03c3ff 40%,#bf3ad5 60%,transparent 80%,transparent 100%) 1;z-index:2003}.synth .playarea.zig .source{border-image:linear-gradient(to right,transparent 0%,transparent 20%,#03c3ff 30%,transparent 37%,transparent 39%,#627fec 43%,#627fec 45%,transparent 49%,transparent 51%,#905ad9 55%,#905ad9 57%,transparent 61%,transparent 63%,#bf3ad5 70%,transparent 80%,transparent 100%) 1}.source.ballerina,.target.ballerina{-webkit-transition:transform 1s 0s;transition:transform 1s 0s;transform:rotateY(360deg)}.playarea .words{width:100%;height:auto;display:flex;flex-direction:column;max-width:100%;position:relative;padding-top:.75rem}.accepted.word{position:relative;text-align:center;width:100%;border-left:none;border-right:none;color:rgb(211,211,211);color:rgb(116 116 116);border-radius:6px;height:0;opacity:0;z-index:20;transition:height .3s,opacity 0s .3s;transition:height .3s ease,opacity 0s .3s}.accepted.word.grow{opacity:1;transition:height .3s 0s ease,opacity 0s 0s!important;height:1.6em}.words.collapsed .accepted.word.grow{height:0;opacity:0}.playarea:has(.target.acquired) .words .accepted.word.grow{transition:height .3s 0s ease,opacity .4s ease-in 0s!important}.playarea:has(.target.acquired) .words.collapsed .accepted.word.grow{transition:height .3s 0s ease,opacity .1s 0s!important}.collapshare{opacity:0;position:absolute;z-index:2005;top:0;display:flex;align-items:center;justify-content:center;--target-height:4rem;height:4rem;border:1px solid rgb(42 42 42);pointer-events:none;transition:transform .3s ease,height .3s ease,opacity .2s}.collapshare.left{left:2rem;border-right:none}.collapshare.right{right:2rem;border-left:none}.collapshare .btn{background-color:rgb(16 16 16);background-color:rgb(28 28 28);position:absolute}.collapshare .btn.round.collapse{transform:translateX(-50%);left:0}.collapshare .btn.round.share.route{transform:translateX(50%);right:0}.maintainer .collapshare{width:2rem;top:calc(100% - 1px)}.maintainer:has(.target.acquired) .collapshare{opacity:1;pointer-events:auto;height:var(--target-height);transition:transform .3s ease,height .3s ease,opacity .6s ease-out,border-bottom-color 0s}.maintainer .ph-arrows-in-line-vertical{display:block}.maintainer:has(.words.collapsed) .ph-arrows-in-line-vertical{display:none}.maintainer .ph-arrows-out-line-vertical{display:none}.maintainer:has(.words.collapsed) .ph-arrows-out-line-vertical{display:block}.maintainer:has(.words.collapsed) .collapshare{height:0;border-bottom-color:transparent;transition:transform .3s ease,height .3s ease,opacity .6s ease-out,border-bottom-color .1s .2s}.logo-wrap{--target-gap:0;margin-top:0;transition:margin-top .3s ease}.logo-wrap.moving{margin-top:var(--target-gap)}.inter{transition:height .3s 0s,opacity .2s .1s,margin .3s,transform .2s!important;height:1.6em;padding:0;flex-shrink:0}.inter.slup{transform:translateY(-95%);transform:translateY(-94%)}.typebox.slup{transform:translateY(-105%);transform:translateY(-106%);transition:opacity .2s .1s,transform .3s ease!important}.inter.slown{transform:translateY(95%);transform:translateY(94%);transition:opacity .2s .1s,transform .3s ease!important}.typebox.slown{transform:translateY(105%);transform:translateY(106%);transition:opacity .2s .1s,transform .3s ease!important}.inter.shrink{opacity:0;height:0}.typebox{position:relative;text-align:center;display:flex;justify-content:center;color:white;width:100%;border-radius:6px;padding:0;z-index:2001;flex-shrink:0;height:2rem;height:1.5em;max-width:10em}.typebox.beneath{z-index:1}.typebox .fauxput{width:100%;height:100%;background-color:transparent;color:transparent;position:absolute;top:-.25rem;left:0;border:none;outline:none;border-radius:inherit;font-size:inherit}input[type="text"].fauxput{border:none;background:transparent;outline:none;box-shadow:none;padding:0;margin:0;-webkit-appearance:none;appearance:none}input[type="text"].fauxput:-webkit-autofill,input[type="text"].fauxput:-webkit-autofill:hover,input[type="text"].fauxput:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset;box-shadow:0 0 0 1000px white inset;transition:background-color 5000s ease-in-out 0s}.typebox .error{position:absolute;right:calc(100% + .7rem);margin-top:.2rem}.typebox .error i{display:none;line-height:inherit}.typebox.rules .error.rules i{display:inline;color:rgb(255 41 117)}.typebox.dict .error.dict i{display:inline;color:rgb(255,198,66)}.boxer{position:absolute;width:100%;height:100%;border:1px solid white;border-radius:6px;background-color:#ffffff33;background-color:#383838;top:-.15rem}@media screen and (min-width:580px){.boxer{top:-.25rem}}.synth .boxer{width:100%;border:none;background-color:transparent;background-color:rgb(22 22 22);border:1px solid #080808}.boxer.blue{border:1px solid var(--blue);background-color:rgb(0 117 255 / 10%)}.boxer.green{border:1px solid var(--green);background-color:rgb(0 255 173 / 14%)}.boxer.yellow,.typebox.dict .boxer{border:1px solid var(--yellow);background-color:rgb(255 198 66 / 14%)}.boxer.orange{border:1px solid var(--orange);background-color:rgb(61 36 22)}.boxer.red,.typebox.rules .boxer{border:1px solid var(--red);background-color:rgb(255 41 117 / 14%)}.expander{width:fit-content;position:relative;min-width:1px;contain:paint;height:78%}.expander.temp_hide{animation:temp_hide 2.2s linear}@keyframes temp_hide{0%{opacity:0}90%{opacity:0}100%{opacity:1}}.synth .worder.hilite{background-color:rgb(10 83 108)}.worder{width:auto;white-space:nowrap}.worder.hilite{background-color:rgb(15 100 220)}.worder.delayin{animation:delayin .3s linear}@keyframes delayin{0%{opacity:0}99%{opacity:0}100%{opacity:1}}.caret{position:absolute;right:0;width:1px;background-color:white;height:78%;top:0;will-change:opacity;transform:translateZ(0)}.caret.blink{display:none}.cart{position:absolute;opacity:1;top:0;left:0;min-width:1px;min-height:100%;color:transparent}.cart::after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background-color:white;opacity:0;will-change:opacity}.expander.crt .cart::after{animation:blink-step 1s steps(1) infinite}.expander.crt:has(.hilite) .cart::after{animation-play-state:paused}.cart.opaque{animation:none!important;opacity:1!important}.expander_zzz::after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background-color:white;opacity:0;will-change:opacity}@keyframes blink-step{0%,100%{opacity:1}50%{opacity:0}}.target_height_keeper{position:relative;max-width:640px}.synth .target_height_keeper{position:relative;width:100%;margin-top:.3rem}.target{top:0;opacity:1;border-top:1px solid white;border-image:linear-gradient(to right,transparent 0%,transparent 20%,#03c3ff 40%,#bf3ad5 60%,transparent 80%,transparent 100%) 1;-webkit-transition:opacity .3s 0s,top .3s 0s,transform 1s 0s;transition:opacity .3s 0s,top .3s 0s,transform 1s 0s}.target.acquired{top:-52px;opacity:0;-webkit-transition:opacity .3s 0s,top .3s 0s,transform 1s 0s;transition:opacity .3s 0s,top .3s 0s,transform 1s 0s}.target.unacquired{top:0;opacity:1;-webkit-transition:opacity .3s 0s,top .3s 0s,transform 1s 0s;transition:opacity .3s 0s,top .3s 0s,transform 1s 0s}.target.acquired + .cg_wrap{display:none}.target.camo{color:transparent}.cg_wrap{position:absolute;white-space:nowrap;color:rgb(32 32 32)}.cg_wrap .camogap{display:inline-block;width:3rem}.cg_wrap{display:flex;justify-content:center;width:10rem}.cg_wrap::before{content:"[";transform:translateX(-2rem);animation:moveLeft 8s ease-in-out infinite}.cg_wrap::after{content:"]";transform:translateX(2rem);animation:moveRight 8s ease-in-out infinite}@keyframes moveLeft{0%,100%{transform:translateX(-3rem)}50%{transform:translateX(-1.5rem)}}@keyframes moveRight{0%,100%{transform:translateX(3rem)}50%{transform:translateX(1.5rem)}}.levend{position:absolute;width:auto;height:80%;height:1.2rem;width:1.5rem;font-size:.9em;line-height:inherit;text-align:right;bottom:calc(100% + .6rem);margin-left:-.25rem;display:none;align-items:center;justify-content:center;transition:opacity .4s,left .3s,bottom .3s;border:1px solid rgb(160 160 160);clip-path:polygon(0% 0%,10% 0%,10% 10%,90% 10%,90% 0%,100% 0%,100% 100%,90% 100%,90% 90%,10% 90%,10% 100%,0% 100%);border-radius:4px;clip-path:polygon(0% 0%,20% 0%,20% 10%,80% 10%,80% 0%,100% 0%,100% 100%,80% 100%,80% 90%,20% 90%,20% 100%,0% 100%);border-radius:3px;white-space:pre}.levend smaller{position:relative;top:1px}.levend.bare{border:none;clip-path:unset}.levend.sour{position:absolute;left:80%;bottom:.8rem;display:flex;align-items:center;transition:transform .25s .04s ease-out,left .3s,opacity .2s .05s}.maintainer:has(.accepted:not(.ignore)) .levend.sour{transform:translateY(2rem);opacity:0;transition:transform .22s ease-out,left .3s,opacity .2s .1s}.maintainer:not(:has(.accepted:not(.ignore))) .levend:not(.sour){opacity:0}.playarea:has(.accepted:not(.ignore)) .levend{left:calc(100% + .5rem)}.playarea:has(.accepted:not(.ignore)) .levend.side{bottom:calc(100% + .5rem)}@media screen and (min-width:580px){.playarea:has(.accepted:not(.ignore)) .levend.side{bottom:calc(100% + 1.5rem)}.levend.sour{bottom:1rem}.levend{height:1.8rem;width:2rem;margin-left:unset;bottom:calc(100% + 1rem)}.levend smaller{position:relative;top:2px}}.levend.exposed{display:flex;opacity:.8}.levend.invis{opacity:0}.levend.eclipse{border:none;box-shadow:2px -2px 4px white,0 2px 2px #ff1bdf,0px -2px 2px #006bff;animation:eclipse 10s linear infinite}@keyframes eclipse{0%{box-shadow:2px 2px 4px white,0 2px 2px #ff1bdf,0px -2px 2px #006bff}25%{box-shadow:2px -2px 4px white,0 2px 2px #ff1bdf,0px -2px 2px #006bff}50%{box-shadow:-2px -2px 4px white,0 2px 2px #ff1bdf,0px -2px 2px #006bff}75%{box-shadow:-2px 2px 4px white,0 2px 2px #ff1bdf,0px -2px 2px #006bff}100%{box-shadow:2px 2px 4px white,0 2px 2px #ff1bdf,0px -2px 2px #006bff}}@keyframes threeclipse{0%{box-shadow:2px 2px 4px white,-2px -2px 1px #ff1bdf,2px -2px 1px #15a1ff}25%{box-shadow:2px -2px 4px white,-2px 2px 1px #ff1bdf,-2px -2px 1px #15a1ff}50%{box-shadow:-2px -2px 4px white,2px 2px 1px #ff1bdf,-2px 2px 1px #15a1ff}75%{box-shadow:-2px 2px 4px white,2px -2px 1px #ff1bdf,2px 2px 1px #15a1ff}100%{box-shadow:2px 2px 4px white,-2px -2px 1px #ff1bdf,2px -2px 1px #15a1ff}}.score{color:gray;text-align:center;display:flex;justify-content:center;padding-bottom:4em;width:100%}.btn.round.review{bottom:16rem;opacity:0;position:absolute;transition:transform .2s,border .2s,background-color .2s,opacity .3s;z-index:2005;pointer-events:none}@media screen and (min-width:540px){.btn.round.review{bottom:18rem}.logo-wrap{padding-bottom:1rem}}.choose .btn.round.revdif{filter:grayscale(.6)}.choose .btn.round.revdif.selected{filter:grayscale(0)}.choose .btn.round.revenj{color:gray}.choose .btn.round.revenj.selected{color:white;border:1px solid white}.choose .btn.round.selected{border:1px solid white}.btn.round.enjoy{right:.8rem}.btn.round.difficulty{left:.8rem}.ki{height:90%;width:90%;background-image:url(../images/gauge_yellow.png);background-size:contain;background-repeat:no-repeat;filter:grayscale(1)}.ki.ki-gauge.green{background-image:url(../images/gauge_green.png);filter:grayscale(0)}.ki.ki-gauge.yellow{background-image:url(../images/gauge_yellow.png);filter:grayscale(0)}.ki.ki-gauge.red{background-image:url(../images/gauge_red.png);filter:grayscale(0)}.keyboard .btn.round.thumb{top:-6rem;z-index:2005}.keyboard .btn.round.thumb.down{left:.8rem}.keyboard .btn.round.thumb.up{right:.8rem}.maintainer:not(.standard):has(.target.acquired) .btn.round.review{opacity:1;transition:transform .2s,border .2s,background-color .2s,opacity .5s .5s;pointer-events:all}.compression .score{padding-bottom:2px;flex-shrink:0}.tally{transform:scale(1);opacity:.5;margin-top:0;transition:scale .1s 0s,opacity .1s 0s,margin-top .1s 0s;display:flex;align-items:center;justify-content:center}.tally.done{transform:scale(2);opacity:.9;margin-top:-12px;-webkit-transition:font-size .3s 0s,opacity .3s 0s,margin-top .3s 0s;transition:font-size .3s 0s,opacity .3s 0s,margin-top .3s 0s;transition:transform .3s 0s,opacity .3s 0s,margin-top .3s 0s}.tally.undone{transform:scale(1);opacity:.5;margin-top:0;padding-bottom:2rem;-webkit-transition:font-size .3s 0s,opacity .3s 0s,margin-top .3s 0s;transition:font-size .3s 0s,opacity .3s 0s,margin-top .3s 0s;transition:transform .3s 0s,opacity .3s 0s,margin-top .3s 0s}.tally .step.count{font-size:46px;font-size:1.7em}.tally .letter.count{position:absolute;left:100%;top:-4px;font-size:.9em}.step.count.pop{animation:stepsPop .2s ease-out}.step.count.un.pop{animation:stepsUnPop .3s ease-out}.letter.count.pulse{animation:lettersPulse .2s ease-out}.letter.count.un.pulse{animation:lettersUnPulse .3s ease-out}@keyframes stepsPop{0%{transform:scale(1);color:unset}50%{transform:scale(1.6);color:rgb(200,200,200)}100%{transform:scale(1);color:unset}}@keyframes stepsUnPop{0%{transform:scale(1);color:unset}50%{transform:scale(.8);color:rgb(110,110,110)}100%{transform:scale(1);color:unset}}@keyframes lettersPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.4);filter:brightness(1.2)}100%{transform:scale(1);filter:brightness(1)}}@keyframes lettersUnPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(.8);filter:brightness(.9)}100%{transform:scale(1);filter:brightness(1)}}.tally.blue .count{color:var(--blue)}.tally.green .count{color:var(--green)}.tally.yellow .count{color:var(--yellow)}.tally.orange .count{color:var(--orange)}.tally.red .count{color:var(--red)}.wtf_contain{position:relative;width:3rem;width:100%;height:3rem;display:flex;align-items:center;justify-content:center;z-index:200;margin-bottom:1rem}.typebox .wtf_contain{position:absolute;left:calc(100% + 3rem);top:40%;transform:translateY(-50%);z-index:200;margin-bottom:unset}.btn.round.wtf{width:2.4rem;height:2.4rem;position:relative}.wtf_contain .qe{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center;top:0;left:0;font-size:.7em;color:#ccc}.wtf_contain .teach{position:absolute;width:96%;left:102%}@keyframes pulse-glow{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,123,255,.7)}70%{transform:scale(1);box-shadow:0 0 0 .9rem rgba(0,123,255,0)}100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,123,255,0)}}@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}@property --glow-color{syntax:'<color>';initial-value:skyblue;inherits:false}.btn.round.wtf{border:1px solid transparent;background:linear-gradient(var(--button-bg),var(--button-bg)) padding-box,conic-gradient(from var(--angle),transparent 0%,var(--glow-color) 20%,transparent 60%) border-box,linear-gradient(#444,#444) border-box;animation:spin 10s linear infinite,morph-color 5s ease-in-out infinite}.btn.round.wtf{border:none;animation:eclipse 10s linear infinite}.btn.round.wtf_not_working::before{content:"";position:absolute;top:-10px;left:-10px;bottom:-10px;right:-10px;background:radial-gradient(circle at center,var(--glow-color) 0%,transparent 70%);border-radius:50%;z-index:-1;filter:blur(8px);transform:rotate(var(--angle)) translateY(-50%);transform-origin:center;animation:spin 10s linear infinite}.btn.round.wtf.white{border:1px solid transparent;background:linear-gradient(var(--button-bg),var(--button-bg)) padding-box,conic-gradient(from var(--angle),transparent,rgba(255,255,255,.8) 10%,transparent 20%) border-box,linear-gradient(#444,#444) border-box;animation:spin 4s linear infinite}@keyframes spin{from{--angle:0deg}to{--angle:360deg}}@keyframes morph-color{0%,100%{--glow-color:skyblue}50%{--glow-color:hotpink}}.taunt{color:#CCC;width:100%;text-align:center;bottom:calc(100% - 3px);font-size:.7em;font-weight:bold;padding-bottom:.5em;padding-top:2em;background:linear-gradient(to bottom,transparent 0%,#101010 90%,#101010 100%);display:flex;flex-direction:column;justify-content:center;z-index:2004}.keyboard .taunt{position:absolute;bottom:100%}.anchor{height:1px;margin-top:-1px;overflow-anchor:auto;scroll-snap-align:end}.difficulty-slider{position:absolute;z-index:10000;right:1.75rem;bottom:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;user-select:auto;}.difficulty-slider{display:flex;flex-direction:column;align-items:center;touch-action:none;user-select:none;}.track{width:15px;height:6rem;border-radius:10px;background:linear-gradient(to top,var(--green),var(--yellow),var(--red));position:relative;cursor:pointer;}.slider-value{position:absolute;right:150%;top:50%;transform:translateY(-50%);font-weight:bold;font-size:1em;color:white;text-shadow:0 2px 4px rgba(0,0,0,.3);width:50px;text-align:right;pointer-events:none;}#loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:all}.loader-circle{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:loadspin 1s linear infinite}@keyframes loadspin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sg_loading{position:absolute;width:100%;height:100%;z-index:3000;background-color:rgb(0 0 0 / 40%);display:none;align-items:center;justify-content:center;}.sg_loading.active{display:block;}.sg_loading.active .sg .loadnote{position:absolute;top:100%;margin-top:1rem;font-size:1rem;color:white;white-space:nowrap;text-align:center;left:50%;transform:translateX(-50%);width:fit-content;width:auto;}.sg{position:absolute;left:50%;top:50%;height:16%;aspect-ratio:1;transform:translate(-50%,-50%);}.sg_loading .sg>div{height:100%;width:100%;position:absolute;top:0;left:0;background-size:contain;}.s_left{background-image:url(../images/sg_logo/S_left_sm.png);animation:spinCW 1.2s ease-in-out infinite;transform-origin:61% 50%;filter:hue-rotate(100deg);}.s_right{background-image:url(../images/sg_logo/S_right_sm.png);animation:spinCW 1.2s ease-in-out infinite;transform-origin:38% 50%;filter:hue-rotate(100deg);}.g_center{background-image:url(../images/sg_logo/G_sm.png);filter:hue-rotate(220deg);animation:hueRotate 1.2s linear infinite;}@keyframes spinCW{0%{transform:rotate(0deg);filter:hue-rotate(100deg)}50%{filter:hue-rotate(220deg)}90%{transform:rotate(360deg)}100%{filter:hue-rotate(100deg);transform:rotate(360deg)}}@keyframes spinCCW{0%{transform:rotate(0deg);filter:hue-rotate(100deg)}50%{filter:hue-rotate(220deg)}90%{transform:rotate(-360deg)}100%{filter:hue-rotate(100deg);transform:rotate(-360deg)}}@keyframes hueRotate{0%{filter:hue-rotate(220deg)}50%{filter:hue-rotate(100deg)}100%{filter:hue-rotate(220deg)}}