*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Arial,sans-serif}.app{width:100vw;height:100vh;overflow:hidden}.landing-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.landing-image{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.eyes-layer{position:absolute;pointer-events:none;-webkit-transition:-webkit-transform .02s ease-out;-moz-transition:-moz-transform .02s ease-out;-o-transition:-o-transform .02s ease-out;transition:transform .02s ease-out;z-index:1;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px;-webkit-perspective-origin:center center;-moz-perspective-origin:center center;perspective-origin:center center;will-change:transform}.eyes-image{width:100%;height:100%;object-fit:contain;-o-object-fit:contain;-webkit-transform:rotateX(2deg);-moz-transform:rotateX(2deg);-ms-transform:rotateX(2deg);transform:rotateX(2deg);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .02s cubic-bezier(.25,.46,.45,.94);-moz-transition:-moz-transform .02s cubic-bezier(.25,.46,.45,.94);-o-transition:-o-transform .02s cubic-bezier(.25,.46,.45,.94);transition:transform .02s cubic-bezier(.25,.46,.45,.94)}@supports not (object-fit: contain){.landing-image,.eyes-image{width:auto;height:auto;max-width:100%;max-height:100%}}.wallet-button{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:2px solid #fbbf24;padding:15px 40px;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #fbbf2466,0 0 20px #d9770633;transition:all .3s ease;font-family:Cinzel,serif}.wallet-button:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 20px #fbbf2499,0 0 30px #d9770666;transform:translate(-50%) translateY(-2px)}.wallet-button:active{transform:translate(-50%) translateY(0);box-shadow:0 2px 10px #fbbf2466}.wallet-button.connected{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#ef4444;color:#fff;box-shadow:0 4px 15px #dc262666,0 0 20px #b91c1c33}.wallet-button.connected:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef444499,0 0 30px #dc262666}.wallet-phrase{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:100;color:#fbbf24;font-family:Cinzel,serif;font-size:18px;font-weight:600;text-align:center;text-shadow:0 0 10px rgba(251,191,36,.5);letter-spacing:2px}.wallet-error{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:100;background:#b91c1ce6;color:#fbbf24;font-family:Cinzel,serif;font-size:16px;font-weight:600;padding:12px 24px;border:2px solid #dc2626;border-radius:8px;text-align:center;box-shadow:0 4px 15px #b91c1c80;animation:shake .5s ease-in-out;max-width:400px}@keyframes shake{0%,to{transform:translate(-50%) translate(0)}25%{transform:translate(-50%) translate(-10px)}75%{transform:translate(-50%) translate(10px)}}.game-button{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:100;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid #34d399;padding:15px 40px;border-radius:8px;cursor:pointer;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 15px #10b98166,0 0 20px #0596694d;transition:all .3s ease;font-family:Cinzel,serif;animation:pulse 2s ease-in-out infinite}.game-button:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #34d39999,0 0 30px #10b98180;transform:translate(-50%) translateY(-2px)}.game-button:active{transform:translate(-50%) translateY(0);box-shadow:0 2px 10px #10b98166}@keyframes pulse{0%,to{box-shadow:0 4px 15px #10b98166,0 0 20px #0596694d}50%{box-shadow:0 4px 25px #10b98199,0 0 35px #05966980}}.audio-control-container{position:fixed;bottom:100px;right:30px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:10px}.audio-control{background:#000c;color:#fbbf24;border:2px solid #fbbf24;padding:12px 16px;border-radius:50%;cursor:pointer;font-size:24px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #fbbf244d}.audio-control:hover{background:#fbbf2433;box-shadow:0 6px 20px #fbbf2480;transform:scale(1.1)}.audio-control.muted{opacity:.5}.volume-container{background:#000c;border:2px solid #fbbf24;border-radius:25px;padding:8px 12px;display:flex;align-items:center;gap:8px;min-width:150px;box-shadow:0 4px 15px #fbbf244d}.volume-slider{-webkit-appearance:none;appearance:none;width:100px;height:4px;background:#fbbf244d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fbbf24;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #fbbf2480;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#f59e0b;transform:scale(1.2);box-shadow:0 0 10px #fbbf24cc}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fbbf24;border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #fbbf2480;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{background:#f59e0b;transform:scale(1.2);box-shadow:0 0 10px #fbbf24cc}.volume-icon{color:#fbbf24;font-size:16px;min-width:20px;text-align:center}