*{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;aspect-ratio:960 / 540;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)}.card-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.card-actions button{background:#5a4332;color:#f1e6d8;font-size:.9rem;padding:8px 12px}.ad-overlay{background:#0a0603c7;z-index:5}.ad-card{position:relative;width:min(420px,86%);background:linear-gradient(160deg,#1b2a4a,#122038);border:2px solid #4f7fd0;border-radius:16px;padding:28px 24px 18px;text-align:center;color:#eaf1ff;box-shadow:0 14px 40px #0000008c;display:flex;flex-direction:column;gap:10px}.ad-label{position:absolute;top:8px;left:11px;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;opacity:.55}.ad-card h2{font-size:1.7rem;letter-spacing:2px;color:#8fc0ff}.ad-tagline{font-style:italic;opacity:.85;font-size:.88rem;line-height:1.4}.ad-body{font-size:.92rem;line-height:1.45}.ad-skip{align-self:flex-end;margin-top:6px;background:#ffffff1f;color:#eaf1ff;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:6px 12px;font-size:.82rem;cursor:pointer}.ad-skip:disabled{opacity:.5;cursor:default}.ad-skip:not(:disabled):hover{background:#ffffff38}.replay-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:2}.replay-bar button{background:#e8a87c;border:none;color:#3a2716;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer}.replay-bar 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}.touch-footer{display:flex;flex-direction:column;align-items:center;gap:4px}.touch-bar{display:flex;justify-content:center;align-items:center;gap:10px}.touch-bar button{background:#5a4332;color:#f1e6d8;border:1px solid #82613f;border-radius:8px;padding:3px 9px;font-size:.78rem;line-height:1.2;white-space:nowrap;cursor:pointer}.touch-bar .fs-btn{font-size:.95rem;line-height:1}.touch-bar button:hover{background:#6e5340}@media(pointer:coarse){html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{min-height:100dvh}.app{position:fixed;top:0;left:0;width:100vw;height:100dvh;max-width:none;padding:0;gap:0}header{position:absolute;top:0;left:0;right:0;z-index:10;gap:6px;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 14px max(10px,env(safe-area-inset-left));background:linear-gradient(180deg,#1c11099e,#1c110900);pointer-events:none}header button{pointer-events:auto}h1{font-size:1.05rem;text-shadow:0 1px 3px rgba(0,0,0,.45)}.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{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;background:linear-gradient(180deg,var(--frame-wall, #f0b48a) 0%,var(--frame-floor, #7e5a3c) 100%)}canvas{width:100%;height:100%;aspect-ratio:auto;max-width:none;max-height:none;border-radius:0;box-shadow:none}.touch-footer{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:16px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:linear-gradient(0deg,#1c11099e,#1c110900);pointer-events:none}.touch-footer button{pointer-events:auto}.overlay{z-index:20}.replay-bar{z-index:11;bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))}.hint-mouse{display:none}.hint-touch{display:block;margin:0 auto 6px;max-width:30rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}}@media(pointer:coarse)and (orientation:landscape){.touch-footer{flex-direction:row;justify-content:center;gap:12px}}