*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light only}html,body{width:100%;height:100%;overflow:hidden;background:#9ec4e8!important;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1a2830!important;touch-action:none}#canvas{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:0}#canvas.live{display:block}.hint.small{font-size:.8rem;margin-top:.75rem;margin-bottom:0;color:#3d5563!important}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#9ec4e8!important;transition:opacity .6s ease}.overlay.hidden{opacity:0;pointer-events:none}.panel{max-width:22rem;width:100%;text-align:center;padding:1.75rem;background:#f4fafd!important;border-radius:1rem;box-shadow:0 8px 32px #1a283026;color:#1a2830!important}.panel h1{font-size:1.4rem;font-weight:600;margin-bottom:.75rem;color:#1a2830!important}.hint{font-size:.95rem;line-height:1.45;margin-bottom:1.25rem;color:#3d5563!important}#start-btn{appearance:none;border:none;border-radius:999px;padding:.9rem 2rem;font-size:1rem;font-weight:600;background:#3d6b7a!important;color:#fff!important;cursor:pointer;box-shadow:0 2px 8px #1a283033}#start-btn:active{transform:scale(.98)}.status{margin-top:1rem;font-size:.85rem;min-height:1.2em;color:#4a6270!important}.status.err{color:#b42318!important;font-weight:600}.sensor-debug{margin-top:1rem;text-align:left;font-size:.75rem;color:#3d5563!important}.sensor-debug pre{margin-top:.5rem;white-space:pre-wrap;word-break:break-all;max-height:8rem;overflow:auto;background:#e0eef5;color:#1a2830;padding:.5rem;border-radius:.5rem}.rotate-hint{display:none;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;padding:1.5rem;background:#9ec4e8!important;color:#1a2830!important;text-align:center}.rotate-card{max-width:18rem;padding:1.5rem;background:#f4fafd!important;border-radius:1rem;box-shadow:0 8px 24px #1a28301f}.rotate-icon{font-size:2.5rem;margin-bottom:.75rem}body.landscape-blocked .rotate-hint{display:flex!important}body.landscape-blocked .overlay,body.landscape-blocked #canvas.live{visibility:hidden!important;pointer-events:none!important}@media(orientation:landscape)and (max-width:900px){.rotate-hint{display:flex}.overlay:not(.hidden),#canvas.live{visibility:hidden;pointer-events:none}}@media(prefers-color-scheme:dark){html,body,.overlay{background:#9ec4e8!important;color:#1a2830!important}.panel{background:#f4fafd!important;color:#1a2830!important}.panel h1{color:#1a2830!important}.hint,.status,.sensor-debug{color:#3d5563!important}#start-btn{background:#3d6b7a!important;color:#fff!important}}