.tla{--g:min(.5cqw,calc(var(--scene-h)*.0092))}.tla-gui{width:calc(var(--g)*176);height:calc(var(--g)*88);filter:drop-shadow(0 12px 12px #0000008c);position:absolute;top:47%;left:50%;translate:-50% -50%}.tla-bg{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.tla-title,.tla-name,.tla-cost{font-family:var(--font-mc),system-ui,sans-serif;font-size:calc(var(--g)*8);white-space:nowrap;line-height:1;position:absolute}.tla-title{left:calc(var(--g)*60);top:calc(var(--g)*6);color:#404040}.tla-name{left:calc(var(--g)*62);top:calc(var(--g)*25);color:#fff;text-shadow:var(--g)var(--g)0 #3f3f3f}.tla-item{top:calc(var(--g)*47);width:calc(var(--g)*16);height:calc(var(--g)*16);image-rendering:pixelated;position:absolute}.tla-item img{width:100%;height:100%;image-rendering:pixelated;display:block}.tla-sword{left:calc(var(--g)*27)}.tla-book{left:calc(var(--g)*76);transform:translate(calc(var(--g)*11),calc(var(--g)*-9))scale(1.12);filter:drop-shadow(0 calc(var(--g)*2)calc(var(--g)*1.5)#00000073);transition:transform .38s cubic-bezier(.3,.9,.4,1),filter .3s}.tla-result{left:calc(var(--g)*134);opacity:0;transition:opacity .15s,scale .15s;scale:.6}.tla-glint{mix-blend-mode:screen;opacity:.75;background:url(/minecraft/gui/enchanted_glint.png) 0 0/300% 300%;transition:background-position .1s linear;position:absolute;inset:0;-webkit-mask:url(/minecraft/anvil/netherite_sword.png) 50%/100% 100% no-repeat;mask:url(/minecraft/anvil/netherite_sword.png) 50%/100% 100% no-repeat}.tla-cost{right:calc(var(--g)*8);top:calc(var(--g)*67);padding:calc(var(--g)*2)0 calc(var(--g)*2)calc(var(--g)*2);color:#80ff20;text-shadow:var(--g)var(--g)0 #203f08;opacity:0;background:#0000004f;transition:opacity .12s}@media (hover:hover){.cp-card:hover .tla-book{filter:none;transform:none}.cp-card:hover .tla-result{opacity:1;transition:opacity .2s .36s,scale .34s cubic-bezier(.34,1.6,.64,1) .36s;scale:1}.cp-card:hover .tla-glint{background-position:100% 100%;transition:background-position 2.2s linear .4s}.cp-card:hover .tla-cost{opacity:1;transition:opacity .2s .5s}}:root[data-theme=light] .tla-gui:where(:not(.theme-fixed,.theme-fixed *)){filter:drop-shadow(0 12px 12px #0000003f)}:root[data-theme=light] .tla-title:where(:not(.theme-fixed,.theme-fixed *)){color:#a7a7a7}:root[data-theme=light] .tla-name:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;text-shadow:var(--g)var(--g)0 #a8a8a8}:root[data-theme=light] .tla-cost:where(:not(.theme-fixed,.theme-fixed *)){color:#28540b;text-shadow:var(--g)var(--g)0 #a1be91;background:#fafafa4f}
.tls-srv{--w:min(90cqw,calc(var(--scene-h)*2.1));--u:calc(var(--w)/170)}.tls-srv-row{align-items:flex-start;gap:calc(var(--u)*3);width:var(--w);box-sizing:border-box;padding:calc(var(--u)*2);box-shadow:0 0 0 max(1px,calc(var(--u)*.8))gray,0 14px 22px -14px #000000e6;font-family:var(--font-mc),system-ui,sans-serif;font-size:calc(var(--u)*8);text-shadow:.125em .125em #1f1f1f;white-space:nowrap;background:#000;line-height:1.1;transition:box-shadow .2s .35s;display:flex;position:absolute;top:46%;left:50%;translate:-50% -50%}.tls-srv-icon{width:calc(var(--u)*32);height:calc(var(--u)*32);image-rendering:pixelated;flex:none}.tls-srv-text{gap:calc(var(--u)*3);flex:1;min-width:0;display:grid;overflow:hidden}.tls-srv-name{color:#fff}.tls-srv-motd{color:gray;display:block;position:relative}.tls-srv-wait,.tls-srv-live{transition:opacity .2s;display:block}.tls-srv-live{opacity:0;position:absolute;inset:0}.tls-srv-live b{font-weight:700}.tls-srv-status{align-items:flex-start;gap:calc(var(--u)*5);flex:none;display:flex}.tls-srv-count{opacity:0;transition:opacity .2s}.tls-srv-bars{width:calc(var(--u)*10);height:calc(var(--u)*8);position:relative}.tls-srv-bars img{width:100%;height:100%;image-rendering:pixelated;transition:opacity linear;position:absolute;inset:0}.tls-srv-bars .is-live{opacity:0}@media (hover:hover){.cp-card:hover .tls-srv-wait{opacity:0;transition-delay:.35s}.cp-card:hover .tls-srv-live{opacity:1;transition-delay:.4s}.cp-card:hover .tls-srv-count{opacity:1;transition-delay:.5s}.cp-card:hover .tls-srv-bars .is-wait{opacity:0;transition-delay:.35s}.cp-card:hover .tls-srv-bars .is-live{opacity:1;transition-delay:.35s}.cp-card:hover .tls-srv-row{box-shadow:0 0 0 max(1px,calc(var(--u)*.8))#fff,0 14px 22px -14px #000000e6}}.tls-motd{--u:clamp(18px,calc(var(--scene-h)*.2),30px)}.tls-motd-line{padding:calc(var(--u)*.2)calc(var(--u)*.45);font-family:var(--font-mc),system-ui,sans-serif;font-size:var(--u);white-space:nowrap;background:#00000080;font-weight:700;line-height:1.15;display:flex;position:absolute;top:36%;left:50%;translate:-50% -50%}.tls-motd-line>span{color:#fff;text-shadow:.1em .1em #3f3f3f;transition:color .18s,text-shadow .18s;transition-delay:calc(.12s + var(--k)*55ms)}.tls-motd-swatches{gap:calc(var(--u)*.22);display:flex;position:absolute;top:70%;left:50%;translate:-50% -50%}.tls-motd-swatches>span{width:calc(var(--u)*.62);height:calc(var(--u)*.62);background:var(--c);box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #0006,0 0 0 2px #09090b}@media (hover:hover){.cp-card:hover .tls-motd-line>span{color:var(--c);text-shadow:.1em .1em 0 color-mix(in srgb,var(--c)25%,#000)}.cp-card:hover .tls-motd-swatches>span{animation:.42s cubic-bezier(.3,.7,.4,1) both tlsHop;animation-delay:calc(var(--k)*55ms)}}@keyframes tlsHop{0%{translate:0}45%{translate:0 calc(var(--u)*-.35)}to{translate:0}}@media (prefers-reduced-motion:reduce){.cp-card:hover .tls-motd-swatches>span{animation:none}.tls-motd-line>span{transition-delay:0s}}:root[data-theme=light] .tls-srv-row:where(:not(.theme-fixed,.theme-fixed *)){box-shadow:0 0 0 max(1px,calc(var(--u)*.8))#636363,0 14px 22px -14px #00000067;text-shadow:.125em .125em #d1d1d1;background:#fafafa}:root[data-theme=light] .tls-srv-name:where(:not(.theme-fixed,.theme-fixed *)){color:#030303}:root[data-theme=light] .tls-srv-motd:where(:not(.theme-fixed,.theme-fixed *)){color:#636363}@media (hover:hover){:root[data-theme=light] .cp-card:hover .tls-srv-row:where(:not(.theme-fixed,.theme-fixed *)){box-shadow:0 0 0 max(1px,calc(var(--u)*.8))#030303,0 14px 22px -14px #00000067}}:root[data-theme=light] .tls-motd-line:where(:not(.theme-fixed,.theme-fixed *)){background:#fafafa80}:root[data-theme=light] .tls-motd-line>span:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;text-shadow:.1em .1em #a8a8a8}:root[data-theme=light] .tls-motd-swatches>span:where(:not(.theme-fixed,.theme-fixed *)){box-shadow:inset 2px 2px #fff,inset -2px -2px #0006,0 0 0 2px #09090b}@media (hover:hover){:root[data-theme=light] .cp-card:hover .tls-motd-line>span:where(:not(.theme-fixed,.theme-fixed *)){text-shadow:.1em .1em 0 color-mix(in srgb,var(--c)25%,#fafafa)}}