.nijiiro-kana-play button {appearance:none; margin:0; box-shadow:none; cursor:pointer; letter-spacing:normal; line-height:1.5; text-transform:none; background-image:none;}
.nijiiro-kana-play button::before,.nijiiro-kana-play button::after,.nijiiro-kana-play h2::before,.nijiiro-kana-play h2::after {content:none;}
.nijiiro-kana-play h2 {border:0; background:none; box-shadow:none; width:auto;}
.nijiiro-kana-play button:focus-visible,.nijiiro-kana-play summary:focus-visible {outline:3px solid #347eac; outline-offset:3px;}
.nijiiro-kana-play .nk-board text {font-family:sans-serif; line-height:normal;}
.nijiiro-kana-play .nk-marker-layer text.nk-marker-star {font-size:9.5px;}
.nijiiro-kana-play .nk-marker-layer text.nk-marker-number {font-size:5.9px;}
.nijiiro-kana-play .nk-app {container-type:inline-size;}
@container (max-width:340px) {.nijiiro-kana-play .nk-practice{padding:10px}.nijiiro-kana-play .nk-word{font-size:20px}.nijiiro-kana-play .nk-word-row{gap:5px}}

.nijiiro-kana-play {color-scheme:light; width:100%; color:#604655; font-family:inherit; -webkit-text-size-adjust:100%;}
.nijiiro-kana-play * {box-sizing:border-box;}
.nijiiro-kana-play .nk-app {width:100%; max-width:640px; margin:0 auto; padding:22px 20px 15px; background:#fff6fa; border:1px solid #f5dbe5; border-radius:28px; overflow:hidden;}
.nijiiro-kana-play .nk-header {text-align:center; padding:0 0 17px;}
.nijiiro-kana-play .nk-brand {font-size:13px; font-weight:600; letter-spacing:.05em; color:#8d5c74;}
.nijiiro-kana-play .nk-brand > span {font-size:23px; vertical-align:middle; margin-right:4px;}
.nijiiro-kana-play .nk-edition {font-size:11px; margin-top:4px; color:#876471;}
.nijiiro-kana-play h2 {margin:11px 0 7px; padding:0; font-size:27px; line-height:1.4; font-weight:700; letter-spacing:.07em; color:#8a4266;}
.nijiiro-kana-play .nk-tagline {margin:0; font-size:13px; line-height:1.6; color:#876471;}
.nijiiro-kana-play .nk-script-picker {display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-bottom:14px;}
.nijiiro-kana-play .nk-script {grid-column:span 2; min-height:48px; min-width:0; padding:8px 4px; border:1px solid #d9b3c8; border-radius:14px; background:#fff; color:#8a4266; font-size:17px; font-weight:700;}
.nijiiro-kana-play .nk-script[data-script^="latin-"] {grid-column:span 3;}
.nijiiro-kana-play .nk-script[aria-pressed="true"] {background:#a94474; border-color:#92365f; color:#fff; box-shadow:inset 0 -2px 0 #92365f;}
.nijiiro-kana-play .nk-app[data-direct="true"] .nk-choice-step {margin-top:0; padding-top:0; border-top:0;}
.nijiiro-kana-play .nk-letter-picker {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:17px;}
.nijiiro-kana-play .nk-row-picker {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin-bottom:10px;}
.nijiiro-kana-play .nk-kind-picker {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-bottom:8px;}
.nijiiro-kana-play .nk-kind {min-width:0; min-height:44px; padding:6px 2px; border:1px solid #e9dce2; border-radius:12px; background:#fff; color:#785866; font-size:13px; font-weight:700;}
.nijiiro-kana-play .nk-kind[aria-pressed="true"] {background:#f8e4ee; color:#8a4266; border-color:#d89bb8;}
@media(max-width:420px){.nijiiro-kana-play .nk-kind-picker{grid-template-columns:repeat(2,minmax(0,1fr));}}
.nijiiro-kana-play .nk-word-note {margin:0 0 10px; color:#876471; font-size:12px; line-height:1.6;}
.nijiiro-kana-play .nk-row {min-width:0; min-height:44px; padding:6px 2px; border:1px solid #e9dce2; border-radius:12px; background:#fff; color:#785866; font-size:16px; font-weight:700;}
.nijiiro-kana-play .nk-row[aria-pressed="true"] {background:#f8e4ee; color:#8a4266; border-color:#d89bb8;}
.nijiiro-kana-play .nk-row .nk-row-earned {display:inline-block; margin-left:3px; font-size:11px; color:#8d5b00;}
.nijiiro-kana-play .nk-choices {padding:12px; margin-bottom:18px; border:1px solid #eedce6; border-radius:18px; background:#fff;}
.nijiiro-kana-play .nk-choice-step+.nk-choice-step {margin-top:13px; padding-top:13px; border-top:1px solid #efdfe8;}
.nijiiro-kana-play .nk-step-label {display:flex; align-items:center; gap:7px; margin-bottom:8px; color:#705061; font-size:13px; font-weight:700; line-height:1.5;}
.nijiiro-kana-play .nk-step-label>span:first-child {display:inline-flex; align-items:center; justify-content:center; flex:none; width:21px; height:21px; border-radius:50%; background:#f7e4ee; color:#925075; font-size:12px;}
.nijiiro-kana-play .nk-choices .nk-kind-picker,.nijiiro-kana-play .nk-choices .nk-row-picker,.nijiiro-kana-play .nk-choices .nk-letter-picker {margin:0;}
.nijiiro-kana-play .nk-kind {background:#faf7fc; border-color:#e2d9e9; color:#675375;}
.nijiiro-kana-play .nk-kind[aria-pressed="true"] {background:#eae0f3; border-color:#9473aa; color:#58336e; box-shadow:inset 0 0 0 1px #9473aa;}
.nijiiro-kana-play .nk-row {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:50px; padding:4px 1px; background:#fffafc;}
.nijiiro-kana-play .nk-row-char {font-size:20px; line-height:1.15;}
.nijiiro-kana-play .nk-row-hint {font-size:10px; font-weight:400; line-height:1.4; color:#886474;}
.nijiiro-kana-play .nk-row[aria-pressed="true"] {background:#f8e1ed; border-color:#ba698e; color:#843c60; box-shadow:inset 0 0 0 1px #ba698e;}
.nijiiro-kana-play .nk-row .nk-row-earned {position:absolute; right:3px; top:3px; margin:0;}
@media(max-width:370px){.nijiiro-kana-play .nk-script{font-size:14px}.nijiiro-kana-play .nk-choices{padding:9px;}.nijiiro-kana-play .nk-step-label{font-size:12px;}}
.nijiiro-kana-play button {font:inherit; -webkit-tap-highlight-color:transparent; touch-action:manipulation;}
.nijiiro-kana-play .nk-letter {position:relative; display:grid; place-items:center; height:58px; background:#fff; color:#785866; font-size:28px; font-weight:600; border:1px solid #e9dce2; border-bottom:4px solid #e9dce2; border-radius:17px; padding:0 0 2px;}
.nijiiro-kana-play .nk-letter[aria-pressed="true"] {background:#d34b84; border-color:#b7356b; color:#fff;}
.nijiiro-kana-play .nk-earned {position:absolute; right:3px; top:1px; color:#8d5b00; font-size:14px; line-height:1;}
.nijiiro-kana-play .nk-letter[aria-pressed="true"] .nk-earned {color:#fff3a6;}
.nijiiro-kana-play .nk-practice {background:#fff; border-radius:22px; padding:16px; box-shadow:0 3px 0 #f2e5eb;}
.nijiiro-kana-play .nk-word-row {display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:11px;}
.nijiiro-kana-play .nk-word {display:flex; gap:10px; align-items:center; color:#654a58; font-size:22px; font-weight:600;}
.nijiiro-kana-play .nk-word-icon {font-size:30px;}
.nijiiro-kana-play .nk-stroke-label {font-size:12px; color:#8c687a; font-weight:600; white-space:nowrap;}
.nijiiro-kana-play .nk-board-wrap {position:relative; width:100%; max-width:480px; margin:auto; border:2px solid #f1dfe8; border-radius:18px; background:#fffdfd; overflow:hidden;}
.nijiiro-kana-play .nk-board {display:block; width:100%; height:auto; aspect-ratio:1; touch-action:none; user-select:none; -webkit-user-select:none; cursor:crosshair;}
.nijiiro-kana-play .nk-grid {stroke:#eadfe5; stroke-width:.5; stroke-dasharray:2 2; fill:none; pointer-events:none;}
.nijiiro-kana-play .nk-guide-layer path {fill:none; stroke:#e9e5e8; stroke-width:7.6; stroke-linecap:round; stroke-linejoin:round;}
.nijiiro-kana-play .nk-guide-layer path.nk-current {stroke:#f7dbe7;}
.nijiiro-kana-play .nk-ink-layer path {fill:none; stroke:#d94a87; stroke-width:7.6; stroke-linecap:round; stroke-linejoin:round;}
.nijiiro-kana-play .nk-app.nk-showing-demo .nk-ink-layer path {stroke:#9d79be;}
.nijiiro-kana-play .nk-marker-layer {pointer-events:none;}
.nijiiro-kana-play .nk-feedback {display:flex; justify-content:center; align-items:center; min-height:52px; text-align:center; color:#705061; font-weight:600; font-size:14px; line-height:1.7; padding:10px 0 8px;}
.nijiiro-kana-play .nk-actions {display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.nijiiro-kana-play .nk-action {border:1px solid #e8dae3; border-bottom:3px solid #e4d5df; border-radius:13px; background:#fbf7fd; color:#705471; font-size:14px; min-height:47px; font-weight:600; padding:9px 3px;}
.nijiiro-kana-play .nk-reset {background:#fff9ef; border-color:#efe2cc; color:#816342;}
.nijiiro-kana-play .nk-next {display:block; width:100%; min-height:48px; margin-top:10px; border:1px solid #b6366e; border-bottom:3px solid #a83163; border-radius:13px; background:#d34b84; color:#fff; font-weight:600; padding:10px;}
.nijiiro-kana-play [hidden] {display:none !important;}
.nijiiro-kana-play .nk-footer {display:flex; gap:8px; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:17px; font-size:12px;}
.nijiiro-kana-play .nk-count {font-weight:700; color:#925477;}
.nijiiro-kana-play .nk-footer-hint {color:#886474; font-size:11px;}
.nijiiro-kana-play .nk-about {margin-top:14px; color:#866473; font-size:11px; line-height:1.8;}
.nijiiro-kana-play .nk-about summary {min-height:36px; display:list-item; padding:7px 0;}
.nijiiro-kana-play .nk-about p {margin:8px 0;}
.nijiiro-kana-play .nk-about a {color:#8b3d70; text-decoration:underline;}
.nijiiro-kana-play .nk-celebration {position:absolute; left:50%; top:7px; transform:translateX(-50%); display:flex; gap:6px; align-items:center; padding:6px 14px; background:#fff5cc; border-radius:99px; font-size:18px; color:#805c22; pointer-events:none; white-space:nowrap;}
.nijiiro-kana-play .nk-celebration > span {font-size:23px;}
@media(max-width:370px){.nijiiro-kana-play .nk-app{padding:17px 12px 10px; border-radius:22px;} .nijiiro-kana-play h2{font-size:24px;} .nijiiro-kana-play .nk-letter-picker{gap:6px;} .nijiiro-kana-play .nk-letter{height:52px; font-size:26px; border-radius:13px;} .nijiiro-kana-play .nk-practice{padding:12px;} .nijiiro-kana-play .nk-tagline{font-size:12px;} .nijiiro-kana-play .nk-feedback{font-size:12px;} .nijiiro-kana-play .nk-footer{justify-content:center;}}
.nijiiro-kana-play .nk-app[data-script^="latin-"] .nk-word-row {flex-wrap:wrap; row-gap:4px;}
.nijiiro-kana-play .nk-app[data-script^="latin-"] .nk-word {min-width:0; max-width:100%;}
.nijiiro-kana-play .nk-app[data-script^="latin-"] .nk-stroke-label {margin-left:auto;}
.nijiiro-kana-play .nk-letter-glyph {display:block; width:35px; height:35px; fill:none; stroke:currentColor; stroke-width:7.6; stroke-linecap:round; stroke-linejoin:round;}
.nijiiro-kana-play .nk-alphabet-grid {display:none; fill:none; stroke:#dbeaf1; stroke-width:.5; pointer-events:none;}
.nijiiro-kana-play .nk-alphabet-grid .nk-midline {stroke-dasharray:1 1;}
.nijiiro-kana-play .nk-alphabet-grid .nk-baseline {stroke:#e9cada;}
.nijiiro-kana-play .nk-app[data-script^="latin-"] .nk-alphabet-grid {display:block;}
.nijiiro-kana-play .nk-app[data-script^="latin-"] .nk-grid {display:none;}