*{box-sizing:border-box}body{margin:0;background:#f3f0e5;color:#263f3c;font-family:ui-sans-serif,system-ui,sans-serif}button{font:inherit;cursor:pointer;color:inherit}header{text-align:center;padding:35px 20px 26px;background:radial-gradient(ellipse at 50% 0,#e1e8d8,transparent 70%)}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#647c6d}h1{font:60px/1 Georgia,serif;margin:12px 0 10px;letter-spacing:-2px}header p{font:italic 18px Georgia,serif;color:#7b886d;margin:0}main{max-width:1120px;padding:0 30px;margin:auto}nav{display:flex;gap:8px;justify-content:center;padding:12px 0 28px;flex-wrap:wrap}nav button{width:37px;height:37px;border:1px solid #c8d1bd;border-radius:50%;background:#fdfaf0;font:14px Georgia,serif}nav button.active{background:#285d50;color:#fff}nav button.complete{box-shadow:inset 0 0 0 3px #bdca96}.story{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}h2{font:30px Georgia,serif;font-weight:400;margin:8px 0 10px}.story p{font-size:14px;line-height:1.65;max-width:750px;color:#697a68;margin:0}.score{text-align:center;min-width:85px;padding:12px}.score strong{display:block;font:42px Georgia,serif}.score span,.score small{display:block;font-size:10px;color:#7b8972;margin-top:4px}.table{border:1px solid #ccd4bd;border-radius:15px;background:#e5eadb;padding:18px;box-shadow:0 14px 30px #344e2b0d}.table-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.5px;color:#64775e;padding:0 6px 13px}.places{display:grid;grid-template-columns:repeat(auto-fit,minmax(114px,1fr));gap:12px}.place{background:#fffdf4;border:1px solid #d0d8c0;border-radius:10px;overflow:hidden;text-align:center;position:relative;transition:transform .18s,box-shadow .18s}.place img{width:100%;aspect-ratio:1;display:block;object-fit:cover;mix-blend-mode:multiply}.place .count{position:absolute;right:9px;top:9px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#2f6356;color:white;font:bold 18px Georgia,serif;box-shadow:0 2px 5px #0002}.place.empty img{opacity:.42;filter:saturate(.5)}.place.empty .count{background:#a5b297}.place h3{font-size:11px;font-weight:600;margin:4px 3px}.place .target{font-size:10px;color:#839076;margin:7px 0 12px}.place.matched .target{color:#3c7a56}.place.incoming{box-shadow:0 0 0 3px #d2a45d}.place.outgoing{box-shadow:0 0 0 3px #6b9d93}.work{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:30px;margin:30px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-heading h2{font-size:25px;margin:0}.section-heading span{font-size:10px;color:#7c8973}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action{background:#fffcf2;border:1px solid #d2d8c4;border-radius:10px;padding:14px}.action button{display:block;width:100%;text-align:left;background:#2f6657;border:0;border-radius:7px;color:#fff;padding:12px;font-size:12px;font-weight:600}.action button:disabled{background:#dde3d4;color:#8b967e;cursor:default}.action p{font-size:10px;line-height:1.7;margin:8px 0 0;color:#798670}.action .reason{font-size:10px;color:#9a7659}.flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.flow strong{color:#466b58;font-weight:500}aside{border-left:1px solid #d0d7c1;padding-left:25px}aside h3{font:22px Georgia,serif;margin:2px 0 14px}aside p{font-size:13px;line-height:1.7;color:#6b7e69}#message{min-height:70px}.tools{display:flex;flex-wrap:wrap;gap:7px}.tools button{font-size:11px;background:#e1e8d6;border:0;border-radius:6px;padding:9px}.tools button:disabled{opacity:.4;cursor:default}#next{margin:15px 0;background:#b7684c;color:white;border:0;padding:12px;width:100%;border-radius:8px}details{font-size:11px;line-height:1.6;margin-top:22px;color:#63775f}summary{cursor:pointer;font-weight:600}details p{font-size:11px}footer{border-top:1px solid #d3d9c5;padding:22px 0 30px;font-size:10px;color:#849079;line-height:1.7}footer p{margin:0 0 7px}a{color:#467766}button:focus-visible,summary:focus-visible{outline:3px solid #b87550;outline-offset:3px}@media(max-width:700px){main{padding:0 16px}.work{grid-template-columns:1fr;gap:22px}aside{border-left:0;border-top:1px solid #ccd4bd;padding:20px 0 0}.places{grid-template-columns:repeat(3,1fr);gap:8px}.place h3{font-size:10px}.table{padding:12px}.place .count{width:27px;height:27px;right:5px;top:5px;font-size:16px}.story{gap:8px}.story p{font-size:12px}h2{font-size:26px}.score{min-width:60px;padding:3px}.score strong{font-size:32px}header{padding:25px 15px 22px}h1{font-size:48px}.table-top{font-size:8px;letter-spacing:.7px}.actions{gap:8px}.action{padding:10px}.action button{font-size:11px;padding:10px}.section-heading span{font-size:9px}.section-heading h2{font-size:23px}}