*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f0e6;color:#253c36;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}header,main{max-width:1160px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #d9d7c9}.brand{color:inherit;text-decoration:none;font-weight:800;font-size:27px}.brand span{font-size:10px;letter-spacing:.18em;margin-left:12px}main{padding:0 28px}.badge{font-size:12px;font-weight:700;letter-spacing:.04em;border:1px solid #c6cabe;border-radius:30px;padding:6px 13px;background:#fffdf7;white-space:nowrap}.hero{display:flex;justify-content:space-between;align-items:center;padding:48px 0 30px;gap:32px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;margin:0 0 10px;color:#596b59}h1{font:700 clamp(44px,6vw,78px)/1.04 Georgia,serif;letter-spacing:-.04em;margin:10px 0 20px}.dot{color:#a65a3c}.intro{color:#586459;font-size:18px}.hero-art{border:1px solid #c7c8b9;border-radius:130px 130px 8px 8px;width:245px;min-width:180px;padding:25px 35px;background:#e5e8d7;transform:rotate(4deg);text-align:center;box-shadow:9px 9px 0 #d5d8c7}.hero-art img{width:125px;height:125px}.hero-art span{display:block;font-family:Georgia,serif;font-size:15px}.guide{padding:15px 19px;background:#e9e8db;border-radius:10px}summary{cursor:pointer;font-weight:650}details p,details li{font-size:14px}li+li{margin-top:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0}.toolbar label{display:block;font-size:12px;font-weight:750;margin-bottom:6px}.toolbar select{min-width:290px}.progress{text-align:right;max-width:250px}.progress strong,.progress span{display:block}.progress span{font-size:12px;color:#5e695e}select,button{font:inherit;border:1px solid #a7b4a5;background:#fffdf7;color:#253c36;border-radius:7px;padding:10px 13px}select{max-width:100%;cursor:pointer}button{cursor:pointer;font-size:14px;font-weight:600;min-height:44px}button:hover{background:#e6eadf}button:disabled{opacity:.45;cursor:default}.primary{background:#294c3f;color:white;border-color:#294c3f}.primary:hover{background:#1d3b30}:focus-visible{outline:3px solid #a85b37;outline-offset:3px}.play{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px}.gallery{padding:25px;background:#fffcf4;border:1px solid #dad9ca;border-radius:12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{font:700 28px/1.2 Georgia,serif;margin:0 0 12px}.orientation{font-size:11px;letter-spacing:.06em;color:#677464;margin:23px 0}.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.case{min-width:0;border:1px solid #d4d7c8;border-radius:60px 60px 8px 8px;background:#f0f1e5;text-align:center;padding:15px 9px 10px}.case label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.case img{display:block;width:72px;height:72px;margin:0 auto 15px}.case .empty{height:72px;margin-bottom:15px;display:grid;place-items:center;color:#8d9b85;font:32px Georgia}.case select{font-size:12px;width:100%;padding:10px 2px;border-radius:5px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.message{padding:12px 15px;border-left:3px solid #829a78;background:#edf0e4;font-size:14px;min-height:48px}.message.success{background:#e0edde;border-color:#386c40}.message.warning{background:#f5e6d8;border-color:#a25f3b}.hint-list{font-size:14px;padding-left:23px}.answer-control{border-top:1px solid #dddcca;padding-top:18px}.answer-control button{font-size:12px}.answer-control p{font-size:12px;margin:5px 0;color:#63715f}#answer{margin-top:15px;padding:15px;background:#e9ecdf;border-radius:7px}#answer h3{margin-top:0}#answer ol{padding-left:20px;font-size:14px}.clue-panel{background:#e5e9dd;border-radius:12px;padding:27px 22px;height:fit-content}.clue-panel>p:not(.eyebrow){font-size:13px;color:#54634f}.clue-panel ol{padding-left:22px;margin-top:24px;font-size:15px}.clue-panel li{padding-left:5px;margin-top:16px}.note{margin-top:32px;padding-top:18px;border-top:1px solid #bac5af;font:italic 19px/1.4 Georgia,serif;color:#576a50}.bottom-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:28px 0}.bottom-nav span{font-size:13px}footer{border-top:1px solid #d8d8c9;padding:22px 0 35px;font-size:12px;color:#5c6b59}footer p{margin:4px 0}footer details{margin-top:14px}footer details p{max-width:800px}footer a{color:#294c3f}footer button{margin-top:10px}@media(max-width:850px){.play{grid-template-columns:1fr}.clue-panel{grid-row:1}.clue-panel ol{columns:2;column-gap:30px}.clue-panel li{break-inside:avoid;margin-top:8px}.note{display:none}.hero-art{width:180px;padding:20px}.hero-art img{width:100px;height:100px}.hero{padding-top:35px}}@media(max-width:560px){main{padding:0 15px}header{padding:17px 15px}.brand span{display:none}.hero{gap:10px}.hero-art{display:none}.intro{font-size:16px}.toolbar{display:block}.toolbar select{width:100%;min-width:0}.progress{max-width:none;text-align:left;margin-top:12px}.gallery{padding:18px 12px}.cases{grid-template-columns:repeat(2,minmax(0,1fr))}.clue-panel ol{columns:1}.section-head h2{font-size:24px}.bottom-nav button{font-size:12px;padding:9px}.orientation span{display:none}}