body{background:#1c2f5e}.jg-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.jg{box-sizing:border-box;color:#fff8e6;flex-direction:column;align-items:center;min-height:calc(100dvh - 72px);padding:4px 8px 16px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;display:flex}.jg.is-playing,.jg.is-playing .jg-stage{touch-action:none}.jg-hud{visibility:hidden;box-sizing:border-box;align-items:center;gap:6px;max-width:100%;height:40px;font-size:12px;display:flex}.jg-hud.is-on{visibility:visible}.jg-hud__name{text-overflow:ellipsis;white-space:nowrap;color:#cfeee8;flex:auto;min-width:0;overflow:hidden}.jg-hud__item{white-space:nowrap}.jg-hud b{color:#ffd84a;font-weight:400}.jg-mini{font:inherit;color:#fff8e6;cursor:pointer;touch-action:manipulation;background:#24386b;border:1px solid #c9a227;border-radius:4px;flex:none;min-height:34px;padding:4px 10px;font-size:12px}.jg-mini--quit{margin-left:6px}@media (width<=400px){.jg-hud{gap:4px}.jg-mini{padding:4px 7px}.jg-mini--quit{margin-left:2px}}.jg-stage{justify-content:center;max-width:100%;display:flex;position:relative}#jg-canvas{image-rendering:pixelated;touch-action:none;background:#1c2f5e;border-radius:6px;outline:none;display:block;box-shadow:0 4px 18px #00000073}.jg-loading{text-align:center;font-size:14px;position:absolute;top:40%;left:0;right:0}.jg-back,.jg-snd{color:#e7d5a2;background:0 0;border:1px solid #c9a227;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:13px;text-decoration:none}.jg-snd{cursor:pointer;touch-action:manipulation;margin-left:6px;padding:4px 8px}.jg-snd[aria-pressed=true]{color:#14244a;background:#c9a227}.jg-snd[aria-pressed=false]{opacity:.75;text-decoration:line-through}.jg-panel{box-sizing:border-box;text-align:center;background:#101a34a8;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex;position:absolute;inset:0;overflow-y:auto}.jg-panel[hidden],.jg-detail[hidden]{display:none}#jg-clear{background:#101a34db}.jg-panel--title{background:linear-gradient(#101a3499,#101a3426 30% 66%,#101a34b3);justify-content:space-between;gap:6px;padding:10px 10px 14px}.jg-panel--title .jg-logo{font-size:26px}.jg-panel--title .jg-logo small{margin-top:3px}.jg-title-demo{pointer-events:none;flex:auto;align-self:stretch;min-height:140px}.jg-title-foot{flex-direction:column;align-items:center;gap:12px;display:flex}.jg-title-foot .jg-row{flex-wrap:nowrap;gap:10px}.jg-title-foot .jg-row .jg-btn{min-width:0;padding-left:10px;padding-right:10px}.jg-panel--list{background:#101a34e6;justify-content:flex-start;gap:8px}.jg-logo{letter-spacing:.06em;color:#ffd84a;text-shadow:3px 3px #3a3a4a,5px 5px #1b1b26;margin:0;font-size:30px;font-weight:400;line-height:1.15}.jg-logo small{letter-spacing:.3em;color:#fff8e6;text-shadow:2px 2px #1b1b26;margin-top:6px;font-size:11px;display:block}.jg-h{letter-spacing:.08em;color:#ffd84a;text-shadow:2px 2px #1b1b26;margin:0;font-size:20px;font-weight:400}.jg-h--big{font-size:26px}.jg-keys{opacity:.85;margin:0;font-size:11px}.jg-btn{cursor:pointer;min-width:160px;font:inherit;letter-spacing:.1em;color:#1b1b26;background:#ffd84a;border:0;padding:10px 18px 12px;font-size:17px;box-shadow:inset -3px -3px #c9a227,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.jg-btn--sub{background:#cfe6ef;min-width:128px;padding:8px 14px 10px;font-size:14px;box-shadow:inset -3px -3px #7fa7b8,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.jg-btn,.jg-link,.jg-seg,.jg-pic{touch-action:manipulation}.jg-btn:active{transform:translate(2px,2px)}.jg-btn:focus-visible,.jg-pic:focus-visible,.jg-seg:focus-visible{outline-offset:4px;outline:2px solid #fff8e6}.jg-link{cursor:pointer;font:inherit;color:#cfe6ef;background:0 0;border:0;padding:4px;font-size:13px;text-decoration:underline}.jg-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.jg-row .jg-btn{min-width:120px}.jg-grid-sel{align-items:center;gap:6px;display:flex}.jg-seg{font:inherit;color:#fff8e6;cursor:pointer;background:#24386b;border:2px solid #c9a227;min-width:46px;padding:6px 8px;font-size:16px}.jg-seg[aria-pressed=true]{color:#1b1b26;background:#ffd84a}.jg-seg-cap{font-size:13px}.jg-grid-sel{flex-wrap:nowrap;justify-content:center;gap:4px;max-width:100%}.jg-grid-sel--big{align-items:center}.jg-big-cap{color:#cfe6ef;white-space:nowrap;margin-right:2px;font-size:11px}.jg-grid-sel--big .jg-seg{min-width:44px}.jg-grid-sel .jg-seg{box-sizing:border-box;min-width:38px;min-height:34px;padding:2px 0;font-size:14px}.jg-tabs,.jg-opts{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.jg-tab,.jg-opt{font:inherit;color:#fff8e6;cursor:pointer;touch-action:manipulation;background:#24386b;border:2px solid #c9a227;min-height:34px;padding:4px 12px;font-size:13px}.jg-tab[aria-pressed=true]{color:#1b1b26;background:#ffd84a}.jg-opt[aria-pressed=true]{color:#1b1b26;background:#ff9d8a;border-color:#ff9d8a}.jg-opt[aria-pressed=true]:before{content:"✓ "}.jg-colors{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:300px;display:flex}.jg-colors[hidden]{display:none}.jg-swatch{cursor:pointer;touch-action:manipulation;border:2px solid #1b1b26;width:28px;height:28px;padding:0;box-shadow:0 0 0 1px #7f8fb8}.jg-swatch[aria-pressed=true]{box-shadow:0 0 0 3px #ffd84a}.jg-any{align-items:center;gap:4px;font-size:12px;display:inline-flex}.jg-any input{background:0 0;border:2px solid #c9a227;width:34px;height:28px;padding:0}.jg-clear__opts{color:#ff9d8a;margin:0;font-size:11px}.jg-panel--list .jg-pics{box-sizing:border-box;flex:auto;align-content:start;min-height:96px;padding:2px;overflow-y:auto}.jg-panel--list>*{flex-shrink:0}.jg-panel--list>.jg-pics{flex-shrink:1}.jg-clear__opts:empty{display:none}.jg-pics{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;width:100%;display:grid}.jg-pic{color:#fff8e6;font:inherit;cursor:pointer;background:#14203f;border:2px solid #3f5a96;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;display:flex}.jg-pic.is-done{border-color:#c9a227}.jg-pic.is-unknown{cursor:default;opacity:.7}.jg-thumb{width:52px;height:52px;image-rendering:pixelated;background-color:#0e172f;background-repeat:no-repeat;display:block}.jg-group{text-align:left;color:#ffd84a;border-bottom:1px solid #c9a22799;grid-column:1/-1;margin:6px 0 0;padding:2px 4px;font-size:12px}.jg-pic__name{font-size:11px;line-height:1.2}.jg-pic__mid{color:#1b1b26;white-space:nowrap;background:#9fe3b4;padding:0 3px;font-size:9px}.jg-saves{box-sizing:border-box;flex-direction:column;flex:auto;gap:6px;width:100%;min-height:96px;padding:2px;display:flex;overflow-y:auto}.jg-save{color:#fff8e6;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:#14203f;border:2px solid #3f5a96;align-items:center;gap:8px;padding:4px 6px;display:flex}.jg-save:focus-visible{outline-offset:4px;outline:2px solid #fff8e6}.jg-save__txt{flex-direction:column;gap:2px;min-width:0;display:flex}.jg-save__info{color:#ffd84a;font-size:10px}.jg-pic__marks{color:#ffd84a;letter-spacing:0;white-space:nowrap;font-size:9px}.jg-pic__q{color:#7f8fb8;background:#0e172f;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.jg-detail{background:#101a34f7;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex;position:absolute;inset:0}#jg-detail-art,#jg-clear-art{aspect-ratio:1;width:min(70%,240px);image-rendering:pixelated;border:3px solid #c9a227;box-shadow:0 0 0 3px #1b1b26}#jg-clear-art{width:min(52%,200px)}.jg-detail__name,.jg-clear__name{color:#ffd84a;margin:0;font-size:18px}.jg-detail__note,.jg-clear__note{max-width:300px;margin:0;font-size:12px;line-height:1.6}.jg-detail__best{color:#cfeee8;margin:0;font-size:11px}.jg-new{color:#ff9d8a;margin:0;animation:.8s steps(2,end) infinite jgPulse}.jg-tally{text-align:left;box-sizing:border-box;background:#101a3499;border:1px solid #c9a22799;grid-template-columns:1fr 1fr;gap:2px 18px;min-width:220px;margin:0;padding:6px 12px;font-size:12px;list-style:none;display:grid}.jg-tally li{white-space:nowrap;justify-content:space-between;gap:8px;display:flex}.jg-tally b{color:#ffd84a;font-weight:400}.jg-demo{text-align:center;cursor:pointer;background:#101a34e0;border:2px solid #c9a227;border-radius:4px;padding:5px 8px 7px;position:absolute;top:1%;left:4%;right:4%;box-shadow:0 0 0 2px #1b1b26}.jg-demo[hidden]{display:none}.jg-demo__tag{letter-spacing:.3em;color:#ffd84a;text-align:left;margin:0;font-size:10px}.jg-demo__cap{letter-spacing:.04em;margin:0;font-size:17px;line-height:1.3}.jg-demo__sub{color:#cfe6ef;margin:2px 0 0;font-size:11px}.jg-demo__skip{cursor:pointer;font:inherit;color:#1b1b26;touch-action:manipulation;background:#cfe6ef;border:0;padding:3px 10px 5px;font-size:12px;position:absolute;top:4px;right:5px;box-shadow:inset -2px -2px #7fa7b8,0 0 0 2px #1b1b26}@keyframes jgPulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.jg-new{animation:none}}