@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap";@tailwind base;@tailwind components;@tailwind utilities;.sidebar{width:80px;height:100vh;position:fixed;top:0;left:0;background-color:#333;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:20px;z-index:1000}.sidebar-button{padding-top:15px;padding-bottom:15px;font-size:.7rem;width:100%;background:#444;color:#fff;border:none;cursor:pointer;text-align:center;margin-bottom:10px}.sidebar-button:hover{background:#555}.sidebar-extend-widget{position:fixed;top:0;left:80px;width:250px;height:100vh;background:#222;color:#fff;box-shadow:2px 0 5px #00000080;z-index:1100;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.room-button{width:100%;padding:15px 20px;background:#444;color:#fff;border:none;margin-bottom:10px;cursor:pointer;text-align:left;transition:all .1s ease-in-out}.room-button:hover{transform:scale(1.05);background:#555}.room-button:active{transform:scale(.95);background:#444}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1099}.history-list{margin-top:10px;flex:1;overflow-y:auto;max-height:60vh;scrollbar-width:thin;scrollbar-color:#666 transparent}.history-list::-webkit-scrollbar{width:6px;opacity:0;transition:opacity .2s ease}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background-color:#666;border-radius:3px}.history-list:hover::-webkit-scrollbar{opacity:1}.history-entry{background:#444;padding:10px;margin-bottom:5px;border-radius:5px;cursor:pointer}.best-attempt{background:#555;padding:15px;border-radius:5px;margin-bottom:10px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:40}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;z-index:50;overflow:hidden;color:#333}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:18px}.close-button{background:none;border:none;font-size:20px;cursor:pointer;transition:.2s}.close-button:hover{color:#ccc}.modal-body{padding:16px;font-size:16px}.sofia-sans-thin{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.sofia-sans-thin-italic{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:italic}.sofia-sans-light{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.sofia-sans-light-italic{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:italic}.sofia-sans-regular{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.sofia-sans-regular-italic{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:italic}.sofia-sans-medium{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.sofia-sans-medium-italic{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:italic}.sofia-sans-semibold{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.sofia-sans-semibold-italic{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:italic}.sofia-sans-bold{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.sofia-sans-bold-italic{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:italic}.sofia-sans-extrabold{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.sofia-sans-extrabold-italic{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:italic}.sofia-sans-black{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.sofia-sans-black-italic{font-family:Sofia Sans,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:italic}.roboto-thin{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.roboto-thin-italic{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:italic}.roboto-light{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.roboto-light-italic{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:italic}.roboto-regular{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.roboto-regular-italic{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:italic}.roboto-medium{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.roboto-medium-italic{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:italic}.roboto-semibold{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.roboto-semibold-italic{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:italic}.roboto-bold{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.roboto-bold-italic{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:italic}.roboto-extrabold{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.roboto-extrabold-italic{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:italic}.roboto-black{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.roboto-black-italic{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:italic}.cabin-thin{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.cabin-thin-italic{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:italic}.cabin-light{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.cabin-light-italic{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:italic}.cabin-regular{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.cabin-regular-italic{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:italic}.cabin-medium{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.cabin-medium-italic{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:italic}.cabin-semibold{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.cabin-semibold-italic{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:italic}.cabin-bold{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.cabin-bold-italic{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:italic}.cabin-extrabold{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.cabin-extrabold-italic{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:italic}.cabin-black{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.cabin-black-italic{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:italic}.container{display:flex;justify-content:center;align-items:center;padding:5px;height:80vh;width:40vw}.scrollable-box{display:flex;flex-direction:column;width:100%;height:100%;min-width:300px;min-height:200px;overflow:auto;border:1px solid black;flex-shrink:0;background-color:#2d2d2d}.content{width:100%;height:auto}:root{--primary-color: #10b981;--secondary-color: #065f46;--background-color: #f3f4f6;--text-color: #1f2937;--accent-color: #ffffff;--border-radius: 6px;--input-padding: 10px;--font-size-base: 1rem;--font-size-large: 1.25rem;--font-family: "Arial", sans-serif;--spacing: 1rem}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;box-sizing:border-box}.flex-center{display:flex;justify-content:center;align-items:center;height:100vh}.button{background-color:var(--primary-color);color:#fff;padding:12px 24px;border:none;cursor:pointer;border-radius:var(--border-radius);font-size:var(--font-size-base);transition:background-color .3s ease}.button:hover{background-color:var(--secondary-color)}.button-std-1{background:#000;background:linear-gradient(135deg,#000,#282828 60%,#444);color:#f5f5f5;padding:12px 24px;border-radius:var(--border-radius);font-family:Lucida Console,monospace;font-weight:700;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.button-std-1:disabled{background:#3c3c3c;background:linear-gradient(135deg,#3c3c3c,#505050 60%,#787878);color:#bdbdbd;padding:12px 24px;border-radius:var(--border-radius);font-family:Lucida Console,monospace;font-weight:700;text-transform:uppercase;cursor:not-allowed;position:relative;overflow:hidden;opacity:.6;transition:all .3s ease;box-shadow:none}.button-std-1:not(:disabled):hover{color:var(--primary-color);box-shadow:0 0 10px #00000080}.button-std-1:not(:disabled):active{transform:scale(.95)}.spinner{position:relative;width:1vh;height:1vh;margin-left:2vh;border:3px solid white;border-top:3px solid transparent;border-radius:50%;animation:spin .8s linear infinite;display:none}.loading .spinner{display:inline-block}.overlay.lbo{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:center}.overlay .spinner{position:static;margin-left:1rem;display:inline-block;width:2rem;height:2rem}.overlay .loading-text{position:static;color:#fff;font-size:1.25rem;display:inline-block;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.consent-checkbox{margin-right:2vh}.input{padding:var(--input-padding);border-radius:var(--border-radius);border:1px solid #ccc;font-size:var(--font-size-base);width:250px;margin-bottom:var(--spacing)}.input:focus{border-color:var(--primary-color);outline:none}.page-title{font-size:var(--font-size-large);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing)}.room-details{margin-top:20px;padding:10px;border:1px solid var(--accent-color);background-color:#ffffff1a;border-radius:5px}.room-title{font-size:20px;margin-bottom:10px}.room-container{display:flex}.room-description{font-size:16px;margin-bottom:10px}.methods-container{text-align:left;margin-top:10px}.methods-title{font-size:18px;margin-bottom:5px}.room-coding-area{flex-grow:1}.methods-list{list-style:none;padding:0}.method-item{background-color:#0003;padding:5px;margin-bottom:5px;border-radius:3px}.room-info{width:auto;min-width:500px;max-width:700px;height:100%;background-color:#2d2d2d;color:#fff;transition:width .3s ease;display:flex;flex-direction:column;padding:10px;box-sizing:border-box}.main-content{flex:1;margin-left:80px;padding:20px;text-align:center;overflow-y:auto}.room-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.room-info{background-color:#474646;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}.room-coding-area{display:flex;flex-direction:column;gap:10px}.code-editor-container{flex-grow:1}.button1{padding:10px;background-color:#76c279;color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:5px}.button1:disabled{background-color:#9e9e9e}.run-result-container{margin-top:20px}.run-result-container .error{color:red}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.leaderboard-container{display:flex;flex-direction:column;align-items:center;background-color:#474646;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}.leaderboard-title{color:var(--primary-color);margin-bottom:0 auto}.leaderboard-subtitle{color:#fff;margin-top:auto}.leaderboard-area{background-color:#f5f5f5;width:100%}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{border:1px solid #474646;width:20%}.leaderboard-table th{background-color:#474646;color:#fff;padding:10px}.leaderboard-table tbody tr:nth-child(2n){background-color:#f3f4f6}.leaderboard-table tbody tr:nth-child(odd){background-color:#fff}.refresh-button-container{display:flex;justify-content:flex-end;margin-bottom:1rem}.player-info-banner{background-color:#333;color:#fff;padding:6px 50px;font-size:.85rem;border-radius:8px;box-shadow:0 2px 5px #0000004d;max-width:80%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:10%;max-width:100rem}.cm-content .ͼq,.cm-content .ͼ6{color:#bfc9dd}.highlight-do>span{color:orange!important;font-weight:700!important}.highlight-method>span{color:#61afef!important}