:root{color:#26221d;background:#f6f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#fffcf7,#f6f1e8 46%,#efe7da)}button{font:inherit}.app-shell{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:18px}.practice-screen{width:min(100%,430px)}.practice-screen.is-exercise{display:flex;min-height:calc(100vh - 36px);flex-direction:column;justify-content:flex-start}.brand-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 22px}.brand-logo{display:block;width:96px;height:auto;flex:0 0 auto}.eyebrow{margin:0;color:#6f675e;font-size:.82rem;font-weight:600;letter-spacing:0}h1{margin:0;color:#26221d;font-size:clamp(2.4rem,14vw,4.5rem);line-height:.93;letter-spacing:0}.prompt{max-width:16rem;margin:18px 0 26px;color:#6f675e;font-size:1.05rem;line-height:1.5}.is-exercise .prompt{max-width:none;margin:8px 0 12px;font-size:.98rem;line-height:1.35;text-align:center}.exercise-header{position:relative;display:flex;min-height:38px;align-items:center;justify-content:center;margin:0 0 4px}.exercise-header h1{padding:0 48px;font-size:clamp(1.85rem,7.5vw,2.8rem);line-height:1.04;text-align:center}.exercise-list{display:grid;gap:12px;margin:0 0 22px}.exercise-card{width:100%;min-height:104px;padding:18px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7c2;box-shadow:0 12px 28px #26221d0f;color:#26221d;cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.exercise-card span{display:block;margin:0 0 8px;font-size:1.18rem;font-weight:700}.exercise-card small{display:block;color:#6f675e;font-size:.93rem;line-height:1.45}.exercise-card:hover,.exercise-card:focus-visible{border-color:#c56a3a;box-shadow:0 16px 34px #26221d1a;transform:translateY(-2px)}.exercise-card:focus-visible{outline:3px solid rgb(197 106 58 / 28%);outline-offset:3px}.reset-stats-button{display:block;margin:16px auto 0;padding:0;border:0;background:transparent;color:#8b4c35;cursor:pointer;font-size:.86rem;font-weight:650}.reset-stats-button:hover,.reset-stats-button:focus-visible{color:#26221d}.reset-stats-button:focus-visible{outline:3px solid rgb(197 106 58 / 28%);outline-offset:5px}.back-button{position:absolute;left:0;margin:0;width:38px;height:38px;padding:0;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7b8;color:#6f675e;cursor:pointer;font-size:1.25rem;font-weight:650;line-height:1;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.back-button:hover,.back-button:focus-visible{border-color:#c56a3a;background:#fffcf7;color:#26221d}.back-button:focus-visible{outline:3px solid rgb(197 106 58 / 28%);outline-offset:3px}.practice-guide{margin:0 0 12px;padding:12px 14px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7b8;color:#6f675e;font-size:.94rem;line-height:1.45}.practice-guide p{margin:0}.practice-guide-support{border-color:#c56a3a57;color:#4f473f}.practice-guide-pause{border-color:#8b4c3557;background:#efe7dab8;color:#4f473f}.pre-practice-note{margin:-2px 0 10px;color:#6f675e;font-size:.96rem;line-height:1.4}.square-stage{position:relative}.square-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 10px}.result-popover{position:absolute;left:50%;top:50%;z-index:2;width:min(82%,280px);padding:16px;border:1px solid rgb(139 76 53 / 28%);border-radius:8px;background:#fffcf7f0;box-shadow:0 18px 44px #26221d2e;color:#4f473f;font-weight:700;text-align:center;transform:translate(-50%,-50%)}.result-popover-hit{border-color:#27604447}.square-button{width:100%;aspect-ratio:1;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7;box-shadow:0 12px 28px #26221d12;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.square-button:hover:not(:disabled),.square-button:focus-visible{border-color:#c56a3a;box-shadow:0 16px 34px #26221d1a;transform:translateY(-2px)}.square-button:focus-visible{outline:3px solid rgb(197 106 58 / 28%);outline-offset:3px}.square-button:disabled{cursor:default}.square-button.is-red{border-color:#b93424;background:#d9472f;box-shadow:0 14px 32px #d9472f3d}.square-button.is-selected{border-color:#c56a3a;background:#fff6eb;box-shadow:0 14px 30px #c56a3a29}.square-button.is-miss{background:#efe7da;box-shadow:none}.portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 10px}.portrait-button{position:relative;display:flex;min-width:0;aspect-ratio:.86;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7;box-shadow:0 12px 28px #26221d12;color:#26221d;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.portrait-button:hover:not(:disabled),.portrait-button:focus-visible{border-color:#c56a3a;box-shadow:0 16px 34px #26221d1a;transform:translateY(-2px)}.portrait-button:focus-visible{outline:3px solid rgb(197 106 58 / 28%);outline-offset:3px}.portrait-button:disabled{cursor:default}.portrait-button.is-authentic{border-width:2px;border-color:#276044;box-shadow:0 0 0 1px #2760442e,0 14px 32px #2760442e}.portrait-button.is-miss{border-width:2px;border-color:#8b4c35;box-shadow:0 0 0 1px #8b4c352e,0 14px 32px #8b4c3524}.portrait-button.is-unselected{opacity:.34;filter:grayscale(.78) brightness(.58)}.portrait-button.has-image{background:#fffcf7;padding:0}.portrait-image{display:block;width:100%;height:100%;object-fit:cover}.portrait-art{position:relative;width:72%;max-width:132px;aspect-ratio:.8}.portrait-hair,.portrait-face{position:absolute;left:50%;transform:translate(-50%)}.portrait-hair{top:6%;width:74%;height:58%;border-radius:44% 44% 34% 34%;background:#4b372f}.portrait-face{top:19%;width:62%;height:58%;border-radius:48% 48% 46% 46%;background:#e5b88f}.portrait-eye,.portrait-mouth{position:absolute;background:#26221d}.portrait-eye{top:38%;width:7px;height:7px;border-radius:50%}.portrait-eye.left{left:30%}.portrait-eye.right{right:30%}.portrait-mouth{bottom:28%;left:50%;width:24px;height:2px;border-radius:999px;transform:translate(-50%)}.portrait-name{margin-top:14px;color:#6f675e;font-size:.92rem;font-weight:650}.portrait-olive{background:#eef0dc}.portrait-rose{background:#f2dfd8}.portrait-sand{background:#f2e8d5}.portrait-blue{background:#dfe8ea}.portrait-copper{background:#f0dfcf}.portrait-clay{background:#ead9d1}.flash-stage{display:grid;min-height:250px;margin:0 0 10px;place-items:center}.hidden-image-target{display:flex;align-items:baseline;justify-content:center;gap:8px;min-height:56px;margin:0 0 12px;padding:12px 16px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7b8;color:#6f675e}.hidden-image-target span{font-size:.85rem;font-weight:700}.hidden-image-target strong{color:#26221d;font-size:1.45rem;line-height:1}.hidden-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 10px}.hidden-image-button{position:relative;display:grid;min-width:0;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid #ddd2c3;border-radius:50%;background:#fffcf7;box-shadow:0 12px 28px #26221d12;color:#26221d;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.hidden-image-button:hover:not(:disabled),.hidden-image-button:focus-visible{border-color:#c56a3a;box-shadow:0 16px 34px #26221d1a;transform:translateY(-2px)}.hidden-image-button:focus-visible{outline:3px solid rgb(197 106 58 / 28%);outline-offset:3px}.hidden-image-button:disabled{cursor:default}.image-cover{position:absolute;inset:13%;border:1px solid rgb(221 210 195 / 86%);border-radius:50%;background:radial-gradient(circle at 40% 34%,rgb(255 252 247 / 88%) 0 13%,transparent 14%),linear-gradient(145deg,#fffaf1,#efe7da);box-shadow:inset 0 12px 28px #26221d0d;transition:opacity .16s ease,transform .16s ease}.image-reveal{display:grid;place-items:center;gap:10px;opacity:0;transform:translateY(5px);visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility 0ms linear .16s}.image-reveal span{color:#26221d;font-size:1.16rem;font-weight:750;line-height:1}.hidden-image-button.is-revealed .image-cover{opacity:0;transform:scale(.92)}.hidden-image-button.is-revealed .image-reveal{opacity:1;transform:translateY(0);visibility:visible;transition-delay:0ms}.hidden-image-button.is-target{border-width:2px;border-color:#276044;box-shadow:0 0 0 1px #2760442e,0 14px 32px #27604429}.hidden-image-button.is-selected{border-width:2px;border-color:#c56a3a;box-shadow:0 0 0 1px #c56a3a2e,0 14px 32px #c56a3a1f}.hidden-image-button.is-miss{border-width:2px;border-color:#8b4c35;box-shadow:0 0 0 1px #8b4c352e,0 14px 32px #8b4c351f}.hidden-image-button.is-revealed:not(.is-selected,.is-target){opacity:.56}.hidden-image-mark{display:block;width:min(72%,132px);height:auto;max-height:132px;object-fit:contain}.image-cool{--image-bg: #dfe8ea;--image-line: #4f777b}.image-warm{--image-bg: #f5dfc8;--image-line: #b65f34}.image-light{--image-bg: #f7e8b8;--image-line: #9b6b21}.image-night{--image-bg: #dfe8ea;--image-line: #52636d}.image-water{--image-bg: #d9e9e6;--image-line: #4f777b}.image-earth{--image-bg: #eef0dc;--image-line: #526d43}.image-dense{--image-bg: #e5ddd2;--image-line: #6f675e}.image-soft{--image-bg: #f2dfd8;--image-line: #8b4c35}.image-clear{--image-bg: #eef0dc;--image-line: #526d43}.image-sharp{--image-bg: #ead9d1;--image-line: #9a3f2f}.symbol-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 0 18px}.symbol-card{min-width:0;padding:14px 12px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7c2;box-shadow:0 12px 28px #26221d0f}.symbol-preview{display:grid;width:100%;aspect-ratio:1;margin:0 0 8px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--image-bg) 52%,#fffcf7)}.symbol-preview .hidden-image-mark{width:64%}.symbol-card strong{display:block;margin:0 0 8px;color:#26221d;font-size:.98rem;text-align:center}.symbol-card .keyword-list{justify-content:center}.flash-image,.flash-placeholder,.flash-question{width:100%;height:250px;min-height:250px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7;box-shadow:0 12px 28px #26221d12}.flash-image{position:relative;display:block;overflow:hidden;object-fit:cover}.flash-placeholder{display:grid;place-items:center;color:#6f675e;font-weight:650}.flash-image span,.flash-image:before,.flash-image:after{position:absolute;content:""}.flash-water{background:radial-gradient(circle at 50% 42%,rgb(255 252 247 / 74%) 0 18%,transparent 19%),linear-gradient(145deg,#d9e9e6,#f7efe2)}.flash-water:before{inset:26% 17%;border:14px solid rgb(92 136 141 / 46%);border-radius:50%}.flash-water:after{right:18%;bottom:22%;width:34%;height:20%;border-radius:50%;background:#5c888d3d}.flash-fire{background:linear-gradient(145deg,#f5dfc8,#f8efe5)}.flash-fire:before{left:50%;bottom:20%;width:34%;height:52%;border-radius:62% 38% 54% 46%;background:#d9472f;transform:translate(-50%) rotate(12deg)}.flash-fire:after{left:51%;bottom:28%;width:20%;height:34%;border-radius:62% 38% 54% 46%;background:#f2b36d;transform:translate(-50%) rotate(-10deg)}.flash-calm{background:linear-gradient(180deg,#dfe8ea 0 48%,#f4ead9 49% 100%)}.flash-calm:before{left:16%;right:16%;top:48%;height:2px;background:#26221d3d}.flash-calm:after{left:50%;top:24%;width:22%;aspect-ratio:1;border-radius:50%;background:#fffcf7;transform:translate(-50%)}.flash-tension{background:#efe7da}.flash-tension:before{inset:18% 22%;border-left:14px solid #26221d;border-right:14px solid #c56a3a;transform:skew(-16deg)}.flash-tension:after{left:20%;right:18%;top:50%;height:12px;background:#8b4c35;transform:rotate(-18deg)}.flash-question{display:flex;flex-direction:column;justify-content:center;padding:18px}.flash-question p{margin:0 0 16px;color:#26221d;font-size:1.25rem;font-weight:700}.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-row button{min-width:0;min-height:58px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7;color:#26221d;cursor:pointer;font-weight:700;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.choice-row button:hover:not(:disabled),.choice-row button:focus-visible{border-color:#c56a3a;transform:translateY(-1px)}.choice-row button:focus-visible{outline:3px solid rgb(197 106 58 / 28%);outline-offset:3px}.choice-row button:disabled{cursor:default}.choice-row button.is-selected{border-color:#26221d;background:#efe7da}.choice-row button.is-related{border-color:#276044;background:#eef5ee}.choice-row button.is-selected.is-related{border-color:#276044;background:#e0eedf}.feedback-area{display:flex;flex:1;flex-direction:column;min-height:0;color:#6f675e;font-size:1rem;line-height:1.5}.feedback-area p{margin:0 0 14px}.feedback-area .hit{color:#276044}.feedback-area .miss{color:#8b4c35}.learning-message{color:#26221d;font-weight:650}.hidden-image-learning-message,.hidden-image-instruction{text-align:center}.learning-keywords{margin:0 0 18px}.learning-keywords p{margin:0 0 8px;color:#6f675e;font-size:.85rem;font-weight:700}.solution-stack{display:grid;gap:8px;margin:0 0 12px}.solution-card{padding:11px 12px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7c2;color:#6f675e}.solution-card p{margin:6px 0 0}.solution-card strong{display:block;color:#26221d;font-size:.95rem}.solution-card .solution-story{margin:10px 0 12px;font-size:.94rem;line-height:1.45}.solution-title{margin:0 0 5px;color:#8b4c35;font-size:.76rem;font-weight:700}.keyword-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.keyword-list li{padding:5px 8px;border:1px solid #ddd2c3;border-radius:999px;background:#fffaf1;color:#26221d;font-size:.78rem;font-weight:700}.next-button{width:100%;min-height:54px;margin-top:auto;border:0;border-radius:8px;background:#26221d;color:#fffcf7;cursor:pointer;font-weight:650;transition:transform .16s ease,background-color .16s ease}.next-button:hover,.next-button:focus-visible{background:#3a332c;transform:translateY(-1px)}.next-button:focus-visible{outline:3px solid rgb(197 106 58 / 32%);outline-offset:3px}@media(min-width:720px){.app-shell{padding:48px}.flash-stage,.flash-image,.flash-placeholder,.flash-question{height:292px;min-height:292px}.portrait-button{aspect-ratio:.78}}