.rj-app{--rj-pink: #ff5d8f;--rj-orange: #ff9f1c;--rj-teal: #2ec4b6;--rj-purple: #8b5cf6;--rj-blue: #4ea8ff;--rj-green: #43aa8b;--rj-ink: #2f3542;max-width:880px;margin:0 auto;padding:18px 14px 0;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif;color:var(--rj-ink)}.rj-app [hidden]{display:none!important}.rj-app button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rj-title-wrap{position:relative;overflow:hidden;text-align:center;padding:40px 20px 26px;background:radial-gradient(circle at 12% 16%,rgba(78,168,255,.28),transparent 42%),radial-gradient(circle at 88% 10%,rgba(255,159,28,.26),transparent 44%),radial-gradient(circle at 84% 88%,rgba(46,196,182,.3),transparent 46%),radial-gradient(circle at 10% 90%,rgba(255,93,143,.22),transparent 44%),linear-gradient(160deg,#e7f4ff,#fdf1e0 55%,#e3f8f3);border-radius:24px;box-shadow:0 12px 34px #4ea8ff29}.rj-float-layer{position:absolute;inset:0;pointer-events:none}.rj-float{position:absolute;font-weight:900;line-height:1;opacity:.5;animation:rj-floaty 5.5s ease-in-out infinite;text-shadow:0 2px 0 rgba(255,255,255,.7)}.rj-float:nth-child(1){top:12%;left:5%;font-size:2.2rem;color:var(--rj-pink);animation-delay:0s}.rj-float:nth-child(2){top:58%;left:8%;font-size:2rem;color:var(--rj-teal);animation-delay:-1.2s;animation-duration:6.5s}.rj-float:nth-child(3){top:30%;left:15%;font-size:1.6rem;color:var(--rj-orange);animation-delay:-2.4s}.rj-float:nth-child(4){top:80%;left:4%;font-size:1.7rem;animation-delay:-3.1s;animation-duration:7s}.rj-float:nth-child(5){top:8%;right:14%;left:auto;font-size:1.9rem;color:var(--rj-blue);animation-delay:-.8s}.rj-float:nth-child(6){top:70%;right:6%;left:auto;font-size:2.1rem;color:var(--rj-purple);animation-delay:-4.2s;animation-duration:6s}.rj-float:nth-child(7){top:40%;right:5%;left:auto;font-size:1.6rem;animation-delay:-1.8s}.rj-float:nth-child(8){top:88%;right:22%;left:auto;font-size:2rem;color:var(--rj-green);animation-delay:-2.9s;animation-duration:7.5s}.rj-float:nth-child(9){top:20%;right:30%;left:auto;font-size:1.5rem;color:var(--rj-pink);animation-delay:-3.6s}.rj-float:nth-child(10){top:6%;left:28%;font-size:1.4rem;animation-delay:-5s;animation-duration:6.8s}@keyframes rj-floaty{0%,to{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-18px) rotate(9deg)}}.rj-logo{position:relative;font-size:clamp(1.7rem,6vw,3.2rem);font-weight:900;margin:0 0 10px;letter-spacing:.03em;color:var(--rj-ink);text-shadow:0 3px 0 #fff,0 8px 18px rgba(78,168,255,.25);animation:rj-logo-in .7s cubic-bezier(.34,1.56,.64,1) both}.rj-logo-text{display:inline-block;margin:0 .15em;font-size:inherit;color:inherit}.rj-logo-mark{display:inline-block;font-size:.8em;text-shadow:none;animation:rj-mark-swing 2.2s ease-in-out infinite}@keyframes rj-logo-in{0%{transform:scale(.3) rotate(-6deg);opacity:0}60%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes rj-mark-swing{0%,to{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(12deg) translateY(-4px)}}.rj-tagline{position:relative;color:#5b6472;margin:0 0 24px;font-size:clamp(.95rem,3vw,1.2rem);font-weight:700;word-break:keep-all;overflow-wrap:anywhere;animation:rj-fade-up .6s ease .25s both}@keyframes rj-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rj-steps{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:620px;margin:0 auto 18px}.rj-step-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 12px 12px;border:none;border-radius:18px;cursor:pointer;color:#fff;font-family:inherit;box-shadow:0 6px #00000029;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;animation:rj-card-in .55s cubic-bezier(.34,1.56,.64,1) both}.rj-step-btn:nth-child(1){background:linear-gradient(150deg,#4ea8ff,#2f80e6);animation-delay:.3s}.rj-step-btn:nth-child(2){background:linear-gradient(150deg,#2ec4b6,#1a9e91);animation-delay:.38s}.rj-step-btn:nth-child(3){background:linear-gradient(150deg,#43aa8b,#2d8465);animation-delay:.46s}.rj-step-btn:nth-child(4){background:linear-gradient(150deg,#8b5cf6,#6d3fe0);animation-delay:.54s}.rj-step-btn:nth-child(5){background:linear-gradient(150deg,#ff9f1c,#f07f00);animation-delay:.62s}.rj-step-btn:nth-child(6){background:linear-gradient(150deg,#ff5d8f,#e63d73);animation-delay:.7s}@keyframes rj-card-in{0%{transform:translateY(24px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.rj-step-btn:hover{transform:translateY(-5px) scale(1.03) rotate(-1deg);box-shadow:0 11px #00000029;filter:brightness(1.06)}.rj-step-btn:nth-child(2n):hover{transform:translateY(-5px) scale(1.03) rotate(1deg)}.rj-step-btn:active{transform:translateY(3px) scale(.98);box-shadow:0 2px #00000029;filter:brightness(.97)}.rj-step-emoji{font-size:1.7rem;line-height:1}.rj-step-name{font-size:1.02rem;font-weight:800;color:inherit}.rj-step-desc{font-size:.78rem;font-weight:600;color:#ffffffd9}.rj-step-stars{font-size:.78rem;font-weight:700;color:#fff;margin-top:3px;letter-spacing:.1em}.rj-step-stars.is-empty{color:#fff9;letter-spacing:0}.rj-subactions{position:relative;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.rj-pill{border:1.5px solid rgba(47,53,66,.18);background:#fffc;color:var(--rj-ink);font-family:inherit;font-size:.88rem;font-weight:700;padding:8px 18px;border-radius:999px;cursor:pointer;transition:background .15s ease,transform .15s ease}.rj-pill:hover{background:#fff;transform:translateY(-2px)}.rj-pill-chart{border-color:#2ec4b680}.rj-note{position:relative;color:#7b8494;font-size:.78rem;margin:0}.rj-chart-wrap{background:#fff;border-radius:24px;padding:22px 18px 26px;box-shadow:0 10px 30px #1e295014}.rj-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.rj-chart-title{width:auto;font-size:1.3rem;font-weight:800;margin:0;color:var(--rj-ink)}.rj-chart-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.rj-chart-tab{border:1.5px solid #dbe3ee;background:#f8fafc;color:#64748b;font-family:inherit;font-size:.9rem;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .15s ease}.rj-chart-tab.is-active{background:var(--rj-teal);border-color:var(--rj-teal);color:#fff}.rj-chart-grid{display:grid;gap:8px}.rj-chart-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.rj-chart-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:480px}.rj-chart-cell{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 4px 8px;background:#f8fafc;border:1.5px solid #e9eef5;border-radius:12px;min-height:66px;justify-content:center}.rj-chart-cell.is-blank{background:transparent;border-color:transparent}.rj-chart-kana{font-size:1.25rem;font-weight:800;color:var(--rj-ink);line-height:1.2}.rj-chart-romaji{font-size:.95rem;font-weight:700;color:var(--rj-blue);font-family:SF Mono,Consolas,monospace}.rj-chart-alt{font-size:.62rem;color:#94a3b8}.rj-game-wrap{max-width:720px;margin:0 auto}.rj-hud{display:flex;align-items:center;gap:12px;padding:4px 2px 10px;font-weight:700}.rj-hud-step{font-size:.88rem;color:#5b6472}.rj-hud-progress{font-size:.95rem;color:var(--rj-ink)}.rj-hud-miss{font-size:.82rem;color:var(--rj-pink)}.rj-hud-spacer{flex:1}.rj-quit-btn{border:1.5px solid #dbe3ee;background:#fff;color:#64748b;font-family:inherit;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:999px;cursor:pointer}.rj-quit-btn:hover{background:#f1f5f9}.rj-stage{position:relative;background:#fff;border-radius:24px;padding:26px 16px 20px;text-align:center;box-shadow:0 10px 30px #1e295014}.rj-kana{display:flex;align-items:center;justify-content:center;gap:12px;min-height:92px;margin-bottom:4px}.rj-kana.is-in{animation:rj-kana-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes rj-kana-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.rj-kana.is-clear{animation:rj-kana-clear .4s ease}@keyframes rj-kana-clear{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.rj-kana-emoji{font-size:3rem;line-height:1}.rj-kana-text{font-size:clamp(2.6rem,9vw,4rem);font-weight:900;color:var(--rj-ink);letter-spacing:.06em;line-height:1.2}.rj-romaji{min-height:46px;margin-bottom:16px;font-family:SF Mono,Consolas,monospace;font-size:clamp(1.6rem,6vw,2.3rem);font-weight:700;letter-spacing:.1em}.rj-romaji.is-shake{animation:rj-shake .3s ease}@keyframes rj-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.rj-typed{color:var(--rj-teal);font-size:inherit;font-weight:inherit}.rj-rest{color:#c3ccd9;font-size:inherit;font-weight:inherit}.rj-rest.is-hidden{visibility:hidden}.rj-keyboard{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px}.rj-key-row{display:flex;gap:6px;justify-content:center}.rj-key{width:clamp(28px,8vw,52px);height:clamp(38px,10vw,52px);border:none;border-bottom:3px solid #cbd5e1;border-radius:9px;background:#f1f5f9;color:#475569;font-family:SF Mono,Consolas,monospace;font-size:clamp(.9rem,3vw,1.15rem);font-weight:700;cursor:pointer;transition:background .1s ease,transform .1s ease}.rj-key:active{transform:translateY(2px);border-bottom-width:1px}.rj-key.is-next{background:var(--rj-orange);border-bottom-color:#cc7a00;color:#fff;animation:rj-key-pulse 1s ease-in-out infinite}@keyframes rj-key-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rj-key.is-hit{background:var(--rj-teal);border-bottom-color:#1a9e91;color:#fff;animation:none}.rj-game-hint{color:#94a3b8;font-size:.8rem;margin:0}.rj-result-wrap{position:relative;overflow:hidden;max-width:560px;margin:0 auto;background:#fff;border-radius:24px;padding:30px 20px 26px;text-align:center;box-shadow:0 10px 30px #1e295014}.rj-result-step{color:#5b6472;font-size:.9rem;font-weight:700;margin:0 0 6px}.rj-stars{font-size:3.2rem;line-height:1.2;margin-bottom:6px}.rj-star{display:inline-block;color:#e2e8f0;margin:0 4px;font-size:inherit}.rj-star.is-on{color:var(--rj-orange);text-shadow:0 3px 0 rgba(240,127,0,.25);animation:rj-star-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes rj-star-pop{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}.rj-result-msg{font-size:1.05rem;font-weight:800;color:var(--rj-ink);margin:0 0 12px}.rj-result-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:.9rem;color:#5b6472;margin-bottom:14px}.rj-result-stats b{color:var(--rj-ink);font-size:1.05rem}.rj-best-badge{color:var(--rj-pink);font-weight:800}.rj-weak{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#fff7ed;border:1.5px dashed #fdba74;border-radius:14px;padding:10px 12px;margin-bottom:16px;font-size:.9rem}.rj-weak-label{color:#9a5b13;font-weight:700;font-size:.82rem}.rj-weak-item{background:#fff;border-radius:9px;padding:4px 10px;color:#5b6472;font-family:SF Mono,Consolas,monospace}.rj-weak-item b{color:var(--rj-ink);font-family:inherit;margin-right:4px}.rj-result-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.rj-btn-primary{border:none;background:linear-gradient(150deg,#2ec4b6,#1a9e91);color:#fff;font-family:inherit;font-size:1rem;font-weight:800;padding:12px 28px;border-radius:999px;cursor:pointer;box-shadow:0 5px #15807580;transition:transform .14s ease,box-shadow .14s ease}.rj-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px #15807580}.rj-btn-primary:active{transform:translateY(2px);box-shadow:0 2px #15807580}.rj-btn-next{border:none;background:linear-gradient(150deg,#ff9f1c,#f07f00);color:#fff;font-family:inherit;font-size:1rem;font-weight:800;padding:12px 24px;border-radius:999px;cursor:pointer;box-shadow:0 5px #cc7a0080;transition:transform .14s ease,box-shadow .14s ease}.rj-btn-next:hover{transform:translateY(-3px);box-shadow:0 8px #cc7a0080}.rj-share{border-top:1.5px dashed #e2e8f0;padding-top:14px}.rj-share-label{display:block;color:#94a3b8;font-size:.78rem;font-weight:700;margin-bottom:8px}.rj-share-btns{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.rj-share-btn{display:inline-block;border:1.5px solid #dbe3ee;background:#fff;color:#475569;font-family:inherit;font-size:.82rem;font-weight:700;padding:7px 14px;border-radius:999px;cursor:pointer;text-decoration:none;transition:all .15s ease}.rj-share-btn:hover{transform:translateY(-2px)}.rj-share-xbtn:hover{background:#000;border-color:#000;color:#fff}.rj-share-linebtn:hover{background:#06c755;border-color:#06c755;color:#fff}.rj-confetti{position:absolute;top:-12px;width:9px;height:13px;border-radius:2px;pointer-events:none;animation:rj-confetti-fall 1.4s ease-in both}@keyframes rj-confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--rj-drift, 30px),110vh) rotate(var(--rj-rot, 360deg));opacity:.9}}@media (max-width: 480px){.rj-app{padding-top:10px}.rj-title-wrap{padding:28px 12px 20px}.rj-steps{grid-template-columns:1fr;max-width:340px}.rj-chart-grid-5{gap:5px}.rj-chart-cell{min-height:58px;padding:7px 2px 6px}.rj-chart-kana{font-size:1.05rem}.rj-chart-romaji{font-size:.8rem}.rj-stage{padding:18px 8px 14px}.rj-key-row{gap:4px}}.rj-article-details[data-astro-cid-eahfbq63]{max-width:880px;margin:34px auto 0;padding:0 16px}.rj-article-summary[data-astro-cid-eahfbq63]{display:block;width:fit-content;margin:0 auto;padding:8px 20px;border-radius:999px;border:1.5px solid #dbe3ee;background:#fff;color:#64748b;font-size:.88rem;font-weight:700;cursor:pointer;list-style:none;transition:background .15s ease,color .15s ease}.rj-article-summary[data-astro-cid-eahfbq63]::-webkit-details-marker{display:none}.rj-article-summary[data-astro-cid-eahfbq63]:hover{background:#f1f5f9;color:#334155}.rj-article-details[data-astro-cid-eahfbq63][open] .rj-article-summary[data-astro-cid-eahfbq63]{color:#334155}.rj-article[data-astro-cid-eahfbq63]{max-width:880px;margin:8px auto 0;padding:4px 6px 0;line-height:1.9;color:#334155}.rj-article[data-astro-cid-eahfbq63] h2[data-astro-cid-eahfbq63]{font-size:1.2rem;width:auto;margin:28px 0 10px;padding-bottom:6px;border-bottom:2px solid #e2e8f0;color:#1e293b}.rj-article[data-astro-cid-eahfbq63] p[data-astro-cid-eahfbq63]{margin:0 0 12px}.rj-article[data-astro-cid-eahfbq63] ul[data-astro-cid-eahfbq63],.rj-article[data-astro-cid-eahfbq63] ol[data-astro-cid-eahfbq63]{margin:0 0 12px;padding-left:1.4em}.rj-article[data-astro-cid-eahfbq63] ol[data-astro-cid-eahfbq63]{list-style:decimal}.rj-article[data-astro-cid-eahfbq63] ul[data-astro-cid-eahfbq63]{list-style:disc}.rj-article[data-astro-cid-eahfbq63] li[data-astro-cid-eahfbq63]{margin-bottom:6px;list-style:inherit}.rj-article[data-astro-cid-eahfbq63] a[data-astro-cid-eahfbq63]{color:#2a9d8f}