.hb-app [hidden]{display:none!important}.game-footer p{padding-top:0}.game-footer a span,.game-header a span{color:inherit;font-size:inherit}.hb-app ul,.hb-app ol{list-style:none}.hb-article ul{list-style:disc}.hb-article ol{list-style:decimal}.hb-app{position:relative;max-width:860px;margin:0 auto;padding:0 14px;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#eaf0ff;-webkit-user-select:none;user-select:none}.hb-app *{font-size:inherit;box-sizing:border-box}.hb-app button{font-family:inherit;cursor:pointer;border:none}body.hb-immersive,body.hb-immersive.game-body{background:radial-gradient(120% 80% at 50% 6%,#16224a,#0d1530 46%,#070c1e)!important;background-attachment:fixed!important}body.hb-immersive .game-main{min-height:100vh;min-height:100dvh;padding-bottom:0}body.hb-play .game-footer,body.hb-play .hb-article-details{display:none}.hb-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:transparent}.hb-app:after{content:"";position:fixed;left:0;right:0;bottom:0;height:120px;z-index:0;pointer-events:none;background:#05091a}.hb-app[data-scene=yama]:after{clip-path:polygon(0% 100%,0% 62%,14% 30%,26% 58%,40% 20%,55% 55%,68% 28%,82% 60%,100% 34%,100% 100%)}.hb-app[data-scene=umi]:after{height:70px;background:linear-gradient(180deg,#0a1130,#05091a);clip-path:polygon(0% 100%,0% 22%,100% 30%,100% 100%)}.hb-app[data-scene=machi]:after{clip-path:polygon(0% 100%,0% 60%,8% 60%,8% 40%,16% 40%,16% 66%,26% 66%,26% 30%,34% 30%,34% 62%,46% 62%,46% 46%,56% 46%,56% 68%,66% 68%,66% 34%,74% 34%,74% 60%,86% 60%,86% 48%,94% 48%,94% 64%,100% 64%,100% 100%)}.hb-app[data-scene=matsuri]:after{clip-path:polygon(0% 100%,0% 66%,22% 50%,44% 66%,60% 46%,78% 64%,100% 50%,100% 100%)}.hb-pill,.hb-subactions .practice-entry{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;font-weight:700;color:#cdd8f5;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 15px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.hb-pill:hover,.hb-subactions .practice-entry:hover{transform:translateY(-2px);background:#ffffff2e}.hb-pill:active,.hb-subactions .practice-entry:active{transform:translateY(1px)}.hb-start-btn{display:inline-flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:900;color:#3a1d00;background:linear-gradient(180deg,#ffd75e,#ff9e2c);border-radius:18px;padding:16px 46px;box-shadow:0 6px #b96a10,0 10px 24px #ff9e2c73;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.hb-start-btn:hover{transform:translateY(-2px)}.hb-start-btn:active{transform:translateY(3px);box-shadow:0 2px #b96a10}.hb-start-icon{font-size:.9em}.hb-ghost-btn{display:inline-flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:900;color:#cdd8f5;background:#ffffff14;border:1.5px solid rgba(255,255,255,.22);border-radius:18px;padding:16px 34px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.hb-ghost-btn:hover{transform:translateY(-2px);background:#ffffff29}.hb-ghost-btn:active{transform:translateY(3px)}.hb-title-wrap{position:relative;z-index:1;min-height:96vh;min-height:96dvh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px 8px}.hb-logo{margin:0 0 40px;display:flex;justify-content:center}.hb-logo-svg{width:clamp(280px,62vw,470px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 18px rgba(255,190,90,.22));-webkit-user-drag:none;user-select:none}.hb-title-wrap .hb-start-btn{margin-bottom:30px}.hb-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 22px;max-width:460px}.hb-chip{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:#9fb0d8;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 13px}.hb-chip b{font-size:.95rem;font-weight:900;color:#ffd75e;font-variant-numeric:tabular-nums}.hb-subactions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hb-game-wrap{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;min-height:96vh;min-height:96dvh;padding-top:14px;padding-bottom:10px}.hb-hud{display:flex;align-items:center;gap:12px}.hb-hud-time{position:relative;width:64px;height:64px;flex-shrink:0}.hb-time-ring{width:64px;height:64px;transform:rotate(-90deg)}.hb-time-track{fill:none;stroke:#ffffff24;stroke-width:6}.hb-time-fill{fill:none;stroke:#ffd75e;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.hb-time-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.hb-hud-score{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.hb-hud-label{font-size:.7rem;font-weight:800;letter-spacing:.22em;color:#9fb0d8}.hb-score-num{font-size:clamp(2.1rem,8vw,3.2rem);font-weight:900;color:#fff;text-shadow:0 0 18px rgba(255,200,100,.6);line-height:1.05;font-variant-numeric:tabular-nums}.hb-hud-best{font-size:.72rem;font-weight:800;color:#8fa0c8;font-variant-numeric:tabular-nums;margin-top:1px;transition:color .2s ease}.hb-hud-best.hb-hud-best-new{color:#ffd75e;text-shadow:0 0 8px rgba(255,215,94,.6)}.hb-quit-btn{font-size:.8rem;font-weight:700;color:#cdd8f5;background:#ffffff1a;border-radius:999px;padding:6px 13px;flex-shrink:0}.hb-bonus{position:fixed;top:112px;left:50%;transform:translate(-50%);z-index:12;white-space:nowrap;font-size:.98rem;font-weight:900;border-radius:999px;padding:5px 18px;pointer-events:none;background:#060a1a6b;border:1.6px solid currentColor;color:#ffd75e;backdrop-filter:blur(2px)}#hb-bonus-mult{font-variant-numeric:tabular-nums}@keyframes hb-bonus-shine{to{background-position:300% 0}}.hb-bonus.hb-rush-2{color:#ffd75e}.hb-bonus.hb-rush-25{color:#ff9e5e}.hb-bonus.hb-rush-3{color:#fff;border-color:transparent}.hb-bonus.hb-rush-3:before{content:"";position:absolute;inset:0;border-radius:999px;padding:1.6px;background:linear-gradient(90deg,#ff9ecf,#ffd75e,#7ee8fa,#b6ff7a,#ff9ecf);background-size:300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hb-bonus-shine 2s linear infinite;pointer-events:none}.hb-bonus.hb-bonus-pop{animation:hb-bonus-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes hb-bonus-pop{0%{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.2);filter:brightness(1.25)}to{transform:translate(-50%) scale(1)}}.hb-gauge{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.hb-gauge-star{display:flex;flex-direction:column;align-items:center;line-height:1.1;font-size:.85rem;font-weight:900;color:#ffd75e}.hb-gauge-lv{font-size:1.4rem}.hb-gauge-track{position:relative;width:16px;height:42vh;min-height:170px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);overflow:hidden}.hb-xp-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(0deg,#ffb64d,#ffe9a8);border-radius:999px;box-shadow:0 0 12px #ffbe5ab3;transition:height .25s cubic-bezier(.22,1,.36,1)}.hb-gauge-pop{animation:hb-gauge-pop .7s cubic-bezier(.34,1.56,.64,1)}@keyframes hb-gauge-pop{30%{transform:translateY(-50%) scale(1.16);filter:brightness(1.7)}}.hb-center{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 46px}.hb-word-card{position:relative;text-align:center;background:#0a122ab8;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px 16px;backdrop-filter:blur(3px)}.hb-word-card.hb-shake{animation:hb-shake .3s}@keyframes hb-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}60%{transform:translate(6px)}}.hb-word-kana{font-size:clamp(1.8rem,6vw,2.6rem);font-weight:900;color:#fff;margin:0 0 4px;letter-spacing:.04em;line-height:1.5}.hb-word-kana rt{font-size:.32em;font-weight:700;color:#9fb0d8;letter-spacing:.06em}.hb-word-romaji{margin:0;font-size:clamp(1.7rem,6vw,2.5rem);font-weight:900;letter-spacing:.1em;line-height:1.25}.hb-word-romaji span{display:inline-block}.hb-rom-done{color:#ffd75e;text-shadow:0 0 10px rgba(255,215,94,.7)}.hb-rom-todo{color:#9db0d8}.hb-rom-gap{display:inline-block;width:.6em}.hb-wordpop{position:absolute;top:-14px;right:18px;font-size:1.15rem;font-weight:900;color:#ffd75e;text-shadow:0 0 12px rgba(255,215,94,.8);opacity:0;pointer-events:none}.hb-wordpop-run{animation:hb-wordpop .9s cubic-bezier(.22,1,.36,1) forwards}@keyframes hb-wordpop{0%{transform:translateY(6px) scale(.7);opacity:0}20%{transform:translateY(-4px) scale(1.15);opacity:1}70%{opacity:1}to{transform:translateY(-26px) scale(1);opacity:0}}.hb-countdown{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#070c1e80}.hb-count-pop{animation:hb-count-zoom .6s cubic-bezier(.34,1.56,.64,1)}.hb-countdown{font-size:clamp(2.6rem,12vw,5rem);font-weight:900;color:#fff;text-shadow:0 0 24px rgba(255,200,100,.7)}@keyframes hb-count-zoom{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.hb-stage{position:relative}.hb-levelup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:15;font-size:clamp(.95rem,3vw,1.25rem);font-weight:900;color:#3a1d00;background:linear-gradient(180deg,#ffe9a8,#ffb64d);padding:6px 18px;border-radius:999px;box-shadow:0 6px 20px #ff9e2c80;white-space:nowrap;pointer-events:none}.hb-levelup-pop{animation:hb-levelup-pop 1.4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes hb-levelup-pop{0%{transform:translate(-50%) scale(.4);opacity:0}16%{transform:translate(-50%) scale(1.08);opacity:1}26%{transform:translate(-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%) scale(.96);opacity:0}}.hb-kbd{padding:10px 6px 12px;background:#0a122a8c;border:1px solid rgba(255,255,255,.06);border-radius:18px;backdrop-filter:blur(4px)}.hb-kbd-inner{--hb-ku: calc(clamp(26px, 7.4vw, 46px) + 5px) ;display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:fit-content;margin:0 auto}.hb-kbd-row{display:flex;gap:5px}.hb-kbd-row:nth-child(2){margin-left:calc(var(--hb-ku) * .25)}.hb-kbd-row:nth-child(3){margin-left:calc(var(--hb-ku) * .75)}.hb-key{position:relative;width:clamp(26px,7.4vw,46px);height:clamp(32px,8vw,46px);border-radius:9px;font-size:clamp(.8rem,2.4vw,1.05rem);font-weight:900;color:#dce6ff;background:var(--hb-key-bg, rgba(32, 44, 78, .52));border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 6px #00000047;overflow:hidden;transition:transform .06s,filter .06s;touch-action:manipulation}.hb-key-cap{position:relative;z-index:1}.hb-key:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--hb-fin, transparent);opacity:.9}.hb-key-tapped{transform:translateY(2px);filter:brightness(1.35)}.hb-f-pl,.hb-f-pr{--hb-key-bg: rgba(74, 44, 62, .5);--hb-fin: #ff9ecf}.hb-f-rl,.hb-f-rr{--hb-key-bg: rgba(70, 60, 40, .5);--hb-fin: #ffd88a}.hb-f-ml,.hb-f-mr{--hb-key-bg: rgba(40, 66, 54, .5);--hb-fin: #7ff0b6}.hb-f-il,.hb-f-ir{--hb-key-bg: rgba(40, 56, 86, .5);--hb-fin: #8fb6ff}.hb-key-bump{position:absolute;bottom:6px;left:50%;transform:translate(-50%);z-index:1;width:12px;height:3px;border-radius:3px;background:#dce6ff80}.hb-key-next{background:#ffd24a!important;color:#7c2d12!important;border-color:#ffe28a!important;animation:hb-key-blink .85s ease-in-out infinite;box-shadow:0 0 16px #ffd24af2,0 2px 8px #0000004d}.hb-key-next:after{opacity:0}@keyframes hb-key-blink{50%{transform:scale(1.12)}}.hb-key-alt{box-shadow:0 0 0 2.5px #6aa8ff inset,0 2px 6px #00000047}.hb-result-wrap{position:relative;z-index:1;text-align:center;padding:40px 16px 30px;min-height:96vh;min-height:96dvh;display:flex;flex-direction:column;justify-content:center;color:#eaf0ff}.hb-result-label{font-size:.8rem;font-weight:800;letter-spacing:.28em;color:#9fb0d8;margin:0}.hb-result-score{margin:0 0 2px}.hb-result-score b{font-size:clamp(2.8rem,11vw,4.4rem);font-weight:900;color:#ffd75e;text-shadow:0 0 24px rgba(255,215,94,.7);line-height:1.1;font-variant-numeric:tabular-nums}.hb-result-title{align-self:center;font-size:clamp(1.6rem,6.4vw,2.5rem);font-weight:900;color:#ffd75e;text-shadow:0 0 18px rgba(255,215,94,.45);padding:4px 18px 10px;border-bottom:2px solid rgba(255,215,94,.55);margin:4px auto 14px}.hb-result-crown{align-self:center;font-size:1.02rem;font-weight:900;color:#ffd75e;background:#060a1a59;border:1.5px solid rgba(255,215,94,.7);border-radius:999px;padding:5px 18px;margin-bottom:14px}.hb-result-best{font-size:.92rem;font-weight:800;color:#a9b8dd;font-variant-numeric:tabular-nums;margin:0 0 16px}.hb-result-best span{color:#ffd75e}@keyframes hb-pop-in{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.hb-pop-in{animation:hb-pop-in .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes hb-rise-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.hb-rise-in{animation:hb-rise-in .45s cubic-bezier(.22,1,.36,1) both}.hb-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:460px;margin:0 auto 18px;width:100%}.hb-tile{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 6px;display:flex;flex-direction:column;gap:3px}.hb-tile-label{font-size:.72rem;font-weight:800;color:#a9b8dd}.hb-tile b{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:900;color:#ffd75e}.hb-result-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:10px}.hb-result-journal{margin:0 auto 10px;text-align:center;max-width:100%}.hb-result-journal .practice-summary{margin:0}.hb-share-open{align-self:center;margin:4px auto 0;font-size:.9rem;font-weight:800;color:#cdd8f5;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 22px;transition:background .15s,color .15s}.hb-share-open:hover{background:#ffffff29;color:#fff}.hb-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 8px}.hb-share-btn{font-size:.82rem;font-weight:800;color:#eaf0ff;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 16px;text-align:center;text-decoration:none;transition:background .15s}.hb-share-btn:hover{background:#fff3}.hb-share-x{background:#1a1a1a;border-color:#333}.hb-share-line{background:#06c755;border-color:#06c755;color:#fff}.hb-modal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.hb-modal-backdrop{position:absolute;inset:0;background:#040816b8;backdrop-filter:blur(2px)}.hb-modal-card{position:relative;z-index:1;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#162242fa,#0d152efa);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px 22px 22px;box-shadow:0 18px 50px #0000008c;text-align:center}.hb-modal-title{font-size:1.3rem;font-weight:900;color:#fff;margin:0 0 18px}.hb-set-group{margin:0 0 18px;text-align:left}.hb-set-label{font-size:.9rem;font-weight:800;color:#cdd8f5;margin:0 0 8px}.hb-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hb-seg-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 8px;border-radius:13px;font-size:.95rem;font-weight:800;color:#b9c6e6;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.14);transition:background .15s,border-color .15s,color .15s,transform .12s}.hb-seg-btn small{font-size:.72rem;font-weight:700;color:#8fa0c8}.hb-seg-btn:hover{background:#ffffff1f}.hb-seg-btn.hb-seg-on{color:#3a1d00;background:linear-gradient(180deg,#ffe9a8,#ffc65a);border-color:#ffd97a}.hb-seg-btn.hb-seg-on small{color:#7c4a10}.hb-modal-close{margin-top:6px;font-size:1.05rem;padding:12px 40px}@media (max-width: 640px){.hb-game-wrap{min-height:92vh;min-height:92dvh}.hb-center{padding:0 14px 0 4px}.hb-gauge{right:3px;gap:5px}.hb-gauge-star{font-size:.7rem}.hb-gauge-lv{font-size:.85rem}.hb-gauge-track{width:9px;height:30vh;min-height:120px}}@media (prefers-reduced-motion: reduce){.hb-key-next,.hb-bonus,.hb-bonus.hb-bonus-pop,.hb-bonus.hb-rush-3:before,.hb-count-pop,.hb-levelup-pop,.hb-wordpop-run,.hb-gauge-pop,.hb-pop-in,.hb-rise-in{animation:none!important}}@media (min-width:1600px) and (min-height:900px){.hb-word-kana{font-size:clamp(36px,2.35vw,64px);overflow-wrap:anywhere}.hb-word-kana rt{font-size:.34em}.hb-word-romaji{font-size:clamp(30px,1.95vw,52px);overflow-wrap:anywhere}}.hb-article-details[data-astro-cid-mqqwr5zc]{position:relative;z-index:1;max-width:880px;margin:10px auto 0;padding:0 16px 26px}.hb-article-summary[data-astro-cid-mqqwr5zc]{display:block;width:fit-content;margin:0 auto;padding:8px 20px;border-radius:999px;border:1.5px solid rgba(255,255,255,.22);background:#ffffff14;color:#b9c6e6;font-size:.88rem;font-weight:700;cursor:pointer;list-style:none;transition:background .15s ease,color .15s ease}.hb-article-summary[data-astro-cid-mqqwr5zc]::-webkit-details-marker{display:none}.hb-article-summary[data-astro-cid-mqqwr5zc]:hover{background:#ffffff29;color:#fff}.hb-article[data-astro-cid-mqqwr5zc]{max-width:880px;margin:14px auto 0;padding:20px 26px 24px;background:#f6f8fc;border-radius:18px;line-height:1.9;color:#334155}.hb-article[data-astro-cid-mqqwr5zc] h2[data-astro-cid-mqqwr5zc]{font-size:1.2rem;margin:28px 0 10px;padding-bottom:6px;border-bottom:2px solid #e2e8f0;color:#1e293b}.hb-article[data-astro-cid-mqqwr5zc] h2[data-astro-cid-mqqwr5zc]:first-child{margin-top:0}.hb-article[data-astro-cid-mqqwr5zc] p[data-astro-cid-mqqwr5zc]{margin:0 0 12px}.hb-article[data-astro-cid-mqqwr5zc] ul[data-astro-cid-mqqwr5zc],.hb-article[data-astro-cid-mqqwr5zc] ol[data-astro-cid-mqqwr5zc]{margin:0 0 12px;padding-left:1.4em}.hb-article[data-astro-cid-mqqwr5zc] ol[data-astro-cid-mqqwr5zc]{list-style:decimal}.hb-article[data-astro-cid-mqqwr5zc] ul[data-astro-cid-mqqwr5zc]{list-style:disc}.hb-article[data-astro-cid-mqqwr5zc] li[data-astro-cid-mqqwr5zc]{margin-bottom:6px;list-style:inherit}