.practice-app section>h2{font-family:Roboto,sans-serif;font-weight:300}.practice-app .what_next>p,.practice-app section>h2{text-shadow:0 1px 0 var(--c-font-shadow)}.practice-app .study{display:flex;flex-flow:row nowrap;align-items:center}.practice-side__header .practice-side__title,.practice-side__header,.practice-side{display:flex;flex-flow:column}.practice-app .study,.practice-side{border-radius:7px}.practice-side .progress .bar{border-radius:0 7px 7px 0}html.transp .practice-side{backdrop-filter:blur(6px)}.practice-side{border:1px solid var(--c-border)}html:not([dir=rtl]) .ribbon-wrapper{right:-3px}html[dir=rtl] .ribbon-wrapper{left:-3px}.ribbon-wrapper{display:block;width:88px;height:88px;overflow:hidden;position:absolute;top:-4px}@media(max-width: 500px){html:not([dir=rtl]) .ribbon-wrapper{right:-13px}html[dir=rtl] .ribbon-wrapper{left:-13px}.ribbon-wrapper{scale:.75;top:-14px}}.ribbon{--ribbon-fade: #1111116e}html.light .ribbon{--ribbon-fade: #1111113e}html:not([dir=rtl]) .ribbon{left:-4px}html[dir=rtl] .ribbon{right:-4px}.ribbon{display:block;font-size:15px;font-weight:bold;text-align:center;text-shadow:hsla(0,0%,100%,.5) 0 1px 0;position:relative;padding:7px 0;top:15px;width:120px;color:#5c5c5c;box-shadow:1px 0 3px rgba(0,0,0,.3);transform:rotate(45deg)}html[dir=rtl] .ribbon{transform:rotate(-45deg)}.ribbon icon{color:var(--c-brag);animation:.6s soft-hue ease-in-out infinite;text-shadow:0 -0.5px 1px rgba(0,0,0,.5)}.ribbon icon:nth-child(2){animation-delay:.2s}.ribbon icon:nth-child(3){animation-delay:.4s}.ribbon::before,.ribbon::after{content:"";width:32px;height:100%;position:absolute;top:0;mix-blend-mode:overlay}html:not([dir=rtl]) .ribbon::before{left:0}html[dir=rtl] .ribbon::before{right:0}.ribbon::before{background:linear-gradient(90deg, var(--ribbon-fade), transparent)}html:not([dir=rtl]) .ribbon::after{right:0}html[dir=rtl] .ribbon::after{left:0}.ribbon::after{background:linear-gradient(270deg, var(--ribbon-fade), transparent)}.ribbon.done{background-color:#c5e791;box-shadow:1px 0 3px rgb(from var(--c-secondary) r g b/calc(alpha * 0.5))}.ribbon.ongoing{background-color:#bddffa;box-shadow:1px 0 3px rgb(from var(--c-primary) r g b/calc(alpha * 0.5))}.ribbon.future{background-color:hsl(from var(--c-future) h s calc(l + 22));box-shadow:1px 0 3px rgb(from var(--c-future) r g b/calc(alpha * 0.5))}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}.practice-app section>h2{font-size:2em;letter-spacing:8px;text-transform:uppercase;color:#999;text-align:center}.practice-app .studies{---min-width: 400px}@media(max-width: 500px){.practice-app .studies{---min-width: calc(100vw - 2em);padding:0 .5em}}.practice-app .studies{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(---min-width), 1fr));gap:1em;margin:1.5em 0 3em 0}.practice-app .study{transition:all 150ms ease}html.transp .practice-app .study{backdrop-filter:blur(6px)}.practice-app .study{position:relative;min-height:90px;color:#fff;box-shadow:0 3px 5px 0 rgba(0,0,0,.07);font-size:1.2em;border:1px solid var(--c-border);background:var(--c-bg-box);padding-right:3em}html.light .practice-app .study{color:var(--c-font)}html.light .practice-app .study icon{filter:brightness(0.15)}@media(max-width: 500px){.practice-app .study{min-height:fit-content;padding:6px 3em 6px 0}.practice-app .study p{margin-top:2px}}.practice-app .study icon{width:70px;height:70px;margin:0 1em;opacity:.6;background-repeat:no-repeat;background-position:center;flex-shrink:0}@media(max-width: 500px){.practice-app .study icon{width:50px;height:64px}}.practice-app .study h3{font-size:1.5em;line-height:1}.practice-app .study p{margin:4px 0 0 0;line-height:1.2;opacity:.8}.practice-app .study.ongoing{border-color:rgb(from var(--c-primary) r g b/calc(alpha * 0.5));background:linear-gradient(0deg, rgb(from var(--c-primary) r g b/calc(alpha * 0.4)), rgb(from var(--c-primary) r g b/calc(alpha * 0.2)) 100px)}.practice-app .study.ongoing .attention-effect{--border-angle: 0turn;--gradient-border: conic-gradient( from var(--border-angle), transparent 25%, hsl(from var(--c-primary) h s calc(l + 30)), rgb(from var(--c-primary) r g b/calc(alpha * 0.2)) );position:absolute;inset:-1px;z-index:-1;border:3px solid rgba(0,0,0,0);border-radius:7px;background:var(--gradient-border) border-box,rgba(0,0,0,0) border-box;background-position:center center;animation:bg-spin 3.5s linear infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}@keyframes bg-spin{to{--border-angle: 1turn}}html.light .practice-app .study.ongoing{background:linear-gradient(180deg, rgb(from var(--c-primary) r g b/calc(alpha * 0.4)), rgb(from var(--c-primary) r g b/calc(alpha * 0.2)) 100px)}html.light .practice-app .study.ongoing .attention-effect{--border-angle: 0turn;--gradient-border: conic-gradient( from var(--border-angle), transparent 25%, hsl(from var(--c-primary) h s calc(l - 25)), rgb(from var(--c-primary) r g b/calc(alpha * 0.2)) );position:absolute;inset:-1px;z-index:-1;border:3px solid rgba(0,0,0,0);border-radius:7px;background:var(--gradient-border) border-box,rgba(0,0,0,0) border-box;background-position:center center;animation:bg-spin 3.5s linear infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}@keyframes bg-spin{to{--border-angle: 1turn}}.practice-app .study.done{border-color:rgb(from var(--c-secondary) r g b/calc(alpha * 0.65));background:linear-gradient(0deg, rgb(from var(--c-secondary) r g b/calc(alpha * 0.4)), rgb(from var(--c-secondary) r g b/calc(alpha * 0.2)) 100px)}html.light .practice-app .study.done{background:linear-gradient(180deg, rgb(from var(--c-secondary) r g b/calc(alpha * 0.4)), rgb(from var(--c-secondary) r g b/calc(alpha * 0.2)) 100px)}.practice-app .study.future{border-color:rgb(from var(--c-future) r g b/calc(alpha * 0.65));background:linear-gradient(0deg, rgb(from var(--c-future) r g b/calc(alpha * 0.4)), rgb(from var(--c-future) r g b/calc(alpha * 0.2)) 100px)}html.light .practice-app .study.future{background:linear-gradient(180deg, rgb(from var(--c-future) r g b/calc(alpha * 0.4)), rgb(from var(--c-future) r g b/calc(alpha * 0.2)) 100px)}.practice-app .study.active,.practice-app .study:hover{transform:scale(1.025)}.practice-app .what_next>p{width:100%;text-align:center;margin:20px 0;font-size:1.2em}.practice-side .progress{border-radius:7px;position:relative;height:30px;color:var(--c-over);background:#1a75d0;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);overflow:hidden}.practice-side .progress .bar{height:100%;background:#1566b2;background-image:url("../images/grain.png");transform:translateX(-100px);animation:animated-background 50s linear infinite,animated-bar 1s forwards}html:not([dir=rtl]) .practice-side .progress .text{left:0}html[dir=rtl] .practice-side .progress .text{right:0}.practice-side .progress .text{position:absolute;top:0;width:100%;line-height:30px;z-index:3}@keyframes animated-background{from{background-position:0 0}to{background-position:0 1000%}}@keyframes animated-bar{from{transform:translateX(-100px)}to{transform:translateX(0)}}.practice-side{gap:1em;background:var(--c-bg-box);text-align:center;align-self:start;padding:1em 1.25em}@keyframes fat-glide{50%{transform:translateY(-4px)}}.practice-side__decoration{display:block;width:160px;aspect-ratio:1;margin:auto;opacity:.7}html.light .practice-side__decoration{filter:brightness(0.15)}.practice-side:hover .practice-side__decoration{animation:1.5s fat-glide ease-in-out infinite}.practice-side__header{gap:1em}.practice-side__header .practice-side__title{justify-content:center}.practice-side__header h1{font-size:3.3em}.practice-side__header h2{font-size:1.3em}@media(max-width: 800px){.practice-side__header{flex-flow:row nowrap;gap:var(---block-gap);text-align:left}.practice-side__header .practice-side__decoration{width:min(100px,30vw);margin:0}}.practice-side form{text-align:center;font-size:.9em}.practice-side form button{opacity:.6;color:var(--c-font)}.practice-side form button:hover{opacity:1}icon.practice{background:url("../images/practice/help.svg");background-size:cover}[class=ptQ1LLvm]{background-image:url("../hashed/backstab.bb8833ce.svg")}[class=E1lqtqFt]{background-image:url("../hashed/arrowed.6bd87e56.svg")}[class=xebrDvFe]{background-image:url("../hashed/key.b6b8d59a.svg")}[class=A4ujYOer]{background-image:url("../hashed/push.7882cc11.svg")}[class="9ogFv8Ac"]{background-image:url("../hashed/voodoo-doll.5e833c96.svg")}[class=Qj281y1p]{background-image:url("../hashed/trident.26d9dea3.svg")}[class=tuoBxVE5]{background-image:url("../hashed/pierced-body.189eeba8.svg")}[class=BJy6fEDf]{background-image:url("../hashed/stone-pile.2045b925.svg")}[class=Rg2cMBZ6]{background-image:url("../hashed/stone-spear.53a97b15.svg")}[class=fE4k21MW]{background-image:url("../hashed/pocket-bow.1295d1a2.svg")}[class="8yadFPpU"]{background-image:url("../hashed/sword-in-stone.2db3151c.svg")}[class=PDkQDt6u]{background-image:url("../hashed/catapult.febc1abe.svg")}[class="96Lij7wH"]{background-image:url("../hashed/musket.13caa469.svg")}[class=o734CNqp]{background-image:url("../hashed/breaking-chain.6c118dee.svg")}[class="9cKgYrHb"]{background-image:url("../hashed/cement-shoes.9bd50f3c.svg")}[class=MnsJEWnI]{background-image:url("../hashed/boxing-glove-surprise.a0498d80.svg")}[class=ITWY4GN2]{background-image:url("../hashed/two-shadows.6d63b523.svg")}[class=lyVYjhPG]{background-image:url("../hashed/skeletal-hand.1c2d0d49.svg")}[class=s5pLU7Of]{background-image:url("../hashed/trojan-horse.b65a4037.svg")}[class=kdKpaYLW]{background-image:url("../hashed/divert.70dd03d5.svg")}[class=jOZejFWk]{background-image:url("../hashed/magnet.08cae37e.svg")}[class="49fDW0wP"]{background-image:url("../hashed/upgrade.35df0ef8.svg")}[class="0YcGiH4Y"]{background-image:url("../hashed/quicksand.0f5d74c5.svg")}[class=CgjKPvxQ]{background-image:url("../hashed/back-forth.e5ee8749.svg")}[class=udx042D6]{background-image:url("../hashed/mining.364c54d9.svg")}[class=Grmtwuft]{background-image:url("../hashed/detour.e220f1d5.svg")}[class=g1fxVZu9]{background-image:url("../images/practice/bolt-shield.svg")}[class=RUQASaZm]{background-image:url("../hashed/rogue.b4feb415.svg")}[class="9c6GrCTk"]{background-image:url("../hashed/siege-tower.901f6999.svg")}[class=ByhlXnmM]{background-image:url("../hashed/ghost-ally.cf14de13.svg")}[class=pt20yRkT]{background-image:url("../hashed/stone-tower.2f752c87.svg")}[class=MkDViieT]{background-image:url("../hashed/guarded-tower.31b71bab.svg")}[class=pqUSUw8Y]{background-image:url("../hashed/siege-tower.901f6999.svg")}[class=heQDnvq7]{background-image:url("../hashed/locked-fortress.0bf7ca53.svg")}[class=wS23j5Tm]{background-image:url("../hashed/tower-fall.8f7e09d3.svg")}.page-menu__menu{margin:0 0 2rem 0}@media(min-width: 799.3px){.page-menu__menu{margin:0 2rem 0 0}}