:root{color:#20352f;font-synthesis:none;text-rendering:optimizelegibility;background:#fffaf0;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 8%,#ffd35b3d 0 7rem,#0000 7.1rem),radial-gradient(circle at 94% 32%,#4caf9326 0 10rem,#0000 10.1rem),#fffaf0;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline-offset:3px;outline:3px solid #ef8b32}.app-shell{width:min(100% - 2rem,70rem);min-height:100vh;margin-inline:auto;padding:1.25rem 0 1.5rem}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding:.4rem 0 1.25rem;display:flex}.brand{color:#174e40;align-items:center;gap:.6rem;font-size:clamp(1.15rem,4vw,1.45rem);font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#168067;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-size:1.65rem;line-height:1;display:grid}.tagline{color:#62726d;margin:0;font-size:.9rem;font-weight:500}.game-layout{grid-template-columns:minmax(0,1.7fr) minmax(17rem,.8fr);align-items:start;gap:1.25rem;display:grid}.game-layout>*{min-width:0}.game-panel,.rules-panel{background:#fffffff0;border:1px solid #dce3d8;border-radius:1.5rem;box-shadow:0 1.25rem 3.5rem #3b53421a}.game-panel{padding:clamp(1.2rem,4vw,2.25rem);overflow:hidden}.panel-topline{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:clamp(1.75rem,5vw,3.25rem);display:flex}.eyebrow{color:#168067;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.sync-indicator{color:#64746e;align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;display:flex}.sync-dot{background:#35a47f;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #35a47f24}.sync-indicator--loading .sync-dot{animation:1.25s ease-in-out infinite pulse}.sync-indicator--offline .sync-dot{background:#cc554b;box-shadow:0 0 0 4px #cc554b24}.sync-indicator--paused .sync-dot,.sync-indicator--rate-limited .sync-dot{background:#ad8944;box-shadow:0 0 0 4px #ad894424}.retry-button{color:#a43c34;font-size:inherit;background:0 0;border:0;padding:.2rem .4rem;font-weight:800;text-decoration:underline}.word-stage{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;display:grid}.word-stage h1{color:#6f7d78;letter-spacing:.08em;margin:0 0 .5rem;font-size:.85rem}.current-word{overflow-wrap:anywhere;color:#183e34;letter-spacing:.04em;margin:0;font-size:clamp(2.5rem,10vw,5.1rem);font-weight:800;line-height:1.08}.next-kana{aspect-ratio:1;color:#75500f;text-align:center;background:#ffd968;border:.45rem solid #fff1c0;border-radius:50%;place-content:center;width:clamp(7.2rem,18vw,9rem);line-height:1.05;display:grid;transform:rotate(2deg)}.next-kana strong{color:#553905;font-size:clamp(2.8rem,8vw,4.4rem);font-weight:800}.next-kana span{font-size:.72rem;font-weight:800}.total-count{color:#64736e;text-align:center;margin:2.25rem 0 1.25rem;font-size:.9rem}.total-count strong{color:#168067;font-size:1.35rem}.attempt-form{background:#f2f8f3;border-radius:1rem;padding:1.1rem}.attempt-form--waiting{background:#f5f5ed;box-shadow:inset 0 0 0 1px #e0e2d5}.attempt-form label{color:#345a50;margin-bottom:.55rem;font-size:.85rem;font-weight:800;display:block}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}.input-row input{color:#20352f;background:#fff;border:2px solid #b8cfc5;border-radius:.8rem;width:100%;min-width:0;padding:.85rem 1rem;font-size:1rem}.input-row input:focus{border-color:#168067}.input-row input:disabled{color:#6e7a76;background:#e8edea}.input-row button,.primary-button{color:#fff;background:#168067;border:0;border-radius:.8rem;padding:.85rem 1.35rem;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 .3rem #0c5a47}.input-row button:hover:not(:disabled),.primary-button:hover{transform:translateY(-1px);box-shadow:0 .4rem #0c5a47}.input-row button:active:not(:disabled),.primary-button:active{transform:translateY(.2rem);box-shadow:0 .1rem #0c5a47}.input-row button:disabled{color:#73817c;background:#cad5d0;box-shadow:0 .2rem #a7b3ae}.input-help{color:#71807b;margin:.55rem 0 0;font-size:.75rem}.feedback{color:#52635d;background:#f5f7f6;border-left:4px solid #b8c6c1;border-radius:.5rem;min-height:3rem;margin-top:1rem;padding:.75rem .9rem;font-size:.88rem}.feedback-title,.feedback-detail,.feedback-prompt{margin:0}.feedback-title{font-size:.95rem;font-weight:800;line-height:1.55}.feedback-detail,.feedback-prompt{line-height:1.65}.feedback-title+.feedback-detail,.feedback-detail+.feedback-detail{margin-top:.25rem}.feedback-prompt{font-weight:700}.duplicate-count{margin-inline:.18rem;font-size:1.08em;font-weight:900}.feedback--success{color:#145a48;background:#e8f7f0;border-color:#168067}.feedback--error{color:#91362f;background:#fff0ed;border-color:#d1574d}.feedback--info{color:#705213;background:#fff8df;border-color:#d29c25}.loading-stage{color:#65736e;text-align:center;place-content:center;place-items:center;min-height:21rem;display:grid}.loading-mark{color:#168067;font-size:4rem;animation:1.25s ease-in-out infinite pulse}.primary-button{margin-top:.5rem}.rules-panel{padding:1.6rem}.rules-panel--mobile{display:none}.rules-panel h2{color:#29483f;margin:.45rem 0 1.4rem;font-size:1.35rem;line-height:1.35}.rules-list{gap:1.15rem;margin:0;padding:0;list-style:none;display:grid}.rules-list li{grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.rules-list span{color:#fff;background:#ef8b32;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:800;display:grid}.rules-list p{color:#566660;margin:.22rem 0 0;font-size:.87rem;line-height:1.7}.privacy-note{color:#73817c;border-top:1px solid #e0e7df;margin:1.6rem 0 0;padding-top:1.2rem;font-size:.73rem;line-height:1.65}.rules-panel summary{cursor:pointer}footer{color:#78847f;text-align:center;padding:1.25rem 0 0;font-size:.7rem}@keyframes pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@media (width<=760px){.app-shell{width:min(100% - 1rem,36rem);padding-top:.75rem}.site-header{align-items:flex-start;padding-inline:.35rem}.tagline{text-align:right;max-width:10rem;font-size:.72rem;line-height:1.5}.game-layout{grid-template-columns:1fr}.rules-panel--desktop{display:none}.rules-panel--mobile{padding:0;display:block}.rules-panel--mobile summary{color:#29483f;justify-content:space-between;align-items:center;min-height:3.25rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:800;list-style:none;display:flex}.rules-panel--mobile summary::-webkit-details-marker{display:none}.rules-panel--mobile summary:after{content:"+";color:#168067;font-size:1.35rem;line-height:1}.rules-panel--mobile[open] summary:after{content:"−"}.rules-panel__content{border-top:1px solid #e0e7df;padding:1.15rem 1.25rem 1.4rem}.game-panel,.rules-panel{border-radius:1.15rem}.panel-topline{align-items:flex-start}.sync-indicator{text-align:right;flex-wrap:wrap;justify-content:flex-end;max-width:12rem}.word-stage{gap:.75rem}}@media (width<=440px){.brand-mark{width:2rem;height:2rem;font-size:1.4rem}.word-stage{grid-template-columns:1fr}.next-kana{aspect-ratio:auto;border-width:.3rem;border-radius:1rem;justify-content:center;align-items:baseline;gap:.35rem;width:100%;padding:.5rem;display:flex;transform:none}.next-kana strong{font-size:2.3rem}.total-count{margin-top:1.25rem}.input-row{grid-template-columns:1fr}.input-row button{min-height:3.25rem}.feedback{padding:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}