:root{--bg: #ffffff;--fg: #000000;--muted: #52525b;--subtle: #71717a;--border: #e4e4e7;--surface: rgb(255 255 255 / .8);--button: #ffffff;--primary: #18181b;--primary-fg: #ffffff;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";color:var(--fg);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}[hidden]{display:none!important}button{font:inherit;font-size:14px;font-weight:500;min-height:44px;padding:0 18px;border:1px solid var(--border);border-radius:6px;background:var(--button);color:var(--fg);cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--subtle);outline-offset:2px}.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}#overlay{min-height:100dvh;max-width:640px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column}#intro{flex:1;display:flex;flex-direction:column}.windmill{--size: min(88vw, 60dvh);position:relative;width:var(--size);height:var(--size);margin:auto}.windmill span{position:absolute;left:50%;top:50%;line-height:1;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}.rotor{position:absolute;inset:0;animation:spin 4s linear infinite}.face{font-size:calc(var(--size) * .225);transform:translate(-50%,-50%)}.hand{font-size:calc(var(--size) * .2);--radius: calc(var(--size) * .36)}.right{transform:translate(-50%,-50%) translate(var(--radius))}.top{transform:translate(-50%,-50%) translateY(calc(var(--radius) * -1)) rotate(-90deg)}.left{transform:translate(-50%,-50%) translate(calc(var(--radius) * -1)) rotate(180deg)}.bottom{transform:translate(-50%,-50%) translateY(var(--radius)) rotate(90deg)}@keyframes spin{to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.rotor{animation:none}}#start{width:100%}.credit{display:flex;justify-content:center;gap:8px;margin:14px 0 0;font-size:12px;color:var(--subtle)}.credit a{color:inherit;text-decoration:none}.credit a:hover,.credit a:focus-visible{color:var(--fg);text-decoration:underline;text-underline-offset:3px}#status:empty{display:none}#status{margin:16px 0 0;font-size:13px;line-height:1.7;color:var(--muted)}#controls{margin-top:auto}.buttons{display:flex;gap:8px}.buttons button{flex:1}#debug{position:fixed;top:max(16px,env(safe-area-inset-top));left:16px;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;pointer-events:none}.xr-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1}:xr-overlay{background:transparent!important}#overlay.active{max-width:none;background:transparent;pointer-events:none;padding-bottom:max(120px,calc(env(safe-area-inset-bottom) + 20dvh))}.active #status{order:1;margin-top:auto;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--fg)}.active #controls{order:2;margin-top:8px}#fade{position:fixed;inset:0;z-index:10;background:#000;opacity:0;pointer-events:none;transition:opacity .8s ease-in}#fade.on{opacity:1}.active button{pointer-events:auto}