:root{font-family:Arial,Helvetica,sans-serif;color:#263448;background:#f8fafb;font-synthesis:none;--teal:#0f8177;--muted:#64748b}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0fa695;outline-offset:4px}[hidden]{display:none!important}.app{max-width:740px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}nav a,.result-actions a{font-size:.875rem;color:#536b84;text-underline-offset:4px}.nav-actions{display:flex;align-items:center;gap:12px}.secondary,.help{border:1px solid #d8e0e9;background:white;color:#566b84;border-radius:8px;padding:8px 15px;min-height:38px}.secondary:disabled{opacity:.45}.help{border-radius:50%;width:36px;padding:0;font-weight:700}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border:1px solid #e5eaf0;border-radius:0 0 14px 14px;padding:15px 17px;box-shadow:0 3px 4px #27374d13}.topbar h1{font:700 25px Georgia,serif;margin:0 0 5px}.topbar p{font-size:.875rem;color:var(--muted);margin:0;line-height:1.5}.progress{display:flex;align-items:center;gap:12px;flex-shrink:0}.board-label{font-size:.8125rem;color:#526c80;font-weight:700;background:#f2f6f9;padding:8px 10px;border-radius:8px;white-space:nowrap}.lives{display:flex;gap:4px}.heart{width:18px;height:18px;fill:#13a999}.heart.lost{fill:#d9e2e9}.board-area{padding:22px 35px 0}.board-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.75rem;color:#6d7c91;text-transform:uppercase;letter-spacing:.45px;font-weight:700;margin:0 4px 10px;font-variant-numeric:tabular-nums}.board-shell{position:relative;aspect-ratio:1;background:linear-gradient(150deg,#f0f4f8 4%,#f0fdfa 96%);border:1px solid #e0e8eb;border-radius:26px;box-shadow:0 14px 17px #283d4a12;overflow:hidden}.board{position:absolute;inset:0;width:100%;height:100%;outline:none}.chest{position:absolute;width:20%;aspect-ratio:100/96;transform:translate(-50%,-50%) rotate(var(--turn));padding:0;border:0;border-radius:12px;background:none;line-height:0;-webkit-tap-highlight-color:transparent}.chest svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 1px #154c3913)}.chest:hover:enabled svg{filter:drop-shadow(0 3px 4px #16544835)}.chest:focus-visible{outline:3px dashed #0c9e92;outline-offset:6px}.chest:disabled{opacity:1}.chest.revealed svg{filter:drop-shadow(0 0 10px #ffc40030)}.chest.error svg{filter:drop-shadow(0 0 9px #b4513935)}.feedback{text-align:center;font-size:.875rem;color:#526f83;line-height:1.6;margin:20px 0 0;min-height:44px}.feedback.error-text{color:#a34d3a}.actions{text-align:center;margin-top:18px}.primary{background:var(--teal);color:white;border:0;border-radius:9px;padding:13px 23px;font-weight:700;min-height:46px}.primary:hover:enabled{background:#0b6a63}.primary:disabled{opacity:.45}.hint{font-size:.8125rem;color:#8895a7;line-height:1.6;text-align:center;margin:14px 0 0}.practice-label,footer{text-align:center;color:var(--muted);font-size:.75rem;line-height:1.7;margin:20px 0}footer{border-top:1px solid #e5eaf1;padding-top:20px;margin-top:35px}.next-panel{text-align:center;padding:8px 0 4px}.next-panel h2{font:700 25px Georgia,serif;margin:5px 0 10px}.next-panel p{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0 0 16px}.paused{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center}.pause-icon{display:block;font-size:48px;letter-spacing:3px;color:var(--teal);margin:15px}.paused h2{font:700 25px Georgia,serif;margin:8px 0}.paused p{color:var(--muted);line-height:1.6;font-size:.9375rem;margin:12px 0 20px}.results{padding:30px;background:white;border:1px solid #e2e8ef;border-radius:20px;margin-top:24px}.eyebrow{font-size:.6875rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:2.2px;margin:0 0 9px;line-height:1.5}.results h2{font:700 30px Georgia,serif;margin:12px 0}.results h3{font:700 22px Georgia,serif;margin:30px 0 10px}.results p{color:var(--muted);line-height:1.6;font-size:.9375rem}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0}.stat{background:#eef8f6;border-radius:10px;padding:18px 13px}.stat strong{font-size:26px;display:block;color:var(--teal)}.stat span{display:block;font-size:.8125rem;color:#596f86;margin-top:7px;line-height:1.5}.error-stats{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #e6ecef;border-bottom:1px solid #e6ecef;padding:5px 0}.error-stats p{font-size:.875rem;margin:10px 0}.error-stats b{color:#9b5648}.result-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:24px 0}.review details{border:1px solid #e1e7ef;border-radius:12px;margin-top:12px;overflow:hidden}.review summary{padding:15px;cursor:pointer;font-size:.875rem;color:#4c6079;font-weight:700;line-height:1.5}.review summary span{font-weight:400;display:block;margin-top:4px}.review-body{padding:4px 16px 18px}.review-body p{font-size:.875rem;margin:12px 0 5px}.review ol{padding-left:20px;font-size:.875rem;color:#52677e;line-height:1.7;margin:0 0 14px}.practice-note{font-size:.8125rem!important;background:#eef8f6;padding:14px;border-radius:9px;line-height:1.6;color:#5e6e88}dialog{width:calc(100% - 32px);max-width:610px;max-height:calc(100% - 32px);overflow:auto;border:0;border-radius:20px;padding:32px;color:#29364c;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#24314b70}dialog h2{font:700 27px Georgia,serif;margin:15px 0}dialog p,dialog li{font-size:.9375rem;line-height:1.7;color:#596e88}dialog ol{padding-left:22px}dialog li{margin:9px 0}.close-help{position:absolute;right:12px;top:10px;border:0;background:none;color:#5e7086;font-size:28px;width:36px;height:36px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:650px){.app{padding:16px 8px}.board-area{padding:20px 35px 0}.topbar{padding:13px 15px;gap:12px}.topbar h1{font-size:23px}.progress{gap:7px}.board-label{font-size:.75rem;padding:7px}.topbar p{font-size:.8125rem}.board-meta{font-size:.6875rem}.results{padding:24px 20px}.stats{gap:8px}.stat{padding:16px 10px}.stat strong{font-size:22px}}
@media(max-width:500px){.topbar{align-items:flex-start}.progress{flex-direction:column;align-items:flex-end;gap:7px}.board-area{padding:20px 15px 0}.board-shell{border-radius:22px}.feedback{font-size:.8125rem}.board-meta{letter-spacing:0;font-size:.625rem}.chest{border-radius:8px}.chest:focus-visible{outline-offset:3px}.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;gap:15px}.stat span{margin:0}.paused h2{font-size:22px}.paused p{font-size:.8125rem}.pause-icon{font-size:30px}.paused .primary{padding:11px 16px}}
@media(prefers-reduced-motion:reduce){.chest svg{filter:none!important}}