@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}main{width:100vw;height:100vh;background:url(/assets/bg_principal-BJpmP1kh.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.maison{position:absolute;top:0;left:50%;width:325px;height:auto;cursor:pointer;transform:translate(calc(-100% + 30px))}.maison-image{width:100%;height:auto;transition:all .3s ease-in-out}.maison-image:hover{filter:drop-shadow(0 0 15px rgba(255,255,255,.8));transform:scale(1.05)}.chatbot{position:absolute;bottom:20%;left:21%;width:75px;height:auto;cursor:pointer;z-index:5}.chatbot .failix{width:100%;height:auto;animation:float 3s ease-in-out infinite;transition:filter .3s ease-in-out}.chatbot .failix:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.6));animation:none}@keyframes float{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.pingouin,.ordinateur{position:absolute;bottom:25px;width:165px;height:auto;cursor:pointer}.pingouin{right:50%;transform:translate(calc(100% + 20px))}.ordinateur{right:50%;transform:translate(20px)}.pingouin-image,.ordinateur-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.pingouin-image:hover,.ordinateur-image:hover{filter:drop-shadow(0 0 15px rgba(255,255,255,.8));transform:scale(1.05)}.snake{position:absolute;bottom:10px;right:10%;width:250px;height:auto;cursor:pointer}.snake-image{width:100%;height:auto;transition:all .3s ease-in-out}.snake-image:hover{filter:drop-shadow(0 0 15px rgba(255,255,255,.8));transform:scale(1.05)}.chatbot-popup{border:none;padding:20px;max-width:800px;width:90%;height:650px;background:#fffffffa;box-shadow:0 10px 40px #0000004d;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1000}.chatbot-popup::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-btn{position:absolute;top:10px;right:10px;background:red;color:#fff;border:none;width:35px;height:35px;font-size:16px;font-family:Courier New,monospace;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;box-shadow:inset -2px -2px #8b0000,inset 2px 2px #f66,0 4px #8b0000,0 4px 8px #0006;transition:all .1s ease}.close-btn:hover{background:#c00;box-shadow:inset -2px -2px #600,inset 2px 2px #f33,0 2px #600,0 2px 4px #0006;transform:translateY(2px)}.close-btn:active{background:#900;box-shadow:inset 2px 2px #600,inset -2px -2px #f33;transform:translateY(4px)}.snake-popup{border:none;padding:0;max-width:900px;width:650px;height:650px;background:#282828fa;box-shadow:0 10px 40px #00000080;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1000;overflow:hidden}.snake-popup::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.maison{width:28vw;left:50%;transform:translate(calc(-100% + 1.5vw))}.chatbot{width:8vw;bottom:22%;left:19%}.pingouin,.ordinateur{width:17vw;bottom:35px}.pingouin{right:50%;transform:translate(calc(100% + 1vw))}.ordinateur{right:50%;transform:translate(1vw)}.snake{width:22vw;bottom:16px;right:8%}.easter-egg{position:absolute;top:8%;right:8%;width:14vw;height:auto;cursor:pointer;transform:translate(-50%);z-index:5}.easter-egg:hover img{opacity:0}.easter-egg:hover{background-image:url(/assets/suavelos-BoiXjnvX.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.house-popup{border:none;padding:20px;width:90vw;height:80vh;background:#fffffffa;box-shadow:0 10px 40px #0000004d;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1000;overflow:hidden}.house-title{margin-bottom:15px}.house-text{margin-bottom:25px;line-height:1.6}.info-popup{max-width:1000px;width:95%;height:auto;max-height:85vh;overflow-y:auto}.info-content{font-family:Arial,sans-serif;color:#333;padding:10px}.info-content h2{color:#2c5f2d;margin-bottom:15px;font-size:1.8em;text-align:center}.info-content h3{color:#4a7c59;margin:20px 0 15px;font-size:1.3em}.optimal-display{background:#fff3cd;border-left:4px solid #ffc107;padding:12px;margin:15px 0;font-size:.95em;border-radius:4px}.interaction-list{margin:20px 0}.interaction-item{background:#f8f9fa;border-left:4px solid #2c5f2d;padding:15px;margin-bottom:15px;border-radius:4px;transition:all .3s ease}.interaction-item:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translate(5px)}.interaction-item strong{display:block;color:#2c5f2d;font-size:1.1em;margin-bottom:8px}.interaction-item p{margin:0;line-height:1.6;color:#555}.info-content>p:last-child{text-align:center;margin-top:25px;font-style:italic;color:#666;font-size:.9em}*{image-rendering:pixelated;font-family:"Press Start 2P",monospace!important}body{margin:0}.three-popup{border:none;padding:0;width:90vw;height:80vh;background:#fffffffa;box-shadow:0 10px 40px #0000004d;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1000;overflow:hidden}.three-popup::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.three-popup .three-wrapper{width:100%;height:100%;position:relative}.three-wrapper{position:relative;height:100vh;width:100vw;background-color:transparent;z-index:999}.import-wrapper{position:absolute;top:0;left:0;padding:20px 20px 10px;background-color:#2c2c2c;color:#fff;display:flex;flex-direction:column;align-items:start;gap:10px;box-shadow:4px 0 #2a2a2a,-4px 0 #2a2a2a,0 4px #2a2a2a,0 -4px #2a2a2a,8px 8px #0000004d;border:4px solid #5a5a5a;border-style:solid;image-rendering:pixelated;z-index:100}.import-wrapper input[type=file]{display:none}.import-wrapper label[for=model]{background:#4a69ff;padding:10px 18px;cursor:pointer;font-weight:700;font-size:10px;transition:none;border:3px solid #6b89ff;border-bottom:4px solid #2a3999;border-right:4px solid #2a3999;box-shadow:inset -2px -2px #2a3999,inset 2px 2px #6b89ff;position:relative;display:inline-block}.import-wrapper label[for=model]:hover{background:#3b55d9;border-color:#5a78ee;border-bottom-color:#1a2988;border-right-color:#1a2988}.import-wrapper label[for=model]:active{transform:translate(2px,2px);box-shadow:inset -1px -1px #2a3999,inset 1px 1px #6b89ff}.file-name{color:#fff;max-width:220px;word-break:break-all;text-align:left;opacity:.8;text-shadow:2px 2px 0 rgba(0,0,0,.5);font-size:8px;margin:0}.bg-color-wrapper{position:absolute;bottom:0;left:0;padding:20px;background-color:#2c2c2c;color:#fff;display:flex;flex-direction:column;align-items:start;gap:12px;box-shadow:4px 0 #2a2a2a,-4px 0 #2a2a2a,0 4px #2a2a2a,0 -4px #2a2a2a,8px 8px #0000004d;border:4px solid #5a5a5a;border-style:solid;image-rendering:pixelated;z-index:100}.bg-color-wrapper label{font-size:12px;color:#aaa;text-shadow:2px 2px 0 rgba(0,0,0,.5)}input[type=color]{width:60px;height:40px;border:3px solid #5a5a5a;cursor:pointer;box-shadow:inset -2px -2px #2a2a2a,inset 2px 2px #6a6a6a;padding:2px}input[type=color]:hover{border-color:#7a7a7a}