body{margin:0;overflow:hidden;background:#111;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}*{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}#desktopBlock{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none;justify-content:center;align-items:center;z-index:99999;flex-direction:column}#desktopBlock img:nth-child(1){width:50%;max-width:400px}#desktopBlock img:nth-child(2){position:absolute;bottom:5%;width:50%;max-width:600px}#portraitBlock{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none;justify-content:center;align-items:center;z-index:99998;flex-direction:column}#portraitBlock img{max-width:80%;max-height:60%;object-fit:contain}#gyroModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .3s ease}#gyroModal.hidden{opacity:0;pointer-events:none}.modal-content{background:#fff;padding:40px;border-radius:20px;text-align:center;max-width:400px;box-shadow:0 10px 40px #00000080;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{margin:0 0 20px;color:#333;font-size:24px}.modal-content p{color:#666;margin:0 0 30px;line-height:1.6}#gyroBtn{background:#ff761a;width:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#fff;border:none;padding:15px 40px;border-radius:25px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700}#gyroBtn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}#gyroBtn:active{transform:translateY(0)}#gyroBtn.success{background:#889eed}#gyroBtn.error{background:linear-gradient(135deg,#eb3349,#f45c43)}#gyroBtn.skip{background:#94deff}#gyroHint{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:end;z-index:10000;pointer-events:none;background:#00000080;opacity:1;transition:opacity .5s ease}#gyroHint.fade-out{opacity:0}#gyroHint img{position:absolute;top:70%;width:30%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}#clickHint{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:10000;pointer-events:none;background:#00000080;opacity:1;transition:opacity .5s ease}#clickHint.fade-out{opacity:0}#clickHint img{position:absolute;left:60%;top:62%;transform:translate(-50%,-50%);max-width:200px;width:30%;animation:tap 1.5s ease-in-out infinite}@keyframes tap{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}#debug{color:#0fc}