*{margin:0;padding:0}html,body{overflow:hidden}.header{background-color:#e6eef2;align-items:center;height:60px;padding:0 15px;display:flex;overflow:hidden}.focus_logo{height:45px}.focus_text{padding:0 15px;font-family:Quicksand;font-size:x-large}.webgl{outline:none;position:fixed;top:60px;left:0}#state-label{color:#fff;pointer-events:auto;opacity:0;z-index:10;background-color:#0b3b61;border-radius:8px;padding:12px 20px;font-family:Inter,Segoe UI,sans-serif;font-size:1.5rem;transition:opacity .3s;position:absolute;box-shadow:0 8px 16px #0003}#state-label .label-text{display:inline-block}#state-label .label-close{color:#fff;cursor:pointer;vertical-align:middle;background:0 0;border:none;margin-left:12px;font-size:1.2rem}#state-label .label-close:hover{color:#ddd}.close-info-button{color:#fff;float:right;cursor:pointer;background:0 0;border:none;font-size:1.5rem}#university-list{color:#fff;z-index:10;opacity:0;pointer-events:none;background-color:#0b3b61;border-radius:12px;flex-direction:column;gap:.75rem;width:35%;padding:1rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:2%;bottom:2%;right:2%;overflow-y:auto}#university-list.visible{opacity:1;pointer-events:auto}@media (width<=768px){#university-list{width:88%;bottom:2%;left:2%;right:2%;top:unset;height:25vh}}.university-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;box-sizing:border-box;background-color:#ffffff14;border-radius:12px;width:98%;padding:1rem;font-family:Inter,sans-serif;font-size:1.1rem;transition:background-color .2s;box-shadow:0 4px 8px #0003}.university-item:hover{cursor:pointer;background-color:#ffffff26}#ui-root{z-index:100;position:absolute;top:0;right:0}.ui-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;gap:10px;padding:0;display:flex;position:absolute;right:10px}.ui-btn{color:#fff;cursor:pointer;background:#1a4d77d9;border:none;border-radius:10px;padding:10px 14px;font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.ui-btn:hover{background:#335b83;transform:translateY(-1px)}.ui-btn.active{color:#1a4d77;background:#fff;box-shadow:inset 0 0 0 2px #1a4d77}.ui-hamburger{cursor:pointer;z-index:200;flex-direction:column;justify-content:space-between;gap:5px;width:28px;height:20px;display:none;position:absolute;top:20px;right:20px}.ui-hamburger span{background:#1a4d77;border-radius:2px;width:100%;height:3px;transition:transform .3s,opacity .3s;display:block}.ui-hamburger.open span:first-child{transform:translateY(8.5px)rotate(45deg)}.ui-hamburger.open span:nth-child(2){opacity:0}.ui-hamburger.open span:nth-child(3){transform:translateY(-8.5px)rotate(-45deg)}#mobile-menu{z-index:200;pointer-events:none;opacity:0;flex-direction:column;gap:8px;transition:all .25s;display:flex;position:absolute;top:68px;right:8px;transform:translateY(-10px)}#mobile-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=768px){#controls{display:none}.ui-hamburger{display:flex}.ui-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c355826;border-radius:12px;padding:8px;box-shadow:0 6px 20px #00000026}}.ui-btn:after{content:"";margin-left:6px}.ui-btn.active:after{content:"✓"}
