@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/open-sans-latin-600-normal-Cp4N6AwT.woff2) format("woff2"),url(/assets/open-sans-latin-600-normal-C3dWW5mx.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/open-sans-latin-700-normal-CceUhp2e.woff2) format("woff2"),url(/assets/open-sans-latin-700-normal-CZCQA30i.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/open-sans-latin-800-normal-C0t39IfQ.woff2) format("woff2"),url(/assets/open-sans-latin-800-normal-w4vykUBk.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/open-sans-vietnamese-600-normal-cWHhjaNO.woff2) format("woff2"),url(/assets/open-sans-vietnamese-600-normal-CVI-Ycr6.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/open-sans-vietnamese-700-normal-C0rmKuKj.woff2) format("woff2"),url(/assets/open-sans-vietnamese-700-normal-BwQSBZ9d.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/open-sans-vietnamese-800-normal-oIjSD_Ak.woff2) format("woff2"),url(/assets/open-sans-vietnamese-800-normal-VrRx1MSe.woff) format("woff")}:root{--wood-dark: #3a2813;--wood-mid: #6b4d2c;--wood-light: #8f6e44;--grass: #5aa02c;--text-light: #fff3d6;--gold: #ffd54a;--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--frame-width: 980px;--frame-min-height: 150vh;--fab-size: 56px;--edge: 20px;--planks: url(/assets/images/spruce_planks.png);--wood-fallback: repeating-linear-gradient(0deg, #6b4d2c 0 15px, #3a2813 15px 16px), #7a5a34}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text-light);background:#0d0b0a;overflow-x:hidden}a{color:inherit}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0d0b0a url(/assets/images/background.jpg) center / cover no-repeat;background-image:image-set(url(/assets/images/background.webp) type("image/webp"),url(/assets/images/background.jpg) type("image/jpeg"));transform:translateZ(0)}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 35%,#0000 35%,#0000008c),linear-gradient(to bottom,#00000040,#0000 30%)}body:not(.is-ready) .site-header,body:not(.is-ready) .frame,body:not(.is-ready) .fab,body:not(.is-ready) .fab-stack{opacity:0}body:not(.is-ready) .logo-link,body:not(.is-ready) .nav,body:not(.is-ready) .frame{animation:none}.site-header{display:flex;flex-direction:column;align-items:center;padding:18px 12px 0}.logo-link{display:block;line-height:0;border-radius:12px;animation:logoDrop 1s var(--ease) both,float 4.5s ease-in-out 1s infinite;-webkit-tap-highlight-color:transparent}.logo{display:block;width:min(500px,80vw);height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6));transition:transform .4s var(--ease-spring),filter .4s var(--ease);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.logo-link:hover .logo{transform:scale(1.06) rotate(-.6deg);filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,140,0,.65))}.logo-link:active .logo{transform:scale(.97);transition-duration:.12s}.logo-link:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.nav{position:relative;width:min(var(--frame-width),calc(100% - 24px));margin-top:10px;background:var(--planks) 0 0 / 64px 64px repeat,var(--wood-fallback);image-rendering:pixelated;border:4px solid var(--wood-dark);border-top:0;box-shadow:inset 0 -4px #00000047,inset 0 0 22px #00000059,0 6px 0 var(--wood-dark),0 14px 26px #0000008c;animation:slideDown .9s var(--ease) .2s both}.nav:before{content:"";position:absolute;left:-4px;right:-4px;top:0;height:24px;transform:translateY(-100%);background:url(/assets/images/grass_strip.png) 0 100% / 96px 48px repeat-x;image-rendering:pixelated;pointer-events:none}.nav:before{top:4px;height:20px;background-size:80px 40px}.nav__list{position:relative;z-index:1;display:flex;gap:2px;margin:0;padding:6px 8px 4px;list-style:none;overflow-x:auto;scrollbar-width:none}.nav__list::-webkit-scrollbar{display:none}.nav__list>li{flex:1 1 0;min-width:0}.nav__indicator{position:absolute;z-index:0;left:0;top:10px;width:100px;height:calc(100% - 18px);border-radius:4px;background:linear-gradient(to bottom,#ffeeb442,#ffbe501f);box-shadow:inset 0 0 0 2px #ffe08c61,0 0 18px #ffbe5040;transform-origin:0 50%;opacity:0;transition:transform .45s var(--ease),opacity .3s;pointer-events:none;will-change:transform}.nav__indicator.is-on{opacity:1}.nav__item{position:relative;display:block;text-align:center;padding:13px 6px 12px;font-weight:800;font-size:15px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:var(--text-light);text-shadow:2px 2px 0 rgba(0,0,0,.75);border-radius:4px;transition:transform .3s var(--ease),color .25s;-webkit-tap-highlight-color:transparent}.nav__item:after{content:"";position:absolute;left:50%;bottom:5px;width:64%;height:3px;background:var(--gold);box-shadow:0 2px #00000080;transform:translate(-50%) scaleX(0);transition:transform .35s var(--ease)}.nav__item:hover,.nav__item.is-active{color:var(--gold)}.nav__item:hover{transform:translateY(-2px)}.nav__item:hover:after,.nav__item.is-active:after{transform:translate(-50%) scaleX(1)}.nav__item:active{transform:translateY(1px) scale(.96);transition-duration:.1s}.nav__item:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.frame{position:relative;width:min(var(--frame-width),calc(100% - 24px));min-height:var(--frame-min-height);margin:24px auto 130px;background:var(--planks) 0 0 / 64px 64px repeat,var(--wood-fallback);image-rendering:pixelated;border:6px solid var(--wood-dark);box-shadow:inset 0 0 0 3px #ffdc961a,inset 0 0 60px #00000073,0 0 0 3px #00000059,0 18px 40px #0009;animation:riseIn 1s var(--ease) .4s both}.frame:before,.frame:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none;background:radial-gradient(circle at 0 0,#2a1c0c 0 3px,transparent 3.5px) top left,radial-gradient(circle at 100% 0,#2a1c0c 0 3px,transparent 3.5px) top right,radial-gradient(circle at 0 100%,#2a1c0c 0 3px,transparent 3.5px) bottom left,radial-gradient(circle at 100% 100%,#2a1c0c 0 3px,transparent 3.5px) bottom right;background-size:12px 12px;background-repeat:no-repeat}.frame:after{top:0;right:0;bottom:0;left:0;box-shadow:inset 0 3px #ffe6aa1f}.fab{position:relative;width:var(--fab-size);height:var(--fab-size);display:grid;place-items:center;padding:0;border:3px solid var(--wood-dark);border-radius:14px;background:var(--planks) 0 0 / 48px 48px repeat,var(--wood-fallback);image-rendering:pixelated;color:var(--text-light);cursor:pointer;text-decoration:none;box-shadow:inset 0 0 0 2px #ffe6aa26,0 4px 0 var(--wood-dark),0 10px 20px #00000080;transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease),filter .25s,opacity .35s var(--ease),visibility .35s;-webkit-tap-highlight-color:transparent}.fab:hover{transform:translateY(-4px) scale(1.07);filter:brightness(1.18)}.fab:active{transform:translateY(3px) scale(.94);box-shadow:inset 0 0 0 2px #ffe6aa26,0 1px 0 var(--wood-dark);transition-duration:.1s}.fab:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.fab .icon{width:28px;height:28px;fill:currentColor;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.55))}.fab--music{position:fixed;left:max(var(--edge),env(safe-area-inset-left));bottom:max(var(--edge),env(safe-area-inset-bottom));z-index:50}.fab-stack{position:fixed;right:max(var(--edge),env(safe-area-inset-right));bottom:max(var(--edge),env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;align-items:center;gap:14px}.fab--music .icon-off{display:none;color:#b9a98a}.fab--music:not(.is-on) .icon-on{display:none}.fab--music:not(.is-on) .icon-off{display:block}.fab--music .icon{animation:iconPop .35s var(--ease-spring)}.fab--music.is-on .wave{opacity:0;animation:wave 1.5s ease-in-out infinite}.fab--music.is-on .w2{animation-delay:.2s}.fab--music.is-on .w3{animation-delay:.4s}.fab--music.is-on{box-shadow:inset 0 0 0 2px #ffe6aa26,0 4px 0 var(--wood-dark),0 10px 20px #00000080,0 0 20px #ffaa3c47}.fab--messenger{border-radius:50%;border-color:#ffffffd9;background:linear-gradient(135deg,#00b2ff,#006aff 55%,#a334fa);image-rendering:auto;box-shadow:0 4px #0a3d9c,0 10px 22px #006aff73}.fab--messenger:active{box-shadow:0 1px #0a3d9c}.fab--messenger:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid rgba(0,150,255,.75);animation:pulse 2.2s ease-out infinite;pointer-events:none}.fab--messenger .icon{color:#fff;filter:none;width:30px;height:30px}.fab__label{position:absolute;right:calc(100% + 14px);top:50%;padding:8px 12px;white-space:nowrap;font-size:13px;font-weight:700;color:var(--text-light);background:#140e08e6;border:2px solid var(--wood-dark);border-radius:6px;opacity:0;transform:translate(10px,-50%);pointer-events:none;transition:opacity .25s var(--ease),transform .35s var(--ease)}.fab--messenger:hover .fab__label,.fab--messenger:focus-visible .fab__label{opacity:1;transform:translateY(-50%)}.fab--top{opacity:0;visibility:hidden;transform:translateY(18px) scale(.8);pointer-events:none}.fab--top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.fab--top.is-visible:hover{transform:translateY(-4px) scale(1.07)}.fab--top.is-visible:active{transform:translateY(3px) scale(.94)}.fab--top:hover .icon{animation:bounceUp .7s ease-in-out infinite}@keyframes logoDrop{0%{opacity:0;transform:translateY(-50px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wave{0%,to{opacity:.15}50%{opacity:1}}@keyframes iconPop{0%{opacity:0;transform:rotate(-12deg) scale(.6)}to{opacity:1;transform:rotate(0) scale(1)}}@media(max-width:1023px){.logo{width:min(440px,72vw)}.nav__item{font-size:13px;letter-spacing:.03em}}@media(max-width:600px){:root{--fab-size: 48px;--edge: 12px}.logo{width:82vw}.nav__list{gap:0;padding:6px 2px 4px}.nav__item{padding:12px 2px 11px;font-size:10.5px;letter-spacing:0;white-space:normal;line-height:1.2}.nav__list>li{display:flex}.nav__item{width:100%;display:flex;align-items:center;justify-content:center}.fab .icon{width:24px;height:24px}.fab--messenger .icon{width:26px;height:26px}.fab__label{display:none}.frame{border-width:5px;margin-bottom:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--mc-aqua: #55ffff;--mc-red: #ff5555;--mc-gold: #ffaa00;--mc-yellow: #ffff55;--mc-green: #55ff55;--mc-purple: #ff55ff;--mc-blue: #6bb6ff;--mc-gray: #b4b4b4}.view{position:relative;z-index:1}.view[hidden]{display:none}.rank{padding:30px clamp(14px,4vw,40px) 40px}.rank [hidden]{display:none!important}.rank__head{margin-bottom:18px}.rank__title{margin:0;font-size:clamp(26px,4.4vw,38px);font-weight:800;line-height:1.15;color:var(--gold);text-shadow:3px 3px 0 rgba(0,0,0,.75)}.rank__status{margin:6px 0 0;font-size:14px;font-weight:600;color:#e8d9b4;text-shadow:1px 1px 0 rgba(0,0,0,.7)}.rank__status[data-state=stale]{color:#ffc266}.rank__status[data-state=error]{color:#ff9a8f}.rank__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px 6px;margin-bottom:16px}.rank__tab,.rank__retry{font:inherit;font-weight:800;font-size:14px;color:var(--text-light);text-shadow:2px 2px 0 rgba(0,0,0,.75);padding:11px 6px 10px;cursor:pointer;background:var(--planks) 0 0 / 48px 48px repeat,var(--wood-fallback);image-rendering:pixelated;border:3px solid var(--wood-dark);border-radius:4px;box-shadow:inset 0 0 0 2px #ffe6aa1f,0 3px 0 var(--wood-dark);transition:transform .2s var(--ease),box-shadow .2s var(--ease),color .2s;-webkit-tap-highlight-color:transparent}.rank__tab:hover,.rank__retry:hover{color:var(--gold);transform:translateY(-1px)}.rank__tab.is-active{color:var(--gold);transform:translateY(3px);background:linear-gradient(#0006,#0006),var(--planks) 0 0 / 48px 48px repeat,var(--wood-fallback);box-shadow:inset 0 0 0 2px #ffd54a80,inset 0 0 14px #00000080}.rank__tab:focus-visible,.rank__retry:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.rank__retry{display:block;margin:16px auto 0;padding:11px 26px 10px}.rank__panel{background:#120c07d1;border:4px solid var(--wood-dark);box-shadow:inset 0 0 0 2px #ffdc9614,inset 0 0 30px #00000080,0 4px #00000059;padding:16px clamp(10px,3vw,22px) 8px}.rank__board-head{padding:0 4px 12px;margin-bottom:4px;border-bottom:3px solid rgba(0,0,0,.5)}.rank__board-title{margin:0;font-size:19px;font-weight:800;color:var(--text-light)}.rank__hint{margin:2px 0 0;font-size:13px;font-weight:600;color:#cdbb93}.rank__list{list-style:none;margin:0;padding:0}.rank__list.is-in{animation:rankIn .22s var(--ease) both}@keyframes rankIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.rank__row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 4px;border-bottom:2px solid rgba(255,255,255,.06)}.rank__row:last-child{border-bottom:0}.rank__row.is-empty{opacity:.3}.rank__pos{width:34px;height:34px;display:grid;place-items:center;font-weight:800;font-size:16px;color:#1b1410;background:#ece6d6;box-shadow:inset 3px 3px #ffffff61,inset -3px -3px #00000047}.rank__row--1 .rank__pos{background:var(--mc-red);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.rank__row--2 .rank__pos{background:var(--mc-gold)}.rank__row--3 .rank__pos{background:var(--mc-yellow)}.rank__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;color:var(--mc-aqua);text-shadow:2px 2px 0 rgba(0,0,0,.7)}.rank__row--1 .rank__name{font-size:19px;font-weight:800}.rank__row--2 .rank__name,.rank__row--3 .rank__name{font-size:17px}.rank__row.is-empty .rank__name{color:var(--text-light)}.rank__val{font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mc-green);text-shadow:2px 2px 0 rgba(0,0,0,.7)}.rank__panel[data-tone=green] .rank__val{color:var(--mc-green)}.rank__panel[data-tone=purple] .rank__val{color:var(--mc-purple)}.rank__panel[data-tone=red] .rank__val{color:var(--mc-red)}.rank__panel[data-tone=gray] .rank__val{color:var(--mc-gray)}.rank__panel[data-tone=yellow] .rank__val{color:var(--mc-yellow)}.rank__panel[data-tone=blue] .rank__val{color:var(--mc-blue)}.rank__empty{margin:0;padding:28px 8px 30px;text-align:center;font-weight:600;color:#cdbb93}@media(max-width:600px){.rank{padding:22px 12px 30px}.rank__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 4px}.rank__tab{font-size:12px;padding:10px 2px 9px}.rank__row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px}.rank__pos{width:30px;height:30px;font-size:14px}.rank__name,.rank__val{font-size:14px}.rank__row--1 .rank__name{font-size:16px}.rank__row--2 .rank__name,.rank__row--3 .rank__name{font-size:15px}}