@font-face{font-family:Jua;src:url(/assets/jua-Ebt0KIHl.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gowun Dodum;src:url(/assets/gowun-dodum-Bl_Lxz8R.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--cream: #FFF8EA;--cream-deep: #F4EBD8;--sky: #CFEFFF;--grass: #8CCB4E;--grass-soft: #CDE9A8;--card: #FFFFFF;--outline: #1F2747;--ink: #1F2747;--ink-soft: #4A5170;--ink-faint: #8C90A6;--line: #EADFCB;--rb-1: #F0564A;--rb-1-ink: #D63A2F;--rb-1-tint: #FFF1EF;--rb-2: #F7902F;--rb-2-ink: #D66A0C;--rb-2-tint: #FFF3E6;--rb-3: #FCC838;--rb-3-ink: #A87400;--rb-3-tint: #FFF7DD;--rb-4: #2EB67D;--rb-4-ink: #16875A;--rb-4-tint: #E6F6EE;--rb-5: #2D7FE3;--rb-5-ink: #1D5FBF;--rb-5-tint: #E8F1FD;--rb-6: #9A52C9;--rb-6-ink: #7A36A8;--rb-6-tint: #F3EAFA;--horn: #26B5D9;--primary: var(--rb-5-ink);--on-accent: #FFFFFF;--paper: var(--cream);--paper-deep: var(--cream-deep);--o-cheong: var(--rb-5-ink);--o-jeok: var(--rb-1-ink);--o-hwang: #F2A516;--o-baek: #B9B2A3;--o-heuk: var(--outline);--o-green: var(--rb-4-ink);--o-plum: var(--rb-6-ink);--o-hwang-tint: var(--rb-3-tint);--r-lg: 26px;--r-md: 18px;--r-sm: 12px;--r-pill: 999px;--stroke-sticker: 3px;--shadow-sticker: 0 4px 0 var(--outline);--shadow-card: 0 4px 24px rgba(31,39,71,.08), 0 1px 4px rgba(31,39,71,.06);--shadow-soft: 0 2px 10px rgba(31,39,71,.06);--gap-edge-x: 24px;--gap-edge-y: 20px;--gap-block: 22px;--pad-card: 20px;--gap-inner: 14px;--font-display: "Jua", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body: "Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font: var(--font-display);--ease: cubic-bezier(.22,1,.36,1);--spring: cubic-bezier(.34,1.56,.64,1)}html{font-synthesis-weight:none}button,input,select,textarea{font-family:inherit}:where(button){padding:1px 6px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}:root{--sa-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--sa-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--sa-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--sa-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px))}body{font-family:var(--font);color:var(--ink);background:var(--paper);background-image:radial-gradient(circle at 20% 15%,rgba(224,165,59,.04),transparent 40%),radial-gradient(circle at 85% 80%,rgba(62,124,177,.04),transparent 42%);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--sa-top) 18px calc(56px + var(--sa-bottom))}.stage-wrap{position:relative;background:radial-gradient(circle at 50% 42%,var(--card),var(--paper) 96%);border-radius:var(--r-md);aspect-ratio:1/1;display:grid;place-items:center}.grid-guide{position:absolute;left:14%;top:14%;width:72%;height:72%;pointer-events:none;opacity:.5}#stageInner{width:100%;height:100%;transform-origin:center 72%}svg#char{display:block;width:100%;height:100%}.trace-hud{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#20201dd1;color:var(--on-accent);font-size:13px;font-weight:700;padding:7px 16px;border-radius:var(--r-pill);z-index:3;white-space:normal;width:max-content;max-width:calc(100% - 24px);text-align:center;line-height:1.4;pointer-events:none}.fx-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:4}.fx-emoji{position:absolute;will-change:transform,opacity;font-size:40px;line-height:1;opacity:0;filter:drop-shadow(0 2px 4px rgba(32,32,29,.18));transform:translate(-50%,-50%)}.fx-emoji.fx-illust{font-size:0}.fx-emoji.fx-illust svg{display:block;width:56px;height:56px}.fx-inner{display:block;will-change:transform}.controls{margin-top:16px}.ctl-primary{display:flex;gap:10px}.btn-replay{flex:1;border:none;background:var(--ink);color:var(--on-accent);font-family:var(--font);font-size:15px;font-weight:700;padding:14px;border-radius:var(--r-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s var(--ease),background .25s}.btn-replay:active{transform:scale(.97)}.btn-replay svg{width:18px;height:18px}.btn-ghost{border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);font-family:var(--font);font-size:14px;font-weight:600;padding:14px 16px;border-radius:var(--r-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s var(--ease),border-color .25s,color .25s}.btn-ghost:active{transform:scale(.97)}.btn-ghost.on{border-color:var(--o-cheong);color:var(--o-cheong)}.btn-ghost svg{width:17px;height:17px}.ctl-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.cheer{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:74px;pointer-events:none;opacity:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}html:is(.title-active,.word-active,.album-active,.phonics-active,.net-active,.last-active,.stairs-active,.kb-active,.lobby-active),html:is(.title-active,.word-active,.album-active,.phonics-active,.net-active,.last-active,.stairs-active,.kb-active,.lobby-active) body{overflow:hidden;height:100dvh;height:100vh}html:is(.title-active,.word-active,.album-active,.phonics-active,.net-active,.last-active,.stairs-active,.kb-active,.lobby-active) body>header,html:is(.title-active,.word-active,.album-active,.phonics-active,.net-active,.last-active,.stairs-active,.kb-active,.lobby-active) body>.tabs,html:is(.title-active,.word-active,.album-active,.phonics-active,.net-active,.last-active,.stairs-active,.kb-active,.lobby-active) body>.stage-card,html:is(.title-active,.word-active,.album-active,.phonics-active,.net-active,.last-active,.stairs-active,.kb-active,.lobby-active) body>footer{display:none!important}header{position:relative}.home-btn{position:absolute;left:0;top:34px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);background:var(--card);border:2px solid var(--line);border-radius:var(--r-md);cursor:pointer;box-shadow:var(--shadow-soft)}.home-btn:hover{color:var(--o-cheong);border-color:var(--o-cheong)}.home-btn svg{width:22px;height:22px}.word-screen{position:fixed;inset:0;z-index:45;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:var(--sa-top) calc(16px + var(--sa-right)) calc(48px + var(--sa-bottom)) calc(16px + var(--sa-left));background:radial-gradient(120% 70% at 50% 0%,var(--paper) 0%,var(--paper-deep) 100%);transition:opacity .35s var(--ease),visibility .35s var(--ease)}.word-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.word-head{position:relative;width:100%;max-width:460px;display:flex;align-items:center;justify-content:center;padding:18px 0 10px}.word-head .home-btn{position:absolute;left:0;top:14px}.word-title{margin:0;font-size:22px;font-weight:800;color:var(--ink)}.word-tabs{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;justify-content:center}.word-tab{padding:8px 14px;min-height:38px;border-radius:var(--r-pill);border:2.5px solid var(--tab-color, var(--line));background:var(--card);font-size:14px;font-weight:800;color:var(--ink);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.word-tab:hover{background:var(--tab-color, var(--line));color:var(--on-accent)}.word-tab.active{background:var(--tab-color, var(--ink));color:var(--on-accent);border-color:var(--tab-color, var(--ink))}.word-tab:focus-visible{outline:3px solid var(--tab-color, var(--o-cheong));outline-offset:2px}.word-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:4px 2px 8px;max-width:100%;justify-content:center}.word-chip{flex:0 0 auto;width:46px;height:46px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--card);font-size:22px;font-weight:800;color:var(--ink);cursor:pointer}.word-chip.active{border-color:transparent}@media(max-width:380px){.word-pick{gap:6px}.word-chip{width:42px;height:42px;font-size:20px}}.word-hero{text-align:center;margin-top:8px;max-width:460px}.word-big{width:120px;height:120px;margin:6px auto 0;border-radius:34px;display:flex;align-items:center;justify-content:center;font-size:74px;font-weight:800;line-height:1;cursor:pointer;box-shadow:var(--shadow-soft)}.word-line{margin:14px auto 0;font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:340px}.word-body{width:100%;max-width:460px;margin-top:8px}.word-section{margin-top:22px}.word-section-title{font-size:14px;font-weight:800;color:var(--ink-faint);margin:0 0 10px;padding-left:2px}.word-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.word-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:92px;padding:12px 6px;background:var(--card);border:2px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .16s var(--ease),border-color .16s var(--ease)}.word-card:hover{transform:translateY(-2px);border-color:var(--o-hwang)}.word-card:active{transform:scale(.93)}.word-card--write{border-color:var(--o-hwang);background:var(--o-hwang-tint)}.word-badge{position:absolute;top:4px;right:6px;font-size:13px;line-height:1;pointer-events:none}.word-emoji{font-size:38px;line-height:1}.word-emoji svg,.word-write-emoji svg{display:block}.word-label{font-size:14px;font-weight:800}.word-empty{text-align:center;color:var(--ink-faint);margin-top:30px}.word-write{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:var(--sa-top);padding-left:var(--sa-left);padding-right:var(--sa-right);background:#20201d47;opacity:1;visibility:visible;transition:opacity .22s var(--ease),visibility .22s}.word-write--hidden{opacity:0;visibility:hidden;pointer-events:none}.word-write-card{width:100%;max-width:480px;margin-top:auto;background:var(--paper);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -6px 32px #20201d2e;padding:16px 16px calc(16px + var(--sa-bottom));transform:translateY(0);transition:transform .26s var(--ease)}.word-write--hidden .word-write-card{transform:translateY(24px)}.word-write-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.word-write-emoji{font-size:34px;line-height:1}.word-write-cells{display:flex;gap:6px;flex:1}.ww-cell{min-width:44px;height:44px;padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--ink-faint);background:var(--card);border:2px dashed var(--line);border-radius:var(--r-sm)}.ww-cell--active{border-style:solid;animation:wwPulse 1.2s ease-in-out infinite}.ww-cell--done{border-style:solid}@keyframes wwPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.ww-speak{min-width:44px;min-height:44px;font-size:18px}.ww-close{position:static}.word-write-stage{max-width:340px;margin:0 auto}.word-write-stage #wwTrace{display:block;width:100%;height:100%;touch-action:none;position:relative;z-index:2}.word-write-controls{max-width:340px;margin:14px auto 0}@media(max-width:380px){.word-cards{grid-template-columns:repeat(3,1fr)}.word-big{width:104px;height:104px;font-size:64px}.word-write-stage{max-width:280px}}.keepsake-save{position:fixed;left:50%;bottom:22px;z-index:70;transform:translate(-50%,160%);display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 22px;font-size:16px;font-weight:800;color:var(--on-accent);background:var(--o-plum);border:none;border-radius:999px;box-shadow:var(--shadow-card);cursor:pointer;opacity:0;pointer-events:none;transition:transform .32s var(--ease),opacity .32s var(--ease),background .2s var(--ease)}.keepsake-save.show{transform:translate(-50%);opacity:1;pointer-events:auto}.keepsake-save.saved{background:var(--o-green)}.keepsake-save:disabled{cursor:default}.keepsake-save:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.keepsake-save .ks-emoji{font-size:18px;line-height:1}@media(prefers-reduced-motion:reduce){.keepsake-save{transition:opacity .2s linear}.keepsake-save.show{transform:translate(-50%)}}.name-setup{position:fixed;inset:0;z-index:65;display:flex;justify-content:center;align-items:safe center;padding:calc(24px + var(--sa-top)) calc(24px + var(--sa-right)) calc(24px + var(--sa-bottom)) calc(24px + var(--sa-left));background:#20201d6b;transition:opacity .22s var(--ease),visibility .22s}.name-setup--hidden{opacity:0;visibility:hidden;pointer-events:none}.name-setup-card{width:100%;max-width:400px;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:28px 24px 22px;text-align:center}.name-setup-title{margin:0 0 8px;font-size:22px;font-weight:800;color:var(--ink)}.name-setup-sub{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--ink-soft)}.name-setup-sub b{color:var(--o-plum)}.name-setup-input{width:100%;font-family:var(--font);font-size:26px;font-weight:800;text-align:center;color:var(--ink);padding:14px 16px;border:2px solid var(--line);border-radius:var(--r-md);background:var(--card);outline:none;transition:border-color .2s var(--ease)}.name-setup-input:focus{border-color:var(--o-cheong)}.name-setup-msg{margin:12px 2px 0;font-size:13.5px;line-height:1.55;color:var(--o-jeok);font-weight:600}.name-setup-actions{display:flex;gap:10px;margin-top:20px}.name-setup-actions .btn-ghost{flex:0 0 auto;padding:14px 20px}.name-setup-actions .btn-replay{flex:1}.album-screen,.settings-screen{position:fixed;inset:0;z-index:55;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--sa-top) calc(18px + var(--sa-right)) calc(40px + var(--sa-bottom)) calc(18px + var(--sa-left));background:radial-gradient(120% 80% at 50% 0%,var(--paper) 0%,var(--paper-deep) 100%);background-color:var(--paper-deep);transition:opacity .35s var(--ease),visibility .35s var(--ease)}.album-screen--hidden,.settings-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.album-head,.settings-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;padding:14px 0 6px;margin-bottom:8px}.album-head .home-btn,.settings-head .home-btn{position:absolute;left:0;top:12px}.album-title,.settings-title{margin:0;font-size:22px;font-weight:800;color:var(--ink)}.album-filter{display:flex;gap:6px;justify-content:center;background:var(--paper-deep);padding:5px;border-radius:var(--r-pill);width:fit-content;margin:0 auto 18px}.album-filter-btn{border:none;background:transparent;font-family:var(--font);font-size:14px;font-weight:700;color:var(--ink-soft);padding:9px 18px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:color .2s var(--ease)}.album-filter-btn.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-soft)}.album-grid{width:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.album-day{display:flex;flex-direction:column;gap:12px}.album-day-label{margin:0;font-size:14px;font-weight:800;color:var(--ink-soft);padding-left:4px}.album-day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.album-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--card);border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft)}.album-frame{position:relative;width:100%;height:0;padding:0 0 100%;background:var(--paper);border-radius:var(--r-md)}.album-svg,.album-fallback{position:absolute;inset:8px}.album-fallback{display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;color:var(--ink)}.album-fav{position:absolute;bottom:6px;right:6px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);background:transparent;border:none;cursor:pointer;border-radius:50%}.album-fav:hover,.album-fav.on{color:var(--o-hwang)}.album-fav:focus-visible{outline:2px solid var(--o-hwang);outline-offset:2px}.album-svg{width:calc(100% - 16px);height:calc(100% - 16px);display:block}.album-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}.album-name{font-size:17px;font-weight:800;color:var(--ink)}.album-date{font-size:12px;color:var(--ink-faint)}.album-del{position:absolute;top:6px;right:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);background:var(--card);border:1.5px solid var(--line);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-soft)}.album-del:hover{color:var(--o-jeok);border-color:var(--o-jeok)}.album-del:focus-visible{outline:2px solid var(--o-jeok);outline-offset:2px}.album-dl{position:absolute;top:6px;left:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);background:var(--card);border:1.5px solid var(--line);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-soft)}.album-dl:hover{color:var(--o-plum);border-color:var(--o-plum)}.album-dl:focus-visible{outline:2px solid var(--o-plum);outline-offset:2px}.album-dl:disabled{opacity:.5;cursor:default}.album-share{position:absolute;top:6px;left:42px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);background:var(--card);border:1.5px solid var(--line);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-soft)}.album-share:hover{color:var(--rb-5-ink);border-color:var(--rb-5-ink)}.album-share:focus-visible{outline:2px solid var(--rb-5-ink);outline-offset:2px}.album-share:disabled{opacity:.5;cursor:default}.album-undo{position:fixed;left:50%;transform:translate(-50%);bottom:calc(18px + var(--sa-bottom));z-index:60;display:flex;align-items:center;gap:14px;max-width:calc(100% - 36px);padding:10px 10px 10px 18px;background:var(--ink);color:var(--on-accent);border-radius:var(--r-pill);box-shadow:var(--shadow-card);font-size:14.5px;font-weight:700;transition:opacity .25s var(--ease),visibility .25s var(--ease)}.album-undo--hidden{opacity:0;visibility:hidden;pointer-events:none}.album-toast{padding:12px 18px}.album-toast .album-undo-text{white-space:normal;text-overflow:clip}.album-undo-text{min-width:0;white-space:normal}.album-undo-btn{flex:none;border:none;background:var(--card);color:var(--ink);font-family:var(--font);font-size:14.5px;font-weight:800;min-height:44px;padding:0 18px;border-radius:var(--r-pill);cursor:pointer;transition:transform .15s var(--ease)}.album-undo-btn:active{transform:scale(.96)}.album-undo-btn:focus-visible{outline:3px solid var(--o-hwang);outline-offset:2px}.album-empty{max-width:360px;margin:60px auto 0;text-align:center;font-size:16px;line-height:1.7;color:var(--ink-soft)}.album-empty b{color:var(--o-plum)}.phonics-screen{position:fixed;inset:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:var(--sa-top) calc(16px + var(--sa-right)) calc(32px + var(--sa-bottom)) calc(16px + var(--sa-left));background:radial-gradient(120% 70% at 50% 0%,var(--paper) 0%,var(--paper-deep) 100%);transition:opacity .3s var(--ease),visibility .3s var(--ease)}.phonics-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.phonics-head{position:relative;width:100%;max-width:460px;display:flex;align-items:center;justify-content:center;padding:18px 0 8px}.phonics-head .home-btn{position:absolute;left:0;top:14px}.phonics-title{margin:0;font-size:21px;font-weight:800;color:var(--ink)}.phonics-stage{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center}.ph-groups{display:none;width:100%;margin-top:14px;flex-direction:column;gap:14px;align-items:center}.phonics-screen.ph-grouping .ph-groups{display:flex}.phonics-screen.ph-grouping .ph-picker,.phonics-screen.ph-grouping .ph-word,.phonics-screen.ph-grouping .ph-build,.phonics-screen.ph-grouping .ph-prompt,.phonics-screen.ph-grouping .ph-choices{display:none}.ph-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.ph-group-glyph{font-size:44px;font-weight:800}.ph-picker{display:none;width:100%;margin-top:14px;grid-template-columns:repeat(3,1fr);gap:12px}.phonics-screen.ph-picking .ph-picker{display:grid}.phonics-screen.ph-picking .ph-word,.phonics-screen.ph-picking .ph-build,.phonics-screen.ph-picking .ph-prompt,.phonics-screen.ph-picking .ph-choices{display:none}.ph-word-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;min-height:104px;border-radius:var(--r-md);border:2.5px solid var(--line);background:var(--card);cursor:pointer;transition:transform .12s var(--ease),border-color .15s var(--ease)}.ph-word-card:hover{border-color:var(--ph-accent, var(--o-hwang));transform:translateY(-2px)}.ph-word-card:active{transform:scale(.95)}.ph-word-card:focus{outline:none}.ph-word-card:focus-visible{outline:3px solid var(--o-hwang);outline-offset:2px}.ph-word-card-illust{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;font-size:34px}.ph-word-card-illust svg{width:100%;height:100%}.ph-word-card-label{font-size:16px;font-weight:800;color:var(--ink)}.ph-word{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:6px;flex-wrap:wrap}.ph-illust{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;font-size:44px}.ph-illust svg{width:100%;height:100%}.ph-syls{display:flex;gap:4px}.ph-syl{font-size:30px;font-weight:800;color:var(--ink-faint);padding:2px 6px;border-radius:var(--r-sm);transition:color .2s var(--ease),transform .2s var(--ease)}.ph-syl.done{color:var(--ink)}.ph-syl.active{transform:scale(1.12)}.ph-replay{font-size:22px;line-height:1}.ph-build{position:relative;width:min(64vw,240px);aspect-ratio:1/1;margin:10px 0 4px;border-radius:var(--r-lg);border:2.5px dashed transparent;transition:border-color .18s var(--ease),background .18s var(--ease)}.ph-build #phGlyph{width:100%;height:100%;display:block}.ph-build.ph-dropready{border-color:var(--o-hwang)}.ph-build.ph-dropover{border-color:var(--o-hwang);background:var(--o-hwang-tint)}.ph-drop-hint{position:absolute;left:50%;bottom:8px;transform:translate(-50%);padding:4px 12px;border-radius:var(--r-pill);background:var(--o-hwang);color:var(--on-accent);font-size:13px;font-weight:700;opacity:0;transition:opacity .18s var(--ease);pointer-events:none;white-space:nowrap}.ph-build.ph-dropready .ph-drop-hint{opacity:1}.ph-ghost{position:fixed;z-index:80;transform:translate(-50%,-50%);min-width:56px;height:56px;padding:0 8px;border-radius:var(--r-md);background:var(--card);border:2.5px solid var(--o-hwang);color:var(--ink);font-size:32px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #20201d38;pointer-events:none}.ph-prompt{margin:6px 0 12px;font-size:18px;font-weight:700;color:var(--ink);text-align:center;min-height:24px}.ph-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:420px}.ph-choice{min-height:72px;border-radius:var(--r-md);border:2.5px solid var(--line);background:var(--card);font-size:34px;font-weight:800;color:var(--ink);cursor:grab;display:flex;align-items:center;justify-content:center;touch-action:none;transition:transform .12s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.ph-choice:hover{border-color:var(--ph-accent, var(--o-hwang));transform:translateY(-2px)}.ph-choice:active{cursor:grabbing;transform:scale(.96)}.ph-choice:disabled{cursor:default}.ph-choice:focus{outline:none}.ph-choice:focus-visible{outline:3px solid var(--o-hwang);outline-offset:2px}.ph-choice.picked{border-color:var(--ph-accent, var(--o-hwang));background:var(--o-hwang-tint)}.ph-choice.hint{border-color:var(--o-hwang);animation:ph-pulse 1s var(--ease) infinite}@keyframes ph-pulse{0%,to{box-shadow:0 0 #e0a53b80}50%{box-shadow:0 0 0 8px #e0a53b00}}@media(prefers-reduced-motion:reduce){.ph-choice.hint{animation:none;border-color:var(--o-hwang)}}.ph-again,.ph-next{grid-column:1 / -1;font-size:20px;min-height:56px;border-color:var(--ph-accent, var(--o-hwang));background:var(--ph-accent, var(--o-hwang));color:var(--on-accent)}.ph-next:hover{transform:translateY(-2px)}.ph-pick-again{grid-column:1 / -1;font-size:18px;min-height:52px;border-color:var(--line);background:var(--card);color:var(--ink-soft)}.ph-pick-again:hover{border-color:var(--o-hwang);transform:translateY(-2px)}@media(max-width:380px){.ph-choice{min-height:64px;font-size:30px}.ph-syl{font-size:26px}}.net-screen{position:fixed;inset:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:var(--sa-top) calc(16px + var(--sa-right)) calc(32px + var(--sa-bottom)) calc(16px + var(--sa-left));background:radial-gradient(120% 70% at 50% 0%,var(--paper) 0%,var(--paper-deep) 100%);transition:opacity .3s var(--ease),visibility .3s var(--ease)}.net-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.net-head{position:relative;width:100%;max-width:460px;display:flex;align-items:center;justify-content:center;padding:18px 0 8px}.net-head .home-btn{position:absolute;left:0;top:14px}.net-title{margin:0;font-size:21px;font-weight:800;color:var(--ink)}.net-stars{position:absolute;right:0;top:18px;font-size:18px;letter-spacing:1px;color:var(--o-baek)}.net-star.on{color:var(--o-hwang)}.net-stage{position:relative;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.net-target{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}.net-target #netGlyph{width:104px;height:104px;display:block}.net-replay{font-size:22px;line-height:1}.net-prompt{margin:2px 0 10px;font-size:16px;font-weight:700;color:var(--ink-soft);text-align:center}.net-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-bottom:14px}.net-card{display:flex;align-items:center;justify-content:center;min-height:104px;padding:10px;border-radius:var(--r-lg);border:2.5px solid var(--line);background:var(--card);cursor:pointer;transition:transform .12s var(--ease),border-color .15s var(--ease),opacity .3s var(--ease)}.net-card:hover{border-color:var(--o-green)}.net-card:active{transform:scale(.94)}.net-card:focus{outline:none}.net-card:focus-visible{outline:3px solid var(--o-green);outline-offset:2px}.net-card-art{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;font-size:52px}.net-card-art svg{width:100%;height:100%}.net-card.caught{opacity:.35;transform:scale(.86);border-color:var(--o-green);cursor:default}.net-card.hint{animation:net-hint .8s var(--ease) 2;border-color:var(--o-hwang)}@keyframes net-hint{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.net-card.float{animation:net-float 3.6s ease-in-out infinite}@keyframes net-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.net-mesh{display:flex;gap:12px;justify-content:center;align-items:center;width:100%;padding:14px 0 4px;border-top:3px dashed var(--o-heuk)}.net-hole{width:26px;height:26px;border-radius:50%;border:3px solid var(--o-heuk);background:transparent;transition:background .25s var(--ease),transform .25s var(--ease)}.net-hole.filled{background:var(--o-green);transform:scale(1.12)}.net-next{grid-column:1 / -1;justify-self:center;padding:14px 30px;min-height:52px;border:none;border-radius:var(--r-pill);background:var(--o-green);color:var(--on-accent);font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 4px #00000014}.net-next:active{transform:translateY(1px);box-shadow:0 2px #00000014}.net-next:focus-visible{outline:3px solid var(--o-hwang);outline-offset:3px}@media(prefers-reduced-motion:reduce){.net-card.float,.net-card.hint{animation:none}}.stairs-screen{position:fixed;inset:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:var(--sa-top) calc(16px + var(--sa-right)) calc(32px + var(--sa-bottom)) calc(16px + var(--sa-left));background:radial-gradient(120% 70% at 50% 0%,var(--paper) 0%,var(--paper-deep) 100%);transition:opacity .3s var(--ease),visibility .3s var(--ease)}.stairs-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.stairs-head{position:relative;width:100%;max-width:460px;display:flex;align-items:center;justify-content:center;padding:18px 0 8px}.stairs-head .home-btn{position:absolute;left:0;top:14px}.stairs-title{margin:0;font-size:21px;font-weight:800;color:var(--ink)}.stairs-count{position:absolute;right:0;top:18px;font-size:16px;font-weight:800;color:var(--o-heuk)}.stairs-stage{position:relative;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.stairs-track-wrap{position:relative;width:100%;height:150px;margin:6px 0 10px}.stairs-track{position:absolute;inset:auto 14px 0;display:flex;align-items:flex-end;gap:3px}.stairs-block{flex:1;border-radius:6px 6px 0 0;border:2.5px solid var(--o-heuk);border-bottom:none;background:var(--card);transition:background .25s var(--ease)}.stairs-block.on{background:var(--o-hwang)}.stairs-mascot{position:absolute;transform:translate(-50%);transition:left .45s var(--ease),bottom .45s var(--ease);pointer-events:none}.stairs-mascot svg{display:block}.stairs-listen{display:flex;align-items:center;gap:10px;margin-bottom:12px}.stairs-replay{font-size:22px;line-height:1}.stairs-replay[hidden]{display:none}.stairs-prompt{margin:0;font-size:17px;font-weight:800;color:var(--ink);text-align:center}.stairs-choices{display:flex;gap:16px;justify-content:center;width:100%}.stairs-step{flex:1;max-width:160px;min-height:130px;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:var(--r-lg);border:3px solid var(--line);background:var(--card);cursor:pointer;transition:transform .12s var(--ease),border-color .15s var(--ease)}.stairs-step svg{width:96px;height:96px;display:block}.stairs-step:hover{border-color:var(--o-hwang)}.stairs-step:active{transform:scale(.95)}.stairs-step:focus{outline:none}.stairs-step:focus-visible{outline:3px solid var(--o-cheong);outline-offset:3px}.stairs-step.picked{border-color:var(--o-green);background:var(--paper-deep)}.stairs-step.hint{animation:stairs-hint .8s var(--ease) 2;border-color:var(--o-hwang)}@keyframes stairs-hint{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.stairs-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:340px;margin:0 auto}.stairs-track-btn{min-height:64px;padding:14px 10px;border-radius:var(--r-lg);border:3px solid var(--line);background:var(--card);color:var(--ink);font-size:19px;font-weight:800;cursor:pointer;transition:transform .12s var(--ease),border-color .15s var(--ease)}.stairs-track-btn:hover{border-color:var(--o-hwang)}.stairs-track-btn:active{transform:scale(.96)}.stairs-track-btn:focus{outline:none}.stairs-track-btn:focus-visible{outline:3px solid var(--o-cheong);outline-offset:3px}.stairs-prize{display:flex;flex-direction:column;align-items:center;gap:6px}.stairs-prize-art{width:112px;height:112px;display:inline-flex;align-items:center;justify-content:center;font-size:84px}.stairs-prize-art svg{width:100%;height:100%}.stairs-prize-name{font-size:20px;font-weight:800;color:var(--ink)}.stairs-prize-count{font-size:14px;font-weight:700;color:var(--o-baek)}.stairs-next{margin-top:14px;padding:14px 30px;min-height:52px;border:none;border-radius:var(--r-pill);background:var(--o-hwang);color:var(--on-accent);font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 4px #00000014}.stairs-next:active{transform:translateY(1px);box-shadow:0 2px #00000014}.stairs-next:focus-visible{outline:3px solid var(--o-cheong);outline-offset:3px}.stairs-again{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.stairs-next--alt{background:var(--card);color:var(--ink);border:3px solid var(--line)}.stairs-next--alt:hover{border-color:var(--o-hwang)}@media(prefers-reduced-motion:reduce){.stairs-mascot{transition:none}.stairs-step.hint{animation:none}}.last-screen{position:fixed;inset:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:var(--sa-top) calc(16px + var(--sa-right)) calc(32px + var(--sa-bottom)) calc(16px + var(--sa-left));background:radial-gradient(120% 70% at 50% 0%,var(--paper) 0%,var(--paper-deep) 100%);transition:opacity .3s var(--ease),visibility .3s var(--ease)}.last-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.last-head{position:relative;width:100%;max-width:460px;display:flex;align-items:center;justify-content:center;padding:18px 0 8px}.last-head .home-btn{position:absolute;left:0;top:14px}.last-title{margin:0;font-size:21px;font-weight:800;color:var(--ink)}.last-stars{position:absolute;right:0;top:18px;font-size:18px;letter-spacing:1px;color:var(--o-baek)}.last-star.on{color:var(--o-hwang)}.last-stage{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.last-board{position:relative;width:min(80vw,320px);aspect-ratio:1/1;margin:8px 0 4px;border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-card)}.last-board #lastGlyph{width:100%;height:100%;display:block;touch-action:none;transition:opacity .35s var(--ease)}.last-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:120px;opacity:0;transform:scale(.6);pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}.last-art svg{width:168px;height:168px}.last-screen.last-done #lastGlyph{opacity:.12}.last-screen.last-done .last-art{opacity:1;transform:scale(1)}.last-prompt{margin:10px 0 12px;font-size:16px;font-weight:700;color:var(--ink-soft);text-align:center;min-height:22px}.last-actions{display:flex;justify-content:center;min-height:52px}.last-next{padding:14px 30px;min-height:52px;border:none;border-radius:var(--r-pill);background:var(--o-hwang);color:var(--on-accent);font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 4px #00000014}.last-next:active{transform:translateY(1px);box-shadow:0 2px #00000014}.last-next:focus-visible{outline:3px solid var(--o-cheong);outline-offset:3px}@media(prefers-reduced-motion:reduce){.last-board #lastGlyph,.last-art{transition:none}.last-art,.last-screen.last-done .last-art{transform:none}}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.word-head,.phonics-head,.net-head,.stairs-head,.album-head,.settings-head{max-width:none;width:100%;min-height:44px;padding:0;margin:0 0 10px;justify-content:flex-start;gap:12px}.word-head .home-btn,.phonics-head .home-btn,.net-head .home-btn,.stairs-head .home-btn,.album-head .home-btn,.settings-head .home-btn{position:static;flex:none}.word-title,.phonics-title,.net-title,.stairs-title,.album-title,.settings-title{font-size:18px}.net-stars,.stairs-stars,.last-stars{position:static;margin-left:auto}.album-filter{margin:0 0 10px}.phonics-stage{max-width:none;width:100%;display:grid;grid-template-columns:min(300px,calc(100dvh - 120px)) minmax(0,1fr);column-gap:22px;row-gap:12px;align-items:center}.ph-groups,.ph-picker{grid-column:1 / -1}.ph-build{grid-column:1;grid-row:1 / span 3;align-self:center;justify-self:center;width:100%;margin:0;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.ph-word{grid-column:2;grid-row:1;margin:0;justify-content:flex-start}.ph-prompt{grid-column:2;grid-row:2;margin:0;text-align:left}.ph-choices{grid-column:2;grid-row:3;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ph-choice{min-height:84px}.net-stage{max-width:none;width:100%;display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:22px;align-items:center;align-content:center}.net-stage:before{content:"";grid-column:1;grid-row:1 / span 3;align-self:stretch;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.net-target{grid-column:1;grid-row:1;margin:22px 18px 0}.net-target #netGlyph{width:88px;height:88px}.net-prompt{grid-column:1;grid-row:2;margin:10px 18px;word-break:keep-all}.net-mesh{grid-column:1;grid-row:3;margin:0 18px 22px;border-top:2px dashed var(--line);padding-top:14px}.net-cards{grid-column:2;grid-row:1 / span 3;margin:0}.net-card{min-height:92px;border-radius:var(--r-lg)}.stairs-stage{max-width:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:22px;align-items:center;align-content:center}.stairs-track-wrap{grid-column:1;grid-row:1 / span 2;align-self:center;height:auto;min-height:180px;margin:0;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px 20px;box-sizing:border-box}.stairs-track{inset:auto 20px 18px}.stairs-listen{grid-column:2;grid-row:1;margin:0 0 12px;justify-content:center}.stairs-choices{grid-column:2;grid-row:2}.stairs-step{min-height:150px;max-width:none;border-radius:var(--r-lg)}.stairs-step svg{width:84px;height:84px}.stairs-tracks{grid-column:2;grid-row:1 / span 2;max-width:none;margin:0}.word-write{padding-top:calc(var(--sa-top) + 8px)}.word-write-card{max-width:840px;padding:12px 18px calc(12px + var(--sa-bottom));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,240px);column-gap:22px;align-items:start}.word-write-head{grid-column:1 / -1;margin-bottom:10px}.word-write-stage{grid-column:1;justify-self:center;max-width:none;width:auto;height:min(300px,calc(100dvh - 140px));background:var(--card);border-radius:var(--r-lg)}.word-write-controls{grid-column:2;align-self:center;margin:0;max-width:none}}@media(orientation:landscape)and (max-height:560px)and (max-width:960px){.phonics-stage{column-gap:18px;row-gap:10px}.ph-word{gap:8px}.ph-illust{width:48px;height:48px;font-size:36px}.ph-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ph-choice{min-height:66px;font-size:30px}.net-stage{grid-template-columns:210px minmax(0,1fr);column-gap:18px}}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.word-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-rows:auto auto 1fr;column-gap:22px;align-items:start;align-content:start;padding:calc(var(--sa-top) + 12px) calc(var(--gap-edge-x) + var(--sa-right)) calc(24px + var(--sa-bottom)) calc(var(--gap-edge-x) + var(--sa-left))}.word-head{grid-column:1;grid-row:1;margin:0}.word-tabs{grid-column:2;grid-row:1;align-self:center;width:100%;max-width:none;margin:0}.word-pick{grid-column:1;grid-row:2 / -1;justify-content:flex-start;gap:6px;margin:12px 0 0;padding:2px}.word-chip{width:42px;height:42px;font-size:20px}.word-hero{grid-column:2;grid-row:2;max-width:none;margin:12px 0 0;display:flex;align-items:center;gap:12px;text-align:left}.word-big{flex:none;width:64px;height:64px;margin:0;border-radius:20px;font-size:40px;box-shadow:0 4px 0 var(--outline)}.word-line{flex:1 1 auto;min-width:0;min-height:56px;max-width:none;margin:0;font-size:14px}.word-body{grid-column:2;grid-row:3;max-width:none;margin:0}.word-section{margin-top:12px}.word-section-title{margin-bottom:8px}.word-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.word-card{min-height:84px;padding:10px 4px}.ph-groups{margin-top:4px;gap:12px}.ph-group-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;row-gap:12px}.ph-picker{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;row-gap:12px}.ph-word-card{min-height:76px;padding:8px 6px;gap:4px}.ph-group-glyph{font-size:30px}.ph-word-card-illust{width:36px;height:36px;font-size:28px}.ph-word-card-label{font-size:14px}}.app-notice{position:fixed;z-index:90;left:50%;bottom:calc(20px + var(--sa-bottom));width:max-content;max-width:min(560px,calc(100vw - 32px - var(--sa-left) - var(--sa-right)));box-sizing:border-box;padding:12px 18px;font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--on-accent);text-align:left;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;background:#1f2747f0;border-radius:18px;box-shadow:0 8px 24px #1f274740;transform:translate(-50%,12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}.app-notice--on{opacity:1;visibility:visible;transform:translate(-50%);pointer-events:auto;cursor:pointer}@media(prefers-reduced-motion:reduce){.app-notice{transition:none}}.tori{display:block;max-width:100%;height:auto;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none;transform-origin:50% 95%}.tori--bob{animation:tori-bob 2.4s ease-in-out infinite}.tori--land{animation:tori-land .95s cubic-bezier(.2,.7,.25,1) both}.tori--wiggle{animation:tori-wiggle 1.6s ease-in-out infinite}.tori--hop{animation:tori-hop .55s cubic-bezier(.3,.7,.4,1)}@keyframes tori-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tori-land{0%{opacity:0;transform:translateY(-48px) rotate(-8deg)}25%{opacity:1}55%{transform:translateY(5px) scale(1.035,.95) rotate(3deg)}78%{transform:translateY(-6px) scale(.99,1.015) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes tori-hop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-22px) scale(.96,1.05)}70%{transform:translateY(2px) scale(1.05,.94)}to{transform:none}}@keyframes tori-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.tori-badge{display:block;border-radius:50%;border:var(--stroke-sticker) solid var(--outline);background:var(--sky);box-sizing:border-box;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}@media(prefers-reduced-motion:reduce){.tori--bob,.tori--land,.tori--wiggle,.tori--hop{animation:none;opacity:1;transform:none}}.title-screen{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--cream);transition:opacity .4s var(--ease),visibility .4s var(--ease)}.title-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.title-stage{position:relative;flex:none;display:flex;flex-direction:column;min-height:calc(clamp(290px,42vh,420px) + var(--sa-top));padding:calc(var(--gap-edge-y) + var(--sa-top)) calc(20px + var(--sa-right)) 0 calc(20px + var(--sa-left));background:var(--sky) url(/assets/garden-DKfioWzF.webp) 30% 100% / cover no-repeat}.title-bar{display:flex;align-items:center;gap:10px;min-height:52px}.title-hero{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;height:52px;padding:0 18px 0 12px;margin-right:auto;box-sizing:border-box;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-pill);box-shadow:var(--shadow-sticker)}.title-mark{display:flex;flex:none}.title-mark path{fill:none;stroke-width:4;stroke-linecap:round}.title-mark .tm-1{stroke:var(--rb-1)}.title-mark .tm-3{stroke:var(--rb-3)}.title-mark .tm-5{stroke:var(--rb-5)}.title-hero-text{display:flex;flex-direction:column;min-width:0;line-height:1}.title-name{margin:0;font-family:var(--font-display);font-weight:400;font-size:20px;color:var(--ink);white-space:nowrap}.title-tag{margin-top:3px;font-family:var(--font-body);font-size:11px;color:var(--ink-soft);white-space:nowrap}.album-enter{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:52px;height:52px;padding:0;box-sizing:border-box;font-family:var(--font-display);font-size:17px;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .25s var(--spring),box-shadow .25s var(--spring)}.album-enter svg{width:22px;height:22px;flex:none}.name-enter svg{color:var(--rb-1-ink)}#albumBtn svg{color:var(--rb-6-ink)}.album-enter:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline);transition-duration:.08s}.album-enter:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.album-enter-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.title-guide{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-top:18px}.title-tori{width:min(230px,55vw);margin:0 auto -26px;position:relative;z-index:2}.title-tori .tori,.title-tori svg{width:100%;height:auto}.title-bubble{position:absolute;top:16px;right:0;z-index:3;margin:0;max-width:200px;box-sizing:border-box;padding:12px 16px;font-family:var(--font-display);font-size:17px;line-height:1.4;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:22px;word-break:keep-all}.title-bubble:after{content:"";position:absolute;left:22px;bottom:-10px;width:16px;height:16px;background:var(--card);border-right:var(--stroke-sticker) solid var(--outline);border-bottom:var(--stroke-sticker) solid var(--outline);border-bottom-right-radius:4px;transform:rotate(45deg)}.title-sheet{position:relative;z-index:1;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:-2px;padding:26px calc(20px + var(--sa-right)) calc(20px + var(--sa-bottom)) calc(20px + var(--sa-left));background:var(--cream);border-top:var(--stroke-sticker) solid var(--outline);border-radius:32px 32px 0 0}.title-sheet-head{width:100%;max-width:460px;margin:0;font-family:var(--font-display);font-weight:400;font-size:22px;line-height:28px;color:var(--ink)}.menu-grid{width:100%;max-width:460px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;column-gap:14px;row-gap:18px}.menu-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:12px 10px;font-family:var(--font-display);color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:22px;box-shadow:0 5px 0 var(--c, var(--outline));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .25s var(--spring),box-shadow .25s var(--spring)}.menu-card:active{transform:translateY(3px) scale(.98);box-shadow:0 1px 0 var(--c, var(--outline));transition-duration:.08s}.menu-card:focus-visible{outline:3px solid var(--c, var(--primary));outline-offset:3px}@media(hover:hover){.menu-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--c, var(--outline))}.menu-card:hover .menu-glyphs{color:var(--on-accent);background:var(--c, var(--ink))}.album-enter:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--outline)}}.menu-glyphs{transition:background-color .15s var(--ease),color .15s var(--ease)}.menu-glyphs{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;box-sizing:border-box;font-size:34px;line-height:1;white-space:nowrap;color:var(--c, var(--ink));background:var(--ct, var(--cream-deep));border-radius:16px}.menu-glyphs--word{width:auto;min-width:52px;padding:0 8px;font-size:20px}.menu-text{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.menu-title{font-size:18px;white-space:nowrap}.menu-desc{font-family:var(--font-body);font-size:12.5px;color:var(--ink-soft);white-space:nowrap}.menu-card--wide{grid-column:1 / -1;flex-direction:row;justify-content:flex-start;gap:14px;padding:12px 16px}.menu-card--wide .menu-text{align-items:flex-start}@media(max-width:389px){.title-bar{gap:8px}.title-hero{padding:0 12px 0 10px}.title-name{font-size:18px}.album-enter{width:48px;height:48px}}@media(max-width:339px){.title-hero{padding:0 10px 0 8px;gap:6px}.title-name{font-size:16px}.title-tag{font-size:10px}.album-enter{width:44px;height:44px}.album-enter svg{width:20px;height:20px}}@media(max-width:379px){.title-bubble{font-size:15px;padding:10px 12px;max-width:170px}}@media(min-width:380px){.menu-card{flex-direction:row;justify-content:flex-start;gap:10px;padding:12px}.menu-card .menu-text{align-items:flex-start}.menu-card--wide{gap:14px;padding:12px 16px}}.title-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 18px;width:100%;max-width:460px}.title-legal a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-family:var(--font-body);font-size:12.5px;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid transparent}.title-legal a:hover{border-bottom-color:var(--ink-soft)}.title-legal a:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}@media(min-width:700px){.title-stage{padding-left:calc(var(--gap-edge-x) + var(--sa-left));padding-right:calc(var(--gap-edge-x) + var(--sa-right))}.title-guide{max-width:760px;width:100%;margin:0 auto}.title-bubble{right:auto;left:calc(50% + 40px);max-width:calc(50% - 40px)}.title-sheet-head,.menu-grid,.title-legal{max-width:760px}.menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.menu-card--wide{grid-column:span 2}.album-enter{width:auto;padding:0 18px;border-radius:var(--r-pill)}.album-enter-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none}}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.title-screen{display:grid;grid-template-columns:272px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:var(--gap-block);row-gap:16px;padding:calc(var(--gap-edge-y) + var(--sa-top)) calc(var(--gap-edge-x) + var(--sa-right)) calc(14px + var(--sa-bottom)) calc(var(--gap-edge-x) + var(--sa-left));background:var(--sky) url(/assets/garden-DKfioWzF.webp) center bottom / cover no-repeat}.title-stage{display:contents}.title-bar{grid-column:1 / -1;grid-row:1}.album-enter{width:auto;padding:0 18px;border-radius:var(--r-pill)}.album-enter-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none}.title-guide{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;padding:0}.title-bubble{position:relative;top:auto;right:auto;left:auto;max-width:240px}.title-tori{width:min(200px,100%);margin:0 0 -18px;align-self:center}.title-sheet{grid-column:2;grid-row:2;min-height:0;gap:10px;margin:0;padding:0;background:none;border:0;border-radius:0}.title-sheet-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.menu-grid{flex:1;min-height:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));column-gap:14px;row-gap:16px}.menu-card{flex-direction:row;justify-content:flex-start;gap:12px;min-height:0;padding:6px 12px}.menu-card--wide{grid-column:auto;padding:6px 12px}.menu-glyphs{width:44px;height:44px;font-size:28px;border-radius:14px}.menu-glyphs--word{width:auto;min-width:44px;font-size:17px}.menu-text{align-items:flex-start}.menu-title{font-size:17px}.menu-desc{font-size:11.5px}.title-legal{flex:none;align-self:flex-end;width:auto;max-width:none;gap:0 12px;padding:0 14px;background:#fff8eaf0;border-radius:var(--r-pill)}.title-legal a{font-size:11.5px}}@media(orientation:landscape)and (max-height:560px)and (max-width:960px){.title-screen{grid-template-columns:184px minmax(0,1fr)}.title-bubble{max-width:184px;padding:8px 12px;font-size:14px}.title-tori{width:min(150px,100%)}.menu-grid{column-gap:10px;row-gap:12px}.menu-card,.menu-card--wide{flex-direction:column;justify-content:center;gap:2px;padding:4px 6px}.menu-glyphs{width:34px;height:34px;font-size:22px;border-radius:10px}.menu-glyphs--word{min-width:34px;padding:0 6px;font-size:13px}.menu-text,.menu-card--wide .menu-text{align-items:center}.menu-title{font-size:15px}.menu-desc{display:none}.album-enter{width:52px;padding:0;border-radius:var(--r-md)}.album-enter-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}}@media(hover:hover)and (pointer:fine)and (min-width:700px)and (min-height:561px){.title-stage{min-height:300px;padding-top:16px}.title-bar{width:100%;max-width:1180px;margin:0 auto;min-height:44px;gap:8px}.title-hero{height:44px;padding:0 16px 0 10px;box-shadow:0 3px 0 var(--outline)}.title-name{font-size:18px}.album-enter{height:44px;padding:0 14px;font-size:15px;box-shadow:0 3px 0 var(--outline)}.album-enter svg{width:18px;height:18px}.settings-enter{width:44px;padding:0}.settings-enter .album-enter-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.child-enter{min-height:44px;font-size:16px;padding:3px 12px 3px 4px;box-shadow:0 3px 0 var(--kc, var(--outline))}.child-enter--empty{padding-left:12px}.child-face{width:32px;height:32px;font-size:17px}.title-tori{width:200px;margin-bottom:-22px}.title-bubble{left:calc(50% + 64px);font-size:17px;padding:12px 18px;max-width:calc(50% - 64px)}.title-sheet{padding-top:36px}.title-sheet-head,.menu-grid,.title-legal{max-width:880px}.menu-grid{column-gap:14px;row-gap:14px}.menu-card{min-height:68px;padding:0 12px;gap:10px}.menu-card--wide{padding:0 12px}.menu-glyphs{width:44px;height:44px;font-size:26px;border-radius:12px}.menu-glyphs--word{width:auto;min-width:44px;padding:0 8px;font-size:18px}.menu-title{font-size:17px}}@media(max-width:699px)and (orientation:portrait){.title-guide{align-items:flex-start}.title-tori{width:min(230px,52vw);margin:0 0 -26px}.title-bubble{max-width:min(200px,calc(60% - 24px))}}.praise{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px 16px;box-sizing:border-box;background:#fff8eaf2;border-radius:inherit;animation:praise-in .28s var(--ease) both}.praise--hidden{display:none}.praise-stars{display:flex;align-items:flex-end;gap:6px;flex:none}.praise-star{display:block;width:36px;height:36px;animation:praise-star .5s var(--ease) both}.praise-star:nth-child(2){width:46px;height:46px}.praise-star svg{display:block;width:100%;height:100%}.praise-star path{fill:var(--cream-deep);stroke:#cfc3a8;stroke-width:1.6;stroke-linejoin:round}.praise-star.on path{fill:var(--rb-3);stroke:var(--outline)}.praise-body{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.praise-glyph{flex:none;width:34%;max-height:100%;aspect-ratio:1/1;box-sizing:border-box;padding:6px;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:20px}.praise-glyph svg{display:block;width:100%;height:100%}.praise-tori{flex:none;width:44%;max-height:100%;aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:center}.praise-tori .tori,.praise-tori svg{width:100%;height:100%;object-fit:contain}.praise-title{margin:0;flex:none;text-align:center;font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.2;color:var(--ink);word-break:keep-all}.praise-sub{margin:0;flex:none;text-align:center;font-family:var(--font-body);font-size:13.5px;color:var(--ink-soft)}.praise-actions{display:flex;gap:10px;width:100%;flex:none;margin-top:4px}.praise-btn{flex:1 1 0;min-width:0;min-height:48px;padding:0 10px;font-family:var(--font-display);font-size:17px;color:var(--ink);white-space:nowrap;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:16px;box-shadow:var(--shadow-sticker);cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.praise-btn--next{flex-grow:1.3;color:var(--on-accent);background:var(--primary)}.praise-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline)}.praise-btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.praise-btn[hidden]{display:none}@keyframes praise-in{0%{opacity:0}to{opacity:1}}@keyframes praise-star{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.praise{padding:10px 12px 12px;gap:4px}.praise-star{width:28px;height:28px}.praise-star:nth-child(2){width:36px;height:36px}.praise-title{font-size:19px}.praise-sub{font-size:12.5px}.praise-btn{min-height:44px;font-size:15.5px}}@media(prefers-reduced-motion:reduce){.praise,.praise-star{animation:none}}body{background:var(--cream);background-image:none;padding:calc(var(--gap-edge-y) + var(--sa-top)) calc(20px + var(--sa-right)) calc(32px + var(--sa-bottom)) calc(20px + var(--sa-left))}.pr-bar{width:100%;max-width:520px;display:flex;align-items:center;gap:10px}.pr-bar .home-btn{position:static;flex:none;width:52px;height:52px;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker)}.pr-bar .home-btn:hover{color:var(--ink);border-color:var(--outline)}.pr-bar .home-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline)}.pr-bar .home-btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.pr-bar .home-btn svg{width:24px;height:24px}.name-row{display:flex;align-items:center;gap:10px;min-width:0;height:52px;padding:0 6px 0 18px;box-sizing:border-box;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-pill)}.char-name{font-family:var(--font-display);font-weight:400;font-size:24px;white-space:nowrap}.char-sound{font-family:var(--font-body);font-size:15px;color:var(--ink-soft);white-space:nowrap}.speak-btn{flex:none;width:40px;height:40px;padding:0;display:grid;place-items:center;color:var(--on-accent);background:var(--primary);border:0;border-radius:50%;cursor:pointer;transition:transform .15s var(--ease)}.speak-btn:active{transform:scale(.9)}.speak-btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.speak-btn svg{width:20px;height:20px}.tabs{width:100%;max-width:520px;margin-top:14px;box-sizing:border-box;display:flex;gap:4px;padding:4px;background:var(--cream-deep);border-radius:var(--r-pill)}.tab{flex:1 1 0;min-width:0;height:44px;padding:0 8px;font-family:var(--font-display);font-weight:400;font-size:16px;color:var(--ink-soft);white-space:nowrap;background:transparent;border:var(--stroke-sticker) solid transparent;border-radius:var(--r-pill);cursor:pointer}.tab.active{background:var(--card);border-color:var(--outline)}.tab.active[data-tab=consonant]{color:var(--rb-1-ink)}.tab.active[data-tab=double]{color:var(--rb-2-ink)}.tab.active[data-tab=vowel]{color:var(--rb-3-ink)}.tab.active[data-tab=complex]{color:var(--rb-4-ink)}.tab:focus-visible{outline:3px solid var(--primary);outline-offset:2px}body>.stage-card{width:100%;max-width:520px;margin-top:16px;padding:0;background:none;box-shadow:none;border-radius:0;overflow:visible;display:flex;flex-direction:column;gap:16px}.pr-guide{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badge bubble" "prog prog";align-items:center;column-gap:16px;row-gap:10px}.pr-badge{grid-area:badge;width:64px;height:64px}.pr-badge .tori-badge,.pr-badge svg{width:100%;height:100%}.pr-bubble{grid-area:bubble;position:relative;min-height:52px;box-sizing:border-box;display:flex;align-items:center;padding:10px 16px;font-family:var(--font-display);font-size:16px;line-height:1.4;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:22px;word-break:keep-all}.pr-bubble:after{content:"";position:absolute;left:-10px;top:50%;width:16px;height:16px;margin-top:-8px;background:var(--card);border-left:var(--stroke-sticker) solid var(--outline);border-bottom:var(--stroke-sticker) solid var(--outline);border-bottom-left-radius:4px;transform:rotate(45deg)}.pr-bubble .trace-hud{position:static;transform:none;z-index:auto;pointer-events:auto;padding:0;background:none;color:inherit;border-radius:0;font:inherit;white-space:normal;width:auto;max-width:none;text-align:inherit}.pr-progress{grid-area:prog;display:flex;justify-content:center;gap:6px;min-height:10px}.pr-dot{width:26px;height:10px;border-radius:var(--r-pill);background:#e9dfc9}.pr-dot.now{outline:2px solid var(--outline);outline-offset:1px}body>.stage-card>.stage-wrap{width:min(100%,calc(100dvh - 400px - var(--sa-top) - var(--sa-bottom)));min-width:240px;align-self:center;margin:0;box-sizing:border-box;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:30px;box-shadow:0 6px #e6d9be;overflow:hidden}.pr-panel{display:flex;flex-direction:column;gap:14px}.pr-panel .learn-toggle{order:1;display:flex;gap:4px;margin:0;padding:4px;background:var(--cream-deep);border-radius:var(--r-pill)}.pr-panel .lt-btn{flex:1 1 0;min-width:0;max-width:none;height:44px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-weight:400;font-size:16px;color:var(--ink-soft);white-space:nowrap;background:transparent;border:0;border-radius:var(--r-pill);cursor:pointer}.pr-panel .lt-btn svg{width:18px;height:18px;flex:none}.pr-panel .lt-btn:active{transform:scale(.97)}.pr-panel .lt-btn.active{background:var(--ink);color:var(--on-accent)}.pr-panel .lt-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}#watchControls{display:contents}#watchControls>.ctl-primary{order:2}#traceControls{order:2;margin:0}.pr-panel #pickerLabel{order:3}.pr-panel .picker{order:4}.pr-panel .pr-friend{order:5}.pr-panel .ctl-primary{display:flex;gap:10px}.pr-panel .btn-replay,.pr-panel .ctl-primary .btn-ghost{min-height:50px;padding:0 14px;font-family:var(--font-display);font-weight:400;font-size:16px;border:var(--stroke-sticker) solid var(--outline);border-radius:16px;box-shadow:var(--shadow-sticker)}.pr-panel .btn-replay{flex:1 1 auto;color:var(--on-accent);background:var(--primary)}.pr-panel .ctl-primary .btn-ghost{flex:none;color:var(--ink);background:var(--card)}.pr-panel .ctl-primary .btn-ghost.on{color:var(--primary);border-color:var(--outline)}.pr-panel .btn-replay:active,.pr-panel .ctl-primary .btn-ghost:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline)}.pr-panel button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.pr-panel .label{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--ink-soft)}.pr-panel .label:after{content:"";flex:1;height:1px;background:var(--line)}.pr-panel .picker{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 2px 8px;margin:-2px -2px 0;scrollbar-width:thin}.pr-panel .pick{flex:none;width:48px;height:48px;aspect-ratio:auto;scroll-snap-align:start;padding:0;font-family:var(--font-display);font-weight:400;font-size:21px;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:14px}.pr-panel .pick.active{color:var(--on-accent);border-color:var(--outline);box-shadow:none}.pr-friend{display:flex;flex-direction:column;gap:8px}.pr-friend-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.pr-friend-row .moods{display:contents}.pr-friend-row .mood,.pr-friend-row .btn-ghost{aspect-ratio:auto;min-height:52px;padding:4px 2px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--font-body);font-weight:400;font-size:11px;color:var(--ink-soft);background:var(--card);border:2px solid var(--line);border-radius:14px;box-shadow:none}.pr-friend-row .mood span{font-size:11px;font-weight:400;color:var(--ink-soft)}.pr-friend-row .mood svg,.pr-friend-row .btn-ghost svg{width:22px;height:22px;color:var(--ink)}.pr-friend-row .mood.active{background:var(--rb-3-tint);border:var(--stroke-sticker) solid var(--outline)}.pr-friend-row .mood.active svg,.pr-friend-row .mood.active span{color:var(--ink)}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){body{min-height:100dvh;padding:calc(16px + var(--sa-top)) calc(var(--gap-edge-x) + var(--sa-right)) calc(12px + var(--sa-bottom)) calc(var(--gap-edge-x) + var(--sa-left));display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);column-gap:12px;row-gap:14px;align-items:start;--stage:min(300px, calc(100dvh - 96px) )}.pr-bar{grid-column:1;grid-row:1;max-width:none}.tabs{grid-column:2;grid-row:1;width:auto;max-width:none;margin:0}.tab{flex:none;padding:0 14px}body>.stage-card{grid-column:1 / -1;grid-row:2;max-width:none;margin:0;display:grid;grid-template-columns:160px var(--stage) minmax(0,1fr);column-gap:var(--gap-block);align-items:start}.pr-guide{grid-column:1;grid-template-columns:1fr;grid-template-areas:"bubble" "badge" "prog";justify-items:center;row-gap:14px}.pr-bubble{width:100%;font-size:15px}.pr-bubble:after{left:50%;top:auto;bottom:-10px;margin:0 0 0 -8px;border-left:0;border-bottom:var(--stroke-sticker) solid var(--outline);border-right:var(--stroke-sticker) solid var(--outline);border-bottom-left-radius:0;border-bottom-right-radius:4px}.pr-badge{width:88px;height:88px;margin-top:4px}.pr-dot{width:20px}body>.stage-card>.stage-wrap{grid-column:2;width:var(--stage)}.pr-panel{grid-column:3;max-height:var(--stage);overflow-y:auto;box-sizing:border-box;gap:10px;padding:12px;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:26px}.pr-panel .lt-btn{height:40px}.pr-panel .btn-replay,.pr-panel .ctl-primary .btn-ghost{min-height:46px;font-size:15px}.pr-panel .label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.pr-panel .picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;overflow:visible;padding:0;margin:0}.pr-panel .pick{width:auto;height:38px;font-size:17px;border-radius:12px}.pr-friend-row .mood,.pr-friend-row .btn-ghost{min-height:42px}.pr-friend-row .mood span,.pr-friend-row .btn-ghost{font-size:10px}}@media(orientation:landscape)and (max-height:560px)and (max-width:960px){body{column-gap:10px;--stage:min(300px, calc(100dvh - 96px) , calc(100vw - 400px - var(--sa-left) - var(--sa-right)))}body>.stage-card>.stage-wrap{min-width:0}.tab{padding:0 10px}body>.stage-card{grid-template-columns:100px var(--stage) minmax(0,1fr);column-gap:14px}.pr-guide{row-gap:12px}.pr-bubble{padding:8px 10px;font-size:13px;line-height:1.35;border-radius:18px}.pr-badge{width:64px;height:64px;margin-top:2px}.pr-dot{width:14px}.pr-panel{max-height:calc(100dvh - 94px - var(--sa-top) - var(--sa-bottom));gap:6px;padding:10px;border-radius:22px}.pr-panel .lt-btn{height:36px;padding:0 4px;gap:4px;font-size:14px}.pr-panel .lt-btn svg{width:15px;height:15px}.pr-panel .ctl-primary{gap:6px}.pr-panel .btn-replay,.pr-panel .ctl-primary .btn-ghost{min-height:44px}.pr-panel .btn-replay{min-width:0;padding:0 6px;font-size:13px;white-space:nowrap}.pr-panel .btn-replay svg{width:16px;height:16px}.pr-panel .ctl-primary .btn-ghost{width:54px;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10px;line-height:1.15;white-space:nowrap}.pr-panel .ctl-primary .btn-ghost svg{width:18px;height:18px}.pr-panel .picker{grid-template-columns:repeat(5,minmax(0,1fr))!important}.pr-panel .pick{height:34px;font-size:16px}.pr-friend-row .mood,.pr-friend-row .btn-ghost{min-height:34px;padding:2px;font-size:0}.pr-friend-row .mood span{display:none}.pr-friend-row .mood svg,.pr-friend-row .btn-ghost svg{width:20px;height:20px}}@media(orientation:landscape)and (max-height:370px)and (max-width:960px){.pr-panel .lt-btn{height:34px}.pr-panel .btn-replay,.pr-panel .ctl-primary .btn-ghost{min-height:42px}.pr-panel .pick{height:30px}.pr-friend-row .mood,.pr-friend-row .btn-ghost{min-height:32px}}.stage-wrap .friend-toggle{position:absolute;top:10px;right:10px;z-index:3;width:44px;height:44px;padding:0;display:grid;place-items:center;color:var(--ink-soft);background:var(--card);border:2px solid var(--line);border-radius:50%;cursor:pointer}.stage-wrap .friend-toggle.on{color:var(--ink);border-color:var(--outline);background:var(--rb-3-tint)}.stage-wrap .friend-toggle svg{width:24px;height:24px}.stage-wrap .friend-toggle:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.stage-wrap .friend-toggle[hidden],.pr-friend[hidden]{display:none}.word-screen,.phonics-screen,.net-screen,.stairs-screen,.album-screen,.settings-screen{background:var(--cream)}.word-head,.phonics-head,.net-head,.stairs-head,.album-head,.settings-head{max-width:520px;justify-content:flex-start;gap:10px;padding-top:calc(var(--gap-edge-y) - 4px);min-height:52px}.word-head .home-btn,.phonics-head .home-btn,.net-head .home-btn,.stairs-head .home-btn,.album-head .home-btn,.settings-head .home-btn{position:static;flex:none;width:52px;height:52px;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker)}:is(.word-head,.phonics-head,.net-head,.stairs-head,.album-head,.settings-head) .home-btn:hover{color:var(--ink);border-color:var(--outline)}:is(.word-head,.phonics-head,.net-head,.stairs-head,.album-head,.settings-head) .home-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline)}:is(.word-head,.phonics-head,.net-head,.stairs-head,.album-head) .home-btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}:is(.word-head,.phonics-head,.net-head,.stairs-head,.album-head) .home-btn svg{width:24px;height:24px}.word-title,.phonics-title,.net-title,.stairs-title,.album-title{display:flex;align-items:center;min-width:0;height:52px;box-sizing:border-box;margin:0;padding:0 20px;font-family:var(--font-display);font-weight:400;font-size:21px;color:var(--ink);white-space:normal;word-break:keep-all;height:auto;min-height:52px;line-height:1.2;padding-block:6px;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-pill)}.net-stars,.stairs-count{position:static;margin-left:auto;flex:none;display:flex;align-items:center;gap:2px;min-height:44px;padding:0 12px;box-sizing:border-box;font-family:var(--font-display);font-size:16px;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-pill)}.net-stars:empty,.stairs-count:empty{display:none}.net-star.on{color:var(--rb-3);-webkit-text-stroke:1px var(--outline)}.word-tabs{width:100%;max-width:520px;box-sizing:border-box;margin-top:14px;flex-wrap:nowrap;gap:4px;padding:4px;background:var(--cream-deep);border-radius:var(--r-pill)}.word-tab{flex:1 1 0;min-width:0;min-height:44px;padding:0 8px;font-family:var(--font-display);font-weight:400;font-size:16px;white-space:nowrap;color:var(--ink-soft);background:transparent;border:var(--stroke-sticker) solid transparent}.word-tab:hover{background:transparent;color:var(--ink)}.word-tab.active{background:var(--card);border-color:var(--outline);color:var(--tab-color, var(--ink))}.album-filter{background:var(--cream-deep);padding:4px;border-radius:var(--r-pill);gap:4px}.album-filter-btn{min-height:44px;padding:0 18px;font-family:var(--font-display);font-weight:400;font-size:16px;color:var(--ink-soft);background:transparent;border:var(--stroke-sticker) solid transparent;border-radius:var(--r-pill)}.album-filter-btn.active{background:var(--card);border-color:var(--outline);color:var(--ink);box-shadow:none}.word-chip{font-family:var(--font-display);font-weight:400;border:2px solid var(--line);border-radius:14px}.word-chip.active{border:var(--stroke-sticker) solid var(--outline)}.word-line,.ph-prompt,.net-prompt,.stairs-prompt{position:relative;box-sizing:border-box;min-height:60px;display:flex;align-items:center;margin-left:auto;margin-right:auto;padding:10px 16px 10px 72px;font-family:var(--font-display);font-weight:400;font-size:16px;line-height:1.4;color:var(--ink);text-align:left;word-break:keep-all;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:22px}.word-line:before,.ph-prompt:before,.net-prompt:before,.stairs-prompt:before{content:"";position:absolute;left:10px;top:50%;margin-top:-24px;width:48px;height:48px;box-sizing:border-box;border-radius:50%;border:var(--stroke-sticker) solid var(--outline);background:var(--sky) url(/assets/badge-kA51d_iG.webp) center / cover no-repeat}.word-line{max-width:460px}.word-card,.ph-word-card,.net-card,.stairs-step,.stairs-track-btn,.ph-choice,.album-card{border:var(--stroke-sticker) solid var(--outline);border-radius:20px;background:var(--card);box-shadow:0 5px 0 var(--shade, var(--outline))}.word-card--write{background:var(--card);border-color:var(--outline)}.word-card:hover,.ph-word-card:hover,.net-card:hover,.stairs-step:hover,.stairs-track-btn:hover,.ph-choice:hover{border-color:var(--outline)}.word-card:active,.ph-word-card:active,.net-card:active,.stairs-step:active,.stairs-track-btn:active,.ph-choice:active{transform:translateY(3px);box-shadow:0 2px 0 var(--shade, var(--outline))}.word-label,.ph-word-card-label,.album-name,.stairs-track-btn,.ph-choice{font-family:var(--font-display);font-weight:400}:is(.word-cards,.ph-group-grid,.ph-picker,.net-cards,.stairs-tracks,.stairs-choices,.ph-choices,.album-grid,.album-day-grid)>:nth-child(6n+1){--shade:var(--rb-1-ink)}:is(.word-cards,.ph-group-grid,.ph-picker,.net-cards,.stairs-tracks,.stairs-choices,.ph-choices,.album-grid,.album-day-grid)>:nth-child(6n+2){--shade:var(--rb-2-ink)}:is(.word-cards,.ph-group-grid,.ph-picker,.net-cards,.stairs-tracks,.stairs-choices,.ph-choices,.album-grid,.album-day-grid)>:nth-child(6n+3){--shade:var(--rb-3-ink)}:is(.word-cards,.ph-group-grid,.ph-picker,.net-cards,.stairs-tracks,.stairs-choices,.ph-choices,.album-grid,.album-day-grid)>:nth-child(6n+4){--shade:var(--rb-4-ink)}:is(.word-cards,.ph-group-grid,.ph-picker,.net-cards,.stairs-tracks,.stairs-choices,.ph-choices,.album-grid,.album-day-grid)>:nth-child(6n+5){--shade:var(--rb-5-ink)}:is(.word-cards,.ph-group-grid,.ph-picker,.net-cards,.stairs-tracks,.stairs-choices,.ph-choices,.album-grid,.album-day-grid)>:nth-child(6n+6){--shade:var(--rb-6-ink)}.word-cards,.ph-group-grid,.net-cards,.album-grid,.album-day-grid{row-gap:16px}.net-card.caught{border-color:var(--outline);box-shadow:none}.net-hole{border:var(--stroke-sticker) dashed var(--outline);background:var(--card)}.net-hole.filled{border-style:solid;background:var(--rb-4)}.word-big{border:var(--stroke-sticker) solid var(--outline);font-family:var(--font-display);font-weight:400;box-shadow:0 5px 0 var(--outline)}.net-next,.stairs-next,.ph-pick-again{font-family:var(--font-display);font-weight:400;border:var(--stroke-sticker) solid var(--outline);box-shadow:var(--shadow-sticker)}.name-setup-card{background:var(--cream);border:var(--stroke-sticker) solid var(--outline);border-radius:30px;box-shadow:0 8px 0 var(--outline)}.name-setup-title{display:flex;align-items:center;gap:14px;font-family:var(--font-display);font-weight:400;font-size:23px;line-height:1.25}.name-setup-title:before{content:"";flex:none;width:60px;height:60px;box-sizing:border-box;border-radius:50%;border:var(--stroke-sticker) solid var(--outline);background:var(--sky) url(/assets/badge-kA51d_iG.webp) center / cover no-repeat}.name-setup-input{font-family:var(--font-display);font-size:22px;border:var(--stroke-sticker) solid var(--outline);border-radius:18px;background:var(--card)}.name-setup-actions .btn-ghost,.name-setup-actions .btn-replay{min-height:54px;font-family:var(--font-display);font-weight:400;font-size:17px;border:var(--stroke-sticker) solid var(--outline);border-radius:18px;box-shadow:var(--shadow-sticker)}.name-setup-actions .btn-ghost{color:var(--ink);background:var(--card)}.name-setup-actions .btn-replay{color:var(--on-accent);background:var(--primary)}.album-empty{font-family:var(--font-display);font-size:16px;line-height:1.6;padding:16px 20px;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:22px}.stairs-block{border:var(--stroke-sticker) solid var(--outline);border-bottom:0;border-radius:10px 10px 0 0;background:var(--card);box-sizing:border-box}.stairs-block.on:nth-child(6n+1){background:var(--rb-1)}.stairs-block.on:nth-child(6n+2){background:var(--rb-2)}.stairs-block.on:nth-child(6n+3){background:var(--rb-3)}.stairs-block.on:nth-child(6n+4){background:var(--rb-4)}.stairs-block.on:nth-child(6n+5){background:var(--rb-5)}.stairs-block.on:nth-child(6n+6){background:var(--rb-6)}.stairs-mascot{width:var(--tori-size, 72px);height:var(--tori-size, 72px)}.stairs-mascot .tori,.stairs-mascot svg{max-width:none;width:var(--tori-size, 72px);height:var(--tori-size, 72px);object-fit:contain}.word-write-card{background:var(--cream);border:var(--stroke-sticker) solid var(--outline);border-bottom:0}.ww-cell{font-family:var(--font-display);font-weight:400;border-width:var(--stroke-sticker);border-radius:14px}.ww-speak,.word-write-head .home-btn{width:48px;height:48px;min-width:48px;min-height:48px;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker)}.word-write-stage{background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:30px;box-shadow:0 6px #e6d9be;overflow:hidden}.word-write-controls .btn-replay{min-height:50px;font-family:var(--font-display);font-weight:400;font-size:16px;color:var(--on-accent);background:var(--primary);border:var(--stroke-sticker) solid var(--outline);border-radius:16px;box-shadow:var(--shadow-sticker)}.word-write-controls{display:flex;gap:12px}.word-write-controls .ww-next{background:var(--rb-4-ink)}.word-write-controls .ww-next[hidden]{display:none}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.word-write-controls{flex-direction:column}}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.word-head,.phonics-head,.net-head,.stairs-head,.album-head{max-width:none;padding-top:0}.word-tabs{max-width:560px;margin-left:auto;margin-right:auto}.word-tab{padding:0 4px;font-size:15px}}.ph-choice.ph-next,.ph-choice.ph-again{color:var(--on-accent);background:var(--ph-accent, var(--primary));font-family:var(--font-display);font-weight:400;box-shadow:var(--shadow-sticker)}.word-write .ww-hud{position:static;transform:none;z-index:auto;display:flex;align-items:center;justify-content:center;width:auto;max-width:340px;min-height:calc(2.8em + 12px);margin:0 auto 10px;padding:6px 14px;background:var(--card);color:var(--ink);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);font-family:var(--font-display);font-weight:400;font-size:15px}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.word-write .ww-hud{grid-column:2;grid-row:2;align-self:end;max-width:none;margin:0 0 12px}.word-write-stage{grid-row:2 / span 2}.word-write-controls{grid-row:3;align-self:start!important}}.settings-head{margin-left:auto;margin-right:auto}.settings-where{margin-left:auto;font-family:var(--font-body);font-size:12px;color:var(--ink-faint)}.settings-sheet{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap-inner)}.settings-group-label{margin:0;font-family:var(--font-display);font-weight:400;font-size:17px;color:var(--ink)}.voice-pick{display:flex;flex-direction:column;gap:var(--gap-inner)}.voice-card{--vc: var(--rb-5-ink);--vc-tint: var(--rb-5-tint)}.voice-card[data-voice=sora]{--vc: var(--rb-6-ink);--vc-tint: var(--rb-6-tint)}.voice-card[data-voice=jini]{--vc: var(--rb-2-ink);--vc-tint: var(--rb-2-tint)}.voice-card[data-voice=shine]{--vc: var(--rb-5-ink);--vc-tint: var(--rb-5-tint)}.voice-card{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--gap-inner);min-height:96px;padding:16px 18px;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker);cursor:pointer;transition:background .2s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease)}.voice-card:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline)}.voice-card--on{background:var(--vc-tint)}.voice-radio{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.voice-card:focus-within{outline:3px solid var(--primary);outline-offset:3px}.voice-tile{flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;box-sizing:border-box;background:var(--vc-tint);border:var(--stroke-sticker) solid var(--vc);border-radius:var(--r-sm);font-family:var(--font-display);font-size:26px;color:var(--vc)}.voice-text{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.voice-name{font-family:var(--font-display);font-size:20px;line-height:1;color:var(--ink)}.voice-card--on .voice-name{color:var(--vc)}.voice-sub{font-family:var(--font-body);font-size:13px;color:var(--ink-soft)}.voice-check{flex:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-pill);border:var(--stroke-sticker) solid var(--o-baek);color:transparent;transition:background .2s var(--ease),border-color .2s var(--ease)}.voice-check svg{width:18px;height:18px}.voice-card--on .voice-check{background:var(--vc);border-color:var(--vc);color:var(--on-accent)}.settings-hint{display:flex;align-items:flex-start;gap:10px;margin:8px 0 0;background:var(--card);border:var(--stroke-sticker) solid var(--line);border-radius:var(--r-md);padding:16px 18px;font-family:var(--font-body);font-size:13px;line-height:1.7;color:var(--ink)}.settings-hint svg{flex:none;width:22px;height:22px;margin-top:1px;color:var(--primary)}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.settings-sheet{max-width:860px;gap:12px}.voice-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.voice-card{min-height:92px}.settings-hint{margin:0;align-items:center}}.kb-screen{position:fixed;inset:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;gap:14px;padding:var(--sa-top) calc(16px + var(--sa-right)) calc(20px + var(--sa-bottom)) calc(16px + var(--sa-left));background:var(--cream);transition:opacity .3s var(--ease),visibility .3s var(--ease)}.kb-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.kb-screen>*{width:100%;max-width:520px;box-sizing:border-box}.kb-head{display:flex;align-items:center;gap:10px;padding-top:calc(var(--gap-edge-y) - 4px);min-height:52px}.kb-head .home-btn{position:static;flex:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker)}.kb-head .home-btn svg{width:24px;height:24px}.kb-head .home-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline)}.kb-title{display:flex;align-items:center;min-height:52px;box-sizing:border-box;margin:0;padding:6px 20px;font-family:var(--font-display);font-weight:400;font-size:21px;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-pill)}.kb-out{position:relative;display:flex;align-items:center;gap:12px;min-height:104px;padding:12px 56px 12px 14px;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-lg);box-shadow:0 6px #e6d9be}.kb-tori{flex:none;width:64px;height:64px}.kb-tori img{display:block;width:64px;height:64px}.kb-text{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 2px;font-family:var(--font-display);font-size:44px;line-height:1.2;color:var(--ink);cursor:pointer;word-break:keep-all}.kb-text:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:12px}.kb-char--now{color:var(--rb-5-ink);box-shadow:inset 0 -5px 0 var(--rb-5-tint)}.kb-char--space{width:.4em}.kb-placeholder{font-family:var(--font-body);font-size:17px;color:var(--ink-soft)}.kb-clear{position:absolute;top:10px;right:10px;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--ink);background:var(--cream);border:2px solid var(--outline);border-radius:50%}.kb-clear svg{width:20px;height:20px}.kb-clear:disabled{visibility:hidden}.kb-actions{display:flex;gap:10px}.kb-act{flex:1 1 0;min-width:0;min-height:52px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-weight:400;font-size:16px;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker)}.kb-act svg{flex:none;width:20px;height:20px}.kb-act:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline)}.kb-act:disabled{opacity:.45;box-shadow:none;transform:none}.kb-read{flex-grow:1.4;color:var(--on-accent);background:var(--primary)}.kb-keys{display:flex;flex-direction:column;gap:12px}.kb-block{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.kb-key{min-height:48px;padding:0;font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1;background:var(--card);border:2px solid var(--outline);border-radius:14px;box-shadow:0 3px 0 var(--outline)}.kb-key:active{transform:translateY(2px);box-shadow:0 1px 0 var(--outline)}.kb-key:focus-visible,.kb-act:focus-visible,.kb-clear:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.kb-block--cons .kb-key{color:var(--rb-5-ink)}.kb-block--cons .kb-key:nth-child(n+15){background:var(--rb-5-tint)}.kb-block--vow .kb-key{color:var(--rb-1-ink)}.kb-block--vow .kb-key:nth-child(n+11){background:var(--rb-1-tint)}@media(orientation:portrait)and (min-height:740px){.kb-keys{flex:1 1 auto;max-height:470px;min-height:0}.kb-block{flex:1 1 0;grid-auto-rows:minmax(48px,64px);align-content:start}.kb-key{font-size:28px}}@media(max-width:359px){.kb-block{grid-template-columns:repeat(6,minmax(0,1fr))}.kb-text{font-size:38px}}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.kb-screen{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:20px;row-gap:12px;align-content:start;align-items:start;padding:calc(12px + var(--sa-top)) calc(20px + var(--sa-right)) calc(12px + var(--sa-bottom)) calc(20px + var(--sa-left))}.kb-screen>*{max-width:none}.kb-head{grid-column:1;grid-row:1;padding-top:0}.kb-out{grid-column:1;grid-row:2}.kb-actions{grid-column:1;grid-row:3;flex-wrap:wrap}.kb-keys{grid-column:2;grid-row:1 / span 3;width:auto;gap:8px}.kb-block{grid-template-columns:repeat(7,46px)}.kb-key{min-height:44px;font-size:22px}.kb-read{flex-basis:100%}}@media(orientation:landscape)and (max-height:560px)and (max-width:700px){.kb-tori{display:none}.kb-block{grid-template-columns:repeat(7,42px)}}@media(orientation:landscape)and (max-height:420px){.kb-head .home-btn{width:46px;height:46px}.kb-title{min-height:46px;font-size:18px;padding:4px 16px}.kb-out{min-height:84px;padding:8px 52px 8px 10px}.kb-tori,.kb-tori img{width:48px;height:48px}.kb-text{font-size:34px}.kb-act{min-height:46px;font-size:15px}.kb-key{min-height:42px}.kb-keys{gap:6px}}.child-enter{position:absolute;z-index:3;left:calc(20px + var(--sa-left));top:calc(var(--gap-edge-y) + var(--sa-top) + 64px);display:inline-flex;align-items:center;gap:6px;flex:none;min-height:52px;max-width:min(40%,200px);padding:4px 10px 4px 5px;box-sizing:border-box;font-family:var(--font-display);font-weight:400;font-size:17px;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-pill);box-shadow:0 4px 0 var(--kc, var(--outline));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .25s var(--spring),box-shadow .25s var(--spring)}.child-enter:active{transform:translateY(3px);box-shadow:0 1px 0 var(--kc, var(--outline));transition-duration:.08s}.child-enter:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.child-face{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--on-accent);background:var(--kc, var(--rb-5));border:2px solid var(--outline)}.child-label{min-width:0;word-break:keep-all;overflow-wrap:anywhere;line-height:1.15}.child-icon{display:none;width:22px;height:22px;flex:none;color:var(--rb-5-ink)}.child-caret{width:16px;height:16px;flex:none;color:var(--ink-soft)}.child-enter--empty{padding-left:12px}.child-enter--empty .child-face{display:none}.child-enter--empty .child-icon{display:block}@media(max-width:699px)and (min-width:340px)and (orientation:portrait){.child-enter--empty{max-width:none;font-size:15px}.child-enter--empty .child-caret{display:none}.child-enter--empty .child-label{white-space:nowrap}}@media(min-width:700px),(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.child-enter{position:relative;left:auto;top:auto;max-width:220px;margin-left:4px}.title-bar{flex-wrap:wrap;row-gap:10px}}.lobby-screen{position:fixed;inset:0;z-index:58;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;background:var(--cream);transition:opacity .25s var(--ease),visibility .25s var(--ease)}.lobby-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.lobby-stage{position:relative;z-index:2;flex:none;display:flex;flex-direction:column;min-height:calc(clamp(250px,36vh,340px) + var(--sa-top));padding:calc(var(--gap-edge-y) + var(--sa-top)) calc(20px + var(--sa-right)) 0 calc(20px + var(--sa-left));background:var(--sky) url(/assets/garden-DKfioWzF.webp) 30% 100% / cover no-repeat}.lobby-head{display:flex;align-items:center;gap:10px;min-height:52px}.lobby-head .home-btn{position:static;flex:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker);transition:transform .25s var(--spring),box-shadow .25s var(--spring)}.lobby-head .home-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline);transition-duration:.08s}.lobby-head .home-btn[hidden]{display:none}.lobby-head .home-btn svg{width:24px;height:24px}.lobby-guide{flex:1;position:relative;width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-top:12px}.lobby-tori{width:min(180px,46vw);margin:0 0 -22px 4px;position:relative;z-index:2}.lobby-tori .tori,.lobby-tori img,.lobby-tori svg{width:100%;height:auto;display:block}.lobby-bubble{position:absolute;top:8px;right:0;z-index:3;margin:0;max-width:190px;box-sizing:border-box;padding:10px 16px;font-family:var(--font-display);font-size:17px;line-height:1.35;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:22px;word-break:keep-all}.lobby-bubble:after{content:"";position:absolute;left:22px;bottom:-10px;width:16px;height:16px;background:var(--card);border-right:var(--stroke-sticker) solid var(--outline);border-bottom:var(--stroke-sticker) solid var(--outline);border-bottom-right-radius:4px;transform:rotate(45deg)}.lobby-sheet{position:relative;z-index:1;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:-2px;padding:30px calc(20px + var(--sa-right)) calc(20px + var(--sa-bottom)) calc(20px + var(--sa-left));background:var(--cream);border-top:var(--stroke-sticker) solid var(--outline);border-radius:32px 32px 0 0}.lobby-sheet>*{width:100%;max-width:460px;box-sizing:border-box}.lobby-sheet-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.lobby-title{margin:0 auto 0 0;font-family:var(--font-display);font-weight:400;font-size:22px;line-height:28px;color:var(--ink)}.lobby-kids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lobby-cell{display:flex;flex-direction:column;gap:8px;min-width:0}.lobby-kid{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:140px;padding:16px 10px;box-sizing:border-box;width:100%;font-family:var(--font-display);font-weight:400;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-lg);box-shadow:0 5px 0 var(--kc, var(--outline));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .25s var(--spring),box-shadow .25s var(--spring)}.lobby-kid:active{transform:translateY(4px) scale(.98);box-shadow:0 1px 0 var(--kc, var(--outline));transition-duration:.08s}.lobby-kid:focus-visible,.lobby-del:focus-visible,.lobby-manage:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.lobby-face{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--on-accent);background:var(--kc, var(--rb-5));border:var(--stroke-sticker) solid var(--outline)}.lobby-name{font-size:19px;line-height:1.2;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.lobby-kid--now{outline:3px solid var(--kc-ink, var(--primary));outline-offset:3px}.lobby-now{position:absolute;top:8px;right:8px;padding:2px 9px;font-size:13px;line-height:1.4;color:var(--kc-ink, var(--primary));background:var(--cream);border-radius:var(--r-pill)}.lobby-add{border-style:dashed;box-shadow:none;background:#fff9}.lobby-add .lobby-face{color:var(--ink);background:var(--cream);border-style:dashed}.lobby-add .lobby-name{color:var(--ink-soft)}.lobby-del{min-height:44px;font-family:var(--font-display);font-size:16px;color:var(--on-accent);background:var(--rb-1-ink);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md)}.lobby-manage{flex:none;min-height:44px;padding:0 16px;font-family:var(--font-display);font-size:15px;color:var(--ink-soft);background:transparent;border:2px solid rgba(31,39,71,.35);border-radius:var(--r-pill);cursor:pointer}.lobby-manage[hidden]{display:none}.lobby-keys{display:none;margin:0;text-align:center;font-family:var(--font-body);font-size:14px;color:var(--ink-soft)}.lobby-form,.lobby-confirm{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-lg);box-shadow:0 6px 0 var(--outline)}.lobby-form[hidden],.lobby-confirm[hidden]{display:none}.lobby-confirm p{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.5;color:var(--ink)}.lobby-form-actions{display:flex;gap:10px}.lobby-form-actions button{flex:1;min-height:52px;font-family:var(--font-display);font-weight:400;font-size:17px;border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker)}.lobby-form-actions .btn-replay{color:var(--on-accent);background:var(--primary)}.lobby-confirm-yes.btn-replay{background:var(--rb-1-ink)}@media(min-width:700px){.lobby-stage{padding-left:calc(var(--gap-edge-x) + var(--sa-left));padding-right:calc(var(--gap-edge-x) + var(--sa-right))}.lobby-guide{align-items:center}.lobby-bubble{right:auto;left:calc(50% + 50px);max-width:none;white-space:nowrap}.lobby-tori{width:200px;margin:0 auto -22px}.lobby-sheet>*{max-width:760px}.lobby-kids{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lobby-kid{min-height:170px}.lobby-face{width:80px;height:80px;font-size:40px}.lobby-name{font-size:20px}}@media(min-width:700px)and (min-height:900px)and (pointer:coarse){.lobby-kid{min-height:200px}.lobby-face{width:100px;height:100px;font-size:50px}.lobby-name{font-size:24px}}@media(hover:hover)and (pointer:fine)and (min-width:700px)and (min-height:561px){.lobby-stage{min-height:300px;padding-top:16px}.lobby-head{width:100%;max-width:1180px;margin:0 auto;min-height:44px}.lobby-head .home-btn{width:44px;height:44px;border-radius:var(--r-pill);box-shadow:0 3px 0 var(--outline)}.lobby-head .home-btn svg{width:20px;height:20px}.lobby-bubble{font-size:18px}.lobby-sheet{padding-top:40px}.lobby-sheet>*{max-width:880px}.lobby-kid{min-height:176px}.lobby-keys{display:block}.lobby-keys[hidden]{display:none}}@media(hover:hover){.lobby-kid:not(.lobby-add):hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--kc, var(--outline))}.lobby-add:hover{background:var(--card)}.lobby-manage:hover{color:var(--ink);border-color:var(--outline)}.lobby-head .home-btn:hover,.child-enter:hover{transform:translateY(-2px)}.lobby-head .home-btn:hover{box-shadow:0 5px 0 var(--outline)}.child-enter:hover{box-shadow:0 6px 0 var(--kc, var(--outline))}}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (min-width:800px)and (pointer:coarse){.lobby-screen{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:20px;row-gap:12px;align-content:stretch;padding:calc(14px + var(--sa-top)) calc(24px + var(--sa-right)) calc(14px + var(--sa-bottom)) calc(24px + var(--sa-left));background:var(--sky) url(/assets/garden-DKfioWzF.webp) center bottom / cover no-repeat}.lobby-stage{display:contents}.lobby-head{grid-column:1;grid-row:1}.lobby-guide{grid-column:1;grid-row:2;min-height:0;max-width:none;margin:0;padding:0;align-items:flex-start;justify-content:space-between;gap:12px}.lobby-bubble{position:relative;top:auto;right:auto;left:auto;max-width:210px;white-space:normal;font-size:16px}.lobby-tori{width:min(170px,100%);margin:0 0 -8px;align-self:center}.lobby-sheet{grid-column:2;grid-row:1 / 3;min-height:0;align-self:stretch;justify-content:center;margin:0;padding:18px 20px;gap:14px;border:var(--stroke-sticker) solid var(--outline);border-radius:26px;box-shadow:0 5px 0 var(--outline)}.lobby-sheet>*{max-width:none}.lobby-kids{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lobby-kid{min-height:140px}.lobby-face{width:60px;height:60px;font-size:30px}.lobby-name{font-size:18px}.lobby-title{font-size:20px}}@media(orientation:landscape)and (max-height:420px){.lobby-screen{grid-template-columns:150px minmax(0,1fr)}.lobby-bubble{max-width:150px;padding:8px 12px;font-size:14px}.lobby-tori{width:min(120px,100%)}.lobby-sheet{padding:12px 14px;gap:10px}.lobby-kid{min-height:104px;padding:10px 8px;gap:6px}.lobby-face{width:50px;height:50px;font-size:26px}.lobby-name{font-size:16px}.lobby-now{top:4px;right:4px;font-size:11px;padding:1px 6px}}@media(orientation:landscape)and (min-width:800px)and (min-height:600px)and (pointer:coarse){.lobby-screen{grid-template-columns:260px minmax(0,1fr)}.lobby-tori{width:220px}.lobby-kid{min-height:190px}.lobby-face{width:90px;height:90px;font-size:46px}}.pgate{position:fixed;inset:0;z-index:80;display:flex;align-items:safe center;justify-content:center;padding:calc(24px + var(--sa-top)) calc(24px + var(--sa-right)) calc(24px + var(--sa-bottom)) calc(24px + var(--sa-left));background:#20201d80;overflow-y:auto}.pgate--hidden{display:none}.pgate-card{width:100%;max-width:380px;box-sizing:border-box;padding:24px 20px 18px;text-align:center;background:var(--cream);border:var(--stroke-sticker) solid var(--outline);border-radius:30px;box-shadow:0 8px 0 var(--outline)}.pgate-title{margin:0 0 6px;font-family:var(--font-display);font-weight:400;font-size:22px;color:var(--ink)}.pgate-reason{margin:0 0 12px;font-family:var(--font-body);font-size:15px;color:var(--ink-soft);line-height:1.5}.pgate-q{margin:0 0 14px;font-family:var(--font-display);font-size:34px;color:var(--ink)}.pgate-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pgate-opt{min-height:56px;font-family:var(--font-display);font-size:24px;color:var(--ink);background:var(--card);border:var(--stroke-sticker) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker)}.pgate-opt:focus-visible,.pgate-cancel:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.pgate-msg{min-height:1.4em;margin:10px 0 4px;font-family:var(--font-body);font-size:14px;color:var(--rb-1-ink)}.pgate-cancel{min-height:48px;padding:0 22px;font-family:var(--font-display);font-size:16px;border:2px solid var(--outline);border-radius:var(--r-pill);background:var(--card)}@media(orientation:landscape)and (min-width:800px)and (min-height:600px)and (pointer:coarse){:is(.word-head,.phonics-head,.net-head,.stairs-head,.album-head,.settings-head) .home-btn{width:60px;height:60px}.word-title,.phonics-title,.net-title,.stairs-title,.album-title,.settings-title{font-size:22px}.word-line,.ph-prompt,.net-prompt,.stairs-prompt{font-size:19px;min-height:72px;padding-left:84px}.word-line:before,.ph-prompt:before,.net-prompt:before,.stairs-prompt:before{width:58px;height:58px;margin-top:-29px}body{column-gap:22px;--stage:min(600px, calc(100dvh - 150px - var(--sa-top) - var(--sa-bottom)), calc(100vw - 660px - var(--sa-left) - var(--sa-right)))}.pr-bar .home-btn{width:60px;height:60px}.name-row{height:60px}.char-name{font-size:30px}.char-sound{font-size:18px}.speak-btn{width:48px;height:48px}.tab{height:52px;font-size:19px;padding:0 18px}body>.stage-card{grid-template-columns:210px var(--stage) minmax(0,1fr)}.pr-bubble{font-size:18px;padding:14px 18px}.pr-badge{width:128px;height:128px}.pr-dot{width:28px;height:12px}.pr-panel{gap:16px;padding:20px;max-height:calc(100dvh - 110px - var(--sa-top) - var(--sa-bottom))}.pr-panel .lt-btn{height:52px;font-size:19px}.pr-panel .lt-btn svg{width:22px;height:22px}.pr-panel .btn-replay,.pr-panel .ctl-primary .btn-ghost{min-height:60px;font-size:19px}.pr-panel .picker{gap:8px}.pr-panel .pick{height:56px;font-size:25px;border-radius:14px}.pr-friend-row .mood,.pr-friend-row .btn-ghost{min-height:64px}.pr-friend-row .mood span,.pr-friend-row .btn-ghost{font-size:13px}.pr-friend-row .mood svg,.pr-friend-row .btn-ghost svg{width:28px;height:28px}.word-tab{min-height:52px;font-size:19px}.word-pick{gap:10px}.word-chip{width:58px;height:58px;font-size:27px}.word-big{width:96px;height:96px;font-size:60px;border-radius:28px}.word-section-title{font-size:16px}.word-card{min-height:132px;gap:10px}.word-emoji svg{width:64px;height:64px}.word-label{font-size:19px}.word-badge{font-size:18px}.word-write-card{max-width:1040px}.word-write-stage{height:min(560px,calc(100dvh - 220px - var(--sa-top) - var(--sa-bottom)))}.word-write-card{grid-template-columns:minmax(0,1fr) minmax(0,300px)}.word-write-controls .btn-replay{min-height:60px;font-size:19px}.ph-group-grid{gap:14px;row-gap:18px}.ph-word-card{min-height:128px;gap:8px}.ph-group-glyph{font-size:50px}.ph-word-card-illust{width:60px;height:60px;font-size:46px}.ph-word-card-label{font-size:19px}.ph-picker{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.phonics-stage{grid-template-columns:min(520px,calc(100dvh - 200px)) minmax(0,1fr);column-gap:32px;row-gap:20px}.ph-illust{width:84px;height:84px;font-size:60px}.ph-syl{font-size:44px}.ph-replay{font-size:30px}.ph-choices{gap:16px}.ph-choice{min-height:130px;font-size:52px}.net-stage{grid-template-columns:360px minmax(0,1fr);column-gap:32px}.net-target #netGlyph{width:140px;height:140px}.net-cards{gap:18px}.net-card{min-height:180px}.net-card-art{width:120px;height:120px;font-size:84px}.stairs-screen{--stairs-k:2}.stairs-stage{grid-template-columns:minmax(0,1fr) 460px;column-gap:32px}.stairs-track-wrap{min-height:360px;padding:26px 28px}.stairs-track{inset:auto 28px 26px;gap:5px}.stairs-step{min-height:240px}.stairs-step svg{width:140px;height:140px}.stairs-tracks{gap:16px}.stairs-track-btn{min-height:110px;font-size:26px}}@media(orientation:portrait)and (min-width:700px)and (min-height:900px)and (pointer:coarse){.pr-bar,.tabs,body>.stage-card,.word-head,.phonics-head,.net-head,.stairs-head,.album-head,.settings-head,.word-tabs,.word-hero,.word-body,.word-line,.phonics-stage,.net-stage,.stairs-stage,.last-head,.last-stage{max-width:680px}:is(.word-head,.phonics-head,.net-head,.stairs-head,.album-head,.settings-head) .home-btn,.pr-bar .home-btn{width:60px;height:60px}.word-title,.phonics-title,.net-title,.stairs-title,.album-title,.settings-title{font-size:24px}.word-line,.ph-prompt,.net-prompt,.stairs-prompt{font-size:19px;min-height:72px;padding-left:84px}.word-line:before,.ph-prompt:before,.net-prompt:before,.stairs-prompt:before{width:58px;height:58px;margin-top:-29px}.name-row{height:60px}.char-name{font-size:30px}.tab{height:52px;font-size:19px}.pr-badge{width:84px;height:84px}.pr-bubble{font-size:19px;padding:14px 20px}.pr-panel .lt-btn{height:54px;font-size:19px}.pr-panel .btn-replay,.pr-panel .ctl-primary .btn-ghost{min-height:60px;font-size:19px}.pr-panel .pick{width:60px;height:60px;font-size:26px}.pr-friend-row .mood,.pr-friend-row .btn-ghost{min-height:68px}.pr-friend-row .mood span,.pr-friend-row .btn-ghost{font-size:13px}.word-tab{min-height:52px;font-size:19px}.word-chip{width:58px;height:58px;font-size:27px}.word-big{width:150px;height:150px;font-size:92px}.word-card{min-height:136px;gap:10px}.word-emoji svg{width:64px;height:64px}.word-label{font-size:19px}.word-write-card{max-width:680px}.word-write-stage{max-width:520px}.ph-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ph-word-card{min-height:136px}.ph-group-glyph{font-size:54px}.ph-word-card-illust{width:60px;height:60px;font-size:46px}.ph-word-card-label{font-size:19px}.ph-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.ph-build{width:min(64vw,420px)}.ph-illust{width:84px;height:84px;font-size:60px}.ph-syl{font-size:44px}.ph-choices{max-width:640px;gap:16px}.ph-choice{min-height:120px;font-size:52px}.net-target #netGlyph{width:150px;height:150px}.net-cards{gap:18px}.net-card{min-height:180px}.net-card-art{width:120px;height:120px;font-size:84px}.stairs-screen{--stairs-k:1.8}.stairs-track-wrap{height:280px}.stairs-choices{gap:24px}.stairs-step{max-width:260px;min-height:230px}.stairs-step svg{width:150px;height:150px}.stairs-tracks{max-width:560px;gap:16px}.stairs-track-btn{min-height:110px;font-size:26px}}@media(orientation:landscape)and (min-width:800px)and (max-width:999px)and (min-height:600px)and (pointer:coarse){body>.stage-card{grid-template-columns:140px var(--stage) minmax(0,1fr);column-gap:16px}body{--stage:min(560px, calc(100dvh - 150px - var(--sa-top) - var(--sa-bottom)), calc(100vw - 500px - var(--sa-left) - var(--sa-right)))}.pr-badge{width:96px;height:96px}.pr-bubble{font-size:16px;padding:10px 12px}.pr-panel{padding:14px;gap:12px}.pr-panel .lt-btn,.pr-panel .btn-replay,.pr-panel .ctl-primary .btn-ghost{font-size:16px}.pr-panel .picker{grid-template-columns:repeat(5,minmax(0,1fr))!important}.pr-panel .pick{height:48px;font-size:21px}.phonics-stage{grid-template-columns:min(380px,calc(100dvh - 220px)) minmax(0,1fr);column-gap:24px}.ph-choice{min-height:104px;font-size:42px}.ph-syl{font-size:36px}.net-stage{grid-template-columns:280px minmax(0,1fr);column-gap:24px}.net-card{min-height:150px}.net-card-art{width:96px;height:96px}.menu-card,.menu-card--wide{flex-direction:column;justify-content:center;gap:8px}.menu-text,.menu-card--wide .menu-text{align-items:center;text-align:center}.stairs-screen{--stairs-k:1.4}.stairs-stage{grid-template-columns:minmax(0,1fr) 340px;column-gap:24px}.stairs-step{min-height:190px}.stairs-step svg{width:110px;height:110px}}@media(orientation:landscape)and (min-width:800px)and (min-height:600px)and (pointer:coarse){.kb-screen{column-gap:32px;padding-top:calc(24px + var(--sa-top))}.kb-out{min-height:150px}.kb-tori,.kb-tori img{width:88px;height:88px}.kb-text{font-size:64px}.kb-act{min-height:64px;font-size:20px}.kb-act svg{width:24px;height:24px}.kb-keys{gap:16px}.kb-block{grid-template-columns:repeat(7,min(84px,calc((100vw - 420px) / 7)));gap:8px}.kb-key{min-height:min(76px,calc((100dvh - 120px) / 6 - 12px));font-size:34px;border-radius:18px}}@media(orientation:portrait)and (min-width:700px)and (min-height:900px)and (pointer:coarse){.kb-screen{gap:20px}.kb-screen>*{max-width:760px}.kb-out{min-height:160px}.kb-tori,.kb-tori img{width:96px;height:96px}.kb-text{font-size:72px}.kb-act{min-height:68px;font-size:21px}.kb-keys{flex:none;max-height:none;gap:20px}.kb-block{flex:none;gap:10px;grid-auto-rows:minmax(80px,92px)}.kb-key{font-size:40px;border-radius:20px}}@media(orientation:landscape)and (min-width:800px)and (max-width:999px)and (min-height:600px)and (pointer:coarse){.kb-tori,.kb-tori img{width:60px;height:60px}.kb-text{font-size:46px}.kb-block{grid-template-columns:repeat(7,54px)}}