:root{--bg:#fff;--bg-2:#f6f4fb;--panel:#fff;--panel-2:#f3f0f9;--line:#e2dcee;--text:#221c33;--text-2:#463d5e;--muted:#6e6589;--accent:#f5c23e;--accent-text:#2a1a12;--accent-ink:#a65300;--good:#1e9a55;--bad:#e0414f;--shadow:0 2px 10px #281e5014;--radius:12px;--cat-number:#4f8ff0;--cat-puzzle:#34b37e;--cat-card:#e0566e;--cat-action:#f08a3c;--cat-memory:#9a6ee6;--cat-word:#d8a93a;--cat-chance:#e06aa8;--cat-tomoneko:#e8923a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}:root[data-text=large]{font-size:118%}:root[data-contrast=high]{--line:#6e6589;--muted:#3a3350;--text-2:#221c33;--accent-ink:#7a3c00}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}body{overflow-wrap:anywhere;min-height:100dvh}a{color:var(--accent-ink)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}.hb-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hb-top{z-index:20;min-height:52px;padding:6px max(12px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left));padding-top:max(6px, env(safe-area-inset-top));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#fffffff0;align-items:center;gap:8px;display:flex;position:sticky;top:0}.hb-logo{color:var(--text);letter-spacing:.02em;align-items:center;gap:8px;min-height:44px;font-weight:800;text-decoration:none;display:flex}.hb-logo img{object-fit:contain;width:42px;height:35px}.hb-logo span{white-space:nowrap;font-size:1.05rem}.hb-back{min-height:44px;color:var(--muted);white-space:nowrap;align-items:center;padding:0 10px 0 4px;font-size:.95rem;text-decoration:none;display:inline-flex}.hb-back:hover{color:var(--text)}.hb-page-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.05rem;overflow:hidden}.hb-tools{gap:6px;margin-left:auto;display:flex}.hb-icon{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:10px;min-width:44px;min-height:40px;padding:0 10px;font-size:.85rem}.hb-icon[aria-pressed=false]{color:var(--muted)}.hb-wallet-chip{background:var(--panel-2);border:1px solid var(--line);min-height:36px;color:var(--accent-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-weight:700;text-decoration:none;display:inline-flex}.hb-btn{background:var(--accent);white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex;color:var(--accent-text)!important}.hb-btn-sub{background:var(--panel);border:1px solid var(--accent-ink);color:var(--accent-ink)!important}.hb-btn:disabled{opacity:.5;cursor:default}.hb-note{color:var(--muted);margin:4px 0;font-size:.9rem}.hb-error{color:var(--bad)}.hb-foot{border-top:1px solid var(--line);color:var(--muted);margin:32px 0 0;font-size:.85rem}.hb-foot-in{max-width:760px;padding:10px max(12px, env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));margin:0 auto}.hb-foot-logo{display:inline-flex}.hb-foot-links{flex-wrap:wrap;margin:0 -12px;padding:0;list-style:none;display:flex}.hb-foot-links a{white-space:nowrap;align-items:center;min-width:44px;min-height:44px;padding:0 12px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.hb-foot-sub a{text-underline-offset:3px;font-size:.8125rem;font-weight:400;text-decoration:underline}.hb-foot nav+.hb-foot-sub{margin-top:2px;padding-top:2px;position:relative}.hb-foot nav+.hb-foot-sub:before{content:"";border-top:1px solid var(--line);position:absolute;top:0;left:12px;right:12px}.hb-foot p{margin:8px 0 0}.hb-foot-note{word-break:keep-all;overflow-wrap:anywhere}.hb-foot-note span{display:inline-block}@media (width>=360px) and (width<=599px){.hb-foot-cats{grid-template-columns:repeat(5,auto);justify-content:space-between;margin:0 -6px;display:grid}.hb-foot-cats a{padding:0 6px}:root[data-text=large] .hb-foot-cats{justify-content:flex-start;display:flex}}@media (hover:hover){.hb-foot-links a:hover{text-decoration:underline}}.hb-main{max-width:760px;padding:8px max(12px, env(safe-area-inset-left)) 0 max(12px, env(safe-area-inset-right));margin:0 auto}.hb-app{position:relative}.hb-loading,.hb-soon{text-align:center;color:var(--muted);padding:48px 0}.hb-bar{flex-direction:column;gap:6px;padding:8px 0;display:flex}.hb-bar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hb-modes{flex-wrap:wrap;gap:6px;display:flex}.hb-mode{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--muted);border-radius:999px;padding:0 14px;font-size:.9rem}.hb-mode[aria-pressed=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:700}.hb-party{color:var(--text);font-weight:700}.hb-party[aria-pressed=true]{color:var(--accent-text)}.hb-mode-label{color:var(--muted);font-size:.9rem}.hb-diff{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-height:40px;padding:0 10px}.hb-stats{flex-wrap:wrap;gap:6px;min-height:32px;display:flex}.hb-chip{background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:8px;align-items:baseline;gap:6px;padding:3px 10px;display:inline-flex}.hb-chip-label{color:var(--muted);font-size:.78rem}.hb-chip-value{font-weight:700}.hb-stage{isolation:isolate;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:280px;padding:10px;position:relative;overflow:hidden}.hb-stage[data-state=paused] .hb-game{filter:blur(6px)grayscale(.4)}.hb-game{flex-direction:column;align-items:center;gap:10px;min-height:260px;display:flex;position:relative}.hb-error{text-align:center;padding:24px}.hb-actions{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 0;display:flex}.hb-overlay{z-index:50;overscroll-behavior:contain;touch-action:none;background:#1e183273;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hb-overlay[hidden]{display:none}.hb-panel{touch-action:pan-y;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:20px;animation:.18s ease-out hb-pop;overflow-y:auto;box-shadow:0 16px 48px #1e143c40}.hb-panel h2{margin:0 0 8px;font-size:1.3rem}.hb-panel ul{text-align:left;margin:8px 0 12px;padding-left:1.2em}.hb-panel>.hb-btn{margin-top:12px}@keyframes hb-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}body.hb-modal-open{overflow:hidden}.hb-result-inline{max-height:none;margin:14px auto 0;overflow:visible;box-shadow:0 4px 14px #1e143c1f}.hb-result-title{font-size:1.6rem!important}.hb-result[data-success=true] .hb-result-title{color:var(--accent-ink)}.hb-result-value{font-variant-numeric:tabular-nums;margin:4px 0;font-size:2rem;font-weight:800}.hb-newrecord{background:var(--accent);color:var(--accent-text);border-radius:999px;margin:4px 0;padding:2px 12px;font-weight:800;animation:1.2s ease-in-out infinite alternate hb-glow;display:inline-block}@keyframes hb-glow{0%{box-shadow:0 0 #f5c23e00}to{box-shadow:0 0 16px #f5c23ecc}}.hb-result-line{margin:2px 0}.hb-result-reward{margin:10px 0}.hb-reward-total{color:var(--accent-ink);margin:0;font-size:1.4rem;font-weight:800}.hb-reward-list{color:var(--muted);font-size:.9rem;list-style:none;text-align:center!important;margin:4px 0!important;padding:0!important}.hb-achievement{color:var(--good);font-weight:700}.hb-result-buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.hb-suggest{border-top:1px solid var(--line);margin-top:14px;padding-top:8px}.hb-suggest ul{flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:0;list-style:none;display:flex}.hb-suggest a{min-height:32px;line-height:32px;display:inline-block}.hb-setting{text-align:left;border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:8px 4px;display:flex}.hb-setting input{width:22px;height:22px;accent-color:var(--accent);flex:none}.hb-setting span{flex-direction:column;display:flex}.hb-setting small{color:var(--muted)}.hb-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;color:#fff;border:1px solid var(--line);pointer-events:none;background:#221c33eb;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0003}.hb-toast[hidden]{display:none}.hb-about{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);scroll-margin-top:calc(64px + env(safe-area-inset-top));margin-top:24px;padding:16px}.hb-about h2{margin:0 0 8px;font-size:1.15rem}.hb-about h3{color:var(--accent-ink);margin:16px 0 6px;font-size:1rem}.hb-about p,.hb-about li{color:var(--text-2)}.hb-about ul{margin:6px 0;padding-left:1.3em}.hb-meta{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.hb-about .hb-meta{padding-left:0}.hb-meta li{background:var(--panel-2);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.82rem}.hb-related{margin-top:16px}.hb-related h2{color:var(--muted);margin:0 0 8px;font-size:1rem}.hb-related ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hb-related li>a{background:var(--panel);border:1px solid var(--line);min-height:48px;color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:.9rem;text-decoration:none;display:flex}.hb-related li>a:hover{border-color:var(--accent-ink)}.hb-related-more{flex-wrap:wrap;gap:0 20px;margin:8px 0 0;font-size:.9rem;display:flex}.hb-related-more a{align-items:center;min-height:44px;display:inline-flex}.hb-about a,.hb-related a,.hb-foot a{scroll-margin-top:calc(64px + env(safe-area-inset-top))}.hb-mini-shot{object-fit:cover;border:1px solid var(--line);background:var(--panel-2);border-radius:6px;flex:none;width:48px;height:36px}.hb-mini-glyph{background:var(--c,var(--accent));color:#fff;text-shadow:0 1px 2px #00000059;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid;overflow:hidden}.hb-achievements{flex-wrap:wrap;gap:6px;list-style:none;display:flex;padding:0!important}.hb-achievements li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.85rem}.hb-achievements li.done{border-color:var(--good);color:var(--good)}@media (width<=559px){.hb-main{padding-top:4px}.hb-bar{flex-flow:wrap;align-items:center;gap:4px 6px;padding:4px 0 6px}.hb-bar-row{gap:6px}.hb-mode,.hb-diff{min-height:36px;padding:0 10px;font-size:.84rem}.hb-stats{gap:4px;min-height:0}.hb-chip{padding:1px 8px}.hb-chip-label{font-size:.72rem}.hb-stage{padding:6px}.hb-actions{padding:8px 0}}.hb-panel[role=alertdialog] p{white-space:pre-line}.hb-rank-box{background:color-mix(in srgb, var(--panel) 92%, var(--accent));border:1px solid var(--line);text-align:left;border-radius:12px;margin:10px 0;padding:10px 8px}.hb-rank-title{flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0 0 4px;font-weight:800;display:flex}.hb-rank-board{color:var(--accent-ink);font-size:.86rem;font-weight:700}.hb-rank-sample{color:var(--muted);font-size:.8rem;font-weight:400}.hb-rank-sample[hidden]{display:none}.hb-rank-me{color:var(--text);margin:2px 0 6px;font-weight:700}.hb-rank-me,.hb-rank-pick-title,.hb-rank-pick .hb-note,.hb-rank-page-me{word-break:keep-all;overflow-wrap:anywhere}.hb-rank-word{white-space:nowrap;display:inline-block}.hb-rank-note{font-size:.8rem;margin:6px 0 0!important}.hb-rank-list{max-width:32em;margin:0;padding:0;list-style:none}.hb-rank-list[hidden]{display:none}.hb-rank-row{font-variant-numeric:tabular-nums;border-radius:6px;grid-template-columns:minmax(1.8em,max-content) minmax(0,1fr) auto;align-items:center;gap:4px;min-height:28px;padding:0 4px;display:grid}.hb-rank-no{text-align:right;color:var(--muted)}.hb-rank-row.is-podium .hb-rank-no{color:var(--accent-ink);font-weight:800}.hb-rank-name{min-width:0;color:var(--text)}.hb-rank-val{white-space:nowrap;text-align:right;color:var(--text);font-weight:700}.hb-rank-box .hb-rank-val{font-size:.92em}.hb-rank-row.is-me{background:color-mix(in srgb, var(--accent) 22%, transparent);font-weight:700}.hb-rank-you{background:var(--accent);color:var(--accent-text);vertical-align:1px;white-space:nowrap;border-radius:999px;margin-left:4px;padding:0 6px;font-size:.72rem;font-weight:800;line-height:1.5;display:inline-block}.hb-rank-gap{text-align:center;color:var(--muted);line-height:1}:root[data-contrast=high] .hb-rank-row.is-me{outline:2px solid var(--accent-ink);outline-offset:-2px;background:0 0}.hb-rank-pick{background:var(--panel);border:1px dashed var(--accent-ink);text-align:center;border-radius:10px;margin:4px 0 8px;padding:10px}.hb-rank-pick-title{color:var(--text);margin:0 0 4px;font-size:1rem}.hb-rank-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;display:flex}.hb-rank-chip{border:2px solid var(--line);background:var(--panel);min-height:44px;color:var(--text);white-space:nowrap;border-radius:999px;padding:0 12px;font-size:.95rem;font-weight:700}.hb-rank-chip[aria-pressed=true]{border-color:var(--accent-ink);background:var(--accent);color:var(--accent-text)}.hb-rank-pick-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-top:8px;display:flex}.hb-rank-skip{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 10px;font-size:.86rem;text-decoration:underline}.hb-rank-rename-panel .hb-rank-pick{border:none;margin:0;padding:0}.hb-settings-sub{text-align:left;color:var(--accent-ink);margin:18px 0 2px;font-size:1rem}.hb-rank-setting{cursor:default;justify-content:space-between}.hb-rank-setting>span{flex:1;min-width:0}.hb-rank-forget{border-bottom:1px solid var(--line);text-align:left;padding:8px 4px}.hb-rank-forget small{color:var(--muted);display:block}.hb-rank-number{margin:6px 0}.hb-rank-number code{background:var(--panel-2);letter-spacing:.06em;-webkit-user-select:all;user-select:all;border-radius:6px;padding:2px 8px;font-size:1rem;font-weight:700}.hb-rank-forget-actions{flex-wrap:wrap;gap:8px;display:flex}.hb-rank-copied{min-height:1.4em;margin-top:4px}.hb-rank{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);scroll-margin-top:calc(64px + env(safe-area-inset-top));margin:0 0 6px;padding:0 10px 6px}.hb-rank.is-closed{padding-bottom:0}.hb-rank-head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title toggle""pick pick";align-items:center;column-gap:8px;min-height:44px;display:grid}.hb-rank h2{white-space:nowrap;text-overflow:ellipsis;grid-area:title;min-width:0;margin:0;font-size:1rem;overflow:hidden}.hb-rank-pick-board{grid-area:pick;gap:8px;min-width:0;margin:0 0 6px;display:flex}.hb-rank-pick-board[hidden]{display:none}.hb-rank-pick-board>.hb-rank-board{white-space:nowrap;text-overflow:ellipsis;align-self:center;overflow:hidden}.hb-rank-pick-label{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.hb-rank-select{border:1px solid var(--line);background:var(--panel);min-width:0;max-width:100%;min-height:44px;color:var(--text);border-radius:10px;padding:0 6px;font-size:.9rem}.hb-rank-toggle{min-width:44px;min-height:44px;color:var(--accent-ink);cursor:pointer;background:0 0;border:none;border-radius:10px;grid-area:toggle;margin-right:-8px;padding:0 8px;font-size:.8rem;font-weight:700;text-decoration:underline}.hb-rank-toggle[hidden]{display:none}@media (width>=560px){.hb-rank-head{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"title pick toggle"}.hb-rank-pick-board{margin:0}}.hb-rank-body{position:relative}.hb-rank-body[hidden]{display:none}.hb-rank-grid{grid-template-rows:repeat(5,24px);grid-template-columns:minmax(0,18rem);justify-content:center;max-width:none;display:grid}.hb-rank-grid>.hb-rank-row{grid-template-columns:1.5em minmax(0,1fr) auto;gap:4px;min-width:0;height:24px;min-height:0;padding:0 4px;font-size:.86rem;line-height:24px}.hb-rank-grid>.hb-rank-row.is-me{grid-template-columns:1.5em minmax(0,1fr) auto auto}.hb-rank-grid .hb-rank-name{align-items:center;min-width:0;display:flex;overflow:hidden}.hb-rank-coat,.hb-rank-given{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hb-rank-coat{flex:0 auto}.hb-rank-given{flex:none;max-width:100%}.hb-rank-grid .hb-rank-you{vertical-align:0;margin:0;padding:0 4px;font-size:.62rem;line-height:1.5}.hb-rank-grid .hb-rank-val{font-size:.94em}.hb-rank-row.is-empty .hb-rank-no,.hb-rank-row.is-empty .hb-rank-name{color:var(--muted);opacity:.5;font-weight:400}.hb-rank-page-state{background:var(--panel);border:1px solid var(--line);max-width:calc(100% - 16px);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;margin:0;padding:4px 14px;font-size:.84rem;position:absolute;top:60px;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hb-rank-page-state[hidden]{display:none}.hb-rank-page-me{min-height:2.8em;margin:4px 0 0;font-size:.84rem;font-weight:700;line-height:1.4}:root[data-text=large] .hb-rank-page-me{min-height:4.2em}@media (width>=720px){.hb-rank-page-me{min-height:1.4em}:root[data-text=large] .hb-rank-page-me{min-height:2.8em}}