@font-face{font-family:Klee One;src:url(/fonts/KleeOne-japanese-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3001-3002,U+3041-309E,U+30A1-30FE,U+FF01-FF5E}:root{color:#5f453d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#5f453d;--muted-ink:#987b6c;--peach:#f6a65b;--peach-deep:#e8864b;--cream:#fff8ed;--paper:#fffdf8;--mint:#a7d6c2;--mint-deep:#548f7c;--yellow:#ffd36f;--line:#ead8c8;--shadow:0 16px 36px #704c311f;background:#fff8ed;font-family:ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 12%, #ffffffb3 0 5%, transparent 23%), linear-gradient(180deg, #fffaf1 0%, var(--cream) 100%);min-width:320px;color:var(--ink);overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline-offset:4px;outline:4px solid #548f7c73}.app-shell{min-height:100svh;padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));flex-direction:column;display:flex;overflow:hidden}.app-header{z-index:3;justify-content:space-between;align-items:center;gap:16px;width:min(100%,980px);min-height:56px;margin:0 auto;display:flex;position:relative}.brand-mark{color:var(--peach-deep);letter-spacing:.06em;align-items:center;gap:8px;font-size:clamp(1rem,3vw,1.2rem);font-weight:800;display:inline-flex}.brand-mark__dot{color:#fff7e8;background:var(--peach);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.72rem;display:inline-grid;box-shadow:0 5px #e38b52}.header-actions{align-items:center;gap:10px;display:flex}.round-button,.collection-button,.back-button,.primary-button{touch-action:manipulation;min-height:52px}.round-button{background:var(--paper);border:2px solid var(--line);border-radius:50%;width:52px;font-size:1.5rem;line-height:1;transition:transform .14s ease-out,box-shadow .14s ease-out;box-shadow:0 4px #ba977b33}.round-button:active,.collection-button:active,.back-button:active,.primary-button:active{transform:translateY(2px)scale(.98);box-shadow:0 2px #ba977b33}.collection-button{border:2px solid var(--line);color:var(--muted-ink);background:#fffdf8e6;border-radius:999px;align-items:center;gap:7px;padding:0 17px;font-size:.94rem;font-weight:700;transition:transform .14s ease-out,box-shadow .14s ease-out,background-color .14s ease-out;display:inline-flex;box-shadow:0 4px #ba977b33}.collection-button:hover{background:#fff}.screen{z-index:1;flex:1;width:min(100%,980px);margin:0 auto;position:relative}.select-screen,.get-screen,.collection-screen{text-align:center;flex-direction:column;align-items:center;padding:clamp(28px,5vh,58px) 0 20px;display:flex}.eyebrow{color:var(--mint-deep);letter-spacing:.12em;margin:0 0 8px;font-size:.86rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:var(--ink);letter-spacing:.04em;margin-bottom:20px;font-size:clamp(1.65rem,5.8vw,2.55rem);line-height:1.3}.soft-copy{color:var(--muted-ink);letter-spacing:.04em;margin:18px 0 0;font-size:.92rem}.storybook-cloud{filter:blur(.2px);pointer-events:none;background:#ffffffbf;border-radius:50%;width:134px;height:58px;position:absolute}.storybook-cloud:before,.storybook-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.storybook-cloud:before{width:62px;height:62px;bottom:17px;left:22px}.storybook-cloud:after{width:74px;height:74px;bottom:10px;right:14px}.storybook-cloud--one{top:12%;left:3%;transform:scale(.78)}.storybook-cloud--two{opacity:.7;top:27%;right:1%;transform:scale(.58)}.character-choice{isolation:isolate;width:min(86vw,410px);min-height:min(62vh,520px);box-shadow:var(--shadow), inset 0 0 0 3px #ffffffb8;background:linear-gradient(155deg,#fffdf7 0%,#fff0cf 100%);border-radius:48% 52% 45% 55%/48% 44% 56% 52%;flex-direction:column;justify-content:center;align-items:center;padding:22px;transition:transform .19s ease-out,box-shadow .19s ease-out;display:flex;position:relative}.character-choice:after{content:"";z-index:-1;border:2px dashed #f6a65b4d;border-radius:48% 52% 45% 55%/48% 44% 56% 52%;position:absolute;inset:10%}.character-choice:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 20px 42px #704c3129,inset 0 0 0 3px #ffffffb8}.character-choice:active{transform:translateY(3px)scale(.985)rotate(0);box-shadow:0 9px 20px #704c3124,inset 0 0 0 3px #ffffffb8}.character-choice__glow{aspect-ratio:1;filter:blur(14px);z-index:-1;background:#ffdc8459;border-radius:50%;width:68%;position:absolute}.kirin-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.character-choice__image{filter:drop-shadow(0 14px 8px #694c3524);width:min(74vw,315px)}.character-choice__name{color:var(--ink);letter-spacing:.16em;margin-top:2px;font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:400}.character-choice__badge{color:var(--mint-deep);background:#e4f3e9;border-radius:999px;margin-top:10px;padding:6px 12px;font-size:.76rem;font-weight:800}.practice-screen{overscroll-behavior:contain;flex-direction:column;align-items:center;padding:14px 0 12px;display:flex;overflow:auto}.practice-topline,.collection-topline{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.back-button{color:var(--muted-ink);background:0 0;border-radius:999px;align-items:center;gap:5px;padding:0 12px 0 8px;font-size:.93rem;font-weight:800;transition:transform .14s ease-out,color .14s ease-out;display:inline-flex}.back-button:hover{color:var(--ink)}.back-button span:first-child{font-size:1.5rem;line-height:1}.practice-count,.collection-count{min-width:52px;color:var(--muted-ink);text-align:right;font-size:.82rem;font-weight:800}.practice-intro{text-align:center;flex-direction:column;align-items:center;margin:clamp(16px,3vh,32px) 0 14px;display:flex}.practice-intro h1{margin-bottom:10px;font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:clamp(1.42rem,4.7vw,2.1rem);font-weight:400}.practice-hint{min-height:1.7em;color:var(--peach-deep);letter-spacing:.03em;margin:0;font-size:clamp(.94rem,3.2vw,1.1rem);font-weight:800}.letter-trail{justify-content:center;align-items:center;gap:9px;min-height:42px;display:flex}.letter-trail__letter{color:#c5ad9d;background:#f8eee3;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:1.12rem;font-weight:400;transition:transform .18s ease-out,background-color .18s ease-out,color .18s ease-out;display:inline-grid}.letter-trail__letter--active{color:#fff;background:var(--peach);transform:scale(1.12);box-shadow:0 4px #e38b52}.letter-trail__letter--done{color:var(--mint-deep);background:#e0f1e9}.repeat-dots{gap:10px;margin-top:13px;display:flex}.repeat-dot{background:0 0;border:2px solid #e5cdbb;border-radius:50%;width:13px;height:13px;transition:transform .18s ease-out,background-color .18s ease-out,border-color .18s ease-out}.repeat-dot--on{border-color:var(--peach);background:var(--peach);transform:scale(1.1)}.practice-board-stage{width:min(88vw,460px,100svh - 380px);margin:8px auto 10px;position:relative}.practice-board{aspect-ratio:1;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#fffefa 0%,#fff6e4 100%);border:0;border-radius:34px;width:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 14px 34px #704c3121,inset 0 0 0 5px #f0dfce,inset 0 0 0 7px #ffffffd9}.practice-board:before,.practice-board:after{content:"";z-index:-1;background:#a7d6c26b;border-radius:50%;width:16px;height:16px;position:absolute}.practice-board:before{top:9%;right:12%}.practice-board:after{background:#f6a65b61;bottom:12%;left:10%}.guide-layer,.drawing-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.guide-layer{overflow:visible}.guide-reference-glyph{fill:#bcb6ad;opacity:calc(.28 * var(--guide-opacity,1));pointer-events:none;font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-weight:400}.guide-reference-glyph--clip{fill:#fff;opacity:1}.guide-reference-stroke{fill:none;stroke:#cfc7bc;stroke-width:.078px;stroke-linecap:round;stroke-linejoin:round;opacity:calc(.48 * var(--guide-opacity,1))}.guide-reference-filled{fill:#cfc7bc;opacity:calc(.48 * var(--guide-opacity,1))}.guide-active-stroke{fill:none;stroke:#ed8d32;stroke-width:.078px;stroke-linecap:round;stroke-linejoin:round;opacity:.98}.guide-active-filled{fill:#ed8d32;opacity:.98}.start-marker{fill:#eb6f5e;stroke:#fff9ef;stroke-width:.012px}.goal-marker{fill:#f2af4f;stroke:#fff9ef;stroke-width:.008px;paint-order:stroke fill;font-size:.098px;animation:none}.goal-marker--fude{font-size:.086px}.board-whisper{color:#b7947d;pointer-events:none;background:#ffffffa8;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:800;position:absolute;bottom:10px;right:13px}.practice-samples{background:#fffdf8c7;border:2px solid #ead8c8bd;border-radius:23px;align-items:center;gap:12px;width:min(88vw,460px,100svh - 380px);margin:0 auto 7px;padding:8px 10px 8px 12px;display:flex}.practice-samples__heading{flex-direction:column;align-items:center;gap:1px;min-width:44px;display:flex}.practice-samples__character{color:var(--peach-deep);font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:1.35rem;line-height:1}.practice-samples__count{color:var(--muted-ink);letter-spacing:.03em;font-size:.65rem;font-weight:900}.practice-samples__row{flex:0 auto;grid-template-columns:repeat(3,clamp(56px,10vw,82px));gap:8px;min-width:0;display:grid}.user-sample{aspect-ratio:1;border-radius:16px;place-items:center;width:100%;display:grid;overflow:hidden}.user-sample--filled{background:linear-gradient(145deg,#fff9ee,#fff1d7);border:2px solid #f2d6b8;animation:.48s cubic-bezier(.2,1.2,.4,1) both sample-pop;box-shadow:0 5px 10px #704c3117}.user-sample--1{animation-delay:55ms}.user-sample--2{animation-delay:.105s}.user-sample--empty{color:#e5cdbb;background:#fffaf18c;border:2px dashed #eadaca;font-size:1.05rem}.user-glyph-preview{width:100%;height:100%;display:block;overflow:visible}.user-glyph-preview__stroke{fill:none;stroke:#765344;stroke-width:.055px;stroke-linecap:round;stroke-linejoin:round}.glyph-celebration{z-index:4;pointer-events:auto;background:#fff9eedb;border-radius:34px;align-content:center;place-items:center;gap:7px;display:grid;position:absolute;inset:0}.glyph-celebration__title{color:var(--peach-deep);letter-spacing:.04em;font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:clamp(1.3rem,5vw,1.8rem);font-weight:400;animation:.78s cubic-bezier(.23,1,.32,1) both glyph-celebration-title}.glyph-celebration__samples{justify-content:center;align-items:center;gap:7px;width:min(60%,250px);display:flex}.glyph-celebration__piece{aspect-ratio:1;--piece-offset:0;background:#ffffffc7;border-radius:13px;width:24%;padding:4px;animation:.84s cubic-bezier(.23,1,.32,1) both glyph-piece-gather;box-shadow:0 6px 12px #704c311c}.glyph-celebration__piece--0{--piece-offset:-24px;animation-delay:20ms}.glyph-celebration__piece--1{--piece-offset:0;animation-delay:90ms}.glyph-celebration__piece--2{--piece-offset:24px;animation-delay:.16s}.practice-footer{color:var(--muted-ink);letter-spacing:.04em;margin:0;font-size:.82rem}.primary-button{background:var(--peach);color:#fffaf1;letter-spacing:.05em;border-radius:999px;min-width:min(82vw,280px);padding:0 26px;font-size:1.04rem;font-weight:900;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out;box-shadow:0 6px #df8750,0 12px 22px #df875038}.primary-button:hover{background:#f8a86b}.get-screen{justify-content:center;padding-top:22px}.get-screen h1{font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-weight:400}.word-formation{width:min(82vw,370px);height:clamp(108px,22vw,150px);margin:-2px 0 4px;position:relative}.word-formation__pieces{z-index:2;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:12px 10% 16px}.word-formation__piece{aspect-ratio:1;--piece-start:0;background:#fff8e9;border:2px solid #f2d6b8;border-radius:17px;width:22%;padding:5px;animation:1.3s cubic-bezier(.23,1,.32,1) both word-piece-gather;box-shadow:0 7px 12px #704c311a}.word-formation__piece--0{--piece-start:-48px;animation-delay:20ms}.word-formation__piece--1{--piece-start:0;animation-delay:90ms}.word-formation__piece--2{--piece-start:48px;animation-delay:.16s}.word-formation__silhouette{z-index:1;opacity:0;place-items:center;animation:1.35s cubic-bezier(.23,1,.32,1) .72s both silhouette-reveal;display:grid;position:absolute;inset:18px 25% 4px;transform:scale(.72)}.word-formation__silhouette .kirin-image{opacity:.22;filter:saturate(.8)drop-shadow(0 8px 7px #694c351f);width:100%}.get-character-wrap{width:min(70vw,310px);margin:4px 0 8px;animation:.56s cubic-bezier(.2,1.25,.4,1) .76s both character-pop;position:relative}.get-character{filter:drop-shadow(0 16px 10px #694c3526)}.get-sticker{background:var(--mint-deep);color:#fff;letter-spacing:.02em;border:4px solid #fff9ef;border-radius:50%;place-items:center;width:76px;height:76px;font-size:1.02rem;font-weight:1000;display:inline-grid;position:absolute;bottom:16px;right:-6px;transform:rotate(11deg);box-shadow:0 7px #3f7567}.get-copy{color:var(--mint-deep);margin:-7px 0 20px;font-size:1.12rem;font-weight:900}.save-notice{color:#8e725f;background:#fff1d6;border-radius:18px;max-width:420px;margin:-4px auto 18px;padding:9px 15px;font-size:.78rem;line-height:1.55}.celebration-sparkles{color:var(--yellow);pointer-events:none;justify-content:space-between;font-size:clamp(1.4rem,5vw,2.6rem);display:flex;position:absolute;inset:5% 10% auto}.celebration-sparkles span:nth-child(2),.celebration-sparkles span:nth-child(4){color:var(--peach);font-size:.8em}.celebration-sparkles span{animation:1.4s ease-in-out infinite sparkle}.celebration-sparkles span:nth-child(2){animation-delay:.14s}.celebration-sparkles span:nth-child(3){animation-delay:.26s}.celebration-sparkles span:nth-child(4){animation-delay:.39s}.celebration-sparkles span:nth-child(5){animation-delay:.52s}.collection-screen{padding-top:18px}.collection-topline .eyebrow{margin:0}.collection-screen h1{margin-top:clamp(26px,5vh,48px);margin-bottom:20px}.collection-card{width:min(88vw,580px);box-shadow:var(--shadow);text-align:left;background:linear-gradient(135deg,#fffefa 0%,#fff3d9 100%);border-radius:34px;align-items:center;gap:clamp(16px,5vw,34px);padding:clamp(14px,3vw,24px);transition:transform .18s ease-out,box-shadow .18s ease-out;display:flex}.collection-card--pulse{animation:.82s ease-out card-pulse}.collection-empty{width:min(88vw,420px);min-height:230px;color:var(--muted-ink);background:#fffdf8ad;border:3px dashed #efdcc8;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.86rem;display:flex}.collection-empty p{color:var(--ink);margin:0;font-size:1.08rem;font-weight:900}.collection-empty__mark{color:#edbf7c;margin-bottom:5px;font-size:4rem;line-height:1}.collection-card__image{flex:none;width:min(42vw,220px)}.collection-card__copy{min-width:0}.collection-card__label{color:var(--mint-deep);letter-spacing:.1em;font-size:.8rem;font-weight:900}.collection-card h2{letter-spacing:.1em;margin:8px 0 7px;font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:clamp(1.55rem,5vw,2.1rem);font-weight:400}.collection-card p{color:var(--muted-ink);margin:0;font-size:.8rem;line-height:1.5}.collection-screen .primary-button{margin-top:28px}.app-footer{color:#c1a895;letter-spacing:.1em;text-align:center;width:min(100%,980px);margin:10px auto 0;font-size:.72rem}.stroke-qa-gallery{width:min(100%,1240px);min-height:100svh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:var(--ink);margin:0 auto}.stroke-qa-gallery__header{text-align:center;max-width:720px;margin:0 auto 24px}.stroke-qa-gallery__header h1{margin-bottom:10px;font-size:clamp(1.55rem,4vw,2.2rem)}.stroke-qa-gallery__header>p:not(.eyebrow){color:var(--muted-ink);margin-bottom:16px;font-size:.88rem;line-height:1.6}.stroke-qa-gallery__summary{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.stroke-qa-gallery__summary-item,.stroke-qa-card__status{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:3px 9px;font-size:.68rem;font-weight:900;display:inline-flex}.stroke-qa-gallery__summary-item--pass,.stroke-qa-card__status--pass{color:#32745d;background:#e2f3e8}.stroke-qa-gallery__summary-item--special,.stroke-qa-card__status--special{color:#8b6a25;background:#fff0c8}.stroke-qa-gallery__summary-item--review,.stroke-qa-card__status--review{color:#a55d42;background:#ffe4d7}.stroke-qa-gallery__summary-item--unsupported,.stroke-qa-card__status--unsupported{color:#795f75;background:#eee3f0}.stroke-qa-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:13px;display:grid}.stroke-qa-card{background:#fffdf8e0;border:2px solid #ead8c8c7;border-radius:22px;min-width:0;padding:10px;box-shadow:0 7px 16px #704c3112}.stroke-qa-card--review{background:#fff8efb8;border-style:dashed}.stroke-qa-card__topline,.stroke-qa-card__details{justify-content:space-between;align-items:center;gap:7px;display:flex}.stroke-qa-card__topline{min-height:30px;margin-bottom:6px}.stroke-qa-card__topline h2{color:var(--ink);margin:0;font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:1.55rem;font-weight:400;line-height:1}.stroke-qa-card__svg{aspect-ratio:1;border-radius:15px;width:100%;display:block;overflow:visible}.stroke-qa-card__paper{fill:#fffaf0}.stroke-qa-card__reference{fill:none;stroke:#cfc7bc;stroke-width:.07px;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.stroke-qa-card__active{fill:none;stroke:#ed8d32;stroke-width:.085px;stroke-linecap:round;stroke-linejoin:round;opacity:.98}.stroke-qa-card__start-halo{fill:#eb6f5e2b;stroke:#eb6f5e59;stroke-width:.012px}.stroke-qa-card__start{fill:#eb6f5e;stroke:#fff9ef;stroke-width:.012px}.stroke-qa-card__goal{fill:#f2af4f;stroke:#fff9ef;stroke-width:.008px;paint-order:stroke fill;font-size:.12px}.stroke-qa-card__details{color:var(--muted-ink);margin-top:7px;font-size:.66rem;font-weight:800}.stroke-qa-card__selector{color:var(--muted-ink);justify-content:space-between;align-items:center;gap:5px;margin-top:7px;font-size:.64rem;font-weight:800;display:flex}.stroke-qa-card__selector select{min-width:60px;color:var(--ink);font:inherit;background:#fffdf8;border:1px solid #ead8c8;border-radius:8px;padding:3px 4px}.stroke-qa-card__coords,.stroke-qa-card__reason{color:#ad8f7c;overflow-wrap:anywhere;min-height:2.2em;margin:7px 0 0;font-size:.58rem;line-height:1.35}.stroke-qa-card__unavailable{color:#c28d76;background:#fff0e4;border-radius:15px;align-content:center;place-items:center;min-height:152px;display:grid}.stroke-qa-card__unavailable span{border:2px dashed #e6b59d;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.25rem;font-weight:900;display:grid}.stroke-qa-card__unavailable p{margin:7px 0 0;font-size:.68rem;font-weight:800}@keyframes character-pop{0%{opacity:0;transform:translateY(16px)scale(.82)}70%{opacity:1;transform:translateY(-4px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sparkle{0%,to{opacity:.35;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.12)rotate(12deg)}}@keyframes card-pulse{0%{transform:scale(.98)}45%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes sample-pop{0%{opacity:0;transform:translateY(8px)scale(.78)rotate(-4deg)}62%{opacity:1;transform:translateY(-2px)scale(1.05)rotate(2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes glyph-celebration-title{0%{opacity:0;transform:translateY(8px)scale(.82)}35%{opacity:1;transform:translateY(0)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glyph-piece-gather{0%{opacity:0;transform:translate(var(--piece-offset), 16px) rotate(-8deg) scale(.72)}32%{opacity:1;transform:translate(0)rotate(4deg)scale(1.04)}72%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(-14px)rotate(0)scale(.58)}}@keyframes word-piece-gather{0%{opacity:0;transform:translate(var(--piece-start), 17px) rotate(-7deg) scale(.72)}28%{opacity:1;transform:translate(0)rotate(3deg)scale(1.05)}72%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(-12px)rotate(0)scale(.56)}}@keyframes silhouette-reveal{0%{opacity:0;transform:scale(.72)}45%{opacity:.2;transform:scale(.95)}to{opacity:0;transform:scale(1.07)}}@media (width<=560px){.app-shell{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.collection-button{padding:0 13px}.character-choice{border-radius:42% 58% 44% 56%/48% 46% 54% 52%;min-height:min(57vh,450px)}.practice-board,.glyph-celebration{border-radius:25px}.collection-card{border-radius:27px;gap:12px}.collection-card p{font-size:.72rem}}@media (height<=720px) and (orientation:landscape){.select-screen,.get-screen,.collection-screen{padding-top:12px}.character-choice{width:min(54vw,360px);min-height:70vh}.character-choice__image{width:min(44vw,240px)}.practice-intro{margin:8px 0}.practice-board-stage{width:min(72vh,520px,100svh - 300px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.word-formation__piece,.word-formation__silhouette,.get-character-wrap,.glyph-celebration__piece,.glyph-celebration__title,.user-sample--filled{opacity:1;transform:none}}.gate4-fixture{min-height:100dvh;padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));overflow-x:hidden}.gate4-header-key{color:var(--mint-deep);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.gate4-screen{width:min(100%,560px);padding:8px 0 20px}.gate4-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gate4-slot-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;margin:0 auto 14px;display:grid}.gate4-slot-button{border:2px solid var(--line);min-height:48px;color:var(--muted-ink);background:#fffdf8e0;border-radius:16px;padding:4px 3px;font-size:clamp(.68rem,2.8vw,.86rem);font-weight:800;transition:transform .14s ease-out,border-color .14s ease-out,background-color .14s ease-out;box-shadow:0 3px #ba977b29}.gate4-slot-button--active{border-color:var(--peach);color:var(--peach-deep);background:#fff1da;transform:translateY(-1px)}.gate4-run{background:#fffdf8c2;border:1px solid #ead8c8cc;border-radius:32px;width:100%;min-height:620px;padding:clamp(18px,4vw,30px);box-shadow:0 16px 36px #704c311a,inset 0 0 0 1px #ffffffb3}.gate4-run__topline,.gate4-practice__heading,.gate4-section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gate4-run h1,.gate4-run h2{color:var(--ink);margin:0;line-height:1.18}.gate4-run h1{font-family:Klee One,ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:clamp(1.6rem,8vw,2.35rem)}.gate4-run h2{font-size:clamp(1.35rem,6vw,1.9rem)}.gate4-state-pill,.gate4-attempt-pill{color:var(--mint-deep);letter-spacing:.04em;background:#eef6f0;border-radius:999px;flex:none;padding:8px 10px;font-size:.68rem;font-weight:800}.gate4-attempt-pill{color:var(--peach-deep);background:#fff1da;font-size:.82rem}.gate4-encounter,.gate4-get,.gate4-collection,.gate4-saving,.gate4-celebration{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:22px 0 4px;display:flex}.gate4-encounter__image-wrap,.gate4-get__image-wrap,.gate4-collection__image-wrap{background:radial-gradient(circle at 50% 35%,#fffefa 0 32%,#fff1d9 75%,#f6ddbd 100%);border-radius:45% 55% 52% 48%/54% 44% 56% 46%;place-items:center;width:min(64vw,240px);height:min(48vw,180px);display:grid;overflow:hidden;box-shadow:inset 0 -10px 18px #d6a67029,0 12px 24px #704c311f}.gate4-encounter__image-wrap img,.gate4-get__image-wrap img,.gate4-collection__image-wrap img{object-fit:contain;filter:drop-shadow(0 8px 5px #704c3124);width:82%;height:82%}.gate4-muted,.gate4-feedback,.gate4-sample-summary,.gate4-save-status,.gate4-progress-readback{color:var(--muted-ink);margin:0}.gate4-muted,.gate4-feedback{font-size:.92rem;font-weight:700}.gate4-feedback{min-height:24px;color:var(--peach-deep);text-align:center}.gate4-primary{min-width:min(100%,230px);margin-top:8px}.gate4-secondary{min-width:120px;margin:4px auto 0}.gate4-practice{padding-top:20px}.gate4-practice__heading{align-items:center}.gate4-board-stage{width:min(88vw,420px);margin:12px auto 10px}.gate4-sample-summary{text-align:center;font-size:.82rem;font-weight:800}.gate4-glyph-samples{border:1px solid var(--line);background:#fffaf1;border-radius:22px;width:100%;padding:14px}.gate4-section-heading{align-items:center}.gate4-section-heading .eyebrow{margin-bottom:0;font-size:.68rem}.gate4-section-count{color:var(--peach-deep);font-size:.86rem;font-weight:800}.gate4-sample-strip{flex-wrap:wrap;justify-content:center;gap:6px;min-height:46px;margin-top:10px;display:flex}.gate4-sample-strip__glyph{background:#fff;border-radius:12px;width:42px;height:42px;padding:5px;box-shadow:inset 0 0 0 1px #f0dfce}.gate4-saving{justify-content:center;min-height:360px}.gate4-saving__star{color:var(--yellow);font-size:3.8rem;animation:.9s ease-in-out infinite alternate gate4-saving-pulse}.gate4-save-status{color:var(--mint-deep);font-weight:800}.gate4-progress-readback{overflow-wrap:anywhere;background:#f4eee4;border-radius:12px;max-width:100%;padding:8px 10px;font-size:.7rem}.gate4-loading{min-height:520px;color:var(--muted-ink);place-items:center;font-weight:800;display:grid}@keyframes gate4-saving-pulse{0%{opacity:.72;transform:scale(.94)rotate(-4deg)}to{opacity:1;transform:scale(1.06)rotate(4deg)}}@media (width<=560px){.gate4-fixture .app-header{min-height:48px}.gate4-header-key{font-size:.62rem}.gate4-run{border-radius:26px;min-height:0;padding:18px 13px 20px}.gate4-run__topline{align-items:center}.gate4-state-pill{padding:6px 7px;font-size:.58rem}.gate4-slot-button{border-radius:13px}}@media (prefers-reduced-motion:reduce){.gate4-saving__star{animation:none}}