:root{--gold:#c9a227;--blood:#c4231a;--ballot:#f4efe4;--ink:#0e0e10;--u:clamp(.7px, min(.1389vh, .078vw), 1.8px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ballot);background:#000;margin:0;font-family:Rubik,system-ui,sans-serif;overflow:hidden}#app,#app canvas{display:block;position:fixed;inset:0}.stone{letter-spacing:.03em;white-space:nowrap;color:#e2ad3c;-webkit-text-stroke:.1em #e8b646;paint-order:stroke fill;filter:drop-shadow(0 0 .5px #1c0f02)drop-shadow(0 0 .5px #1c0f02);text-shadow:0 .035em #a8710f,0 .07em #74480a,0 .1em #4a2c05,0 .13em .06em #000,0 0 .32em #ff561499;font-family:Rubik,system-ui,sans-serif;font-weight:900;line-height:1.15;display:inline-block;position:relative}.stone:after{content:attr(data-t);color:#0000;-webkit-text-stroke:.018em #3a2507;text-shadow:none;background:url(/assets/ui/stone.webp) 0 0/5em,#8f8981;filter:contrast(1.3)drop-shadow(0 -.022em #fff4c8f2)drop-shadow(0 .02em #3c2404e6);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}#hud{top:calc(8 * var(--u));left:calc(14 * var(--u));right:calc(14 * var(--u));align-items:flex-start;gap:calc(6 * var(--u));pointer-events:none;display:flex;position:fixed}.side{flex:1;align-items:flex-start;min-width:0;display:flex}.p2{flex-direction:row-reverse}.medal{z-index:2;width:calc(106 * var(--u));height:calc(106 * var(--u));filter:drop-shadow(0 calc(4 * var(--u)) calc(5 * var(--u)) #000c);background:url(/assets/ui/medallion.webp) 50%/contain no-repeat;flex:none;position:relative}.medal .face{z-index:-1;object-fit:cover;background:radial-gradient(circle at 50% 38%,#7a2a12,#2a0c06 62%,#0b0302);border-radius:50%;width:69%;height:69%;position:absolute;inset:15.5%}.p2 .medal .face{transform:scaleX(-1)}.side.hit .medal{animation:.22s linear medalHit}.side.low .medal{animation:.9s ease-in-out infinite lowPulse}.side.low .medal .face{filter:sepia(.4)saturate(1.6)hue-rotate(-18deg)brightness(.9)}@keyframes medalHit{0%,to{transform:none}25%{transform:translate(calc(-3 * var(--u)), calc(1 * var(--u))) rotate(-3deg)}60%{transform:translate(calc(3 * var(--u)), 0) rotate(2deg)}}@keyframes lowPulse{50%{filter:drop-shadow(0 0 calc(10 * var(--u)) #ff2814f2)}}.info{min-width:0;margin:calc(8 * var(--u)) 0 0 calc(-18 * var(--u));flex-direction:column;flex:1;display:flex}.p2 .info{margin:calc(8 * var(--u)) calc(-18 * var(--u)) 0 0;align-items:flex-end}.name{align-items:baseline;gap:calc(10 * var(--u));padding:0 calc(24 * var(--u));direction:rtl;display:flex}.p1 .name{flex-direction:row-reverse}.name .stone{font-size:calc(32 * var(--u))}.name b{font-weight:900;font-size:calc(13 * var(--u));letter-spacing:.12em;color:#f1c75a;text-shadow:0 calc(2 * var(--u)) 0 #000, 0 0 calc(8 * var(--u)) #000000e6;unicode-bidi:plaintext}.name .buff{font-style:normal;font-weight:900;font-size:calc(13 * var(--u));color:#0e0e10;padding:0 calc(8 * var(--u));border-radius:calc(4 * var(--u));box-shadow:0 0 calc(10 * var(--u)) #ff5a1ecc;background:linear-gradient(#ffb060,#ff5a1e);display:none}.name .buff.on{animation:.6s ease-in-out infinite alternate buffPulse;display:inline-block}@keyframes buffPulse{to{filter:brightness(1.4);transform:scale(1.06)}}.bar{--t:calc(19 * var(--u));--r:calc(13 * var(--u));--b:calc(16 * var(--u));--l:calc(67 * var(--u));width:100%;height:calc(58 * var(--u));margin-top:calc(-2 * var(--u));position:relative}.bar:after{content:"";border-style:solid;border-width:var(--t) var(--r) var(--b) var(--l);filter:drop-shadow(0 calc(3 * var(--u)) calc(3 * var(--u)) #000000b3);border-image:url(/assets/ui/bar_frame.webp) 56 38 48 198;position:absolute;inset:0}.p1 .bar:after{transform:scaleX(-1)}.bar .slot{top:calc(var(--t) - 2 * var(--u));bottom:calc(var(--b) - 2 * var(--u));left:calc(var(--l) - 4 * var(--u));right:calc(var(--r) - 2 * var(--u));box-shadow:inset 0 calc(3 * var(--u)) calc(6 * var(--u)) #000;background:linear-gradient(#120404,#2b0907 60%,#120404);position:absolute;overflow:hidden}.p1 .bar .slot{left:calc(var(--r) - 2 * var(--u));right:calc(var(--l) - 4 * var(--u))}.bar .fill,.bar .lag{width:100%;position:absolute;top:0;bottom:0;left:0}.p2 .bar .fill,.p2 .bar .lag{left:auto;right:0}.bar .lag{background:linear-gradient(#ff6a4a,#d42a18 45%,#7d0d06);transition:width .6s ease-out .35s}.bar .fill{box-shadow:inset 0 calc(-2 * var(--u)) 0 #00000040;background:linear-gradient(#fff8c8 0%,#ffe070 22%,#f5c21e 50%,#c98f00 78%,#7d5200 100%);transition:width 80ms linear}.bar .fill:after{content:"";background:url(/assets/ui/stone.webp) 0 0 / calc(160 * var(--u));mix-blend-mode:multiply;opacity:.35;position:absolute;inset:0}.bar.low .fill{background:linear-gradient(#ffd2a0,#ff8a3a 30%,#e0461a 65%,#8a1a06);animation:.5s steps(2,end) infinite lowFill}@keyframes lowFill{50%{filter:brightness(1.35)}}.pips{gap:calc(4 * var(--u));margin-top:calc(-4 * var(--u));padding:0 calc(62 * var(--u));align-self:flex-end;display:flex}.p2 .pips{align-self:flex-start}.pips i{width:calc(26 * var(--u));height:calc(26 * var(--u));filter:drop-shadow(0 calc(2 * var(--u)) calc(2 * var(--u)) #000);background:url(/assets/ui/coin_off.webp) 50%/contain no-repeat}.pips i.on{filter:drop-shadow(0 0 calc(7 * var(--u)) #ffbe3ce6);background-image:url(/assets/ui/coin_on.webp);animation:.5s cubic-bezier(.2,1.8,.4,1) both coinIn}@keyframes coinIn{0%{opacity:0;transform:scale(2.4)rotate(-160deg)}}#timer{width:calc(112 * var(--u));height:calc(112 * var(--u));margin-top:calc(-3 * var(--u));filter:drop-shadow(0 calc(4 * var(--u)) calc(5 * var(--u)) #000c);background:radial-gradient(circle,#1c0906 0 34%,#0000 35%),url(/assets/ui/timer.webp) 50%/contain no-repeat;flex:none;place-items:center;display:grid;position:relative}#timer .stone{font-size:calc(46 * var(--u));margin-top:calc(-4 * var(--u));direction:ltr;line-height:1}#timer.hot .stone{color:#ff5a2a;-webkit-text-stroke-color:#ff4a1a;animation:.5s ease-in-out infinite alternate hot}#timer.hot .stone:after{background-color:#b0685a}@keyframes hot{to{text-shadow:0 0 .4em #ff280af2;transform:scale(1.1)}}.combo{top:calc(20% + 10 * var(--u));text-align:center;opacity:0;pointer-events:none;direction:rtl;transition:opacity .12s,transform .18s;position:fixed;transform:scale(.7)}.combo .stone{font-size:calc(40 * var(--u))}.combo.show{opacity:1;transform:scale(1)}.combo small{font-weight:900;font-size:calc(17 * var(--u));color:#ffe7a0;text-shadow:0 calc(2 * var(--u)) 0 #000, 0 0 calc(10 * var(--u)) #c4231ae6;display:block}#callout{opacity:0;pointer-events:none;white-space:nowrap;direction:rtl;width:max-content;transition:opacity .15s,transform .15s;position:fixed;top:19%;left:50%;transform:translate(-50%)scale(.9)}#callout .stone{font-size:calc(30 * var(--u))}#callout.show{opacity:1;transform:translate(-50%)scale(1)}#announce{--ph:calc(76 * var(--u));opacity:0;pointer-events:none;white-space:nowrap;text-align:center;z-index:2;direction:rtl;width:max-content;transition:opacity .22s,transform .22s;position:fixed;top:16.5%;left:50%;transform:translate(-50%)}#announce.show{opacity:1}#announce.out{transform:translate(-50%)scale(1.08)}#announce .inner{flex-direction:column;align-items:center;display:flex;position:relative}#announce .inner:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(closest-side,#0803029e,#08030259 60%,#0000);position:absolute;inset:-18% -14%}#announce .plates>*{flex:none}#announce .plates{justify-content:center;align-items:center;gap:calc(var(--ph) * .14);direction:ltr;display:flex}#announce .pl{line-height:0;display:block;position:relative}#announce .pl img{height:var(--ph);width:auto;filter:drop-shadow(0 calc(8 * var(--u)) calc(10 * var(--u)) #000000d9)}#announce .pl.digit img{height:calc(var(--ph) * 1.18)}#announce .shine{-webkit-mask:var(--m) center / 100% 100% no-repeat;-webkit-mask:var(--m) center / 100% 100% no-repeat;mask:var(--m) center / 100% 100% no-repeat;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 38%,#fffae1e6 50%,#0000 62%) 130% 0/260% 100% no-repeat;position:absolute;inset:0}#announce .plates .stone{font-size:calc(var(--ph) * .8)}#announce .medal{width:calc(var(--ph) * 1.2);height:calc(var(--ph) * 1.2)}#announce .he{font-size:calc(40 * var(--u));margin-top:calc(2 * var(--u))}#announce .plates+.he{font-size:calc(34 * var(--u))}#announce small{margin-top:calc(4 * var(--u));padding:calc(3 * var(--u)) calc(40 * var(--u));font-weight:800;font-size:calc(18 * var(--u));color:#f7ecd2;letter-spacing:.02em;text-shadow:0 calc(2 * var(--u)) 0 #000, 0 0 calc(10 * var(--u)) #000, 0 0 calc(18 * var(--u)) #000000e6;background:linear-gradient(90deg,#0000,#0000009e 18% 82%,#0000);display:block}#announce.k-fight{--ph:calc(96 * var(--u))}#announce.k-round{--ph:calc(72 * var(--u))}#announce.k-ko{--ph:calc(100 * var(--u))}#announce.k-flawless{--ph:calc(56 * var(--u))}#announce.k-time{--ph:calc(78 * var(--u))}#announce.k-finish{--ph:calc(58 * var(--u))}#announce.k-pick{--ph:calc(80 * var(--u));top:30%}#announce.k-results{--ph:calc(64 * var(--u));top:17%}#announce.k-pause{top:17%}.pmove{gap:calc(2 * var(--u));pointer-events:none;z-index:3;opacity:0;direction:rtl;flex-direction:column;transition:opacity .25s,transform .25s cubic-bezier(.2,1.4,.4,1);display:flex;position:fixed;top:22%}.pmove.p1{left:calc(24 * var(--u));align-items:flex-start;transform:translate(-40%)}.pmove.p2{right:calc(24 * var(--u));align-items:flex-end;transform:translate(40%)}.pmove.show{opacity:1;transform:none}.pmove .stone{font-size:calc(40 * var(--u))}.pmove small{font-weight:900;font-size:calc(20 * var(--u));color:#0e0e10;padding:calc(2 * var(--u)) calc(10 * var(--u));border-radius:calc(6 * var(--u));box-shadow:0 calc(2 * var(--u)) 0 #000;direction:ltr;unicode-bidi:isolate;background:linear-gradient(#ffe07a,#c9a227)}.pmove.hit .stone{animation:.45s ease-out pmHit}.pmove.hit small{box-shadow:0 0 calc(14 * var(--u)) #ffc83ce6;background:linear-gradient(#fff6c8,#ffd84a)}.pmove.blocked{filter:grayscale(.85)brightness(.7)}@keyframes pmHit{0%{filter:brightness();transform:scale(1)}30%{filter:brightness(1.9);transform:scale(1.18)}to{filter:none;transform:scale(1)}}#movelist{gap:calc(40 * var(--u));z-index:4;padding:calc(18 * var(--u)) calc(26 * var(--u));border:calc(2 * var(--u)) solid #c9a227;border-radius:calc(12 * var(--u));direction:rtl;background:#0a0604db;display:none;position:fixed;top:34%;left:50%;transform:translate(-50%)}#movelist.show{display:flex}#movelist .col{align-items:center;gap:calc(6 * var(--u));min-width:calc(330 * var(--u));flex-direction:column;display:flex}#movelist .medal{width:calc(64 * var(--u));height:calc(64 * var(--u))}#movelist .col>.stone{font-size:calc(34 * var(--u))}#movelist ul{margin:calc(6 * var(--u)) 0 0;gap:calc(5 * var(--u));width:100%;padding:0;list-style:none;display:grid}#movelist li{align-items:center;gap:calc(10 * var(--u));font-size:calc(17 * var(--u));color:#f4efe4;grid-template-columns:1fr auto auto;display:grid}#movelist li b{font-weight:800}#movelist li kbd{color:#0e0e10;border-radius:calc(5 * var(--u));padding:0 calc(8 * var(--u));direction:ltr;unicode-bidi:isolate;background:#c9a227;font-family:inherit;font-weight:900}#movelist li i{font-style:normal;font-size:calc(14 * var(--u));color:#b9ab8f;direction:ltr;unicode-bidi:isolate}#movelist li.basic{font-size:calc(15 * var(--u));color:#d6cbb3}#movelist li.sep{height:1px;margin:calc(4 * var(--u)) 0;background:#c9a22759;display:block}#announce.k-pause .he{font-size:calc(64 * var(--u))}#announce.show .plates{animation:.46s cubic-bezier(.18,1.35,.35,1) both annSlam}#announce.show .he{animation:.42s cubic-bezier(.18,1.35,.35,1) .1s both annSlam}#announce.show small{animation:.35s ease-out .22s both annRise}#announce.show .inner{animation:.34s linear .2s both annShake}#announce.show .shine{animation:.8s ease-in-out .35s both sweep}#announce .burst{left:50%;top:calc(var(--ph) * .5);width:calc(var(--ph) * 5);height:calc(var(--ph) * 2.2);margin:calc(var(--ph) * -1.1) 0 0 calc(var(--ph) * -2.5);mix-blend-mode:screen;opacity:0;z-index:-1;background:radial-gradient(#ffecbef2,#ff781eb3 22%,#c4231a59 45%,#0000 68%);position:absolute}#announce.show .burst{animation:.7s ease-out .16s both annBurst}#announce .embers{left:50%;top:calc(var(--ph) * .55);width:0;height:0;position:absolute}#announce .embers i{width:calc(5 * var(--u));height:calc(5 * var(--u));box-shadow:0 0 calc(6 * var(--u)) calc(2 * var(--u)) #ff6e14e6;opacity:0;background:#ffd27a;border-radius:50%;position:absolute}#announce.show .embers i{animation:annEmber var(--d,1.1s) var(--w,.2s) ease-out both}@keyframes annSlam{0%{opacity:0;filter:brightness(3)blur(6px);transform:scale(2.3)}55%{opacity:1;filter:brightness(1.5)blur();transform:scale(.93)}78%{filter:brightness(1.1);transform:scale(1.03)}to{opacity:1;filter:none;transform:scale(1)}}@keyframes annShake{0%,to{transform:none}15%{transform:translate(calc(-7 * var(--u)), calc(4 * var(--u)))}30%{transform:translate(calc(6 * var(--u)), calc(-5 * var(--u)))}45%{transform:translate(calc(-4 * var(--u)), calc(2 * var(--u)))}60%{transform:translate(calc(3 * var(--u)), calc(-2 * var(--u)))}80%{transform:translate(calc(-1 * var(--u)), 0)}}@keyframes annRise{0%{transform:translateY(calc(10 * var(--u)));opacity:0}}@keyframes annBurst{0%{opacity:0;transform:scale(.25)}18%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes annEmber{0%{opacity:0;transform:translate(0)scale(1.3)}12%{opacity:1}to{transform:translate(var(--x), var(--y)) scale(.3);opacity:0}}@keyframes sweep{0%{background-position:130% 0}to{background-position:-30% 0}}#help{color:#d9d2c2;white-space:nowrap;background:#0000008c;border-radius:8px;padding:6px 12px;font-size:12px;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}#help b{color:var(--gold)}#help{transition:opacity .6s}#help.hide{opacity:0}#start{z-index:5;background:radial-gradient(#280a05bf,#000000f0);place-items:center;display:grid;position:fixed;inset:0}#start .card{text-align:center;flex-direction:column;align-items:center;display:flex}#start .logo{width:auto;max-width:min(64vw, calc(760 * var(--u)));filter:drop-shadow(0 10px 20px #000c);max-height:44vh}#start .vs{gap:calc(26 * var(--u));margin:calc(6 * var(--u)) 0 calc(24 * var(--u));direction:ltr;justify-content:center;align-items:center;display:flex}#start .vs>span{align-items:center;gap:calc(12 * var(--u));display:flex}#start .vs #vs2{flex-direction:row-reverse}#start .vs .medal{width:calc(92 * var(--u));height:calc(92 * var(--u))}#start .vs .stone{font-size:calc(40 * var(--u))}#start .vsplate{height:calc(70 * var(--u));filter:drop-shadow(0 6px 8px #000)}#start .press{direction:rtl;animation:1.1s infinite blink}#start .press .stone{font-size:calc(32 * var(--u))}#start .sub{color:#999;letter-spacing:3px;margin-top:8px;font-size:13px}@keyframes blink{50%{opacity:.35}}@media (max-width:900px){#help{display:none}}#splat{pointer-events:none;z-index:3;position:fixed;inset:0}#splat i{filter:drop-shadow(0 2px 3px #3c000073);opacity:0;background:50%/contain no-repeat;transition:transform .12s ease-out,opacity .12s;position:absolute;transform:scale(.2)}#splat i.go{opacity:1;animation:2.4s ease-in .15s forwards drip;transform:scale(1)}@keyframes drip{0%{opacity:1;transform:scale(1)translateY(0)}70%{opacity:.9}to{opacity:0;transform:scaleY(1.25)translateY(60px)}}#blackout{opacity:0;pointer-events:none;z-index:4;background:#000;transition:opacity .18s;position:fixed;inset:0}#blackout.on{opacity:1;transition:opacity 30ms}#pause{top:30%;right:calc(40 * var(--u));z-index:6;display:none;position:fixed}#pause.show{display:block}#pause .kmenu{padding:calc(14 * var(--u)) 0;background:linear-gradient(90deg,#0000,#080504d1 12% 88%,#0000);border-top:1px solid #c9a22799;border-bottom:1px solid #c9a22799}#pause .kmenu .item .stone{font-size:calc(32 * var(--u))}#pause .kmenu .item.opt .stone{font-size:calc(26 * var(--u))}#resultsmenu{top:44%;right:calc(40 * var(--u));z-index:6;display:none;position:fixed}#resultsmenu.show{animation:.4s ease-out both annRise;display:block}body.paused #resultsmenu{display:none}#resultsmenu.kmenu{padding:calc(12 * var(--u)) 0;background:linear-gradient(90deg,#0000,#080504d1 12% 88%,#0000);border-top:1px solid #c9a22799;border-bottom:1px solid #c9a22799}#resultsmenu.kmenu .item .stone{font-size:calc(32 * var(--u))}body.paused #movelist.show{left:38%}body.paused.practice #practice,#practice{display:none}body.practice #practice{gap:calc(4 * var(--u));top:33%;left:calc(22 * var(--u));z-index:3;min-width:calc(190 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));pointer-events:none;border-radius:calc(6 * var(--u));font:700 calc(15 * var(--u)) / 1.35 "Rubik", sans-serif;color:#e9dcc0;direction:rtl;background:#0805049e;border:1px solid #c9a22773;flex-direction:column;display:flex;position:fixed}#practice>.stone{font-size:calc(26 * var(--u));align-self:flex-start}#practice .row{justify-content:space-between;gap:calc(12 * var(--u));display:flex}#practice .row b{color:#fff;font-weight:900}#practice .log{margin:calc(4 * var(--u)) 0;padding:calc(4 * var(--u)) 0 0;gap:calc(2 * var(--u));min-height:calc(12 * 22 * var(--u));direction:ltr;border-top:1px solid #c9a2274d;flex-direction:column;list-style:none;display:flex}#practice .log li{align-items:center;gap:calc(5 * var(--u));height:calc(20 * var(--u));display:flex}#practice .log li:nth-child(n+6){opacity:.55}#practice .log .dir{width:calc(20 * var(--u));text-align:center;font-size:calc(18 * var(--u));color:#fff}#practice .log kbd{font:900 calc(13 * var(--u)) / 1 "Rubik", sans-serif;color:#0e0e10;border-radius:calc(4 * var(--u));padding:calc(3 * var(--u)) calc(6 * var(--u));background:#c9a227}#practice .keys{font-size:calc(12 * var(--u));color:#b7ab94}#practice .keys b{color:#e8b93a}.kk-site{color:#e8b93a;text-underline-offset:.18em;pointer-events:auto;text-decoration:underline}.kk-site:hover{color:#ffd76a}.byline{bottom:calc(14 * var(--u));z-index:8;text-align:center;pointer-events:none;font:700 calc(15 * var(--u)) / 1 "Rubik", sans-serif;color:#b7ab94;letter-spacing:.02em;text-shadow:0 2px #000,0 0 8px #000;opacity:0;transition:opacity .6s;position:fixed;left:0;right:0}.byline.show{opacity:1}@media (max-height:500px){:root{--u:clamp(.45px, min(.16vh, .078vw), 1.8px)}#hud{left:max(calc(14 * var(--u)), env(safe-area-inset-left));right:max(calc(14 * var(--u)), env(safe-area-inset-right));top:max(calc(8 * var(--u)), env(safe-area-inset-top))}#callout .stone{font-size:calc(38 * var(--u))}#movelist{padding:calc(10 * var(--u)) calc(16 * var(--u));gap:calc(20 * var(--u));max-height:74vh;top:24%;overflow-y:auto}#movelist li{font-size:calc(21 * var(--u))}#pause{top:26%}}html.touch #help{display:none}#unlock{z-index:7;pointer-events:none;white-space:nowrap;text-align:center;opacity:0;direction:rtl;flex-direction:column;align-items:center;transition:opacity .5s;display:flex;position:fixed;top:46%;left:50%;transform:translate(-50%)}#unlock.show{opacity:1}#unlock:before{content:"";z-index:-1;background:radial-gradient(closest-side,#080302b3,#08030266 60%,#0000);position:absolute;inset:-14% -22%}#unlock .medals{gap:calc(16 * var(--u));direction:ltr;display:flex}#unlock .ring{border-radius:50%;display:block;position:relative}#unlock .ring .medal{width:calc(150 * var(--u));height:calc(150 * var(--u));filter:drop-shadow(0 0 calc(16 * var(--u)) #ffc43cf2) drop-shadow(0 calc(6 * var(--u)) calc(8 * var(--u)) #000c)}#unlock .ring:after{content:"";box-shadow:0 0 0 calc(3 * var(--u)) #ffd76a, 0 0 calc(24 * var(--u)) calc(4 * var(--u)) #ffbe2899;pointer-events:none;border-radius:50%;position:absolute;inset:6%}#unlock .new{font-weight:900;font-size:calc(18 * var(--u));color:#0e0e10;padding:calc(2 * var(--u)) calc(10 * var(--u));border-radius:calc(5 * var(--u));box-shadow:0 calc(2 * var(--u)) 0 #000;direction:rtl;background:linear-gradient(#fff0b0,#e8b93a);position:absolute;top:4%;right:-6%;transform:rotate(12deg)}#unlock>.stone{font-size:calc(46 * var(--u));margin-top:calc(6 * var(--u))}#unlock small{margin-top:calc(4 * var(--u));padding:calc(3 * var(--u)) calc(40 * var(--u));font-weight:800;font-size:calc(19 * var(--u));color:#f7ecd2;text-shadow:0 calc(2 * var(--u)) 0 #000, 0 0 calc(10 * var(--u)) #000;background:linear-gradient(90deg,#0000,#0000009e 18% 82%,#0000);display:block}#unlock .embers{left:50%;top:calc(80 * var(--u));width:0;height:0;position:absolute}#unlock .embers i{width:calc(5 * var(--u));height:calc(5 * var(--u));box-shadow:0 0 calc(6 * var(--u)) calc(2 * var(--u)) #ff9614e6;opacity:0;background:#ffd27a;border-radius:50%;position:absolute}#unlock.show .ring{animation:.75s cubic-bezier(.18,1.5,.35,1) both unlockPop}#unlock.show .new{animation:.4s cubic-bezier(.2,1.8,.4,1) .55s both unlockTag}#unlock.show>.stone{animation:.42s cubic-bezier(.18,1.35,.35,1) .25s both annSlam}#unlock.show small{animation:.35s ease-out .5s both annRise}#unlock.show .embers i{animation:annEmber var(--d,1.1s) var(--w,.3s) ease-out both}@keyframes unlockPop{0%{opacity:0;filter:brightness(3);transform:scale(.2)rotate(-25deg)}60%{opacity:1;transform:scale(1.08)rotate(3deg)}to{filter:none;transform:none}}@keyframes unlockTag{0%{opacity:0;transform:rotate(12deg)scale(2.5)}}