*{box-sizing:border-box}body{margin:0;background:#f6f3e9;color:#263d32;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d78a49;outline-offset:4px}header{max-width:1400px;margin:auto;padding:28px 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8decd}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:2px}.brandmark{display:grid;place-items:center;background:#294b39;color:#f4eddb;width:43px;height:43px;border-radius:14px;font-family:Georgia;font-size:34px;letter-spacing:-4px;padding-right:5px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:6px}.headright{font-size:12px;color:#68756b}.dot,.live-dot{display:inline-block;background:#7b975b;border-radius:50%;width:7px;height:7px;margin-right:9px}main{max-width:1290px;margin:0 auto;padding:40px 36px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px}.eyebrow span{color:#d18b53;margin:0 12px}h1{font-family:Georgia,serif;font-weight:normal;font-size:43px;letter-spacing:-1.5px;margin:12px 0}h1 span{color:#ce8850}.heading p{font-size:14px;color:#718072;margin:0}.plain{background:transparent;border:1px solid #c7cfbd;border-radius:30px;padding:12px 20px;font-size:12px;color:#294b39}.plain span{margin-left:20px}.gamewrap{border:1px solid #cdd5c2;border-radius:18px;overflow:hidden;background:#fffdf5;box-shadow:0 14px 40px #273d3210}.gamebar,.gamefoot{display:flex;justify-content:space-between;align-items:center;padding:13px 22px}.gamebar{font-size:12px}.tools{display:flex;gap:8px;align-items:center}.tools button{border:0;background:#eef1e5;color:#40583c;border-radius:7px;padding:7px 11px;font-size:12px}#stage{position:relative;aspect-ratio:2/1;overflow:hidden;background:#dce8b9}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#overlay{position:absolute;inset:0;background:linear-gradient(90deg,#edf0d7f2 0%,#edf0d7dd 36%,#edf0d700 68%);display:flex;align-items:center;padding:4% 6%}.intro{max-width:570px}.pill{font-size:9px;letter-spacing:2px;color:#607346;border:1px solid #8d9f6c;border-radius:30px;display:inline-block;padding:9px 12px}h2{font:normal 50px/1.05 Georgia,serif;letter-spacing:-1.5px;margin:20px 0;color:#294b39}.intro p{font-size:13px;line-height:1.8;color:#667453}.primary{border:0;border-radius:10px;background:#2d513b;color:#fffbee;padding:16px 24px;font-weight:bold;font-size:14px;box-shadow:0 4px 0 #1d3928}.primary span{margin-left:35px}.secondary{display:block;background:transparent;border:0;padding:15px 0;color:#516646;font-size:12px;text-decoration:underline;text-underline-offset:4px}.keyhint{font-size:10px;color:#687656;margin-top:8px;display:flex;align-items:center;gap:6px}kbd{background:#ffffe8a0;border:1px solid #b5c19d;border-bottom-width:3px;border-radius:4px;padding:4px 6px}.keyhint span{margin:0 7px}.gamefoot{font-size:10px;color:#748267}.gamefoot span:last-child{font-size:8px;letter-spacing:1px}.below{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:30px}.mission{display:flex;gap:22px;padding:15px 0}.num{color:#9ba786;font:24px Georgia}h3{font:normal 20px Georgia;margin:0 0 9px}.below p{font-size:12px;line-height:1.7;color:#78806c;margin:0}.meet{display:flex;gap:20px;align-items:center;padding-left:25px;border-left:1px solid #d5dacb}.meet img{width:76px;height:88px;object-fit:cover;object-position:50% 30%;border-radius:40px 40px 10px 10px}.meet small{display:block;color:#a17e51;font-size:8px;letter-spacing:1.4px;margin-bottom:9px}.meet h3{font-size:18px}footer{max-width:1218px;margin:0 auto;padding:25px 0;border-top:1px solid #d5dacb;display:flex;justify-content:space-between;color:#87927b;font-size:10px}footer b{color:#496047;letter-spacing:2px}#hud{position:absolute;top:20px;left:25px;right:25px;display:flex;gap:12px;pointer-events:none}#hud[hidden]{display:none}#hud span{background:#fffdf0e8;border-radius:22px;padding:10px 15px;font-weight:bold;font-size:13px;box-shadow:0 3px 0 #4d674220}#hearts{margin-left:auto;color:#ce795d}#touch{display:none;position:absolute;bottom:20px;left:20px;right:20px;justify-content:space-between;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;user-select:none;border:2px solid #ffffffa0;background:#ffffff80;color:#294b39;border-radius:16px;width:58px;height:52px;font-size:24px;margin:3px}dialog{border:1px solid #c5ceb6;border-radius:20px;padding:40px;max-width:520px;width:90%;background:#f8f6eb;color:#294b39;box-shadow:0 20px 90px #153b3844}dialog::backdrop{background:#163b32aa;backdrop-filter:blur(5px)}.close{position:absolute;top:10px;right:15px;border:0;background:none;color:#526846;font-size:26px}dialog h2{font-size:32px}dialog p{line-height:1.8;font-size:14px}.levelgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.levelgrid button{border:1px solid #bbc7a8;background:#e3eacb;color:#294b39;border-radius:10px;padding:16px}.levelgrid button:disabled{opacity:.4;cursor:default}@media(pointer:coarse){#touch{display:flex}}@media(max-width:750px){header{padding:18px 20px}.headright{display:none}main{padding:25px 12px}.heading{padding:0 5px}.heading h1{font-size:29px}.heading p{font-size:11px}.plain{font-size:0;padding:10px}.plain span{font-size:16px;margin:0}#stage{aspect-ratio:1.25/1}canvas{width:160%;max-width:none;transform:translateX(-18.75%)}#overlay{padding:25px;background:#edf0d7dc}h2{font-size:36px}.intro p{font-size:12px}.keyhint{display:none}.gamefoot span:last-child{display:none}.gamefoot{padding:12px;font-size:9px}.below{grid-template-columns:1fr;gap:20px;margin:15px}.meet{padding:18px 0 0;border-left:0;border-top:1px solid #d5dacb}.gamebar{padding:10px}.gamebar strong{font-size:10px}.tools button{padding:7px}footer{margin:0 25px;font-size:9px}footer span:nth-child(2){display:none}#hud{top:12px;left:10px;right:10px;gap:5px}#hud span{font-size:10px;padding:8px}dialog{padding:30px}.primary{padding:14px 20px}}
