body,html{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;color:#f4f7fb;background:#070d16;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.app-bg{z-index:-2;background-color:#070d16;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 .7px,transparent 1.1px),radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(214,226,255,.85) 0 1.2px,transparent 1.8px),linear-gradient(180deg,#050910,#0b1524 58%,#101c2e);background-size:53px 61px,97px 89px,140px 127px,auto;background-position:11px 18px,37px 44px,8px 70px,0 0;background-repeat:repeat,repeat,repeat,no-repeat}.app-bg,.app-vignette{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh}.app-vignette{z-index:-1;background:none}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}.resort{position:fixed;height:100vh;height:100lvh;z-index:0;overflow:hidden}.resort,.resort:after{top:0;left:0;width:100%;pointer-events:none}.resort:after{content:"";position:absolute;height:100%;z-index:1;background:rgba(5,8,14,.34)}@media (max-aspect-ratio:1/1){.resort{width:160vh;width:160lvh;left:50%;margin-left:-80lvh}}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 4px 1px rgba(255,255,255,.55)}.star.bright{width:3px;height:3px;box-shadow:0 0 7px 2px rgba(255,255,255,.8)}.snow-mount.far{height:54%;background:linear-gradient(100deg,#3c5466,#6a8498 40%,#b4c6d6 76%,#8aa3b6);-webkit-clip-path:polygon(0 82%,12% 46%,24% 60%,38% 20%,50% 38%,64% 16%,76% 34%,88% 26%,100% 58%,100% 100%,0 100%);clip-path:polygon(0 82%,12% 46%,24% 60%,38% 20%,50% 38%,64% 16%,76% 34%,88% 26%,100% 58%,100% 100%,0 100%)}.snow-mount.far:after{opacity:.45;-webkit-clip-path:polygon(38% 20%,43% 30%,38% 25%,33% 30%);clip-path:polygon(38% 20%,43% 30%,38% 25%,33% 30%)}.snow-mount.back{height:44%;background:linear-gradient(100deg,#4a6276,#7d96aa 36%,#c5d4e2 68%,#9eb3c4);-webkit-clip-path:polygon(0 78%,10% 50%,22% 64%,34% 30%,46% 46%,58% 14%,70% 34%,82% 22%,94% 48%,100% 58%,100% 100%,0 100%);clip-path:polygon(0 78%,10% 50%,22% 64%,34% 30%,46% 46%,58% 14%,70% 34%,82% 22%,94% 48%,100% 58%,100% 100%,0 100%)}.snow-mount.back:after{opacity:.65;-webkit-clip-path:polygon(58% 14%,63% 24%,58% 19%,53% 24%);clip-path:polygon(58% 14%,63% 24%,58% 19%,53% 24%)}.snow-mount{position:absolute;left:0;width:100%;bottom:40%;height:30%;background:linear-gradient(100deg,#6d8496,#a9bfd0 28%,#eef3f7 46%,#f7fafc 56%,#d5e1eb);-webkit-clip-path:polygon(0 72%,8% 58%,16% 66%,27% 40%,38% 52%,50% 16%,62% 42%,73% 30%,84% 54%,93% 46%,100% 62%,100% 100%,0 100%);clip-path:polygon(0 72%,8% 58%,16% 66%,27% 40%,38% 52%,50% 16%,62% 42%,73% 30%,84% 54%,93% 46%,100% 62%,100% 100%,0 100%)}.snow-mount:after{content:"";position:absolute;inset:0;background:#f7fafc;-webkit-clip-path:polygon(50% 16%,55% 26%,50% 22%,45% 26%);clip-path:polygon(50% 16%,55% 26%,50% 22%,45% 26%)}.treeline{left:0;right:0;bottom:37%;height:30%}.pine,.treeline{position:absolute}.pine{bottom:0;width:3.1%;height:62%;transform-origin:bottom center;transform:rotate(var(--lean,0deg)) scaleX(var(--stretch,1));animation:pine-sway var(--sway,6.5s) ease-in-out infinite;animation-delay:var(--sway-delay,0s);background:#1b3a32;-webkit-clip-path:polygon(50% 0,64% 34%,56% 34%,78% 68%,66% 68%,96% 100%,4% 100%,34% 68%,22% 68%,44% 34%,36% 34%);clip-path:polygon(50% 0,64% 34%,56% 34%,78% 68%,66% 68%,96% 100%,4% 100%,34% 68%,22% 68%,44% 34%,36% 34%)}.pine:after{content:"";position:absolute;inset:0;background:#d5e3ee;-webkit-clip-path:polygon(50% 0,57% 15%,50% 9%,43% 15%);clip-path:polygon(50% 0,57% 15%,50% 9%,43% 15%)}.pine.d{width:2%;height:36%;opacity:.55;background:#3a5a6e}.pine.s{width:2.4%;height:50%;opacity:.78}.pine.l{width:4.2%;height:78%;background:#143028}@keyframes pine-sway{0%,to{transform:rotate(calc(var(--lean, 0deg) - var(--gust, 1.4deg))) scaleX(var(--stretch,1))}50%{transform:rotate(calc(var(--lean, 0deg) + var(--gust, 1.4deg))) scaleX(var(--stretch,1))}}.plot{left:0;right:0;bottom:0;height:42%;background-color:#c5d3de;background-image:radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.5px);background-size:20px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}.aurora,.plot{position:absolute}.aurora{left:-8%;right:-8%;top:0;height:58%;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 62%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 62%,transparent)}.curtain{position:absolute;top:-10%;width:34%;height:100%;filter:blur(16px);transform-origin:top center;animation:aurora 16s ease-in-out infinite}.c1{left:0;background:linear-gradient(180deg,transparent,rgba(64,255,170,.28) 32%,rgba(40,160,255,.1) 68%,transparent)}.c2{left:22%;animation-delay:-5s;background:linear-gradient(180deg,transparent,rgba(120,255,190,.2) 28%,rgba(180,80,255,.14) 60%,transparent)}.c3{left:46%;animation-delay:-9s;background:linear-gradient(180deg,transparent,rgba(70,230,255,.2) 30%,rgba(80,255,150,.1) 64%,transparent)}.c4{left:68%;animation-delay:-3s;background:linear-gradient(180deg,transparent,rgba(170,90,255,.16) 26%,rgba(60,255,180,.14) 62%,transparent)}@keyframes aurora{0%,to{transform:translateX(-6%) skewX(-8deg) scaleY(1)}50%{transform:translateX(8%) skewX(10deg) scaleY(1.12)}}.fence{top:50%;height:20%}.fence,.fence-rail{position:absolute;left:0;right:0}.fence-rail{z-index:0;height:6px;background:linear-gradient(180deg,#8a6246,#4a3020)}.fence-rail.top{top:30%}.fence-rail.low{top:66%}.plank{position:absolute;z-index:1;top:8%;bottom:0;border-radius:1px 1px 0 0;background-image:linear-gradient(90deg,rgba(255,226,190,.22),transparent 30% 68%,rgba(0,0,0,.3));box-shadow:inset 0 0 0 1px rgba(40,20,8,.28)}.plank:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#f4f8fb}.tone-0{background-color:#6b4630}.tone-1{background-color:#7c5438}.tone-2{background-color:#5a3a26}.tone-3{background-color:#8a5c3c}.tone-4{background-color:#4e321f}.fence-lights{position:absolute;z-index:3;left:0;right:0;top:2%;height:28px}.fence-cord{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.fence-cord path{fill:none;stroke:#245c38;stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.bulb{position:absolute;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border-radius:50%;animation:twinkle 2.8s ease-in-out infinite}.b-red{background:#ff4d42;box-shadow:0 0 4px 1px #fff,0 0 12px 4px rgba(255,60,48,.95),0 0 26px 12px rgba(255,48,36,.55)}.b-green{background:#3dff78;box-shadow:0 0 4px 1px #fff,0 0 12px 4px rgba(40,255,110,.95),0 0 26px 12px rgba(40,255,110,.5)}.b-white{background:#fff;box-shadow:0 0 4px 1px #fff,0 0 12px 4px rgba(255,255,255,.95),0 0 26px 12px rgba(255,236,200,.6)}body.battery-locked .cabin-room,body.battery-locked .resort{visibility:hidden}.lock-screen{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:200;justify-content:center;box-sizing:border-box;overflow:auto;padding:28px 22px calc(28px + env(safe-area-inset-bottom));background:none}.lock-card,.lock-screen{display:flex;flex-direction:column;align-items:center}.lock-card{width:min(440px,100%);padding:28px 22px 24px;border-radius:18px;background:rgba(0,0,0,.34)}.lock-screen div,.lock-screen h1,.lock-screen p{text-shadow:0 1px 3px rgba(0,0,0,.9)}@keyframes twinkle{0%,to{opacity:.85;filter:brightness(1)}50%{opacity:1;filter:brightness(1.7)}}.flake{position:absolute;top:-8%;border-radius:50%;background:#fff;animation-name:snow-fall;animation-timing-function:linear;animation-iteration-count:infinite}.flake.far{width:3px;height:3px;opacity:.9;box-shadow:0 0 0 1px rgba(70,98,120,.35)}.flake.mid{width:5px;height:5px;opacity:.95;box-shadow:0 0 0 1px rgba(70,98,120,.4),0 1px 2px rgba(40,70,95,.25)}.flake.near{width:9px;height:9px;opacity:1;box-shadow:0 0 0 1px rgba(70,98,120,.45),0 1px 3px rgba(40,70,95,.3)}.s1{left:6%;animation-duration:18s;animation-delay:-3s}.s2{left:14%;animation-duration:22s;animation-delay:-11s}.s3{left:27%;animation-duration:16s;animation-delay:-7s}.s4{left:39%;animation-duration:24s;animation-delay:-15s}.s5{left:58%;animation-duration:19s;animation-delay:-2s}.s6{left:81%;animation-duration:21s;animation-delay:-9s}.s7{left:18%;animation-duration:13s;animation-delay:-4s}.s8{left:33%;animation-duration:15s;animation-delay:-8s}.s9{left:52%;animation-duration:12s;animation-delay:-1s}.s10{left:71%;animation-duration:14s;animation-delay:-6s}.s11{left:88%;animation-duration:16s;animation-delay:-12s}.s12{left:9%;animation-duration:9s;animation-delay:-2s}.s13{left:46%;animation-duration:11s;animation-delay:-5s}.s14{left:74%;animation-duration:10s;animation-delay:-8s}.s15{left:93%;animation-duration:12s;animation-delay:-3s}@keyframes snow-fall{0%{transform:translate3d(0,-10vh,0);opacity:0}12%{opacity:1}50%{transform:translate3d(22px,52vh,0)}to{transform:translate3d(-14px,110vh,0);opacity:.35}}@media (prefers-reduced-motion:reduce){.flake{opacity:0}.bulb,.curtain,.flake,.pine{animation:none}}.ranking-page{min-height:100vh;padding:32px 24px 64px}.ranking-shell{max-width:820px}.rk-topnav{margin-bottom:20px}.rk-back{text-decoration:none;font-size:16px;opacity:.9}.rk-back:hover{text-decoration:underline}.rk-title{font-size:52px;font-weight:800;margin:0 0 14px}.rk-subtitle{font-size:28px;font-weight:700;margin:0 0 16px}.rk-context{font-size:32px;font-weight:700;margin:0 0 18px}.rk-tabs{display:inline-flex;gap:10px;margin-bottom:8px}.rk-tab{padding:8px 14px;border-radius:10px;text-decoration:none;font-size:16px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25)}.rk-tab:hover{border-color:rgba(255,255,255,.5)}.rk-tab.is-active{border-color:rgba(255,255,255,.85);background:rgba(0,0,0,.45)}.rk-helper{font-size:17px;opacity:.8;margin-bottom:16px}.rk-rule{font-size:17px;opacity:.85;margin-bottom:22px}.rk-list{margin:0;padding-left:26px}.rk-item{margin:14px 0;line-height:1.35}.rk-link{text-decoration:none}.rk-link:hover{text-decoration:underline}.rk-name{font-weight:700;font-size:22px}.rk-desc{font-weight:500;font-size:22px;opacity:.85}.rk-empty{font-size:18px;opacity:.85}.go{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,176,90,.55);background:#0e1824;color:#ffe6c2;text-decoration:none;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.2px;line-height:1.15;text-align:center;cursor:pointer;box-sizing:border-box}.go:disabled{opacity:.35;cursor:default}.go-back{position:fixed;top:24px;left:24px;z-index:50}.beat-player{position:fixed;top:calc(max(12px, env(safe-area-inset-top)) + 44px);right:max(12px,env(safe-area-inset-right));z-index:230;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:999px;border:1px solid rgba(255,70,70,.95);background:rgba(48,8,10,.92);box-shadow:0 0 18px rgba(255,40,40,.75),inset 0 1px 0 rgba(255,180,180,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;animation:beat-glow 1.4s ease-in-out infinite}.beat-bars{display:flex;align-items:flex-end;gap:3px;height:16px}.beat-bars span{display:block;width:3px;height:4px;border-radius:1px;background:#ff2d2d;box-shadow:0 0 8px rgba(255,40,40,.95);animation:beat-bar .7s ease-in-out infinite}.beat-bars span:nth-child(2){animation-delay:.16s}.beat-bars span:nth-child(3){animation-delay:.32s}.beat-player.on .beat-bars span{animation-duration:.5s}@keyframes beat-bar{0%,to{height:4px}40%{height:16px}70%{height:8px}}@keyframes beat-glow{0%,to{box-shadow:0 0 12px rgba(255,30,30,.55),inset 0 1px 0 rgba(255,180,180,.28)}50%{box-shadow:0 0 26px rgba(255,40,40,.95),inset 0 1px 0 rgba(255,180,180,.28)}}@media (prefers-reduced-motion:reduce){.beat-bars span,.beat-player{animation:none}.beat-bars span{height:14px}}