body{margin:0;font-family:Arial,sans-serif}.banner-overlay,body{width:100%;height:100%}.banner-overlay{position:fixed;top:0;left:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:10000;cursor:pointer}.banner-content{text-align:center;color:#fff}.banner-content h1{font-size:3em;margin:0}.banner-content p{font-size:1.5em}.escape-room-wrapper{position:relative;width:100%;max-width:1200px;aspect-ratio:7/4;margin:0 auto}.fullscreen-mode{max-width:none;width:100%;margin:0}.escape-room-container{position:relative;width:100%;height:100%;color:#ff5100;overflow:hidden}.bg-image{object-fit:fill;z-index:0}.bg-image,.escape-room-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.escape-room-overlay{z-index:1}.absolute-title{top:3%;font-size:2em}.absolute-progress,.absolute-title{position:absolute;left:5%;margin:0;color:#ff5100}.absolute-progress{top:10%;background-color:#b38383}.room{background-color:transparent;width:100%;height:100%;position:relative}.congrats-text{position:absolute;top:20%;left:30%;color:#adadad;font-size:3em;border:10px solid #00ff00;border-radius:20px;width:30%}.congrats-text,.hint-banner{background-color:#ff5100;padding:10px}.hint-banner{height:20%;color:#002060;font-size:1.5em;font-weight:600;margin-bottom:10px;border-radius:5px;cursor:pointer;transition:opacity .3s ease}.hint-banner.hidden{opacity:0;pointer-events:none}.multi-canvas-container{display:flex;justify-content:space-around;width:80%;height:50%;align-items:flex-start}.cube-container{display:flex;flex-direction:column;align-items:center;width:25%;margin:0 10px}.cube-label{margin-top:8px;font-size:1.2em;font-weight:900;text-align:center;background-color:#3b3838;padding:10px;box-sizing:border-box;width:70%;height:70px}.code-room-container{margin:20px 0;display:flex;justify-content:center;align-items:center}.object-container{position:absolute;top:0;left:0;width:100%;height:100%}.clickable-object{cursor:pointer;position:absolute}.door-container{margin-top:10px;display:flex;gap:20px;align-items:center}.door{width:80px}.code-buttons-container{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:row;gap:10px;z-index:5}.room-button{padding:10px 20px;background-color:#00ff00;border:none;border-radius:5px;color:#fff;font-size:1em;cursor:pointer;margin-top:10px;transition:background-color .3s}.room-button:hover{background-color:#ff5100}.room-input{padding:10px;font-size:1em;border-radius:5px;border:none;margin-bottom:10px}.task-overlay{position:fixed;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.overlay-3d-bg,.task-overlay{top:0;left:0;width:100%;height:100%}.overlay-3d-bg{position:absolute;z-index:1;pointer-events:none}.task-panel{background-color:rgba(51,51,51,.95);padding:20px;border-radius:10px;width:90%;max-width:800px;position:relative;z-index:2;top:-3%}.button-group{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.button-group button{font-size:.8em;background-color:#ffffff;color:#ff5100;border:none;border-radius:10px;padding:10px;cursor:pointer;transition:background-color .3s ease,color .3s ease;margin:5px}.button-group button:hover{background-color:#00ff00;color:#000000}.threeD-container,.threeD-container-flugzeug{position:absolute;z-index:3}.matching-task-row{display:flex;align-items:center;gap:10px}.matching-task{margin-bottom:10px;color:#adadad;font-size:1em;background-color:#222;font-weight:600}.dropzone{border:2px dashed #ffff00;padding:5px;min-height:15px;color:#ffff00;background-color:#3b3838;font-size:.7em;width:30%;text-align:center;margin-bottom:10px;border-radius:5px}.pool{margin-top:10px}.tf-dropzone{flex:1;width:200px;max-width:400px;height:auto;border:2px dashed #fff;padding:10px;box-sizing:border-box}.tf-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.tf-item{background-color:#ff5100;padding:5px 10px;margin:5px;border-radius:10 px;color:#fff;text-align:center;font-size:.8em}.tf-pool{margin-top:10px;border:2px solid #fff;padding:10px}.draggable-item{background-color:#ffffff;padding:5px 10px;margin:5px;border-radius:10px;display:inline-block;color:#ff5100;font-size:.8em;transition:background-color .3s ease,color .3s ease}.draggable-item:hover{background-color:#ff5100;color:#ffffff}.memory-game{background-color:rgba(51,51,51,.95);padding:10px;border-radius:10px;width:90%;max-width:800px;position:relative;z-index:2;top:-8%}.cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-items:center}.card{width:100%;aspect-ratio:1/1;background-color:#00ff00;border:2px solid #ffff00;border-radius:8px;transition:background-color .3s}.card:hover{background-color:#ffff00;border:2px solid #00ff00}.card-front,.card.flipped{background-color:#124a09;color:#fff}.card-front{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:5px;box-sizing:border-box;font-size:1rem;text-align:center}.card-front.no-bg{background-color:transparent!important;color:#000!important}.memory-card{width:100%;max-width:170px;height:100%;max-height:170px;margin:1px;cursor:pointer}.matched-1{background-color:lightgreen!important}.matched-2{background-color:orange!important}.matched-3{background-color:lightblue!important}.matched-4{background-color:violet!important}.matched-5{background-color:salmon!important}.matched-6{background-color:khaki!important}.matched-7{background-color:lightgreen!important}.matched-8{background-color:orange!important}.matched-9{background-color:lightblue!important}.matched-10{background-color:violet!important}.matched-11{background-color:salmon!important}.matched-12{background-color:khaki!important}