*{box-sizing:border-box;margin:0}body{background:linear-gradient(180deg,#463226,#32231a);color:#f1e6d8;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;min-height:100vh;display:flex;justify-content:center}.app{width:min(1000px,100%);padding:16px;display:flex;flex-direction:column;gap:10px}header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}h1{font-size:1.6rem;letter-spacing:1px;color:#f3cdb4}.stats{display:flex;gap:16px;align-items:center}.stats b{color:#f3cdb4}.stats button{background:#5a4332;color:#f1e6d8;border:1px solid #82613f;border-radius:8px;padding:4px 10px;cursor:pointer}.stats button:hover{background:#6e5340}.stage{position:relative}canvas{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 10px 30px #1e12088c;cursor:crosshair;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#28190e80;border-radius:12px}.card{background:#4a3727;border:1px solid #82613f;padding:24px 32px;border-radius:16px;text-align:center;display:flex;flex-direction:column;gap:10px}.card h2{color:#f3cdb4}.card button{background:#e8a87c;border:none;color:#3a2716;font-weight:700;font-size:1rem;padding:10px 18px;border-radius:10px;cursor:pointer}.card button:hover{filter:brightness(1.08)}.hint{opacity:.65;font-size:.85rem;text-align:center}.hint-touch{display:none}.fs-btn{display:none;font-size:1rem;line-height:1}.a2hs{position:relative;margin-top:4px;max-width:280px;padding:10px 30px 10px 12px;background:#e8a87c29;border:1px solid #82613f;border-radius:10px;font-size:.82rem;line-height:1.35}.a2hs p{margin:0}.a2hs b{color:#f3cdb4}.a2hs-close{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;background:transparent;border:none;color:#f1e6d8;opacity:.6;cursor:pointer;font-size:.85rem;line-height:1}.a2hs-close:hover{opacity:1}.rotate-hint{display:none}@media(pointer:coarse){html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{min-height:100dvh}.app{height:100dvh;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));gap:4px}header{gap:6px}h1{font-size:1.05rem}.stats{gap:8px;font-size:.8rem}.stats button{padding:3px 7px;font-size:.78rem}.fs-btn{display:inline-flex;align-items:center;justify-content:center}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}canvas{width:auto;height:auto;max-width:100%;max-height:100%}.hint-mouse{display:none}.hint-touch{display:block}}@media(pointer:coarse)and (orientation:portrait){.stage>canvas,.stage>.overlay{visibility:hidden}.hint{display:none}.rotate-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;text-align:center;color:#f3cdb4}.rotate-emoji{font-size:3rem;animation:rotate-wiggle 1.8s ease-in-out infinite}}@keyframes rotate-wiggle{0%,to{transform:rotate(-12deg)}50%{transform:rotate(78deg)}}