#app-container {width:100%;height:100%;overflow:hidden;position:relative;}@media (min-width:768px) {body {background-color:#1a1a1a; padding:40px 0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:radial-gradient(circle at center, #2a2a2a 0%, #111111 100%); }body::before {content:"Piment3000";position:absolute;top:15px;font-family:'Helvetica Neue', Arial, sans-serif;font-size:16px;font-weight:600;color:#FF4500;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255, 69, 0, 0.5);}#app-container {width:375px; height:812px; background-color:#111; border-radius:40px;overflow:hidden;position:relative;box-shadow:0 0 0 2px #333, 0 0 0 6px #111, 0 0 0 7px #777, 0 20px 50px rgba(0, 0, 0, 0.6); margin:0 auto;border:8px solid #1a1a1a; transition:transform 0.3s, box-shadow 0.3s;}#app-container:hover {transform:translateY(-5px);box-shadow:0 0 0 2px #333,0 0 0 6px #111,0 0 0 7px #777,0 25px 60px rgba(0, 0, 0, 0.7);}#app-container::before {content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:30px;background-color:#111;border-bottom-left-radius:18px;border-bottom-right-radius:18px;z-index:1000;}#app-container::after {content:'';position:absolute;top:10px;right:calc(50% - 50px);width:10px;height:10px;background-color:#333;border-radius:50%;box-shadow:0 0 0 1px #000;z-index:1001;}body .notch-speaker {position:absolute;top:12px;left:50%;transform:translateX(-50%);width:60px;height:6px;background-color:#333;border-radius:3px;z-index:1001;}body .home-indicator {content:'';position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:140px;height:5px;background-color:rgba(255, 255, 255, 0.5);border-radius:3px;z-index:1000;}body .side-button {position:absolute;right:-14px; width:3px;height:40px;background-color:#777;border-radius:2px;box-shadow:inset -1px 0 2px rgba(0, 0, 0, 0.3);z-index:1001;}body .power-button {top:120px;}body .volume-up {top:200px;}body .volume-down {top:260px;}.selection-modal,.map-modal {max-width:375px;max-height:812px;border-radius:32px; overflow:hidden;}.particles-container {border-radius:40px;overflow:hidden;}.particles-container {top:30px;height:calc(100% - 45px);}@keyframes pulse-home {0%{opacity:0.5; }50%{opacity:0.7; }100%{opacity:0.5; }}body .home-indicator {animation:pulse-home 2s infinite;}}@media (max-width:767px) {#app-container {width:100%;height:100vh;border-radius:0;}.selection-modal,.map-modal {width:100%;height:100%;border-radius:0;}.particles-container {top:0;height:100%;}}@media (max-width:767px) and (orientation:landscape) {body::before {content:"Tournez votre téléphone";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.9);color:white;display:flex;justify-content:center;align-items:center;z-index:9999;font-size:24px;text-align:center;padding:20px;}}@keyframes phone-entrance {0%{transform:translateY(50px); opacity:0; }100%{transform:translateY(0); opacity:1; }}@media (min-width:768px) {#app-container {animation:phone-entrance 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;}}