: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)}.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}.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}.back-button{margin:0 0 12px;min-height:38px;padding:0 14px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7b8;color:#6f675e;cursor:pointer;font-size:.9rem;font-weight:650;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}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}.stat-strip div{min-width:0;padding:12px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7b8}.stat-strip dt{margin:0 0 6px;color:#6f675e;font-size:.72rem}.stat-strip dd{margin:0;color:#26221d;font-size:1.3rem;font-weight:650}.square-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}.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-miss{background:#efe7da;box-shadow:none}.portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}.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-color:#276044;box-shadow:0 14px 32px #27604429}.portrait-button.is-miss{opacity:.62}.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 12px;place-items:center}.flash-image,.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-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}.feedback-area{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}.solution-stack{display:grid;gap:10px;margin:0 0 14px}.solution-card{padding:12px;border:1px solid #ddd2c3;border-radius:8px;background:#fffcf7c2;color:#6f675e}.solution-card p{margin:8px 0 0}.solution-card strong{display:block;color:#26221d;font-size:.95rem}.solution-title{margin:0 0 6px;color:#8b4c35;font-size:.76rem;font-weight:700}.keyword-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}.keyword-list li{padding:5px 8px;border:1px solid #ddd2c3;border-radius:999px;background:#fffcf7;color:#6f675e;font-size:.76rem;font-weight:650}.next-button{width:100%;min-height:54px;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-question{height:292px;min-height:292px}.portrait-button{aspect-ratio:.78}}