:root{font-family:Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;color:#26384b;background:#f8f3e8;font-size:16px;font-synthesis:none}*{box-sizing:border-box}html,body{overflow-x:hidden;overscroll-behavior-x:none}body{margin:0;min-width:320px;background:radial-gradient(circle at 90% 0%,#fff9e9,transparent 30rem),#f8f3e8}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e76f51;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{width:min(100%,680px);min-height:100svh;margin:auto;padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:hidden}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:5;padding:12px;background:#fff}.topbar{display:flex;justify-content:space-between;align-items:center;height:72px}.logo,.quiet-control,.text-button{border:0;background:transparent;color:#38516b;min-height:48px}.logo{font-family:ui-rounded,Apple SD Gothic Neo,sans-serif;font-weight:800;font-size:1.25rem}.logo span{color:#e76f51}.quiet-control,.text-button{text-decoration:underline;font-size:.82rem;padding:0 4px}.progress{position:relative;height:9px;background:#e5ded1;border-radius:99px;margin-bottom:clamp(26px,5vh,50px);overflow:visible}.progress span{display:block;height:100%;border-radius:inherit;background:#e76f51;transition:width .4s ease}.progress b{position:absolute;right:0;top:14px;font-size:.75rem;color:#667482}.screen{min-height:calc(100svh - 144px);display:flex;flex-direction:column;align-items:stretch;animation:rise .35s ease-out}.eyebrow{color:#c15e45;font-weight:700;font-size:.9rem;letter-spacing:.04em;margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:ui-rounded,Apple SD Gothic Neo,sans-serif;font-weight:800;color:#274c77;font-size:clamp(2.4rem,9vw,4.5rem);line-height:1.04;letter-spacing:-.06em;margin-bottom:18px}h2{font-size:clamp(2.15rem,7.5vw,3.35rem)}h1 em,h2 em{color:#e76f51;font-style:normal}.lead{color:#526579;font-size:1.08rem;line-height:1.75;max-width:32rem}.compact{margin-bottom:24px}.primary{min-height:56px;width:100%;margin-top:auto;border:0;border-radius:18px;background:#274c77;color:#fff;padding:12px 20px;font-weight:700;font-size:1.05rem;box-shadow:0 5px #17324f}.primary:hover{transform:translateY(-1px)}.primary span{float:right;font-size:1.4rem}.hint,.status-note,.success-note{text-align:center;line-height:1.55;color:#667482;margin:14px 0}.success-note{color:#2b6b46;font-weight:700;background:#e6f2e6;padding:12px;border-radius:12px}.home-art{flex:1;min-height:260px;display:grid;place-items:center;position:relative;border:2px dashed #e5d2a9;border-radius:50% 45% 54% 46%;margin:22px 13% 24px;background:#fffaf0;color:#f7b538;transform:rotate(-2deg)}.home-art span{font-size:7rem}.home-art i{position:absolute;left:14%;bottom:17%;font-size:5.4rem;color:#5f8f57;transform:rotate(14deg)}.home-art b{position:absolute;right:14%;bottom:15%;font-size:4.2rem;color:#9264a8}.drawing-board{margin:0 -5px 16px}.tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.tools fieldset{display:flex;gap:4px;padding:0;border:0;margin:0}.tools legend{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}.swatch,.line-width{width:48px;height:48px;border:2px solid transparent;border-radius:50%;padding:7px;background:transparent}.swatch.selected,.line-width.selected{border-color:#274c77}.line-width{display:grid;place-items:center}.line-width i{display:block;width:28px;background:#274c77;border-radius:99px}.ink-canvas{width:100%;height:min(46vw,300px);min-height:220px;display:block;border:2px dashed #cdbf9e;border-radius:18px;background:#fffdf7;touch-action:none}.sample-row{display:flex;align-items:center;gap:7px;overflow-x:auto;margin:8px 0 21px;padding-bottom:2px}.sample-row>span{min-width:max-content;color:#667482;font-size:.78rem}.sample{min-width:66px;height:70px;background:#fffdf7;border:1px solid #dfd5c5;border-radius:11px;color:#526579;padding:4px}.sample.selected{border:3px solid #e76f51}.sample img{width:36px;height:36px;display:block;margin:auto}.sample small{font-size:.63rem}.analysis-card{display:grid;grid-template-columns:135px 1fr;gap:18px;align-items:center;padding:18px;min-height:195px;background:#fffdf7;border:1px solid #e4d7c2;border-radius:22px;box-shadow:0 8px 22px #6a573611}.analysis-card img{width:125px;height:125px;object-fit:contain}.analysis-card strong{color:#274c77;font-size:1.15rem}.analysis-card ul{padding-left:20px;line-height:1.65;font-size:.9rem}.loading-lines{display:grid;gap:11px}.loading-lines i{height:11px;width:100%;border-radius:99px;background:linear-gradient(90deg,#eee7db,#fffdf7,#eee7db);background-size:200%;animation:shimmer 1.2s infinite}.loading-lines i:nth-child(2){width:75%}.loading-lines i:nth-child(3){width:55%}.ability-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 24px}.ability-card{background:#fffdf7;border:2px solid #e7dac8;border-radius:20px;padding:18px}.ability-card span{font-size:2.2rem}.ability-card h3{color:#274c77;font-size:1.2rem;margin:7px 0}.ability-card p{color:#667482;line-height:1.5;font-size:.86rem;margin-bottom:0}.puzzle-tabs{display:flex;gap:7px;overflow-x:auto;margin:0 -2px 10px}.puzzle-tabs button{white-space:nowrap;min-height:48px;padding:6px 10px;border:1px solid #dcd0bc;border-radius:99px;background:#fffaf0;color:#526579}.puzzle-tabs button[aria-selected=true]{background:#f8df9b;color:#274c77;border-color:#e7a941}.phaser-stage{height:210px;background:linear-gradient(145deg,#e8f1e3,#fff6d9);border:2px solid #d7e1ce;border-radius:20px;overflow:hidden}.phaser-stage canvas{width:100%!important;height:100%!important;object-fit:contain}.choice-set{border:0;padding:12px 0;margin:0}.choice-set legend{font-weight:700;color:#38516b;margin-bottom:9px}.choice{min-height:48px;padding:8px 15px;margin:0 7px 7px 0;border:2px solid #d9cdbb;border-radius:14px;background:#fffdf7;color:#38516b}.choice.active{border-color:#e76f51;background:#fff0e9}.learning-card{padding:clamp(26px,7vw,45px) 24px;margin:15px 0 24px;border-radius:26px;background:#fff7d9;border:2px solid #ebd38a;text-align:center}.learning-card>span{font-size:3.2rem;color:#f3ad31}.learning-card h2{margin:8px 0 18px}.learning-card p{font-size:1.2rem;line-height:1.7;color:#38516b}.learning-card small{color:#78808a;line-height:1.5}.collection{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.collection article,.empty-state{background:#fffdf7;border:1px solid #e4d7c2;border-radius:17px;padding:16px}.collection article>span{font-size:2rem}.collection h3{margin:6px 0;color:#274c77}.collection p{font-size:.85rem;color:#667482;margin:0}.empty-state{text-align:center;color:#667482;margin-bottom:22px}.reset{margin:12px auto 0}@keyframes rise{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:760px){.app-shell{padding-left:44px;padding-right:44px}.ink-canvas{height:300px}.screen{min-height:720px}.home-art{min-height:320px}}@media(max-width:390px){.topbar{height:62px}.progress{margin-bottom:24px}.puzzle-tabs span{display:none}.analysis-card{grid-template-columns:110px 1fr;gap:10px}.analysis-card img{width:100px;height:100px}}