*{box-sizing:border-box;margin:0;padding:0}body,html{touch-action:none;background-color:#050508;justify-content:center;align-items:center;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}@media (hover:none) and (pointer:coarse){#app{touch-action:none}}.share-button{pointer-events:auto;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff980033;border:2px solid #ff9800;border-radius:20px;align-self:center;margin-top:10px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 0 10px #ff980066}.share-button:hover{background:#ff980080;transform:scale(1.05);box-shadow:0 0 15px #ff980099}.share-button:active{transform:scale(.95)}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;opacity:1;background:#140a1ecc;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.modal.hidden{opacity:0;pointer-events:none}.modal-content{text-align:center;background:linear-gradient(135deg,#3a2b4a,#22192e);border:1px solid #ff98004d;border-radius:20px;width:350px;max-width:90%;padding:30px;position:relative;box-shadow:0 15px 35px #00000080,0 0 20px #ff980033}.modal-content h2{color:#ff9800;margin-bottom:20px;font-family:Outfit,sans-serif;font-size:1.5rem}#share-input,#share-url{color:#fff;box-sizing:border-box;background:#0000004d;border:1px solid #fff3;border-radius:8px;width:100%;margin-bottom:15px;padding:10px 15px;font-family:Outfit,sans-serif}#share-input{resize:none;font-size:1rem}#share-input:focus{border-color:#ff9800;outline:none}.modal-primary-btn{color:#fff;cursor:pointer;background:#ff9800;border:none;border-radius:10px;width:100%;margin-bottom:10px;padding:12px 20px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s}.modal-primary-btn:hover{background:#ffa726;transform:scale(1.02)}.modal-secondary-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;width:100%;padding:10px;font-family:Outfit,sans-serif;transition:all .2s}.modal-secondary-btn:hover{background:#fff3}.modal-close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:10px;right:15px}.modal-close-btn:hover{color:#fff}#app{background-color:#1a1a24;width:100%;max-width:56.25vh;height:100%;max-height:177.778vw;position:relative;overflow:hidden;box-shadow:0 0 50px #000000e6}canvas{width:100%;height:100%;display:block}.ui-container{pointer-events:none;width:100%;padding:16px 20px;position:absolute;top:0;left:0}.header{color:#fff;text-shadow:0 2px 4px #00000080}.header h1{letter-spacing:1px;font-size:1.5rem}.header p{opacity:.7;font-size:.9rem}@media (orientation:landscape) and (height<=500px){body:before{content:"🔄  Obróć telefon pionowo";z-index:9999;color:#fff;background:#1a1a24;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:1.4rem;display:flex;position:fixed;inset:0}#app{display:none}}#mobile-pad{z-index:100;pointer-events:none;background:linear-gradient(#0000,#0000008c);justify-content:space-between;align-items:flex-end;width:100%;height:210px;padding:0 24px 28px;display:none;position:absolute;bottom:0;left:0}#mobile-pad.visible{display:flex}#joystick-zone{pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex}#joystick-base{background:#ffffff14;border:2px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:background .15s;display:flex;position:relative}#joystick-base.active{background:#ffffff24}#joystick-knob{will-change:transform;background:radial-gradient(circle at 35% 35%,#ffe580,#faad14 55%,#cf8e0e);border-radius:50%;width:52px;height:52px;transition:transform 50ms;box-shadow:0 4px 16px #00000080}#btn-group{pointer-events:auto;align-items:flex-end;gap:18px;display:flex}.game-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;font-size:1.6rem;transition:transform 80ms,background 80ms;display:flex}.game-btn.pressed,.game-btn:active{background:#ffffff40;transform:scale(.88)}#btn-jump{background:#faad1433;border-color:#faad1480;width:78px;height:78px;font-size:1.9rem}#btn-peck{background:#e91e632e;border-color:#e91e6373}