:root{color-scheme:dark;--jx-bg: #0e1430;--jx-surface: #1a2147;--jx-surface-2: #242c5e;--jx-line: #333c78;--jx-text: #f2f4ff;--jx-muted: #9aa3c7;--jx-yellow: #ffc233;--jx-yellow-down: #c98f00;--jx-cyan: #4dd8ff;--jx-cyan-down: #1ea7d4;--jx-pink: #ff5c7a;--jx-pink-down: #d23a58;--jx-green: #3ee08f;--jx-green-down: #1fae68;--jx-violet: #8c7bff;--jx-font: ui-rounded, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--jx-radius: 14px;--jx-radius-lg: 22px;--jx-gap: 12px;--jx-ease-pop: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{color-scheme:light;--jx-bg: #eef1fa;--jx-surface: #ffffff;--jx-surface-2: #e6eaf7;--jx-line: #b4bdda;--jx-text: #161b3c;--jx-muted: #5b6486;--jx-yellow: #f5a800;--jx-yellow-down: #bd7f00;--jx-cyan: #0e90c0;--jx-cyan-down: #0a6d92;--jx-pink: #df2f4e;--jx-pink-down: #b1233c;--jx-green: #14a164;--jx-green-down: #0e7c4d;--jx-violet: #6450dd}.jx-ui,.jx-ui *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.jx-ui{font-family:var(--jx-font);color:var(--jx-text)}.jx-ui :focus-visible{outline:3px solid var(--jx-cyan);outline-offset:2px;border-radius:6px}.jx-title{font-weight:900;letter-spacing:.4px;margin:0}.jx-muted{color:var(--jx-muted)}.jx-btn{font-family:var(--jx-font);font-weight:800;font-size:16px;line-height:1;color:#221a02;background:var(--jx-yellow);border:0;border-radius:var(--jx-radius);padding:13px 22px;cursor:pointer;user-select:none;touch-action:manipulation;box-shadow:0 5px 0 var(--jx-yellow-down);transition:transform 80ms ease,box-shadow 80ms ease,filter .12s ease,opacity .12s ease}.jx-btn:hover{filter:brightness(1.07)}.jx-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--jx-yellow-down)}.jx-btn:disabled{opacity:.45;cursor:default;transform:none}.jx-btn--cyan{background:var(--jx-cyan);color:#03222e;box-shadow:0 5px 0 var(--jx-cyan-down)}.jx-btn--cyan:active{box-shadow:0 2px 0 var(--jx-cyan-down)}.jx-btn--green{background:var(--jx-green);color:#03281a;box-shadow:0 5px 0 var(--jx-green-down)}.jx-btn--green:active{box-shadow:0 2px 0 var(--jx-green-down)}.jx-btn--danger{background:var(--jx-pink);color:#2b0511;box-shadow:0 5px 0 var(--jx-pink-down)}.jx-btn--danger:active{box-shadow:0 2px 0 var(--jx-pink-down)}.jx-btn--pink{background:var(--jx-pink);color:#2b0511;box-shadow:0 5px 0 var(--jx-pink-down)}.jx-btn--pink:active{box-shadow:0 2px 0 var(--jx-pink-down)}.jx-btn--ghost{background:transparent;color:var(--jx-text);box-shadow:inset 0 0 0 2px var(--jx-line)}.jx-btn--ghost:active{transform:translateY(2px)}.jx-btn--small{font-size:13px;padding:8px 14px;border-radius:10px}.jx-btn--block{display:block;width:100%}.jx-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.jx-actions>.jx-btn{flex:1 1 140px}.jx-iconbtn{font-family:var(--jx-font);background:var(--jx-surface);color:var(--jx-text);border:0;box-shadow:inset 0 0 0 2px var(--jx-line);border-radius:10px;min-width:36px;height:36px;padding:0 8px;font-size:17px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:transform 80ms ease,background .12s ease}.jx-iconbtn:hover{background:var(--jx-surface-2)}.jx-iconbtn:active{transform:translateY(2px)}.jx-card{background:var(--jx-surface);border-radius:var(--jx-radius-lg);padding:18px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0d}.jx-modal-backdrop{position:fixed;inset:0;background:#080a18c7;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.jx-modal{background:var(--jx-surface);color:var(--jx-text);border-radius:var(--jx-radius-lg);padding:20px;width:min(440px,100%);max-height:86dvh;overflow:auto;box-shadow:0 18px 60px #00000080,inset 0 1px #ffffff0f;animation:jx-pop .24s var(--jx-ease-pop)}.jx-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.jx-modal__title{font-size:19px;font-weight:900;margin:0}@keyframes jx-pop{0%{transform:scale(.86);opacity:0}}.jx-tabs{display:flex;gap:6px;background:var(--jx-bg);border-radius:12px;padding:4px;margin-bottom:12px}.jx-tab{flex:1;font-family:var(--jx-font);font-weight:800;font-size:14px;color:var(--jx-muted);background:transparent;border:0;border-radius:9px;padding:8px 10px;cursor:pointer}.jx-tab[aria-selected=true]{background:var(--jx-surface-2);color:var(--jx-text)}.jx-list{display:flex;flex-direction:column;gap:6px}.jx-row{display:flex;align-items:center;gap:10px;background:var(--jx-surface-2);border-radius:12px;padding:9px 12px;font-size:15px}.jx-row--me{box-shadow:inset 0 0 0 2px var(--jx-yellow)}.jx-row__rank{width:38px;font-weight:900;font-size:15px;text-align:center;flex:none}.jx-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.jx-row__score{font-weight:900;font-variant-numeric:tabular-nums}.jx-empty{text-align:center;color:var(--jx-muted);padding:22px 10px;font-size:14px}.jx-input{font-family:var(--jx-font);font-size:16px;font-weight:700;color:var(--jx-text);background:var(--jx-bg);border:2px solid var(--jx-line);border-radius:12px;padding:11px 14px;width:100%}.jx-input:focus{outline:none;border-color:var(--jx-cyan)}.jx-account__sep{border:none;border-top:2px dashed var(--jx-line);margin:18px 0 14px}.jx-account{display:flex;flex-direction:column;gap:10px}.jx-account__title{font-weight:800;margin:0}.jx-account .jx-muted{margin:0 0 4px;font-size:14px}.jx-account__or{height:2px;background:var(--jx-line);border-radius:2px;margin:4px 0}.jx-account__toggle{background:none;border:none;color:var(--jx-cyan);font-family:var(--jx-font);font-weight:700;font-size:14px;cursor:pointer;padding:6px;margin-top:2px}.jx-account__toggle:hover{text-decoration:underline}.jx-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);background:var(--jx-surface-2);color:var(--jx-text);font-family:var(--jx-font);font-weight:700;font-size:14px;padding:11px 18px;border-radius:999px;box-shadow:0 8px 24px #00000073;z-index:2000;animation:jx-toast-in .22s var(--jx-ease-pop);max-width:min(420px,92vw);text-align:center}@keyframes jx-toast-in{0%{transform:translate(-50%,16px);opacity:0}}.jx-badge{display:inline-block;background:var(--jx-surface-2);color:var(--jx-muted);font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px}.jx-header{display:flex;align-items:center;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));width:100%}.jx-header__brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--jx-text);flex:none}.jx-header__game{font-size:18px;font-weight:900;margin:0;flex:1;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jx-header__actions{display:flex;gap:6px;flex:none}.jx-header__back{font-size:20px}.jx-menu-backdrop{position:fixed;inset:0;z-index:1000;padding:max(54px,calc(env(safe-area-inset-top) + 44px)) max(12px,env(safe-area-inset-right)) 0 12px;display:flex;justify-content:flex-end;align-items:flex-start}.jx-menu{background:var(--jx-surface);color:var(--jx-text);border-radius:var(--jx-radius-lg);padding:6px;min-width:200px;max-width:min(280px,92vw);box-shadow:0 18px 60px #00000080,inset 0 1px #ffffff0f;animation:jx-pop .16s var(--jx-ease-pop);transform-origin:top right}.jx-menu__item{display:flex;align-items:center;gap:12px;width:100%;font-family:var(--jx-font);font-weight:800;font-size:15px;color:var(--jx-text);background:none;border:0;border-radius:10px;padding:11px 12px;cursor:pointer;text-align:left}.jx-menu__item:hover{background:var(--jx-surface-2)}.jx-menu__item:active{transform:translateY(1px)}.jx-menu__icon{font-size:18px;width:22px;text-align:center;flex:none}.jx-menu__label{flex:1;min-width:0}.jx-confetti{position:fixed;top:-14px;z-index:3000;pointer-events:none;border-radius:3px;animation:jx-confetti-fall linear forwards}@keyframes jx-confetti-fall{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}.jx-banner{display:block;min-height:env(safe-area-inset-bottom)}.jx-banner--on{display:flex;justify-content:center;align-items:center;position:sticky;bottom:0;z-index:100;width:100%;min-height:calc(58px + env(safe-area-inset-bottom));padding:4px 8px calc(4px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--jx-surface);border-top:1px solid var(--jx-line)}@media(max-width:640px){[data-platform=discord] .jx-header{padding-top:max(10px,env(safe-area-inset-top),32px)}[data-platform=discord] .jx-banner{min-height:max(env(safe-area-inset-bottom),24px)}}@media(prefers-reduced-motion:reduce){.jx-modal,.jx-menu,.jx-toast{animation:none}.jx-confetti{display:none}.jx-btn,.jx-iconbtn{transition:none}}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1a2147 0%,var(--jx-bg) 60%);color:var(--jx-text);min-height:100dvh}#app{max-width:760px;margin:0 auto;padding:18px 18px 40px;display:flex;flex-direction:column;gap:26px;min-height:100dvh;box-sizing:border-box}.po-header{display:flex;align-items:center;justify-content:space-between}.po-brand{display:flex;align-items:center;gap:10px}.po-brand__name{font-weight:900;font-size:20px;letter-spacing:.3px}.po-hero{text-align:center;padding:12px 0 4px}.po-hero__title{font-size:clamp(26px,6vw,40px);font-weight:900;margin:0 0 10px;line-height:1.1}.po-hero__intro{font-size:16px;margin:0 auto;max-width:46ch;line-height:1.5}.po-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.po-card{--accent: var(--jx-yellow);display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--jx-text);background:var(--jx-surface);border-radius:var(--jx-radius-lg);padding:18px;box-shadow:0 10px 30px #0000004d,inset 0 0 0 2px transparent;transition:transform .12s var(--jx-ease-pop),box-shadow .15s ease}.po-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #0000006b,inset 0 0 0 2px var(--accent)}.po-card__emoji{font-size:38px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--jx-bg);border-radius:16px;flex:none}.po-card__body{flex:1;min-width:0}.po-card__name{font-size:20px;font-weight:900;margin:0 0 4px}.po-card__tag{font-size:14px;margin:0;line-height:1.4}.po-card__cta{font-weight:800;color:var(--accent);white-space:nowrap}.po-footer{margin-top:auto;text-align:center;font-size:13px;display:flex;flex-direction:column;gap:8px}.po-footer p{margin:0}.po-link{color:var(--jx-cyan);font-weight:700}