:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Euclid Regular;src:url(/reactjs-dsa-case-studies/assets/Euclid%20Circular%20A%20Regular-BCewsNu9.ttf) format("truetype")}@font-face{font-family:Euclid Bold;src:url(/reactjs-dsa-case-studies/assets/Euclid%20Circular%20A%20Bold-CqlbvBLb.ttf) format("truetype")}@font-face{font-family:Euclid Medium;src:url(/reactjs-dsa-case-studies/assets/Euclid%20Circular%20A%20Medium-DFE4rycc.ttf) format("truetype")}@font-face{font-family:Euclid Light;src:url(/reactjs-dsa-case-studies/assets/Euclid%20Circular%20A%20Light-DYyr6vTA.ttf) format("truetype")}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#0d152d}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.home-container{text-align:center;margin-top:60px}.subtitle{font-family:Euclid Medium;font-size:20px;color:#fff}.main-title{font-family:Euclid Bold;font-size:70px;color:#09fcc5;margin-bottom:20px;position:relative;top:-50px}.gallery-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;position:relative;top:-50px}.gallery{display:flex;gap:10px;overflow:hidden}.gallery-item{text-align:center}.gallery-image{width:150px;height:150px;border-radius:10px;object-fit:cover;transition:transform .3s ease-in-out}.image-description{font-family:Euclid Regular;font-size:13px;color:#fff;margin-top:5px}.arrow{background-color:#7e8fc3;color:#fff;border:none;padding:5px 10px;font-size:18px;cursor:pointer;border-radius:50%;position:relative;top:-25px;margin:10px}.bottom-subtitle{font-family:Euclid Light;font-size:16px;color:#fff;margin-top:30px;position:relative;top:-50px}.dropdown{display:inline-block;position:relative}.dropbtn{padding:10px 20px;background-color:#7e8fc3;color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer;font-weight:700}.dropbtn:hover{background-color:#6a7bb1}.dropdown-content{font-family:Euclid Regular;position:absolute;background-color:#7e8fc3;min-width:200px;border-radius:5px;box-shadow:0 8px 16px #0003;z-index:1;right:0}.dropdown-content button{background:none;color:#fff;border:none;padding:10px 16px;text-align:left;font-size:14px;cursor:pointer;width:100%}.dropdown-content button:hover{background-color:#0d152d}.container3{display:flex;justify-content:space-between;align-items:center;height:auto;padding:30px;margin-top:10px}.sidebar3{width:400px;text-align:left;padding:20px;margin-right:50px}.title3{font-family:Euclid Bold;color:#fff;font-size:43px;line-height:.8;text-align:center}.subtitle3{font-family:Euclid Medium;font-size:25px;color:#fff;text-align:center;line-height:.8}.line3{width:100%;height:.08px;background-color:#fff;margin-top:7%}.logsinput3{display:flex;align-items:center;justify-content:center;height:110px;margin:20px 0}.viewlogs3{width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;margin-right:10px;background-color:#09fcc5;display:flex;align-items:center;justify-content:center;font-size:18px;color:#0d152d;transition:background-color .3s}.viewlogs3:hover{background-color:#1dc59e}.plate-input3{height:35px;width:280px;padding:10px;border-radius:28px;font-size:15px;margin:15px}.infos3{font-family:Euclid Regular;font-size:19px;margin:40px 0;color:#fff;line-height:.6}.depart3,.arrive3{font-family:Euclid Medium;width:150px;height:40px;border:none;cursor:pointer;border-radius:20px;background:#7e8fc3;color:#fff;font-size:16px;margin:20px;transition:background-color .3s}.depart3:hover,.arrive3:hover{background:#4b5d8a}.garage3{display:grid;grid-template-columns:1fr;gap:10px;padding:15px;border-radius:12px;text-align:center;justify-content:center;color:#fff;font-family:Euclid Regular;font-size:14px;overflow-y:auto;background-color:#2a3861;margin-left:20px;margin-top:20px}.parking-space3{text-align:center;justify-content:center;padding:6px;border-radius:5px;text-transform:uppercase;font-weight:700;color:#fff;width:220px;background-color:#4b5d8a}.occupied3{background-color:#fff;color:#000;border:3px solid black}.empty3{color:#4b5d8a;border:2px solid #0d152d}.container2{display:flex;flex-direction:column;justify-content:center;align-items:center;height:610px;padding:30px;margin-top:50px}.top2{display:flex;justify-content:center;align-items:center;margin-bottom:5px}.title{font-family:Euclid Bold;color:#fff;font-size:45px;margin-bottom:10px}.vline{border-left:1px solid #ccc;height:90%;margin-left:60px;margin-right:60px;margin-top:20px}.inputsection{display:flex;flex-direction:column;align-items:center}.inputbox{width:300px;height:100px;font-size:15px;padding:5px;border:none;border-radius:5px;vertical-align:top;overflow:hidden;line-height:1.2}.buttons2{display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-left:20px}.checkbtn,.crossbtn,.shufflebtn{width:35px;height:35px;border:none;border-radius:50%;cursor:pointer}.checkbtn{margin:5px;background-color:#09fcc5}.crossbtn{margin:5px;background-color:#8d3851}.shufflebtn{margin-top:5px;background-color:#fbbc05}.dropdown{position:relative;display:inline-block}.dropbtn{font-family:Euclid Medium;width:170px;height:40px;background-color:#7e8fc3;color:#fff;padding:10px 15px;font-size:15px;border:none;border-radius:20px;cursor:pointer}.dropbtn:hover{background-color:#4b5d8a}.dropdown-content{font-family:Euclid Regular;display:none;position:absolute;background-color:#a0aac9;min-width:170px;box-shadow:0 8px 16px rgba (0,0,0,.2);z-index:1;border-radius:10px}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#0d152d;color:#fff}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#6d7db1}.bottom2{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center;width:100%;margin-top:20px}.sortbtn{display:flex;flex-direction:column;gap:10px}.sortbtn button{font-family:Euclid Medium;width:150px;padding:10px;font-size:16px;background-color:#2a3861;color:#fff;border:none;border-radius:20px;cursor:pointer}.sortbtns button:hover{background-color:#4a5a82}.output{margin-top:20px;height:270px;width:750px;background-color:#2a2f45;overflow-y:auto;border-radius:5px;color:#fff;padding:10px}.bubble,.insertion,.selection,.merge,.shell,.quick,.heap{width:150px;padding:10px;font-family:Euclid Medium;font-size:16px;border:none;border-radius:20px;cursor:pointer;background-color:#2a3861;color:#fff}.enter{font-family:Euclid Medium;font-size:15px;color:#fff}.graph{margin-left:20px;width:800px;height:340px;background-color:#2a3861;border-radius:10px;color:#fff;font-family:Euclid Medium,sans-serif;font-size:16px;display:flex;gap:2px}.bar-container{width:100%}.bar{background-color:#6d7db1;width:100%;height:100px;transition:height .5s,background-color .5s}.bar.active{background-color:#6d7db1}.speed-buttons{display:flex;justify-content:center;margin-bottom:20px}.speed-buttons button{font-family:Euclid Regular;margin:15px 2px 2px;padding:5px 15px;font-size:12px;cursor:pointer;border:none;border-radius:50px;color:#fff;background-color:#6d7db1;transition:background-color .2s}.slow:hover{background-color:#09fcc5}.med:hover{background-color:#fbbc05}.fast:hover{background-color:#8d3851}.container1{display:flex;justify-content:space-between;height:600px;padding:30px}.sidebar1{width:400px;text-align:left;margin:auto}.title1{font-family:Euclid Bold;color:#fff;font-size:45px;line-height:1}.scoreboard{font-family:Euclid Regular;margin:25px 0;font-size:18px;color:#fff;line-height:.6}.reset{font-family:Euclid Medium;width:155px;height:40px;border:none;cursor:pointer;border-radius:50px;background:#7e8fc3;color:#fff;font-size:15px;margin:20px 0}.reset:hover{background:#4b5d8a}.cell{display:flex;align-items:center;justify-content:center;height:120px;width:120px;background:#2a3861;border:4px solid #0d152d;border-radius:15px;cursor:pointer}.cell:hover{background-color:#273358}.board{display:grid;height:400px;width:390px;display:flex;margin:auto}.cell img{max-width:48px;max-height:48px;object-fit:contain}.player{font-family:Euclid Medium;color:#fbbc05;font-size:20px;margin-bottom:13%;margin-top:10%}.line{width:80%;height:.08px;background-color:#fff;margin-top:7%}.container4{display:flex;justify-content:space-between;align-items:center;height:auto;padding:30px;margin-top:10px}.sidebar4{width:400px;text-align:left;padding:20px;margin-right:50px}.title4{font-family:Euclid Bold;color:#fff;font-size:43px;line-height:.8;text-align:center}.subtitle4{font-family:Euclid Medium;font-size:25px;color:#fff;text-align:center;line-height:.8}.line4{width:100%;height:.08px;background-color:#fff;margin-top:7%}.logsinput4{display:flex;align-items:center;justify-content:center;height:110px;margin:20px 0}.viewlogs4{width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;margin-right:10px;background-color:#09fcc5;display:flex;align-items:center;justify-content:center;font-size:18px;color:#0d152d;transition:background-color .3s}.viewlogs4:hover{background-color:#1dc59e}.plate-input4{height:35px;width:280px;padding:10px;border-radius:28px;font-size:15px;margin:15px}.infos4{font-family:Euclid Regular;font-size:19px;margin:40px 0;color:#fff;line-height:.6}.depart4,.arrive4{font-family:Euclid Medium;width:150px;height:40px;border:none;cursor:pointer;border-radius:20px;background:#7e8fc3;color:#fff;font-size:16px;margin:20px;transition:background-color .3s}.depart4:hover,.arrive4:hover{background:#4b5d8a}.garage4{display:grid;grid-template-columns:1fr;gap:10px;padding:15px;border-radius:12px;text-align:center;justify-content:center;color:#fff;font-family:Euclid Regular;font-size:14px;overflow-y:auto;background-color:#2a3861;margin-left:20px;margin-top:20px}.parking-space4{text-align:center;justify-content:center;padding:6px;border-radius:5px;text-transform:uppercase;font-weight:700;color:#fff;width:220px;background-color:#4b5d8a}.occupied4{background-color:#fff;color:#000;border:3px solid black}.empty4{color:#4b5d8a;border:2px solid #0d152d}.logs-section4{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#1a1a2e;color:#fff;padding:20px;border-radius:15px;width:500px;max-height:500px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px #0000004d}.logs-section4 h3{font-size:24px;font-weight:700;margin-bottom:10px;text-align:center}.logs-table4{width:100%;border-collapse:collapse;margin-top:10px}.logs-table4 th,.logs-table4 td{padding:10px;text-align:center;border:1px solid #7e8fc3}.logs-table4 th{background-color:#2a3861;color:#fff}.logs-table4 td{background-color:#2a2a2a}.logs-table4 tr:nth-child(2n) td{background-color:#3e3e3e}.close-logs4{width:100%;padding:10px 20px;background-color:#142044;color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;margin-top:20px}.close-logs4:hover{background-color:#0d152d}.container5{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:50px}.title5{font-family:Euclid Bold;color:#fff;font-size:37px;margin-bottom:-10px}.line5{width:450px;height:.08px;background-color:#fff;margin:30px}.first.moved .line5{width:300px;opacity:1}.inputbst{height:27px;width:310px;padding:10px;border-radius:17px;font-size:15px;margin:10px}.input-container{display:flex;flex-direction:column;align-items:center}.input-wrapper{display:flex;align-items:center;gap:10px}.button-row{display:flex;justify-content:center;gap:20px;margin-top:10px}.build-tree-button{font-family:Euclid Medium;padding:12px 20px;font-size:14px;background-color:#2a3861;border:2px solid #7e8fc3;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease}.reset-tree-button{padding:12px 20px;font-size:14px;background-color:#0d152d;border:2px solid #7e8fc3;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease}.build-tree-button:hover,.reset-tree-button:hover{background-color:#3a4d7a;border-color:#9aafc9}.tree-container{display:flex;justify-content:center;margin-top:0;width:100%;height:100%;overflow:hidden}svg{max-width:100%;height:auto;display:block}.traversal-buttons-container{display:flex;justify-content:center;gap:15px;margin-top:30px}.traversal-buttons-container button{font-family:Euclid Medium;padding:10px 18px;height:40px;width:130px;font-size:13px;background-color:#7e8fc3;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease}.traversal-buttons-container button:hover{background-color:#0d152d}.traversal-result{font-family:Euclid Light;margin-top:20px;text-align:center;font-size:15px;line-height:.6}.traversal-result span{color:#fff}.bsticon{width:43px;margin:-10px -10px -10px 5px}.container7{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:70px}.title7{font-family:Euclid Bold;color:#fff;font-size:37px;margin-bottom:-10px}.line7{width:450px;height:.08px;background-color:#fff;margin:30px;justify-content:center;align-items:center}.buttonrow3{display:flex;justify-content:center;gap:10px;margin-top:15px;margin-bottom:20px}.build-tree-button3{font-family:Euclid Medium;width:150px;padding:12px 20px;font-size:14px;background-color:#2a3861;border:2px solid #7e8fc3;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease}.reset-tree-button3{font-family:Euclid Medium;width:150px;padding:12px 20px;font-size:14px;background-color:#0d152d;border:2px solid #7e8fc3;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease}.build-tree-button3:hover,.reset-tree-button3:hover{background-color:#7e8fc3;border:2px solid black}.moves{font-family:Euclid Medium;color:#fff;font-size:23px}.moves-list{font-family:Euclid Regular;color:#fff;font-size:15px}.records{margin-left:25px}.tower-label{font-family:Euclid Regular;color:#fff;font-size:15px}.movehere{font-family:Euclid Medium;font-size:11px;background-color:#2a3861;color:#fff;border-radius:20px;cursor:pointer;height:30px;width:80px;margin-top:15px}.towers{display:flex;justify-content:center;align-items:flex-end;width:100%;gap:40px}.tower{position:relative;width:100px;height:200px}.tower-base{position:relative;width:100%;height:20px;background-color:#1cf46f;text-align:center;margin-top:20px}.tower-base{position:relative;width:100%;height:20px;background-color:#fbbc05;text-align:center;margin-top:20px}.tower-wood{position:absolute;bottom:20px;left:50%;width:10px;height:180px;background-color:#7e8fc3;transform:translate(-50%)}.disk{position:absolute;height:20px;border:1px solid #000;border-radius:5px}.disk-1{background-color:#00ffc3}.disk-2{background-color:#00deaa}.disk-3{background-color:#00a780}.disk-4{background-color:#008364}.disk-5{background-color:#006b54}.move-records{width:25%;text-align:left;padding-left:10px;border-left:2px solid #ccc}.selected{border:2px solid green}.win-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;color:#fff;cursor:pointer;opacity:0;animation:fadeIn .5s forwards}.win-overlay.fade-out{animation:fadeOut .5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.win-message{text-align:center;padding:20px;background-color:#333;border-radius:10px;box-shadow:0 0 20px #00000080}.win-message h1{font-size:2rem;margin-bottom:10px}.win-message p{font-size:1.2rem}.container6{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:50px}.title6{font-family:Euclid Bold;color:#fff;font-size:37px;margin-bottom:-10px}.line6{width:450px;height:.08px;background-color:#fff;margin:30px 20px 20px}.level{display:flex;justify-content:space-around;width:100%;margin:10px 0;position:relative}.node.active{opacity:1;transform:scale(1.2)}.tree .level .node:before,.tree .level .node:after{content:"";position:absolute;width:2px;height:50px;background-color:#000;z-index:-1}.tree .level .node:before{left:50%;bottom:0;transform:translate(-50%) rotate(-45deg);transform-origin:bottom center;height:50px}.tree .level .node:after{right:50%;bottom:0;transform:translate(50%) rotate(45deg);transform-origin:bottom center;height:50px}.tree .level:last-child .node:before,.tree .level:last-child .node:after{display:none}.node.level-1{background-color:#e74c3c}.node.level-2{background-color:#2ecc71}.node.level-3{background-color:#9b59b6}.node.level-4{background-color:#f1c40f}.node.level-5{background-color:#8e44ad}.controls{display:flex;flex-direction:center;align-items:center;margin-bottom:30px}.buttons-row2{display:flex;justify-content:center;gap:10px;margin-top:10px}.buttons-row2 button:hover{background-color:#0d152d}.reset-tree-button2{padding:10px 15px;font-size:14px;background-color:#0d152d;border:2px solid #7e8fc3;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease;margin-left:12px;margin-top:12px}.buttons-row2 button{font-family:Euclid Medium;font-size:16px;background-color:#2a3861;color:#fff;border:none;border-radius:20px;cursor:pointer;height:38px;width:38px}button:disabled{background-color:#3a4d7a;cursor:not-allowed}.traversal-buttons{display:flex;justify-content:center;gap:10px;margin-top:-10px}.traversal-buttons button{font-family:Euclid Medium;padding:10px 18px;height:40px;width:130px;font-size:13px;background-color:#7e8fc3;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease}.traversal-buttons button:hover{background-color:#0d152d}.traversal-result2{color:#fff;font-family:Euclid Light;margin:-5px}.traversal-result2 p{font-size:16px;margin:5px 0;color:#fbbc05}