:root{--night: #0b1530;--gold: #ffd34d;--cream: #fff6e0;--red: #c62828;--ink: #2b1b12;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif;color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#day-host,#ui{position:fixed;inset:0;pointer-events:none}:where(#day-host,#ui)>*{pointer-events:auto}.hidden{display:none!important}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.touch-zone{position:absolute;inset:0;touch-action:none}.joy-base{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.35);opacity:0;transition:opacity .15s;pointer-events:none}.joy-base.active{opacity:1}.joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#fff6e0d9;transform:translate(-50%,-50%)}.hud{position:absolute;top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));display:flex;justify-content:space-between;align-items:center;pointer-events:none}.hud>*{pointer-events:auto}.hud-right{display:flex;gap:8px}.chip{background:#0b1530b3;border:1px solid rgba(255,211,77,.6);border-radius:999px;padding:6px 14px;font-weight:600}.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#0b1530b3;color:var(--cream);font-size:20px}.action-btn{position:absolute;right:calc(24px + var(--safe-r));bottom:calc(24px + var(--safe-b));min-width:96px;height:96px;padding:0 18px;border-radius:48px;border:3px solid rgba(255,246,224,.8);background:#c62828d9;color:var(--cream);font-size:18px;font-weight:700;touch-action:none}.action-btn.glow{background:var(--gold);color:var(--ink);box-shadow:0 0 24px #ffd34de6;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}.hint{position:absolute;left:50%;bottom:calc(28px + var(--safe-b));transform:translate(-50%,20px);background:#0b1530d9;border-radius:12px;padding:10px 16px;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;text-align:center;max-width:60vw}.hint.visible{opacity:1;transform:translate(-50%)}.fade{position:absolute;inset:0;background:#fffaf0;opacity:0;transition-property:opacity;pointer-events:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.screen.title{background:radial-gradient(ellipse at 50% 30%,#2846828c,#0b1530eb);transition:opacity .5s}.screen.leaving{opacity:0;pointer-events:none}.title h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,7vw,64px);margin:8px 0;color:var(--gold);text-shadow:0 4px 24px rgba(255,180,0,.4)}.title-star{font-size:48px;color:var(--gold);animation:pulse 2s ease-in-out infinite}.subtitle{font-size:18px;margin:0 0 24px;opacity:.9}.big-btn{border:none;border-radius:999px;padding:14px 32px;font-size:20px;font-weight:700;background:var(--gold);color:var(--ink);box-shadow:0 6px 24px #ffd34d66}.link-btn{border:none;background:none;color:var(--cream);text-decoration:underline;margin-top:12px}.modal-bg{background:#0b153099;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.card{background:var(--cream);color:var(--ink);border-radius:20px;padding:24px 28px;max-width:min(520px,92vw);max-height:88vh;overflow:auto;box-shadow:0 20px 60px #00000073;border:4px solid var(--gold)}.card h2{font-family:Georgia,serif;margin:6px 0 10px;color:var(--red)}.card-day{font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.reward{animation:pop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.6) rotate(-4deg);opacity:0}}.stars{font-size:30px;color:#e0a800}.reward-img{max-width:100%;max-height:40vh;border-radius:12px}.reward-text{font-size:17px;line-height:1.45;white-space:pre-line}.lift-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.lift-btn{width:48px;height:48px;border-radius:12px;border:2px solid #b8860b;background:#fff;color:var(--ink);font-weight:700}.lift-btn:disabled{opacity:.3}.lift-btn.done{background:#ffe9a8}.lift-btn.today{background:var(--gold);box-shadow:0 0 10px var(--gold)}.rotate-hint{display:none;position:absolute;top:calc(64px + var(--safe-t));left:50%;transform:translate(-50%);background:#0b1530d9;padding:6px 12px;border-radius:10px;font-size:14px;pointer-events:none}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{display:block}}.day-overlay{position:absolute;inset:0}.day-hud{position:absolute;top:calc(12px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;gap:12px;pointer-events:none}.day-close{position:absolute;top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r))}.crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff6e0cc;box-shadow:0 0 4px #0009;pointer-events:none;transition:transform .15s,background .15s}.crosshair.active{transform:scale(2.2);background:var(--gold)}.prompt{position:absolute;left:50%;top:calc(50% + 28px);transform:translate(-50%);padding:6px 14px;border-radius:10px;background:#140c06a6;color:var(--cream);font-weight:600;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}.prompt.visible{opacity:1}.lock-hint{position:absolute;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%);padding:8px 16px;border-radius:12px;background:#140c06b3;font-size:14px;pointer-events:none;white-space:nowrap}.big-btn:disabled{opacity:.6;cursor:wait}.test-toggle{position:absolute;left:calc(10px + var(--safe-l));bottom:calc(10px + var(--safe-b));z-index:50;padding:4px 10px;border:1px dashed rgba(255,211,77,.7);border-radius:6px;background:#0b1530bf;color:var(--gold);font-size:12px}.test-panel{position:absolute;left:calc(10px + var(--safe-l));bottom:calc(44px + var(--safe-b));z-index:50;width:min(340px,calc(100vw - 20px));padding:14px;border-radius:10px;background:#0b1530f2;border:1px solid rgba(255,211,77,.4);font-size:13px;line-height:1.4}.test-panel h3{margin:0 0 6px;color:var(--gold);font-size:15px}.test-panel p{margin:0 0 10px}.test-panel .test-label{margin-bottom:6px;opacity:.8}.test-panel .test-note{margin:10px 0 0;opacity:.6;font-size:12px}.test-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.test-panel button{padding:5px 0;border:0;border-radius:5px;background:#fff6e01f;color:var(--cream);font-size:12px}.test-panel button.current{background:var(--gold);color:var(--ink)}.test-row{display:flex;gap:6px;margin-top:10px}.test-row button{flex:1;padding:7px 4px}