:where(button,input,select,textarea,option){font-family:inherit}:where(img,svg){-webkit-user-drag:none}:where(button,[role=button]){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:root{--jp-top-size:50px;--jp-top-icon:26px;--jp-top-font:18px;--jp-top-accent:#6c47ff;--jp-top-bg:#ffffffe6;--jp-top-ink:#2a2433;--jp-top-line:#2a24331a;--jp-top-shadow:0 2px 8px #2a24331f, 0 1px 1px #2a24330f}:root[data-theme=dark]{--jp-top-bg:#242130db;--jp-top-ink:#f4f1fa;--jp-top-line:#ffffff1f;--jp-top-shadow:0 2px 8px #00000059}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--jp-top-bg:#242130db;--jp-top-ink:#f4f1fa;--jp-top-line:#ffffff1f;--jp-top-shadow:0 2px 8px #00000059}}:root{--jp-top-inset:16px;--jp-top-gap:8px;--jp-top-space:calc(env(safe-area-inset-top,0px) + var(--jp-top-inset) + var(--jp-top-size))}@media (width>=900px) and (height>=560px){:root{--jp-top-size:60px;--jp-top-icon:31px;--jp-top-font:21px;--jp-top-inset:24px;--jp-top-gap:10px}}.jp-topbar{z-index:40;box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--jp-top-gap);padding:calc(env(safe-area-inset-top,0px) + var(--jp-top-inset)) calc(env(safe-area-inset-right,0px) + var(--jp-top-inset)) 0 calc(env(safe-area-inset-left,0px) + var(--jp-top-inset));pointer-events:none;zoom:calc(1 / var(--jp-top-unzoom,1));margin:0;display:flex;position:fixed;top:0;left:0;right:0}.jp-topbar-group{align-items:center;gap:var(--jp-top-gap);pointer-events:auto;display:flex}.jp-top-btn{box-sizing:border-box;width:var(--jp-top-size);height:var(--jp-top-size);border:1px solid var(--jp-top-line);background:var(--jp-top-bg);box-shadow:var(--jp-top-shadow);color:var(--jp-top-ink);font-family:Jua,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:var(--jp-top-font);letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;font-weight:400;line-height:1;text-decoration:none;transition:transform .14s,border-color .14s,color .14s;display:inline-flex;position:relative}.jp-top-btn[hidden]{display:none}.jp-top-pill{gap:.4em;width:auto;padding:0 1.05em 0 .8em}.jp-top-pill>span{position:relative;top:.06em}.jp-top-pill>span:lang(ko){top:.11em}.jp-top-btn svg{width:var(--jp-top-icon);height:var(--jp-top-icon);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.jp-top-btn svg .jp-fill{fill:currentColor;stroke:none;opacity:.18}.jp-dev{vertical-align:-.08em;opacity:.5;flex:none;width:.9em;height:.9em;margin-left:.3em;display:inline-block}.jp-dev svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}@media (hover:hover){.jp-top-btn:hover{border-color:var(--jp-top-accent);color:var(--jp-top-accent)}}.jp-top-btn:active{transform:scale(.92)}.jp-top-btn:focus-visible{outline:3px solid var(--jp-top-accent);outline-offset:2px}.jp-top-btn.is-on{border-color:var(--jp-top-accent);background:var(--jp-top-accent);color:#fff}.jp-top-dot{border:2px solid var(--jp-top-bg);background:var(--jp-top-accent);border-radius:50%;width:12px;height:12px;animation:.9s ease-in-out infinite jp-top-pulse;position:absolute;top:-2px;right:-2px}@keyframes jp-top-pulse{50%{transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.jp-top-btn,.jp-top-dot{transition:none;animation:none}}@font-face{font-family:Jua;src:url(./jua-hub-C-mz4GIC.woff2)format("woff2");font-display:swap}@font-face{font-family:Jua;src:url(./gothic-a1-bold-symbols-CR6MydXM.woff2)format("woff2");font-display:swap;unicode-range:U+60,U+A9,U+AE,U+B0-B3,U+B7,U+B9,U+BC-BE,U+D7,U+F7,U+2013-2014,U+2018-2019,U+2022,U+2025-2026,U+2030,U+203B,U+2103,U+2116,U+2122,U+2190-2194,U+21D2,U+2212,U+221E,U+2260,U+2264-2265,U+2460-2469,U+25A0-25A1,U+25B2-25B3,U+25B6-25B7,U+25BC-25BD,U+25C0-25C1,U+25C6-25C7,U+25CB,U+25CE-25CF,U+2660,U+2662-2664,U+2666-2667,U+266A,U+266C,U+2713-2716,U+3008-3011,U+3014-3015}:root{--bg:#f5f2ff;--surface:#fff;--surface-2:#efeaff;--text:#1f1a33;--muted:#6b6585;--line:#e3ddf6;--brand:#6c47ff;--brand-ink:#fff;--accent:#ffb703;--mark:#ffb703;--warn:#b25a00;--gold:#f5b400;--silver:#a8b0c0;--bronze:#d58a4a;--shadow:0 1px 2px #28196e0f, 0 8px 24px #28196e14;--radius:22px;--font:"Jua", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#13101f;--surface:#1e1a2e;--surface-2:#2a2442;--text:#f1eeff;--muted:#a69fc4;--line:#342d50;--brand:#9277ff;--brand-ink:#14102a;--accent:#ffc94d;--warn:#ffb35c;--shadow:0 1px 2px #0000004d, 0 10px 28px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-skin=candy]{--bg:#fff1f7;--surface-2:#ffe3ef;--text:#33121f;--muted:#85607a;--line:#f7d5e5;--brand:#d6336c;--accent:#7c5cff}:root[data-theme=dark][data-skin=candy]{--bg:#1f0d16;--surface:#2b1520;--surface-2:#3a1d2b;--text:#ffeef6;--muted:#c99ab0;--line:#4a2737;--brand:#ff6fa5;--brand-ink:#2a0a17;--accent:#a58bff}:root[data-skin=soda]{--bg:#ecf6ff;--surface-2:#dcefff;--text:#0f2233;--muted:#587089;--line:#cfe4f7;--brand:#0b6fd6;--accent:#12c2b5}:root[data-theme=dark][data-skin=soda]{--bg:#0b1622;--surface:#13212f;--surface-2:#1b2d3f;--text:#eaf5ff;--muted:#8fb0cc;--line:#23384d;--brand:#4aa8ff;--brand-ink:#04121f;--accent:#3ee0d0}:root[data-skin=lemon]{--bg:#fffbe8;--surface-2:#fff3c4;--text:#2e2408;--muted:#7d6d3e;--line:#f3e6ae;--brand:#c2410c;--accent:#f2b705}:root[data-theme=dark][data-skin=lemon]{--bg:#1b1606;--surface:#262010;--surface-2:#352c14;--text:#fff8de;--muted:#c9b77d;--line:#43391a;--brand:#ffb547;--brand-ink:#241800;--accent:#ffd84d}:root[data-skin=mint]{--bg:#ebfaf3;--surface-2:#d6f3e6;--text:#0e2a20;--muted:#557a6b;--line:#c8ebdb;--brand:#0a7d57;--accent:#ff9f43}:root[data-theme=dark][data-skin=mint]{--bg:#0a1914;--surface:#11241d;--surface-2:#183229;--text:#e8fff5;--muted:#8cc2ab;--line:#1f3d32;--brand:#3ddc97;--brand-ink:#04140d;--accent:#ffb466}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:var(--jp-vh,100dvh);background:radial-gradient(42rem 26rem at 105% -10%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 70%), radial-gradient(36rem 24rem at -10% 8%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 70%), radial-gradient(44rem 30rem at 50% 115%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 70%), var(--bg);color:var(--text);font-family:var(--font);background-attachment:fixed;margin:0;font-size:17px;line-height:1.45}button,input{font:inherit;color:inherit}.lbl{position:relative;top:.045em}.lbl.ko{top:.08em}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.2em;height:1.2em}#app{max-width:920px;min-height:var(--jp-vh,100dvh);padding:calc(var(--jp-top-space) + 4px) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.stage{flex:1}:root{--jp-top-accent:var(--brand)}.top:before{content:"";z-index:-1;background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 80%, transparent) 55%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0 0 -34px;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}html.scrolled .top:before{opacity:1}.icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform .14s;display:grid}@media (hover:hover){.icon-btn:hover{border-color:var(--brand);color:var(--brand)}}.icon-btn:active{transform:scale(.92)}.icon-btn:focus-visible,.card:focus-visible,.chip-btn:focus-visible,.seg button:focus-visible,.small-btn:focus-visible,.rank-more:focus-visible,.hero-mark:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.banner{background:color-mix(in srgb, var(--warn) 14%, var(--surface));color:var(--text);border-radius:14px;margin:0 0 16px;padding:10px 14px;font-size:15px}.hero{text-align:center;flex-direction:column;align-items:center;margin:30px 0 22px;display:flex}.hero-mark{cursor:pointer;width:112px;height:112px;position:relative}.hero-mark:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--mark) 40%, transparent), transparent 68%);border-radius:50%;animation:3.6s ease-in-out infinite glow;position:absolute;inset:-26px}.hero-logo{stroke:none;filter:drop-shadow(0 10px 16px #9a5b0066);width:100%;height:100%;animation:4.2s ease-in-out infinite logo-float;position:relative;overflow:visible}.logo-box{fill:var(--mark);transform-box:fill-box;transform-origin:50%}.logo-tile{transform-box:fill-box;transform-origin:50%}.burst{pointer-events:none;position:absolute;inset:0}.burst i{background:var(--accent);opacity:0;border-radius:3px;width:12px;height:12px;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.burst i:nth-child(3n+1){background:var(--brand);border-radius:50%}.burst i:nth-child(3n+2){clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffd23f}h1{letter-spacing:.02em;margin:12px 0 0;font-size:46px;font-weight:400;line-height:1}.hero-title{display:inline-flex}.hero-title span{text-shadow:0 3px 0 color-mix(in srgb, var(--brand) 22%, transparent);display:inline-block}.tagline{color:var(--muted);margin:8px 0 0;font-size:16px}.bg-deco{--px:0;--py:0;--sy:0;z-index:-1;pointer-events:none;perspective:600px;position:fixed;inset:0;overflow:hidden}.bg-deco i{--piece:#ffb703;--piece-shade:#d98f00;--k:1;width:var(--s);height:var(--s);opacity:.5;translate:calc(var(--px) * var(--k) * -36px) calc(var(--py) * var(--k) * -36px - var(--sy) * var(--k) * .12px);animation:deco-in .9s cubic-bezier(.3, 1.5, .5, 1) calc(var(--i) * 80ms) both, drift calc((7s + var(--i) * .9s) / var(--k)) ease-in-out calc(var(--i) * -1.7s) infinite alternate;transition:translate .6s cubic-bezier(.2,.8,.3,1);position:absolute}.bg-deco i[data-depth="0"]{--k:.4;filter:blur(1.4px)}.bg-deco i[data-depth="2"]{--k:1.8}.bg-deco svg{width:100%;height:100%;fill:var(--piece);stroke:none;opacity:.8;filter:drop-shadow(0 calc(var(--s) * .07) 0 var(--piece-shade));display:block}.bg-deco i[data-depth="0"] svg{opacity:.5}.bg-deco i[data-depth="2"] svg{opacity:1}.bg-deco .cheek{--piece:#ff7a3d;--piece-shade:#d9572a}.bg-deco .smile svg{fill:none;stroke:var(--piece);stroke-width:4.5px}.bg-deco :is(.star,.ring,.dot,.tri,.square) svg{filter:none}.bg-deco :is(.star,.square){--piece:var(--accent);opacity:.32}.bg-deco :is(.dot,.tri){--piece:var(--brand);opacity:.2}.bg-deco .ring{opacity:.32}.bg-deco .ring svg{fill:none;stroke:var(--accent);stroke-width:4px}:root[data-theme=dark] .bg-deco i{opacity:.3}:root[data-theme=dark] .bg-deco :is(.dot,.tri){opacity:.16}.games{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;display:grid}@media (width>=720px){.games{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:18px}}.card{--depth:color-mix(in srgb, var(--c,var(--brand)) 42%, var(--line));border:2px solid color-mix(in srgb, var(--c,var(--brand)) 26%, var(--line));background:var(--surface);min-width:0;box-shadow:0 6px 0 var(--depth), 0 16px 26px -12px color-mix(in srgb, var(--c,var(--brand)) 50%, transparent);color:inherit;border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}@media (hover:hover){a.card:hover{box-shadow:0 10px 0 var(--depth), 0 24px 30px -14px color-mix(in srgb, var(--c) 55%, transparent);transform:translateY(-4px)}}a.card:active{box-shadow:0 1px 0 var(--depth), 0 6px 12px -8px color-mix(in srgb, var(--c) 50%, transparent);transition-duration:60ms;transform:translateY(5px)}.card-art{background:radial-gradient(circle at 28% 18%, color-mix(in srgb, #fff 38%, var(--c,var(--brand))), var(--c,var(--brand)) 72%);place-items:center;height:108px;display:grid;position:relative;overflow:hidden}.card-art:before{--ink:#ffffff42;content:"";background-image:radial-gradient(#ffffff47 2px,#0000 2.6px);background-size:16px 16px;animation:14s linear infinite pattern-loop;position:absolute;inset:-48px}.card-art[data-pat="1"]:before{--ink:#ffffff26;--pat-x:16px;--pat-y:0px;background-image:linear-gradient(45deg, var(--ink) 25%, transparent 25% 50%, var(--ink) 50% 75%, transparent 75%);background-size:16px 16px;animation-duration:6s}.card-art[data-pat="2"]:before{--pat-x:18px;--pat-y:18px;background-image:linear-gradient(var(--ink) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--ink) 1.5px, transparent 1.5px);background-size:18px 18px;animation-duration:12s}.card-art[data-pat="3"]:before{--ink:#ffffff24;--pat-x:0px;--pat-y:-24px;background-image:conic-gradient(var(--ink) 25%, transparent 0 50%, var(--ink) 0 75%, transparent 0);background-size:24px 24px;animation-duration:10s}.card-art[data-pat="4"]:before{--pat-x:-22px;--pat-y:22px;background-image:radial-gradient(circle, transparent 4px, var(--ink) 4.6px 6.2px, transparent 6.8px);background-size:22px 22px;animation-duration:14s}.card-art[data-pat="5"]:before{--ink:#fff3;--pat-x:-20px;--pat-y:0px;background-image:linear-gradient(135deg, var(--ink) 25%, transparent 25%), linear-gradient(225deg, var(--ink) 25%, transparent 25%), linear-gradient(315deg, var(--ink) 25%, transparent 25%), linear-gradient(45deg, var(--ink) 25%, transparent 25%);background-position:-10px 0,-10px 0,0 0,0 0;background-size:20px 20px;animation-duration:8s}.card-art[data-pat="6"]:before{--pat-x:20px;--pat-y:0px;background-image:radial-gradient(circle at 50% 100%, transparent 6px, var(--ink) 6.6px 8.4px, transparent 9px);background-size:20px 12px;animation-duration:9s}.card-art[data-pat="7"]:before{--ink:#ffffff38;--pat-x:20px;--pat-y:-20px;background-image:linear-gradient(45deg, transparent 46%, var(--ink) 46% 54%, transparent 54%), linear-gradient(-45deg, transparent 46%, var(--ink) 46% 54%, transparent 54%);background-size:20px 20px;animation-duration:13s}.card-art[data-pat="8"]:before{--ink:#ffffff21;--pat-x:0px;--pat-y:20px;background-image:linear-gradient(var(--ink) 50%, transparent 50%);background-size:20px 20px;animation-duration:7s}.card-art[data-pat="9"]:before{--ink:#ffffff4d;--pat-x:-28px;--pat-y:-28px;background-image:radial-gradient(var(--ink) 3px, transparent 3.6px), radial-gradient(#fff3 1.6px, transparent 2.2px);background-position:0 0,14px 14px;background-size:28px 28px;animation-duration:16s}.card-art:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}@media (hover:hover){a.card:hover .card-art:after{animation:.7s ease-out shine}}.card-icon{z-index:1;filter:drop-shadow(0 6px 8px #0003);width:72px;height:72px;animation:bob 3.2s ease-in-out calc(var(--n,0) * -.8s) infinite;border-radius:20px;position:relative}@media (hover:hover){a.card:hover .card-icon{animation:.52s ease-in-out wiggle}}.card-art>svg{width:44px;height:44px;color:var(--muted);position:relative}.card-body{flex-direction:column;flex:1;gap:3px;min-width:0;padding:12px 14px 0;display:flex;position:relative}.card-name{font-size:21px;font-weight:400;line-height:1.15}.card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.card-foot{align-items:center;min-height:26px;margin:8px 12px 13px 14px;display:flex}.card-foot .chip{min-width:0}.chip{background:var(--surface-2);max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex;overflow:hidden}.chip svg{width:13px;height:13px}.chip.best{background:color-mix(in srgb, var(--c) 14%, var(--surface));color:var(--text)}.chip.best svg{color:var(--gold)}.chip.first{background:0 0;padding-inline:2px}.chip.warn{color:var(--warn)}.card-play{z-index:2;border:2.5px solid var(--surface);background:color-mix(in srgb, var(--c,var(--brand)) 72%, #000);color:#fff;width:34px;height:34px;box-shadow:0 3px 0 color-mix(in srgb, var(--c,var(--brand)) 45%, #000);border-radius:50%;place-items:center;transition:transform .14s,box-shadow .14s;display:grid;position:absolute;top:-26px;right:10px}.card-play svg{fill:currentColor;stroke-width:2.4px;width:11px;height:12.5px;margin-left:2px}a.card:active .card-play{box-shadow:0 1px 0 color-mix(in srgb, var(--c) 45%, #000);transform:translateY(2px)}.card.blocked{opacity:.55;filter:grayscale(.6);cursor:not-allowed}.card.blocked:active{transform:none}@media (hover:hover){.card.blocked:hover{transform:none}}.card-ver{z-index:2;color:#fff;letter-spacing:.02em;background:#00000052;border-radius:999px;padding:2px 7px 1px;font-size:12px;line-height:1.3;position:absolute;top:9px;right:8px}.card-new{z-index:2;color:color-mix(in srgb, var(--c,var(--brand)) 80%, #000);letter-spacing:.04em;box-shadow:0 2px 0 color-mix(in srgb, var(--c,var(--brand)) 55%, #000);background:#fff;border-radius:999px;padding:3px 9px 2px;font-size:13px;line-height:1.2;animation:2.4s ease-in-out infinite new-pop;position:absolute;top:10px;left:10px}.card.teaser{--c:#3b2f73;cursor:default}.card.teaser .card-art{background:radial-gradient(circle at 28% 18%,#6d5bd0,#2a2052 72%)}.card.teaser .card-art[data-backdrop="1"]{background:radial-gradient(circle at 28% 18%,#2aa198,#0b3d44 72%)}.card.teaser .card-art[data-backdrop="2"]{background:radial-gradient(circle at 28% 18%,#c2456e,#4a1430 72%)}.card.teaser .card-art[data-backdrop="3"]{background:radial-gradient(circle at 28% 18%,#4a6fe0,#16224f 72%)}.card.teaser .card-art[data-backdrop="4"]{background:radial-gradient(circle at 28% 18%,#e09a2c,#5a3408 72%)}.card.teaser .card-art[data-backdrop="5"]{background:radial-gradient(circle at 28% 18%,#3f9d5a,#123d22 72%)}.teaser-box{z-index:1;color:#fff;text-shadow:0 2px #b86f00;background:linear-gradient(160deg,#ffd84d,#f5a300);border-radius:18px;place-items:center;width:64px;height:64px;font-size:40px;line-height:1;animation:2.6s ease-in-out infinite teaser-wobble;display:grid;position:relative;box-shadow:0 5px #b86f00,0 10px 18px -6px #00000080}.card.teaser .card-name{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.teaser-when>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.card.teaser .card-play{background:radial-gradient(circle at 35% 28%,#4a4560,#1d1a2e 70%);box-shadow:0 3px #0d0b18,0 5px 10px #0006,inset 0 1px #ffffff2e}.card.teaser .card-play svg{width:21px;height:21px;fill:initial;stroke:none;margin-left:0}@keyframes teaser-wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)translateY(-3px)}}.teaser-icon[data-veil=heavy]{filter:blur(3.5px)}.teaser-icon[data-veil=light]{filter:blur(1.8px)}.teaser-q{z-index:2;color:#fff;text-shadow:0 1px #b86f00;background:linear-gradient(160deg,#ffd84d,#f5a300);border-radius:8px;place-items:center;width:26px;height:26px;font-size:18px;line-height:1;display:grid;position:absolute;box-shadow:0 3px #b86f00,0 6px 10px -4px #00000080}.card-new.test{color:#ffd84d;background:#1f1a2e;animation:none;box-shadow:0 2px #00000059}.ver-tap{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.preview-lock{gap:12px;display:grid}.confirm .sheet-sub{margin:0 2px 16px}.confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.confirm-actions .primary-btn{padding:10px 12px;font-size:16px}.primary-btn.danger{color:#fff;background:#d23b3b;box-shadow:0 6px 16px #d23b3b4d}.preview-lock .initials{text-transform:none}.preview-lock [data-preview-wrong]{color:var(--warn);margin:0}.next-strip{border:2px dashed color-mix(in srgb, var(--gold) 60%, var(--line));background:color-mix(in srgb, var(--gold) 12%, var(--surface));color:var(--text);text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin:18px 0 0;padding:11px 16px;font-size:15px;line-height:1.35;display:flex}@media (width>=720px){.next-strip{width:fit-content;max-width:100%;padding-inline:20px}}.next-strip svg{width:22px;height:22px;fill:var(--gold);flex:none}.next-strip svg path{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite twinkle}.next-strip svg path+path{animation-delay:-1.2s}.foot{color:var(--muted);text-align:center;margin-top:28px;font-size:13px}.foot .mini-logo{vertical-align:-2px;stroke:none;width:14px;height:14px;margin-right:5px}.sheet{background:var(--bg);width:min(560px,100%);max-width:100%;max-height:min(86dvh,760px);color:var(--text);box-shadow:var(--shadow);border:none;border-radius:26px 26px 0 0;margin:auto auto 0;padding:0;overflow:hidden}.sheet[open]{flex-direction:column;animation:.26s cubic-bezier(.2,.9,.3,1) both sheet-up;display:flex}.sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f0a2373}@media (width>=720px){.sheet{border-radius:26px;margin:auto}}.sheet.center{width:min(380px,100% - 32px);bottom:max(0px, calc(100% - var(--jp-vh,100%)));border-radius:26px;margin:auto}.sheet.center[open]{animation:.22s cubic-bezier(.2,.9,.3,1.2) both center-in}.sheet.center .sheet-body{padding-bottom:20px}.sheet-head{justify-content:space-between;align-items:center;padding:16px 16px 4px 20px;display:flex}.sheet-head h2{align-items:baseline;gap:8px;margin:0;font-size:24px;font-weight:400;display:flex}.sheet-head .head-sub{color:var(--muted);font-size:14px}.sheet.ranking .sheet-body{padding-top:10px}.sheet-head .icon-btn{width:40px;height:40px;box-shadow:none}.sheet-body{padding:0 16px max(20px, env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}.sheet-sub{color:var(--muted);margin:0 4px 14px;font-size:15px}.rank-game{border:1px solid var(--line);background:var(--surface);border-radius:20px;margin-bottom:10px;padding:12px 14px 8px}.rank-head{align-items:center;gap:10px;display:flex}.rank-head img{border-radius:9px}.rank-head h3{flex:1;margin:0;font-size:19px;font-weight:400}.rank-more{color:var(--c);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0;font-size:14px;text-decoration:none}.rank-play{color:var(--c);justify-content:flex-end;align-items:center;gap:5px;margin-top:6px;font-size:14px;text-decoration:none;display:flex}.rank-play[hidden]{display:none}.rank-play svg{fill:currentColor;stroke-width:2.4px;width:9px;height:10px}@media (hover:hover){.rank-more:hover{text-decoration:underline}}.chips{scrollbar-width:none;gap:6px;margin:10px 0 4px;display:flex;overflow-x:auto}.chip-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;flex:none;padding:5px 12px;font-size:14px}.chip-btn[aria-selected=true]{border-color:var(--c);background:var(--c);color:#fff}.rank-rows{min-height:calc(var(--rows,1) * 45px);flex-direction:column;display:flex}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{box-sizing:border-box;border-top:1px solid var(--line);align-items:center;gap:10px;height:45px;padding:8px 4px;display:flex}.rank-list li:first-child{border-top:none}.medal{background:var(--surface-2);width:28px;height:28px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.place-1 .medal{background:var(--gold);color:#3d2a00}.place-2 .medal{background:var(--silver);color:#1d2230}.place-3 .medal{background:var(--bronze);color:#2e1500}.rank-name{letter-spacing:.06em;flex:1;font-size:18px}.rank-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.rank-empty,.rank-note{color:var(--muted);margin:4px;font-size:14px;line-height:20px}.rank-empty{text-align:center;margin:auto}.rank-note{color:var(--warn);margin-top:2px}.set-group{border:1px solid var(--line);background:var(--surface);border-radius:20px;margin-bottom:12px;padding:14px}.set-shared{background:var(--surface-2);border-radius:24px;margin-bottom:12px;padding:10px 8px 8px}.set-shared .set-group:last-child{margin-bottom:0}.shared-label{color:var(--brand);align-items:center;gap:6px;margin:0 6px 10px;font-size:15px;display:flex}.shared-label svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.set-group h3{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:400}.seg{background:var(--surface-2);border-radius:999px;gap:4px;padding:4px;display:flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:7px 8px}.seg button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.switch{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 0;display:flex;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch i{background:var(--line);border-radius:999px;width:48px;height:28px;transition:background .16s;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+i{background:var(--brand)}.switch input:checked+i:after{transform:translate(20px)}.switch input:focus-visible+i{outline:3px solid var(--brand);outline-offset:2px}.initials{border:1px solid var(--line);background:var(--bg);letter-spacing:.2em;text-transform:uppercase;border-radius:14px;width:100%;padding:10px 14px;font-size:20px}.initials:focus{outline:3px solid color-mix(in srgb, var(--brand) 50%, transparent);border-color:var(--brand)}.hint{color:var(--muted);margin:8px 2px 0;font-size:13px}.storage{margin:0;padding:0;list-style:none}.data-group summary{cursor:pointer;border-radius:20px;align-items:center;gap:8px;margin:-14px;padding:14px;list-style:none;display:flex}.data-group summary::-webkit-details-marker{display:none}.data-group summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.data-group summary h3{flex:1;margin:0}.data-summary{color:var(--muted);white-space:nowrap;font-size:13px}.data-group summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:8px;height:8px;margin:0 4px 4px 2px;transition:transform .2s;transform:rotate(45deg)}.data-group[open] summary:after{margin-bottom:-4px;transform:rotate(-135deg)}.data-group[open] summary{margin-bottom:-4px}.data-group .storage{margin-top:10px}.storage li{box-sizing:border-box;align-items:center;gap:10px;height:72px;display:flex}.storage li+li{border-top:1px solid var(--line)}.storage img{border-radius:8px;flex:none}.storage-body{flex-direction:column;flex:1;min-width:0;display:flex}.storage-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.storage-state{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.storage-actions{flex:none;gap:4px;display:grid}.storage-actions .small-btn{padding:3px 10px;font-size:13px}.small-btn{white-space:nowrap;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;padding:4px 12px;font-size:14px}.small-btn.danger{color:#d23b3b}.small-btn:disabled{opacity:.45;cursor:default}.install-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.install-row .mini-logo{stroke:none;filter:drop-shadow(0 3px 6px #9a5b0059);flex:none;width:46px;height:46px}.install-row p{margin:0;font-size:15px}.primary-btn{background:var(--brand);width:100%;color:var(--brand-ink);box-shadow:0 6px 16px color-mix(in srgb, var(--brand) 35%, transparent);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:18px;display:flex}.primary-btn:active{transform:scale(.98)}.primary-btn:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none;cursor:default}.primary-btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.install-card{border:1px solid color-mix(in srgb, var(--brand) 35%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--brand) 9%, var(--surface));box-shadow:var(--shadow);margin:0 0 16px;padding:16px;animation:.45s cubic-bezier(.2,.9,.3,1.2) both card-in}.install-card strong{font-size:19px;font-weight:400;display:block}.install-card .install-row p{color:var(--muted);font-size:14px}a.primary-btn{text-decoration:none}.primary-btn.secondary{border:1px solid var(--brand);background:var(--surface);color:var(--brand);box-shadow:none}.share-desc{margin:0 2px 12px}.text-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;margin:8px auto 0;padding:6px 12px;font-size:14px;display:block}.install-guide{background:var(--surface-2);border-radius:12px;margin:10px 0 0;padding:10px 12px;font-size:14px}.install-how{margin-top:12px}.install-how summary{color:var(--brand);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 2px;font-size:15px;list-style:none;display:flex}.install-how summary::-webkit-details-marker{display:none}.install-how summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin-bottom:3px;transition:transform .2s;transform:rotate(45deg)}.install-how[open] summary:after{margin-bottom:-3px;transform:rotate(-135deg)}.install-how summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}.how-tabs{margin:6px 0 10px}.how-steps{counter-reset:how;gap:8px;margin:0;padding:0;list-style:none;display:grid}.how-steps li{counter-increment:how;padding-left:32px;font-size:15px;line-height:1.45;position:relative}.how-steps b{color:var(--brand);font-weight:inherit}.how-steps li:before{content:counter(how);background:var(--brand);width:22px;height:22px;color:var(--brand-ink);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:0;left:0}.how-ico,.how-steps .mini-logo{vertical-align:-.2em;width:1.15em;height:1.15em;margin:0 1px;display:inline-block}.how-ico{border:1px solid var(--line);background:var(--surface);fill:var(--text);stroke:none;border-radius:5px;padding:1px}.how-ico.line{fill:none;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.how-note{margin:10px 0 0;font-size:13px}.install-card .install-how{text-align:left}.app-version,.app-copyright{letter-spacing:0;text-align:center;color:var(--muted);font-family:Jua,system-ui,sans-serif;font-weight:400;line-height:1.4}.app-version{font-variant-numeric:tabular-nums;margin:20px 0 0;font-size:13px}.app-copyright{opacity:.8;margin:4px 0 0;font-size:11px}@media (width>=900px),(orientation:landscape) and (width>=560px){#app{max-width:1040px;min-height:calc(var(--jp-vh,100dvh) / var(--z,1));padding-top:calc((var(--jp-top-space) + 8px) / var(--z,1));zoom:var(--z,1);--jp-top-unzoom:var(--z,1);padding-inline:28px}.stage{grid-template-columns:minmax(200px,300px) 1fr;align-items:center;gap:40px;display:grid}.hero{margin:0}.hero-mark{width:148px;height:148px}h1{margin-top:18px;font-size:58px}.tagline{font-size:18px}.games{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.foot{margin-top:16px}.sheet{zoom:var(--z,1);max-height:calc(86dvh / var(--z,1))}.bg-deco i{scale:var(--z,1)}}@media (orientation:landscape) and (width>=560px) and (height<=500px){#app{padding-bottom:max(12px, env(safe-area-inset-bottom))}.stage{grid-template-columns:minmax(140px,200px) 1fr;align-items:start;gap:24px}.hero-mark{width:92px;height:92px}h1{margin-top:10px;font-size:40px}.tagline{font-size:14px}.games{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:14px}.card-art{height:78px}.card-icon{border-radius:16px;width:56px;height:56px}.teaser-box{border-radius:14px;width:50px;height:50px;font-size:32px}.foot{margin-top:8px}.install-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 12px;margin-bottom:12px;padding:10px 12px;display:grid}.install-card .install-row{margin:0}.install-card .install-row .mini-logo{width:38px;height:38px}.install-card strong{font-size:17px}.install-card .install-row p{font-size:13px}.install-card .primary-btn{width:auto;padding:9px 16px;font-size:16px}.install-card .text-btn{margin:0}.install-card .install-guide{grid-column:1/-1;margin-top:6px}}@media (width<=899px) and (height<=700px) and (orientation:portrait){.hero-mark{width:84px;height:84px}.hero{margin:10px 0 14px}.next-strip{margin-top:12px;padding-block:8px}.foot{margin-top:14px}h1{font-size:38px}}.intro .logo-box{animation:.52s cubic-bezier(.3,1.6,.5,1) both box-pop}.intro .logo-tile{animation:tile-drop .52s cubic-bezier(.3, 1.7, .5, 1) calc(.26s + var(--i) * .11s) both}.logo-sprout{transform-origin:50% 100%}.intro .logo-sprout{animation:sprout-grow .56s cubic-bezier(.3, 1.8, .5, 1) calc(.26s + var(--i) * .11s) both}.intro .burst i{animation:burst .72s cubic-bezier(.2, .7, .3, 1) calc(.76s + var(--d) * 60ms) both}.intro .hero-title span{animation:letter-drop .62s cubic-bezier(.3, 1.6, .5, 1) calc(.42s + var(--i) * 90ms) both}.intro .tagline{animation:.5s ease-out .76s both fade-up}.intro .top .jp-top-btn{animation:.48s cubic-bezier(.3,1.6,.5,1) .6s both pop-in}.intro .install-card,.intro .banner{animation:.5s ease-out .82s both fade-up}.intro .games>.card{animation:card-in .62s cubic-bezier(.2, 1.3, .4, 1) calc(.9s + var(--n,0) * .11s) both}.intro .next-strip{animation:fade-up .5s ease-out calc(1.2s + var(--n,0) * .11s) both}.intro .games>.card .card-art:after{animation:shine .6s ease-out calc(1s + var(--n,0) * .11s)}.intro-back .logo-tile{animation:tile-jump .46s cubic-bezier(.3, 1.6, .5, 1) calc(80ms + var(--i) * 70ms)}.intro-back .burst i{animation:burst-big .7s cubic-bezier(.2, .7, .3, 1) calc(.3s + var(--d) * 40ms) both}.intro-back .games>.card{animation:card-back .44s cubic-bezier(.2, 1.3, .4, 1) calc(60ms + var(--n,0) * 40ms) both}.intro-back .next-strip{animation:fade-up .38s ease-out calc(.16s + var(--n,0) * 40ms) both}@keyframes card-back{0%{opacity:0;transform:translateY(22px)scale(.96)}}.hero-mark.bounce .logo-tile{animation:tile-jump .46s cubic-bezier(.3, 1.6, .5, 1) calc(var(--i) * 70ms)}@keyframes box-pop{0%{opacity:0;transform:scale(.3)rotate(-14deg)}}@keyframes tile-drop{0%{opacity:0;transform:translateY(-80%)scale(.2)}}@keyframes sprout-grow{0%{opacity:0;transform:scale(.1,0)}}@keyframes tile-jump{40%{transform:translateY(-18%)scale(1.12)}}@keyframes burst-big{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.5)}to{opacity:0;transform:rotate(var(--a)) translateY(-128px) scale(1.35) rotate(180deg)}}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}to{opacity:0;transform:rotate(var(--a)) translateY(-92px) scale(1) rotate(180deg)}}@keyframes letter-drop{0%{opacity:0;transform:translateY(-48px)scale(.6)rotate(-10deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}}@keyframes card-in{0%{opacity:0;transform:translateY(46px)scale(.9)rotate(-2deg)}}@keyframes shine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes logo-float{50%{transform:translateY(-5px)rotate(-2deg)}}@keyframes glow{50%{opacity:.55;transform:scale(.9)}}@keyframes bob{0%,to{transform:translateY(5px)rotate(1.5deg)}50%{transform:translateY(-6px)rotate(-3deg)}}@keyframes wiggle{25%{transform:rotate(-9deg)scale(1.08)}50%{transform:rotate(7deg)scale(1.1)}75%{transform:rotate(-4deg)scale(1.05)}}@keyframes new-pop{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes twinkle{0%,to{opacity:.6;transform:scale(.82)rotate(0)}50%{opacity:1;transform:scale(1.12)rotate(18deg)}}@keyframes pattern-loop{to{transform:translate(var(--pat-x,16px), var(--pat-y,16px))}}@keyframes deco-in{0%{opacity:0;scale:.2}}@keyframes drift{0%{transform:translate(0,0)rotateX(0)rotateY(0)rotate(0)}50%{transform:translate3d(calc(10px * var(--k)), calc(-16px * var(--k)), calc(60px * var(--k))) rotateX(32deg) rotateY(-28deg) rotate(20deg)}to{transform:translate3d(calc(18px * var(--k)), calc(-28px * var(--k)), 0) rotateX(-14deg) rotateY(34deg) rotate(40deg)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}@keyframes center-in{0%{opacity:0;transform:scale(.94)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}