*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.stepper-step{transition:none}.loading-shimmer{animation:none;background:#e8ecf0}}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.4;color:#0f1419;background:#f4f5f7}a{color:#1d4ed8;text-decoration:underline;text-underline-offset:.12em}a:hover{color:#1e3a8a}a:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px;border-radius:2px}.skip-link{position:absolute;left:-10000px;top:.25rem;z-index:100;padding:.4rem .75rem;background:#0c1b2a;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;border-radius:4px}.skip-link:focus,.skip-link:focus-visible{left:.25rem;outline:2px solid #7dd3fc;outline-offset:2px}#main-content:focus{outline:none}.app{max-width:52rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.app-loading{min-height:60vh;display:flex;align-items:center;justify-content:center}.loading-card{width:100%;max-width:22rem;padding:1.5rem 1.25rem;background:#fff;border:1px solid #d8dee4;border-radius:12px;box-shadow:0 4px 24px #0f14190f}.loading-shimmer{height:6px;border-radius:3px;background:linear-gradient(90deg,#e8ecf0,#f4f6f8,#e8ecf0);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;margin-bottom:1rem}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-title{margin:0 0 .35rem;font-size:1.1rem;font-weight:600}.loading-hint{margin:0;font-size:.9rem}.title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.25rem}.header h1{font-size:1.5rem;margin:0;font-weight:700;letter-spacing:-.02em;color:#0c1b2a}.tagline{margin:0 0 .75rem;font-size:.98rem;color:#4a5c6a}.deck-line{margin:0 0 1rem;font-size:.95rem}.badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:4px}.badge-live{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7}.badge-local{background:#eceff1;color:#37474f;border:1px solid #cfd8dc}.stepper{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem;margin:0 0 1rem;padding:.75rem .85rem;background:#fff;border:1px solid #d8dee4;border-radius:10px}.stepper-step{flex:1;min-width:0;text-align:center;padding:.35rem .25rem;border-radius:8px;border:1px solid transparent;opacity:.55;transition:opacity .15s ease,border-color .15s ease,background .15s ease}.stepper-step.active{opacity:1;border-color:#b7c9d6;background:#f7fafc}.stepper-step.done{opacity:1}.stepper-step.stepper-na:not(.active){opacity:.35}.stepper-num{display:block;font-size:.7rem;font-weight:800;color:#78909c}.stepper-step.active .stepper-num,.stepper-step.done .stepper-num{color:#0c1b2a}.stepper-label{display:block;font-size:.78rem;font-weight:600;color:#37474f;margin-top:.15rem}.stepper-sub{display:block;font-size:.68rem;color:#607d8b;margin-top:.2rem;font-variant-numeric:tabular-nums}.stepper-gap{width:.5rem;flex-shrink:0;align-self:center;border-top:1px dashed #cfd8dc;margin-top:1rem}.feedback-banner{margin:0 0 .85rem;padding:.6rem .85rem;border-radius:8px;font-size:.92rem;line-height:1.35;border:1px solid transparent}.feedback-green{background:#e8f5e9;border-color:#a5d6a7;color:#1b5e20}.feedback-yellow{background:#fff8e1;border-color:#ffe082;color:#5d4037}.feedback-red{background:#ffebee;border-color:#ffcdd2;color:#b71c1c}.feedback-neutral{background:#eceff1;border-color:#cfd8dc;color:#37474f}.technical>summary{font-size:.88rem;color:#607d8b}kbd{font-family:ui-monospace,monospace;font-size:.8em;padding:.1em .35em;border:1px solid #cfd8dc;border-radius:4px;background:#fff}.status-strip{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:baseline;margin:1rem 0;padding:.65rem .9rem;background:#fff;border:1px solid #d8dee4;border-radius:8px;font-size:.92rem}.stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#78909c}.stat-tallies{flex:1;min-width:12rem}.tally{font-size:.85rem;margin-right:.65rem}.tally-g{color:#1b5e20}.tally-y{color:#e65100}.tally-r{color:#b71c1c}.card-play{background:#fff;border:1px solid #d8dee4;border-radius:12px;padding:1rem 1.1rem 1.15rem;box-shadow:0 2px 12px #0f14190a}.play-title{display:flex;flex-direction:column;gap:.15rem;font-size:1.15rem;margin:0 0 .35rem;color:#0c1b2a}.play-sub{font-size:.8rem;font-weight:500;color:#607d8b;font-family:ui-monospace,monospace}.choice-hint{margin:0 0 .75rem;font-size:.88rem}.run-log{margin-top:1.5rem;padding:.6rem .85rem;background:#fafbfc;border:1px solid #e8eaed;border-radius:8px;font-size:.88rem}.run-log>summary{cursor:pointer;font-weight:600;color:#546e7a}.run-log>summary:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px;border-radius:2px}.log-block{margin-top:.5rem}.log-heading{display:block;margin:.5rem 0 .25rem;font-size:.8rem;color:#78909c}.log{display:flex;justify-content:space-between;gap:.75rem;padding:.2rem 0;border-bottom:1px solid #eceff1}.log:last-child{border-bottom:none}.log-id{font-family:ui-monospace,monospace;font-size:.82rem;color:#37474f}.log-pending{color:#b0bec5}.log-out{font-weight:600;font-size:.82rem}.log-out-green{color:#1b5e20}.log-out-yellow{color:#e65100}.log-out-red{color:#b71c1c}.log-correct{color:#1b5e20}.log-miss{color:#c62828}.evidence-log-inner{margin-top:.5rem;padding-top:.35rem;border-top:1px dashed #dee4e8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:#5c6975;font-size:.95rem;margin:0}.tutorial{margin:1rem 0 0;padding:.6rem .85rem;background:#fff;border:1px solid #d8dee4;border-radius:8px;font-size:.95rem}.tutorial .tutorial-summary{cursor:pointer;font-weight:600;color:#1b2d3a}.tutorial .tutorial-summary:focus,.tutorial .tutorial-summary:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px;border-radius:2px}.tutorial-steps{margin:.6rem 0 .15rem;padding-left:1.2rem;color:#38444d;line-height:1.45}.tutorial-steps li{margin:.4rem 0}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Code,SFMono-Regular,Menlo,monospace}.panel{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin:1.25rem 0;padding:.75rem 1rem;background:#fff;border:1px solid #d8dee4;border-radius:8px}.panel .field{display:flex;align-items:center;gap:.4rem}.field-seed{flex-direction:column;align-items:flex-start;gap:.2rem}.field-seed input{min-width:5rem;max-width:7rem;font:inherit;padding:.3rem .45rem;border:1px solid #b7c0c9;border-radius:4px}.panel select{min-width:12rem;max-width:20rem;font:inherit;padding:.35rem .5rem;border-radius:4px;border:1px solid #b7c0c9;background:#fff}.status{margin:.75rem 0;font-size:.95rem}.play h2{font-size:1.1rem;margin:1rem 0 .75rem}.grid{display:grid;grid-template-columns:1fr;gap:.65rem}@media(min-width:36rem){.grid{grid-template-columns:1fr 1fr}}.choice{padding:.7rem .85rem;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;line-height:1.4;border-radius:6px;border:1px solid #2d6a4f;background:#fff;cursor:pointer}.choice:focus,.choice:focus-visible{outline:2px solid #1b4332;outline-offset:2px}.choice:focus:not(:focus-visible){outline:none}.choice:disabled{cursor:not-allowed;opacity:.6}.choice-index{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#1b4332}.choice-text{font-size:.9rem;font-weight:400;color:#0f1419}.choice:hover{background:#d8f3dc}.pack-id{font-size:.88em}.evidence{border-top:1px solid #d8dee4;padding-top:1rem;margin-top:.5rem}.evidence-prompt{margin:0 0 .75rem;line-height:1.4;font-size:.95rem}.choice-evidence{border-color:#1d3557}.choice-evidence:hover{background:#e8f0fe}.evidence-log{margin-top:1.25rem;padding-top:.75rem;border-top:1px solid #d8dee4}.complete{color:#0c1b2a;margin-bottom:1rem}.complete>p:first-of-type{font-weight:500;margin:0 0 .5rem}.complete .play-title{font-size:1.1rem;margin:0 0 .5rem}.complete .ao-outcome{font-weight:400;margin-top:.5rem}.hint{margin-top:.75rem}code{font-size:.88em}.log{font-size:.9rem;color:#38444d;margin:.2rem 0}