:root{color:#24313f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7f4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0;overflow-x:hidden}body{min-width:320px}button{color:inherit;font:inherit;touch-action:manipulation;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #2f8f7f}.app-shell{background:linear-gradient(135deg,#72c0b22e,#0000 34%),linear-gradient(315deg,#ffc45738,#0000 42%),#f5f7f4;place-items:center;min-height:100svh;padding:18px 12px;display:grid}.game-card{text-align:center;background:#fffffff5;border:1px solid #dfe7df;border-radius:8px;width:min(100%,430px);padding:22px;box-shadow:0 18px 42px #31414d24}.eyebrow,.difficulty-chip{color:#237465;background:#e7f4ef;border-radius:999px;justify-content:center;align-items:center;min-height:28px;margin:0;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-flex}h1,h2,p{margin:0}h1{color:#14212c;margin-top:12px;font-size:2rem;line-height:1.18}.lead{color:#5c6973;margin-top:10px;font-size:1rem}.small-note{color:#74808a;margin-top:14px;font-size:.84rem}.mission-card{color:#52606a;background:#fff8e8;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:.9rem;font-weight:700}.difficulty-list{gap:10px;margin:24px 0 18px;display:grid}.difficulty-button{cursor:pointer;text-align:left;background:#fff;border:1px solid #dce5df;border-radius:8px;gap:2px;min-height:58px;padding:10px 14px;transition:background .15s,border-color .15s,transform .15s;display:grid}.difficulty-button span{color:#162531;font-weight:800}.difficulty-button small{color:#66737d;font-size:.82rem}.difficulty-button.is-selected{background:#eef9f5;border-color:#2f8f7f}.difficulty-button:active,.primary-button:active,.secondary-button:active,.choice-button:active{transform:translateY(1px)}.primary-button,.secondary-button,.choice-button{cursor:pointer;border-radius:8px;min-height:48px;font-weight:800}.primary-button{color:#fff;background:#2f8f7f;width:100%;box-shadow:0 10px 18px #2f8f7f38}.secondary-button{color:#24313f;background:#fff;border:1px solid #d8e1dc;width:100%}.play-screen{gap:14px;display:grid}.challenge-header{color:#52606a;letter-spacing:.08em;text-align:left;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;font-weight:900;display:flex}.challenge-header strong{color:#237465;letter-spacing:0;background:#e7f4ef;border-radius:999px;flex:none;padding:4px 10px;font-size:.8rem}.status-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.time-panel{background:#f2f6f3;border-radius:8px;gap:7px;padding:10px;display:grid}.time-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.time-row span{color:#65727d;font-size:.82rem;font-weight:700}.time-row strong{color:#14212c;font-size:1.22rem;line-height:1}.mission-line{color:#60707b;text-align:left;font-size:.78rem;font-weight:700;line-height:1.25}.time-gauge{background:#dce7df;border-radius:999px;height:10px;overflow:hidden}.time-gauge span{border-radius:inherit;background:linear-gradient(90deg,#2f8f7f,#f2b84b);width:100%;height:100%;transition:width .18s linear;display:block}.status-grid div,.result-stats div{background:#f2f6f3;border-radius:8px;min-width:0;padding:8px 6px;display:grid}.status-grid span,.result-stats span{color:#65727d;font-size:.78rem}.status-grid strong,.result-stats strong{color:#15232f;font-size:1.15rem;line-height:1.2}.play-stats span{font-size:.72rem}.play-stats strong{font-size:1.05rem}.question-area{background:#fff8e8;border-radius:8px;align-content:center;gap:10px;min-height:126px;padding:16px 12px;display:grid}.question-area h2{color:#14212c;font-size:2.35rem;line-height:1.1}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-button{color:#14212c;background:#fff;border:1px solid #d9e3dd;min-height:56px;font-size:1.28rem;transition:background 90ms,border-color 90ms,box-shadow 90ms,color 90ms,opacity 90ms,transform 90ms;box-shadow:0 8px 16px #31414d14}.choice-button:disabled{cursor:default}.choice-button.is-correct-choice{color:#fff;background:#1f7fd7;border-color:#176ecb;box-shadow:0 0 0 3px #1f7fd72e,0 10px 18px #1f7fd73d}.choice-button.is-wrong-choice{color:#fff;background:#d94b5d;border-color:#d03d4f;box-shadow:0 0 0 3px #d94b5d29,0 10px 18px #d94b5d33}.choice-button.is-muted-choice{opacity:.45;box-shadow:none}.feedback{color:#74808a;min-height:24px;font-size:.78rem;font-weight:700}.feedback.is-correct{color:#60707b}.play-back-button{color:#60707b;cursor:pointer;background:#fff;border:1px solid #d8e1dc;border-radius:8px;justify-self:center;min-height:34px;padding:6px 14px;font-size:.86rem;font-weight:800}.result-screen{gap:12px;display:grid}.result-screen h1{color:#14212c;margin-top:0;font-size:4rem;line-height:1}.result-card{background:linear-gradient(160deg,#2f8f7f1a,#0000 34%),linear-gradient(20deg,#f2b84b33,#0000 38%),#fff;border:1px solid #cbded6;border-radius:8px;gap:11px;padding:16px 12px 14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb8}.result-hero{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.result-kicker{color:#237465;letter-spacing:.1em;font-size:.8rem;font-weight:900}.result-label{color:#74808a;letter-spacing:.12em;font-size:.76rem;font-weight:900}.challenge-badge{color:#fff;white-space:nowrap;background:#1f7fd7;border:1px solid #1f7fd738;border-radius:999px;flex:none;padding:8px 11px;font-size:.9rem;font-weight:900;line-height:1;box-shadow:0 8px 18px #1f7fd72e}.result-tagline{color:#fff;background:#14212c;border-radius:999px;justify-self:center;margin-top:-4px;padding:5px 12px;font-size:.78rem;font-weight:900}.rank-row{grid-template-columns:.55fr 1.45fr;gap:8px;display:grid}.rank-row div{background:#e7f4ef;border:1px solid #2f8f7f1f;border-radius:8px;align-content:center;min-width:0;padding:10px 8px;display:grid}.rank-row span{color:#60707b;font-size:.72rem;font-weight:900}.rank-row strong{overflow-wrap:anywhere;color:#14212c;font-size:1.18rem;font-weight:900;line-height:1.25}.rank-row div:first-child strong{color:#1f7fd7;font-size:2.35rem;line-height:1}.style-row{gap:8px;display:grid}.style-row div{text-align:left;background:#fff8e8;border:1px solid #f2b84b2e;border-radius:8px;gap:3px;min-width:0;padding:10px 12px;display:grid}.style-row span{color:#60707b;letter-spacing:.04em;font-size:.72rem;font-weight:900}.style-row strong{overflow-wrap:anywhere;color:#14212c;font-size:1.06rem;font-weight:900;line-height:1.25}.style-row small{color:#60707b;font-size:.78rem;font-weight:700;line-height:1.35}.result-comment{color:#237465;font-size:1.05rem;font-weight:800}.result-card-cta{color:#fff;background:#14212c;border-radius:8px;padding:9px 10px;font-size:.86rem;font-weight:900}.result-card-cta span,.share-note span{white-space:nowrap;display:inline-block}.rank-badge{color:#237465;background:#e7f4ef;border-radius:999px;justify-self:center;padding:7px 14px;font-size:.95rem;font-weight:900}.blog-note{color:#52606a;background:#fff8e8;border-radius:8px;padding:12px;font-size:.92rem}.share-note,.copy-error{color:#52606a;background:#fff8e8;border-radius:8px;padding:10px 12px;font-size:.88rem;font-weight:700;line-height:1.45}.copy-error{color:#b33d4d;background:#fff1f2}.result-actions{gap:10px;display:grid}.text-button{color:#60707b;cursor:pointer;background:0 0;border-radius:8px;min-height:34px;font-size:.9rem;font-weight:800}@media (width<=380px){.app-shell{padding:10px}.game-card{padding:18px 14px}h1{font-size:1.75rem}.question-area h2{font-size:2rem}.choice-button{font-size:1.15rem}}