body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;font-optical-sizing:auto;font-style:normal;background-color:var(--background);color:var(--default-text)}.termsButton{cursor:pointer}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;padding:20px;border-radius:8px;max-width:600px;width:100%;box-shadow:0 4px 8px #0003;font-family:Arial,sans-serif;color:#333}.termsOfServiceContent{font-size:16px;line-height:1.6;color:#555;padding:10px 20px}.termsOfServiceContent p{margin-bottom:12px}.modalFooter{display:flex;justify-content:space-between;margin-top:20px}.acceptButton{padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:4px;transition:background-color .2s ease}.acceptButton{background-color:#28a745;color:#fff}.acceptButton:hover{background-color:#218838}footer{width:100%;background-color:var(--bg-dark);padding:10px 0;text-align:center}.layout{display:flex;flex-direction:column;min-height:100vh}.layout .main-kodekamp{flex:1;padding:32px;margin:0 auto;width:clamp(0px,calc(100% - 64px),var(--max-width))}.button{text-decoration:none;font-family:inherit;font-size:1.2em;font-weight:700;padding:.2rem 1.2rem;border-radius:.3rem;cursor:pointer;transition-duration:.3s;white-space:nowrap;background:none;width:fit-content}.button:hover{filter:brightness(1.05);transform:scale(1.05);box-shadow:0 0 10px #fff2}.button:active{transform:scale(.95);box-shadow:none}.button.primary{background-color:var(--primary);color:var(--bg);border:3px solid var(--primary)}.button.secondary{border:3px solid var(--fg);color:var(--fg)}.danger{background-color:var(--error);color:#fff;border:3px solid var(--error)}.header{background-color:var(--bg-light);color:var(--fg);padding:10px 32px;display:flex;justify-content:center}.header .container{flex:1;color:var(--fg);padding:10px;display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width)}.header .link{text-decoration:none;color:#fff;transition-duration:.3s}.header h1{font-size:2rem}.header svg{vertical-align:middle}.header .link:hover{opacity:.8}.buttonArray{display:flex;align-items:center;gap:24px}.buttonArray .link{color:var(--primary)}.profileIcon{height:2rem;aspect-ratio:1 / 1;border-radius:50%}.profileInfo{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--primary)}.not-found{display:flex;flex-direction:column;align-items:center}.wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.centerBox{overflow:none;padding-right:30%}h1{font-size:64px;font-weight:700;margin:0}h3{margin-top:1rem}#timerDiv{position:absolute;bottom:0;left:0;right:0;z-index:-1;background-color:var(--bg-light);animation:lower linear}@keyframes lower{0%{height:100vh}to{height:0vh}}.lobbyContainer{background-color:var(--bg-light);width:300px;margin:0 auto;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.lobbyHeader{margin-bottom:20px}.lobbyHeader h3{font-size:1.2em;margin:0}.lobbyHeader p{font-size:.9em;color:#666}.playerGrid{display:grid;grid-template-columns:repeat(4,50px);grid-gap:10px;justify-content:center;margin-bottom:10px}.playerSlot,.emptySlot,.playerYou{width:50px;height:50px;border-radius:5px;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 0 3px var(--fg)}.emptySlot{background:transparent}.playerSlot,.playerYou{font-size:1.8rem}.playerYou{background:var(--fg)}html,body{margin:0;padding:0;height:100vh}.landingPage{display:flex;flex-direction:column;justify-content:center;text-align:center}header{margin-top:20px}header h1{font-size:2.5em;margin-bottom:0}header p{font-size:1.1em;color:#777}.progress-bar-container{position:relative;width:90%;padding:2rem 2rem 4rem}.progress-bar-track{position:relative;height:10px;background-color:#ddd;border-radius:5px}.progress-bar-fill{position:absolute;height:10px;background-color:var(--primary);border-radius:5px 0 0 5px;transition:width .3s ease}.milestone{position:absolute;top:-20px;display:flex;align-items:center;flex-direction:column;transform:translate(-50%)}.milestone-icon{width:20px;height:20px;background-color:#fff;border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:12px}.milestone-content{margin-top:5px;text-align:center}.milestone-content img{width:3.5rem;aspect-ratio:1/1;border-radius:50%;object-fit:cover}.milestone-content p{font-size:1rem;margin:5px 0 0}.userInfo{display:flex;flex-direction:column;padding:1rem}.profilePage{display:flex;flex-direction:column;padding:2rem}.loginPageBox{background-color:var(--bg-light);padding:2rem;margin:2rem auto;width:300px;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;text-align:center}.loginPageBox h2{margin-bottom:1.5rem}.userBox input:focus{border-color:#61dafb}.errorLabel{color:#ff6b6b;font-size:.85rem;margin-bottom:1rem;display:block}.inputButton{font-size:1.2em;font-weight:700;width:100%;padding:.75rem;background:var(--primary);color:red;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.row{display:flex;flex-direction:row;gap:.2rem}.icon-button{padding:.2rem;background:transparent;border:none;cursor:pointer}.RegisterPageBox{background-color:var(--bg-light);padding:2rem;margin:2rem auto;width:300px;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;text-align:center}.RegisterPageBox h2{margin-bottom:1.5rem}.userBox{display:flex;flex-direction:column;align-items:stretch}.userBox input{width:80%;padding:.75rem;border:none;background-color:var(--bg);color:var(--fg);outline:none;border-radius:5px;font-size:1rem}.errorLabel{color:#ff6b6b;font-size:1rem;margin-bottom:1rem;display:block}.inputButton{width:100%;padding:.75rem;background-color:var(--primary);color:var(--bg);border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:.2s linear}.inputButton:hover{transform:scale(1.02)}.verify .row{display:flex;align-items:center;gap:32px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--fg: #e4e0ee;--primary: #a493d6;--bg: #0d0a16;--bg-light: color-mix(in lab, var(--bg), #ffffff 7%);--bg-dark: color-mix(in lab, var(--bg), #000000 30%);--success: #58dfa5;--error: #df5858;--warning: yellow;--max-width: 1300px}#root{min-height:100vh;flex-direction:column}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--fg)}