:root{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#382b20;background:#f5f0e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;font-size:17px;font-weight:600;color:#4a3827;min-height:48px;border:1px solid #cfc1ac;border-radius:10px;background:#fffdf7;padding:10px 16px;cursor:pointer}button:hover{background:#eee3d0}button:disabled{opacity:.5;cursor:default}button:focus-visible,canvas:focus-visible{outline:4px solid #1778c0;outline-offset:3px}header{max-width:1500px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;gap:20px}.brand{display:flex;gap:14px;align-items:center}.emblem{font-size:45px;color:#9c583d}.eyebrow{font-size:14px;color:#877359;margin:0 0 5px;letter-spacing:1px}h1{font-size:28px;margin:0;letter-spacing:-1px}.header-actions{display:flex;gap:8px}main{max-width:1500px;margin:auto;padding:0 28px 20px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dfd4c2;padding:18px 0}.welcome p{font-size:18px;margin:0}.welcome span{font-size:14px;color:#807059;white-space:nowrap}nav{display:flex;gap:10px;margin-bottom:20px}nav button{padding:13px 23px;display:flex;gap:9px;align-items:center}nav button[aria-pressed=true]{background:#735540;color:#fff7e8;border-color:#735540}nav small{font-size:13px;opacity:.85}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.picture-card{background:#fffaf1;border:1px solid #d9cbb5;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #50371c0a}.picture-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}h2{font-size:22px;margin:0}.picture-heading span{font-size:14px;color:#8a775e}#viewport{position:relative;background:#4d3a2c;aspect-ratio:3/2;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff5df;background:#4d3a2c;padding:20px;text-align:center;pointer-events:none;font-size:20px}#loading[hidden]{display:none}.picture-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px}.zoom{display:flex;align-items:center;gap:8px}.zoom button{padding:5px 14px}.zoom span{font-size:16px;min-width:48px;text-align:center}.picture-tools p{font-size:13px;color:#8a775e;margin:0}aside{background:#fffcf5;border:1px solid #dfd3be;border-radius:16px;padding:20px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.list-heading span{font-size:17px;font-weight:bold;color:#9d583a}.progress-track{height:6px;background:#e8decd;border-radius:10px;margin:16px 0 20px}#progress-bar{height:100%;background:#72905c;border-radius:10px;transition:width .25s}#targets{display:grid;gap:9px}.target{display:flex;align-items:center;gap:12px;border:1px solid #e0d5c3;padding:7px 10px;border-radius:9px;min-height:64px;background:#f8f1e4}.target canvas{width:58px;height:52px;flex:none;cursor:default}.target span{font-size:19px;font-weight:600;line-height:1.3}.target.done{background:#e8efdf;border-color:#b4c7a1}.target.done span{text-decoration:line-through;color:#49633a}.side-actions{display:grid;gap:9px;margin-top:20px}.primary{background:#8e5035;color:#fff8ee;border-color:#8e5035}.primary:hover{background:#75412c}#message{font-size:17px;line-height:1.65;min-height:70px;margin:16px 0 10px}#save-note{font-size:13px;color:#8a775e;line-height:1.6;margin:0}footer{font-size:14px;color:#8a775e;text-align:center;padding:22px 10px}dialog{border:1px solid #bea888;border-radius:18px;background:#fffaf0;padding:30px;max-width:560px;width:calc(100% - 32px);font-size:18px;line-height:1.7;color:#382b20}dialog::backdrop{background:#30251ed0}dialog h2{font-size:27px;line-height:1.3}dialog p{margin:18px 0}dialog li{margin-bottom:8px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.celebrate{font-size:55px;color:#a66542}dialog form{text-align:right}@media(max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}aside{padding:14px}.picture-tools p,.picture-heading span{display:none}.target span{font-size:17px}header{padding:20px}main{padding:0 20px 15px}}@media(max-width:760px){header{padding:16px;flex-wrap:wrap;gap:14px}h1{font-size:24px}.emblem{font-size:37px}.header-actions{width:100%}.header-actions button{flex:1;padding:8px;font-size:15px}main{padding:0 12px}.welcome{padding:14px 3px}.welcome p{font-size:16px;line-height:1.5}.welcome span{display:none}nav{gap:6px;margin-bottom:12px}nav button{flex:1;padding:9px 5px;display:block;font-size:15px}nav small{display:block;margin-top:3px}.game-layout{grid-template-columns:1fr;gap:14px}.picture-heading{padding:12px 14px}.picture-heading h2{font-size:19px}.picture-tools{padding:10px}.zoom{width:100%;justify-content:center}.zoom button{flex:1;max-width:125px}aside{padding:16px}#targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.target{gap:7px;padding:7px}.target canvas{width:45px;height:45px}.target span{font-size:16px}.side-actions{grid-template-columns:1fr 1fr}#message{min-height:0}footer{padding:18px 6px}}@media(prefers-reduced-motion:reduce){#progress-bar{transition:none}}