@font-face{font-family:Space Grotesk;src:url(../fonts/SpaceGrotesk-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--bg-top: #10203A;--bg-bot: #090E1C;--pill: #222A3E;--pill-2: #2c3650;--panel: rgba(18, 26, 44, .86);--ink: #ffffff;--muted: #96a2b9;--green: #34C76E;--red: #ff6b6b;--ice: #bfe6ff;--namuna: #ff4d6d;--line: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:linear-gradient(180deg,var(--bg-top),var(--bg-bot));color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}svg{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}#app{position:fixed;inset:0}.stage{position:absolute;inset:0;overflow:hidden;touch-action:none}.stage canvas.gl{position:absolute;left:0;top:0;display:block}.stage .labels{position:absolute;inset:0}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--pill);color:var(--ink);font-size:15px;line-height:1;white-space:nowrap}.chip.timer b{font-variant-numeric:tabular-nums;letter-spacing:.02em}.chip.timer.closed{color:var(--muted)}.namuna{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;background:repeating-linear-gradient(-45deg,var(--namuna) 0 10px,#e23a5a 10px 20px);color:#fff;font-size:14px;letter-spacing:.14em;line-height:1;box-shadow:0 0 0 2px #ffffffd9}.sw{display:inline-block;width:14px;height:14px;border-radius:4px;background:var(--c);flex:none}.up{color:var(--green)}.down{color:var(--red)}.muted{color:var(--muted)}.ic{display:inline-flex;font-style:normal;margin-left:6px}.ic.ice{color:var(--ice)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;border:0;cursor:pointer;background:var(--pill-2);color:var(--ink);font-size:15px;white-space:nowrap;transition:transform .12s ease,filter .12s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--green);color:#07210f}.tlabel{padding:3px 9px;border-radius:999px;background:#0d1421e0;box-shadow:0 0 0 2px var(--c);font-size:13px;line-height:1.15;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;position:relative;z-index:1}.tl{position:relative}.tl .stem{position:absolute;left:50%;bottom:0;width:2px;margin-left:-1px;height:0;background:var(--c);opacity:.8;pointer-events:none}.tlabel.lead{font-size:17px;padding:4px 12px}.tlabel.frozen{box-shadow:0 0 0 2px var(--ice)}.tlabel.frozen:after{content:" ❄";color:var(--ice)}.tlabel.sel{background:#fff;color:#0d1421}.goldnick{display:flex;align-items:center;gap:6px;padding:3px 9px 3px 6px;border-radius:999px;background:#0d1421e6;color:#fff;font-size:12px;white-space:nowrap;pointer-events:none;margin-left:6px}.goldnick.left{margin-left:-6px;flex-direction:row-reverse;padding:3px 6px 3px 9px}.goldnick i{width:11px;height:11px;border-radius:3px;background:#ffc14d;display:inline-block}.floater{font-size:22px;color:var(--green);pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:floatUp 2.2s ease-out forwards}.floater.minus{color:var(--red);font-size:26px}.floater.chest{color:#c9a6ff;font-size:26px}.floater.ice{color:var(--ice);font-size:30px}@keyframes floatUp{0%{opacity:0;transform:translateY(14px) scale(.7)}15%{opacity:1;transform:translateY(0) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translateY(-46px) scale(1)}}.ui{position:absolute;inset:0;pointer-events:none}.ui>*{pointer-events:auto}.top{position:absolute;left:20px;top:18px;right:380px;pointer-events:none}.top h1{margin:0 0 10px;font-size:30px;letter-spacing:.02em;text-shadow:0 2px 18px rgba(0,0,0,.4)}.chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.board{position:absolute;right:16px;top:16px;bottom:16px;width:344px;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 40px #00000059}.board .grab{display:none}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{display:flex;gap:10px;align-items:center;background:var(--pill);border-radius:14px;padding:10px;min-width:0}.stat i{font-size:22px;color:var(--muted);display:flex}.stat b{display:block;font-size:20px;font-variant-numeric:tabular-nums}.stat small{display:block;font-size:10.5px;color:var(--muted);line-height:1.2}.ranks{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;scrollbar-width:thin}.ranks li{display:grid;grid-template-columns:22px 14px minmax(0,1fr) 34px 38px 28px;gap:6px;align-items:center;padding:7px 6px;border-radius:10px;cursor:pointer;font-size:14px}.ranks li:hover,.ranks li.sel{background:#ffffff12}.ranks li.lead{background:#ffffff0d}.ranks .pos{color:var(--muted);text-align:center;font-size:13px}.ranks .pos svg{font-size:18px}.ranks .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.ranks .bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.ranks .bar span{display:block;height:100%;background:var(--c);border-radius:3px;transition:width 1.2s ease}.ranks .ct{text-align:right;font-variant-numeric:tabular-nums}.ranks .mv{font-size:12px;text-align:right}.puzzle{position:absolute;left:20px;bottom:20px;width:320px;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:14px;box-shadow:0 10px 40px #00000059}.ptitle{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.pq{font-size:30px;margin:8px 0 12px;letter-spacing:.01em}.btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btns .btn{padding:11px 8px;font-size:14px}.handle-ig{position:absolute;left:50%;bottom:18px;transform:translate(calc(-50% - 180px));font-size:15px;color:#ffffffb3;pointer-events:none}.toasts{position:absolute;left:50%;top:96px;transform:translate(calc(-50% - 180px));display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;gap:8px;align-items:center;padding:10px 16px;border-radius:999px;background:#0d1421eb;font-size:18px;white-space:nowrap;box-shadow:0 6px 24px #00000059;animation:toastIn .35s cubic-bezier(.2,1.4,.4,1);transition:opacity .5s,transform .5s}.toast.out{opacity:0;transform:translateY(-10px)}.toast .ic{margin:0;font-size:20px}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px) scale(.9)}}.card{position:absolute;left:360px;bottom:20px;width:300px;background:#121a2cf2;border-radius:20px;padding:16px;box-shadow:0 0 0 2px var(--c),0 16px 50px #00000073;animation:cardIn .25s ease-out}.card[hidden]{display:none}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}}.card .x{position:absolute;right:10px;top:10px;background:none;border:0;font-size:18px;color:var(--muted);cursor:pointer;padding:6px}.card .ch{display:flex;gap:10px;align-items:center;padding-right:30px}.card h2{margin:0;font-size:22px}.card .tag.ice{color:var(--ice);font-size:18px}.card .cn{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px}.card .cn div{background:var(--pill);border-radius:12px;padding:8px;text-align:center}.card .cn b{display:flex;justify-content:center;align-items:center;gap:4px;font-size:22px;font-variant-numeric:tabular-nums}.card .cn small{color:var(--muted);font-size:11px}.goldrow{display:flex;gap:8px;align-items:center;background:var(--pill);border-radius:12px;padding:8px 10px;font-size:15px;margin-bottom:8px}.goldrow svg{font-size:20px}.top3{list-style:none;margin:0;padding:0;display:grid;gap:4px}.top3 li{display:flex;gap:10px;align-items:center;font-size:14px;color:#dfe5f2;padding:4px 2px}.top3 li span{width:22px;height:22px;border-radius:7px;background:var(--c);color:#0d1421;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.tabbar,.findp{display:none}@media(max-width:760px){:root{--tabh: calc(62px + env(safe-area-inset-bottom)) }.top{left:14px;right:14px;top:calc(10px + env(safe-area-inset-top))}.top h1{font-size:19px;margin-bottom:7px}.chip{font-size:12.5px;padding:4px 9px}.namuna{font-size:11.5px;padding:4px 9px}.handle-ig{left:auto;right:14px;top:calc(14px + env(safe-area-inset-top));bottom:auto;transform:none;font-size:12px}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;left:0;right:0;bottom:0;z-index:8;height:var(--tabh);padding:0 6px env(safe-area-inset-bottom);background:#0d1421f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:var(--muted);font:inherit;font-size:11px;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.tabbar button svg{font-size:22px;transition:transform .2s}.tabbar button.on{color:var(--ink)}.tabbar button.on svg{transform:translateY(-1px) scale(1.08)}.tabbar button.on:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:34px;height:3px;border-radius:0 0 3px 3px;background:var(--green)}.board,.puzzle,.findp{position:absolute;left:0;right:0;top:auto;bottom:var(--tabh);width:auto;z-index:6;border-radius:22px 22px 0 0;background:#121a2cf7;box-shadow:0 -10px 40px #00000073;transform:translateY(calc(100% + var(--tabh)));visibility:hidden;transition:transform .32s cubic-bezier(.2,.9,.3,1),visibility 0s .32s}.ui[data-tab=rank] .board,.ui[data-tab=task] .puzzle,.ui[data-tab=find] .findp{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.9,.3,1)}.board{max-height:calc(100% - var(--tabh) - 70px);padding:4px 12px 12px}.board .grab{display:flex;justify-content:center;background:none;border:0;padding:6px 0 4px;cursor:pointer}.board .grab span{width:44px;height:5px;border-radius:3px;background:#ffffff4d}.ranks{overflow-y:auto}.ranks li{grid-template-columns:24px 14px minmax(0,1fr) 40px 40px 28px;gap:6px;padding:8px 4px}.puzzle{padding:16px 16px 18px}.ptitle{font-size:12px}.pq{font-size:34px;margin:8px 0 14px}.btns .btn{padding:13px 8px;font-size:14px}.findp{padding:16px}.fform{display:flex;gap:8px}.fform input{flex:1;min-width:0;height:46px;padding:0 14px;border-radius:14px;border:0;outline:0;background:var(--pill);color:var(--ink);font:inherit;font-size:16px;box-shadow:0 0 0 1px var(--line)}.fform input:focus{box-shadow:0 0 0 2px var(--green)}.fform .btn{width:52px;padding:0;font-size:20px}.fform.miss{animation:miss .45s}.toasts{left:50%;top:calc(84px + env(safe-area-inset-top));transform:translate(-50%)}.toast{font-size:15px;padding:8px 14px}.card{left:10px;right:10px;width:auto;bottom:calc(var(--tabh) + 10px);z-index:7}.tlabel{font-size:11px;padding:2px 7px}.tlabel.lead{font-size:14px}.goldnick{font-size:10px}}body[data-mode=reel],body[data-mode=still]{background:#05080f}.frame{position:absolute;left:50%;top:50%;width:1080px;height:1920px;transform-origin:center center;overflow:hidden;background:linear-gradient(180deg,var(--bg-top),var(--bg-bot))}.frame.clear{background:transparent}.frame.green{background:#0f0}.reel-ov{position:absolute;inset:0;pointer-events:none}.reel-ov .rt{position:absolute;top:110px;left:0;right:0;text-align:center}.rtitle{font-size:86px;letter-spacing:.02em;text-shadow:0 4px 30px rgba(0,0,0,.45)}.rsub{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:18px}.rsub .chip{font-size:40px;padding:14px 28px}.rsub .namuna{font-size:36px;padding:14px 24px;border-radius:16px;box-shadow:0 0 0 4px #fff}.reel-ov .rig{position:absolute;bottom:60px;left:0;right:0;text-align:center;font-size:36px;color:#ffffffbf}.rcap{position:absolute;left:50%;bottom:170px;transform:translate(-50%) translateY(30px);display:flex;gap:18px;align-items:center;white-space:nowrap;padding:26px 46px;border-radius:999px;background:#0d1421eb;font-size:64px;opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.2,1.4,.4,1);box-shadow:0 12px 60px #00000073}.rcap.show{opacity:1;transform:translate(-50%) translateY(0)}.rcap .sw{width:46px;height:46px;border-radius:12px}.rcap .ic{margin:0;font-size:70px}.rcap .ic.cube{color:var(--muted);font-size:54px}.hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:20px;align-items:center;padding:30px 50px;border-radius:999px;background:#ffffff1a;font-size:54px;color:#fffc}.frame .tlabel{font-size:30px;padding:6px 18px;box-shadow:0 0 0 4px var(--c)}.frame .tlabel.frozen{box-shadow:0 0 0 4px var(--ice)}.frame .tl .stem{width:4px;margin-left:-2px}.frame .tlabel.lead{font-size:40px;padding:8px 22px}.frame .goldnick{font-size:28px;padding:6px 18px 6px 12px;gap:10px}.frame .goldnick i{width:22px;height:22px;border-radius:6px}.frame .floater{font-size:56px}.frame .floater.minus,.frame .floater.chest{font-size:64px}.frame .floater.ice{font-size:72px}.reel-ov .podium{position:absolute;left:150px;right:150px;bottom:210px;display:grid;gap:18px}.reel-ov .rcards{bottom:180px;opacity:0;transform:translateY(40px);transition:opacity .5s,transform .6s cubic-bezier(.2,1.3,.4,1)}.reel-ov .rcards.show{opacity:1;transform:none}.reel-ov .pr{display:grid;grid-template-columns:60px 36px 1fr auto;gap:20px;align-items:center;height:92px;padding:0 40px;border-radius:46px;background:#222a3eeb;font-size:44px}.reel-ov .pr .pos{color:var(--muted);text-align:center}.reel-ov .pr .sw{width:36px;height:36px;border-radius:10px}.btn.dl{position:fixed;right:16px;bottom:16px;z-index:10;font-size:16px}.fallback{max-width:560px;margin:0 auto;padding:24px 16px 40px;height:100%;overflow-y:auto}.fallback h1{margin:0 0 10px;font-size:28px}.fallback table{width:100%;border-collapse:collapse;margin:14px 0}.fallback td{padding:9px 6px;border-bottom:1px solid var(--line)}.fallback td:nth-child(2){display:flex;gap:10px;align-items:center}.fallback td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.fallback td:nth-child(4){text-align:right;width:44px;font-size:13px}.fallback .pq{font-size:26px;margin:10px 0 12px}.fallback .handle-ig{position:static;transform:none;margin-top:18px;text-align:center}body[data-mode=fallback]{overflow:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mlabels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ml{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform,opacity}.ml.reg{display:flex;flex-direction:column;align-items:center}.ml.reg .pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#121a2c;box-shadow:0 0 0 2px var(--c);font-size:15px;line-height:1.15;font-variant-numeric:tabular-nums}.ml.reg.lead .pill{font-size:19px;padding:5px 12px;box-shadow:0 0 0 2.5px var(--c),0 4px 14px #0006}.ml.reg .ic{color:var(--ice);font-size:13px}.ml.reg .stem{display:block;width:2px;height:0;background:var(--c);opacity:.85}.ml.goldl .gnick{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;border-radius:8px;background:#121a2ceb;font-size:13px}.ml.goldl .gnick i{width:12px;height:12px;border-radius:3px;background:#ffc14d}.ml.dist{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border-radius:7px;background:#0c1220db;border-left:3px solid var(--c);font-size:12px;line-height:1.2}.ml.dist span{color:#d8deea}.ml.dist b{font-variant-numeric:tabular-nums}.ml.user{padding:2px 6px;border-radius:6px;background:#0a0f1ccc;font-size:11px;line-height:1.25;color:#fff}.ml.user.big{font-size:13px}.ml.user.gold{background:#ffc14d;color:#1b1300}.mtools{position:absolute;top:16px;right:392px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:5}.mtools button,.msearch{height:40px;min-width:40px;border:0;border-radius:12px;background:var(--panel);box-shadow:0 0 0 1px var(--line);color:var(--ink);font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.msearch{padding:0;overflow:hidden}.msearch input{width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;transition:width .2s ease,padding .2s ease}.msearch.open input{width:190px;padding:0 4px 0 12px}.msearch button{box-shadow:none;background:transparent;font-size:18px}.msearch.miss{animation:miss .45s}@keyframes miss{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(max-width:760px){.mtools{top:auto;bottom:calc(var(--tabh) + 14px);right:12px;flex-direction:column;align-items:center}.mtools button{height:42px;min-width:42px}.mtools .msearch{display:none}.ui:not([data-tab=map])~.mtools{opacity:0;pointer-events:none}.ml.reg .pill{font-size:12px;padding:3px 7px;box-shadow:0 0 0 1.5px var(--c)}.ml.reg.lead .pill{font-size:15px;padding:4px 9px;box-shadow:0 0 0 2px var(--c)}.ml.goldl .gnick{font-size:11px;padding:3px 7px 3px 5px}}
