.role-selection-view{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#fff;padding:1rem;font-family:sans-serif}.selection-panel{width:100%;max-width:800px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2.5rem 3rem;color:var(--color-text);animation:slideUpFadeIn .7s ease-out forwards}.selection-panel .role-description,.selection-panel .role-header{text-align:center}.selection-panel .role-header{font-size:clamp(1.8rem,5vw,2.5rem);margin:0 0 .5rem}.selection-panel .role-description{font-size:clamp(1rem,3vw,1.1rem);color:var(--color-accent);margin:0 0 2.5rem}.role-choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.role-card{display:flex;flex-direction:column;background:#fff;border:none;border-radius:20px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;animation:fadeWhite 2s forwards;animation-delay:1s;color:#fff;overflow:hidden}.role-card .icon-container{font-size:3rem;color:var(--color-accent-active);margin-bottom:1rem;position:relative;display:inline-block}.role-card h3{margin:0 0 .5rem;font-size:1.5rem}.role-card p{color:var(--color-label);line-height:1.6;font-size:.95rem;flex-grow:1}.role-card:hover:not(.disabled){transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 10px 30px var(--color-box-shadow)}.role-card.disabled{opacity:.4;cursor:not-allowed}.it-card .glitch{position:relative;font-weight:700;background-color:#fff}.it-card .glitch:after{left:1px;top:1px}.it-card .glitch:after,.it-card .glitch:before{content:attr(data-text);position:absolute;width:100%;height:100%;clip:rect(0,900px,0,0);background-color:#fff;color:var(--color-text);animation:glitch 4s infinite alternate-reverse;animation-delay:3s}.it-card .glitch:before{left:-1px;top:-1px}@keyframes fadeWhite{to{color:var(--color-text)}}@keyframes glitch{0%{clip:rect(93px,9999px,12px,0)}5%{clip:rect(39px,9999px,62px,0)}10%{clip:rect(41px,9999px,41px,0)}15%{clip:rect(39px,9999px,57px,0)}20%{clip:rect(6px,9999px,18px,0)}25%{clip:rect(98px,9999px,81px,0)}30%{clip:rect(32px,9999px,41px,0)}35%{clip:rect(12px,9999px,56px,0)}40%{clip:rect(64px,9999px,99px,0)}45%{clip:rect(32px,9999px,96px,0)}50%{clip:rect(13px,9999px,68px,0)}55%{clip:rect(80px,9999px,64px,0)}60%{clip:rect(25px,9999px,61px,0)}65%{clip:rect(66px,9999px,52px,0)}70%{clip:rect(26px,9999px,49px,0)}75%{clip:rect(25px,9999px,57px,0)}80%{clip:rect(98px,9999px,21px,0)}85%{clip:rect(8px,9999px,50px,0)}90%{clip:rect(82px,9999px,13px,0)}95%{clip:rect(90px,9999px,57px,0)}to{clip:rect(89px,9999px,12px,0)}}.consent-container{display:flex;justify-content:center;align-items:flex-start;gap:.75rem;text-align:left;margin-top:2rem}.consent-container input[type=checkbox]{transform:scale(1.2);accent-color:#0c5678;flex-shrink:0;margin-top:5px}.consent-container .consent-label{font-size:.9rem;color:#ccc;line-height:1.5}.consent-container .consent-label a{color:#0c5678;text-decoration:underline}.consent-container .consent-label a:hover{color:var(--color-accent-active)}@media(max-width:768px){.selection-panel{padding:2rem;overflow-y:auto;scrollbar-width:none;height:100%}.role-choices{grid-template-columns:1fr}.role-card{padding:.5rem}}@media(max-width:450px){.selection-panel{padding:.5rem;height:100vh}.role-choices{gap:0}}.privacy-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9000;animation:fadeIn .3s ease;color:var(--color-accent)}.privacy-modal-content{position:relative;background-color:var(--color-bg-darker,#1a1a1a);color:var(--color-accent,#ccc);border-radius:var(--box-radius,16px);border:1px solid var(--color-accent-trans,rgba(255,255,255,.1));width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.5);scrollbar-width:none;padding:2rem}.privacy-modal-content h2{color:var(--color-accent,#f0f0f0);margin-top:0;border-bottom:1px solid var(--color-accent-trans,rgba(255,255,255,.1));padding-bottom:1rem;margin-bottom:1.5rem;font-size:1.8rem}.privacy-modal-content h4{color:var(--color-accent,#f0f0f0);margin-top:2rem;margin-bottom:.5rem;font-size:1.1rem}.privacy-modal-content li,.privacy-modal-content p{line-height:1.7;font-size:1rem}.privacy-modal-content ul{padding-left:25px;list-style-type:disc}.privacy-modal-content strong{color:var(--color-text,#f0f0f0);font-weight:600}.privacy-modal-content .privacy-modal-close-btn{position:absolute;top:5%;right:2%;background:rgba(0,0,0,0);border:none;color:var(--color-label);font-size:2.5rem;line-height:1;padding:0;cursor:pointer;transition:all .2s ease}.privacy-modal-content .privacy-modal-close-btn:hover{color:var(--color-text,#fff);transform:scale(1.1)}@media(max-width:600px){.privacy-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.privacy-modal-content{width:100%;max-height:100%;overflow-y:auto;scrollbar-width:none;margin:auto;padding-right:3rem;padding-top:5rem;border-radius:0}.privacy-modal-close-btn{position:absolute;top:10%;right:15%;background:rgba(0,0,0,0);border:none;font-size:2.5rem;line-height:1;padding:0}}@media(max-width:450px){.privacy-modal-close-btn{top:10%;right:10%}}@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap";.loading-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100vh;width:100vw;background-color:var(--color-bg-dark);color:var(--color-accent);font-family:var(--font-family);font-size:1rem;letter-spacing:4px;z-index:999;overflow:hidden}.video-wrapper{overflow:hidden}.video-overlay,.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.video-overlay{pointer-events:none}.fisheye-video{opacity:0;transition:opacity 3s ease;position:absolute;width:100%;height:100%;object-fit:cover}.centered-logo{top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;animation:fadeIn 2s ease forwards}.centered-logo,.video-text{position:absolute;opacity:0}.video-text{top:75%;font-family:Cinzel,serif;font-size:2rem;color:hsla(0,0%,100%,.7);pointer-events:none;z-index:10;transition:opacity 2s ease,transform 2s ease;transform:scale(.8) translateY(-50%)}.video-text.align-left{left:10%;text-align:left}.video-text.align-right{right:10%;text-align:right}.video-text.align-center{left:50%;transform:translate(-50%,-50%);text-align:center}.centered-symbol{position:absolute;top:50%;left:50%;font-size:7rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity 2s ease,transform 2s ease}.centered-symbol,.video-text{opacity:0;transform:scale(1) translateY(-50%);transition:opacity 2.5s ease,transform 3.5s ease;pointer-events:none}.centered-symbol.fade-in,.video-text.fade-in{opacity:1;transform:scale(1.05) translateY(-50%)}.centered-symbol.visible,.video-text.visible{opacity:1;transform:scale(1.1) translateY(-50%)}.centered-symbol.fade-out,.video-text.fade-out{opacity:0;transform:scale(1.1) translateY(-50%);transition:opacity 1s ease}.centered-symbol.hidden,.video-text.hidden{opacity:0!important;transform:scale(1.1) translateY(-50%);transition:none!important}.fisheye-video.fade-in,.fisheye-video.visible{opacity:1}.fisheye-video.fade-out,.fisheye-video.hidden{opacity:0}.skip-button{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;padding:10px 25px;color:hsla(0,0%,100%,.4901960784);border:none;background-color:rgba(0,0,0,0);cursor:pointer;font-family:Cinzel,serif;font-size:.9rem;letter-spacing:8px;transition:all 1s ease;text-transform:lowercase!important}.skip-button:hover{letter-spacing:15px}.logo{font-family:Ubuntu,sans-serif;color:#000;margin-top:20px;width:110px;height:130px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;background-image:url(/assets/img/logoWhite.png);background-repeat:no-repeat;background-size:contain;background-position:50%;transition:transform 2s ease-in-out;cursor:pointer;z-index:20;pointer-events:auto}.terminal{background-color:var(--color-bg-dark-trans);color:var(--color-accent);font-family:var(--font-geist-mono);height:100%;width:100%;display:flex;flex-direction:column;border-radius:var(--window-radius);overflow:hidden;font-size:var(--font-size-base);scrollbar-width:none;-ms-overflow-style:none}.terminal::-webkit-scrollbar{display:none}#video{display:block}.terminal-body{padding:1rem;overflow-y:auto;flex-grow:1;cursor:text;scrollbar-width:none;min-width:450px}.terminal-line{margin-bottom:.5rem}.prompt,.terminal-command{display:flex}.prompt{white-space:nowrap;margin-right:.5rem}.prompt .prompt-user{color:var(--color-label)}.prompt .prompt-path{color:#1187a2}.prompt .prompt-char{color:var(--color-accent)}.terminal-input-line{display:flex;align-items:center}.terminal-input{background:none;border:none;outline:none;flex-grow:1;min-width:0}.terminal-input,.terminal-output{color:inherit;font-family:inherit}.terminal-output{white-space:pre-wrap;margin-left:2.5rem}.welcome-window-content{padding:1.5rem;color:var(--color-accent);overflow-y:auto!important;scrollbar-width:2px}.welcome-window-content h2{font-size:1.5rem;color:var(--color-accent-active);margin-top:0}.welcome-window-content li,.welcome-window-content p{font-size:1rem;line-height:1.7;color:var(--color-label)}.welcome-window-content ul{padding-left:1.5rem;margin:1.5rem 0}.welcome-window-content strong{color:var(--color-text);font-weight:600}.static-window{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--color-bg-dark-trans);border-radius:var(--window-radius);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.static-window-header{background:var(--color-bg-dark-trans-heavy-header);padding:.5rem 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;font-size:1rem;flex-shrink:0}.static-window-content{flex-grow:1;position:relative;min-height:0;overflow:auto;scrollbar-width:none}.static-window-content::-webkit-scrollbar{display:none}.draggable-window{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--color-bg-dark-trans);border-radius:var(--window-radius);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.window-header{background:var(--color-bg-dark-trans-heavy-header);padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;font-size:1rem;cursor:-webkit-grab;cursor:grab;flex-shrink:0}.window-header:active{cursor:-webkit-grabbing;cursor:grabbing}.window-close-btn{background:rgba(0,0,0,0);border:none;color:var(--color-label);font-size:1.5rem;cursor:pointer;line-height:1;padding:0;margin:0;width:1.5rem;height:1.5rem;transition:color .2s ease}.window-close-btn:hover{color:var(--color-text)}.window-content{flex-grow:1;position:relative;min-height:0;overflow:auto;scrollbar-width:none;background-color:var(--color-bg-dark-trans)}.window-content::-webkit-scrollbar{display:none}.react-draggable+div{z-index:10!important}.react-draggable+div:after{content:"";position:absolute;background:var(--color-accent-trans);opacity:.5;transition:opacity .2s ease}.react-draggable+div:hover:after{opacity:1}.react-draggable+div[class*=bottom-right]:after{width:10px;height:10px;right:1px;bottom:1px;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%)}@media(max-width:992px){.draggable-window{border-radius:0;max-width:330px}}.terminal-quiz,.terminal-quiz-error,.terminal-quiz-loading{background-color:var(--color-bg-dark-trans);color:var(--color-accent);font-family:var(--font-geist-mono,"Courier New",monospace);padding:15px;height:100%;display:flex;flex-direction:column;font-size:var(--font-size-medium)}.terminal-quiz-error,.terminal-quiz-loading{justify-content:center;align-items:center;font-size:var(--font-size-medium)}.terminal-quiz-error{color:var(--color-error)}.tq-footer,.tq-header{color:var(--color-label);padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed var(--color-input-focus);flex-shrink:0}.tq-footer{border-bottom:none;border-top:1px dashed var(--color-input-focus);margin-top:auto;padding-top:10px}.tq-question-text{margin-bottom:20px;font-size:var(--font-size-medium)}.tq-options{display:flex;flex-direction:column;gap:10px}.tq-option-btn{background:rgba(0,0,0,0);border:1px solid var(--color-accent-trans);color:var(--color-accent);text-align:left;padding:8px;cursor:pointer;font-family:inherit}.tq-option-btn.selected,.tq-option-btn:hover{background-color:var(--color-accent);color:var(--color-bg-dark)}.tq-result{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.tq-review{flex-grow:1;overflow-y:auto;font-size:var(--font-size-base);min-height:0;max-height:40vh;font-size:var(--font-size-medium);scrollbar-width:none;-ms-overflow-style:none}.tq-review::-webkit-scrollbar{display:none}.tq-review pre{white-space:pre-wrap;word-wrap:break-word}.tq-review .review-item{border-bottom:1px dashed var(--color-input-focus);padding-bottom:15px;margin-bottom:15px}.tq-review .review-question{margin-bottom:10px}.tq-review .review-option{padding-left:15px;margin-bottom:5px;font-size:var(--font-size-base)}.tq-review .review-option.user-answer-correct{color:#27c93f;font-weight:700}.tq-review .review-option.user-answer-correct:before{content:"✔ "}.tq-review .review-option.user-answer-incorrect{color:#ff5f56;text-decoration:line-through}.tq-review .review-option.user-answer-incorrect:before{content:"✖ "}.tq-review .review-option.correct-answer{color:#ffbd2e}.tq-review .review-option.correct-answer:before{content:"➜ "}.guestbook-window{height:100%;display:flex;flex-direction:column;background-color:var(--color-bg-dark-trans);color:var(--color-text);position:relative}.guestbook-messages{height:100%;overflow-y:auto;padding:1rem;scrollbar-width:none}.guestbook-messages::-webkit-scrollbar{display:none}.guestbook-entry{padding:1rem;border-bottom:1px solid var(--color-accent-trans)}.guestbook-entry .message-content{font-style:italic;margin-bottom:.5rem}.guestbook-entry .message-meta{font-size:.8rem;color:var(--color-label);text-align:right}.guestbook-form{position:-webkit-sticky;position:sticky;bottom:0;left:0;width:100%;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid var(--color-accent-trans);background-color:var(--color-bg-dark)}.guestbook-form .error-message{width:100%;color:#ff5f56;text-align:center;margin-bottom:.5rem}.guestbook-input{flex-grow:1;background:var(--color-input-bg);border:1px solid var(--color-accent-trans);color:var(--color-text);padding:.75rem;border-radius:8px}.guestbook-input:focus{outline:none;border-color:var(--color-accent-active)}.guestbook-send-btn{width:45px;height:45px;border-radius:8px;background:var(--color-accent-active);color:var(--color-bg-dark);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.guestbook-send-btn:hover{background:var(--color-accent-hover)}.guestbook-send-btn:disabled{opacity:.5;cursor:not-allowed}.loading-more-indicator,.loading-text{text-align:center;padding:1rem;color:var(--color-label);font-style:italic}.calculator{height:100%;background-color:var(--color-bg-dark-trans);color:var(--color-text);font-family:var(--font-geist-mono,monospace);border-top:1px solid var(--color-border)}.calc-display,.calculator{display:flex;flex-direction:column}.calc-display{padding:1rem;text-align:right;min-height:90px;justify-content:flex-end;overflow:hidden}.calc-display .calc-expression{height:25px;font-size:1rem;color:var(--color-label);opacity:.7;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.calc-display .calc-expression::-webkit-scrollbar{display:none}.calc-display .calc-current{font-size:2.5rem;color:var(--color-accent-active);text-shadow:0 0 8px var(--color-box-shadow);white-space:nowrap;overflow-x:auto;scrollbar-width:none}.calc-display .calc-current::-webkit-scrollbar{display:none}.calc-buttons{flex-grow:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);grid-gap:1px;gap:1px;background:var(--color-border);grid-template-areas:"clear clear div mul" "seven eight nine sub" "four five six add" "one two three equals" "zero zero dot equals"}.calc-buttons button{background:var(--color-bg-darker);border:none;color:var(--color-label);font-size:1.2rem;cursor:pointer;transition:all .1s ease}.calc-buttons button:hover{background:var(--color-accent-trans);color:var(--color-text)}.calc-buttons button:active{transform:scale(.95);background:var(--color-accent-active);color:var(--color-bg-dark)}.calc-buttons .btn-clear{grid-area:clear;color:#ff5f56}.calc-buttons .btn-div{grid-area:div;color:var(--color-accent-active)}.calc-buttons .btn-mul{grid-area:mul;color:var(--color-accent-active)}.calc-buttons .btn-7{grid-area:seven}.calc-buttons .btn-8{grid-area:eight}.calc-buttons .btn-9{grid-area:nine}.calc-buttons .btn-sub{grid-area:sub;color:var(--color-accent-active)}.calc-buttons .btn-4{grid-area:four}.calc-buttons .btn-5{grid-area:five}.calc-buttons .btn-6{grid-area:six}.calc-buttons .btn-add{grid-area:add;color:var(--color-accent-active)}.calc-buttons .btn-1{grid-area:one}.calc-buttons .btn-2{grid-area:two}.calc-buttons .btn-3{grid-area:three}.calc-buttons .btn-equals{grid-area:equals;background:var(--color-accent-active);color:var(--color-bg-dark)}.calc-buttons .btn-0{grid-area:zero}.calc-buttons .btn-dot{grid-area:dot}.secret-video-window{width:100%;height:100%;background-color:var(--color-bg-dark-trans);display:flex;justify-content:center;align-items:center;overflow:hidden}.secret-video{width:100%;height:100%;object-fit:cover}.secret-message-container{padding:2rem;text-align:center;color:var(--color-accent-active);font-family:var(--font-geist-mono,monospace);animation:fadeInSecret 1s ease-in}.secret-message-container h1{font-size:2.5rem;text-shadow:0 0 15px var(--color-box-shadow)}.secret-message-container p{font-size:1.2rem;color:var(--color-label)}.secret-message-container .secret-close-btn{margin-top:2rem;padding:.75rem 2rem;background:rgba(0,0,0,0);border:1px solid var(--color-accent-trans);color:var(--color-label);cursor:pointer;transition:all .2s ease}.secret-message-container .secret-close-btn:hover{background:var(--color-accent-active);color:var(--color-bg-dark)}@keyframes fadeInSecret{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap";*,:after,:before{box-sizing:border-box}#video{display:none}#itVideo,#video{position:fixed;width:100%;height:100vh;object-fit:cover;z-index:-1;top:0;left:0;pointer-events:none}.app-container{width:100%;overflow:hidden}.app-container,.grid-layout{position:relative;height:100%;z-index:1}.grid-layout{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:1rem;gap:1rem;padding:2.5rem 1rem calc(1rem + 50px) 2.5rem}.bottom-right-panel,.empty-window-top-right,.small-window-left,.terminal-panel{opacity:1;transform:translateY(0);transition:opacity 1s ease-out,transform 1s ease-out}.terminal-panel{transition-delay:.1s}.small-window-left{transition-delay:.7s}.empty-window-top-right{transition-delay:.4s}.bottom-right-panel{transition-delay:.3s}.app-container.is-hiding-panels .empty-window-top-right,.app-container.is-hiding-panels .terminal-panel{opacity:0;transform:translateY(-20px);transition:none}.app-container.is-hiding-panels .bottom-right-panel,.app-container.is-hiding-panels .small-window-left{opacity:0;transform:translateY(20px);transition:none}.terminal-panel{grid-row:1/span 7;overflow-y:auto;scrollbar-width:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:540px;height:100%}.small-window-left,.terminal-panel{grid-column:1/span 5;z-index:2;border-radius:8px}.small-window-left{grid-row:8/span 3;padding:0;font-family:Orbitron,monospace;color:var(--color-accent);margin-bottom:2rem}.small-window-left .clock-display{text-align:center;font-size:1.2rem;line-height:1.4;margin-right:3.5rem}.small-window-left .clock-display .clock-header{font-size:2rem;letter-spacing:5px;margin:1rem 0 0}.empty-window-top-right{grid-column:6/span 5;grid-row:1/span 1;padding:1rem;border-radius:8px;color:var(--color-accent);font-family:monospace;z-index:2}.empty-window-top-right,.music-wrapper{display:flex;align-items:center;justify-content:center}.music-wrapper{width:100%}.bottom-right-panel{grid-column:6/span 5;grid-row:2/span 9;z-index:2}.window-stack-container{position:relative;width:100%;height:100%}.window-wrapper{opacity:1;transform:scale(1);transition:opacity .6s ease-out,transform .6s ease-out}.window-wrapper.is-entering{opacity:0;transform:scale(.8);transition:none}.panel-content{background:var(--color-bg-dark-trans);border-radius:8px;padding:1rem;color:var(--color-accent);font-family:monospace}.cache-btn{position:absolute;bottom:15%;left:5%;width:150px;z-index:1000;padding:.5rem 1rem;cursor:pointer;background:var(--color-accent);border:none;border-radius:8px;color:var(--color-bg-dark);font-weight:700}.bottom-taskbar{position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:rgba(30,30,30,.95);display:flex;align-items:center;padding:0 10px;gap:10px;z-index:2000;box-shadow:0 -2px 6px rgba(0,0,0,.8);font-family:monospace;color:var(--color-bg-dark);-webkit-user-select:none;-moz-user-select:none;user-select:none}.taskbar-item{background:rgba(0,0,0,0);color:#eee;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .15s ease;border:none;border-bottom:2px solid rgba(0,0,0,0)}.taskbar-item:focus,.taskbar-item:hover{background-color:#555;outline:none}.terminal-buttons{z-index:100;position:fixed;top:50%;left:10%;display:flex;flex-direction:column;gap:1rem}.terminal-buttons .trash-btn{width:50px;height:50px;border-radius:50%;background-color:var(--color-bg-dark-trans);border:1px solid var(--color-accent-trans);color:var(--color-label);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease;display:flex;justify-content:center;align-items:center}.terminal-buttons .trash-btn:hover{background-color:var(--color-accent-trans);color:var(--color-text);transform:scale(1.1)}.taskbar-item.active{background-color:#444;border-bottom:2px solid var(--color-accent-trans)}.quiz-container{width:100%;max-width:950px;height:80vh;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-accent);border-radius:20px;border:1px solid var(--color-accent-trans);display:flex;position:relative;overflow:hidden;font-size:var(--font-size-medium);margin:5rem auto 0}.quiz-container:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at 25% 25%,rgb(12,86,120),transparent 50%);animation:rotateGlow 15s linear infinite;z-index:0}.quiz-container>*{position:relative;z-index:1}.quiz-loading{margin:auto;font-size:1.5rem;color:var(--color-label)}.quiz-layout{background:rgba(0,0,0,0)}.quiz-config{flex:1 1;padding-right:1.5rem}.quiz-sidebar{flex:3 1}.quiz-list{overflow-y:auto;flex-grow:1;padding-right:1rem;padding-top:.2rem;display:flex;flex-direction:column;gap:1rem}.quiz-list::-webkit-scrollbar{width:6px}.quiz-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.quiz-list::-webkit-scrollbar-thumb{background:var(--color-accent-trans);border-radius:3px}.quiz-title{font-size:var(--font-size-large)}.exit-button{top:-1.5rem}.exit-button:hover{color:var(--color-text)}.label{font-size:var(--font-size-medium);margin-top:.5rem;margin-bottom:.5rem;color:var(--color-label)}.select,.text-input{padding:.5rem;border:1px solid var(--color-accent-trans);color:var(--color-text);font-size:var(--font-size-base);margin-top:1rem}.back-button,.finish-btn,.quiz-navigation button,.start-button,.view-button{padding:.75rem 1.5rem;font-size:var(--font-size-medium);font-weight:700;border-radius:var(--input-radius);cursor:pointer;border:1px solid var(--color-accent-active);background:var(--color-accent-active);color:var(--color-bg-dark);transition:all .2s ease}.back-button:hover:not(:disabled),.finish-btn:hover:not(:disabled),.quiz-navigation button:hover:not(:disabled),.start-button:hover:not(:disabled),.view-button:hover:not(:disabled){background:var(--color-bg-dark);border-color:var(--color-accent);color:var(--color-accent)}.back-button:disabled,.finish-btn:disabled,.quiz-navigation button:disabled,.start-button:disabled,.view-button:disabled{opacity:.6;cursor:not-allowed}.quiz-navigation button,.view-button{background:rgba(0,0,0,0);border-color:var(--color-accent-trans);color:var(--color-label)}.quiz-navigation button:hover:not(:disabled),.view-button:hover:not(:disabled){background:var(--color-bg-dark);border-color:var(--color-accent);color:var(--color-text)}@media(max-width:900px){.quiz-container{width:100vw;height:100%;max-height:none;border-radius:0;padding-top:5rem;padding-bottom:2rem;margin-bottom:0;margin-top:0;overflow-y:auto;overflow:hidden;scrollbar-width:none}.quiz-layout{flex-direction:column;gap:1rem;overflow-y:auto;padding-top:2rem;scrollbar-width:none}.quiz-config{border-right:none;padding-right:0}.quiz-sidebar{padding-left:0;border-left:none;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-accent-trans)}.options-grid{grid-template-columns:1fr;gap:1rem}.quiz-page-container{padding:0}.result-page-container{padding:0;margin:0}}.quiz-layout{display:flex;width:100%;height:100%;gap:2.5rem;padding:1.5rem}.quiz-config{position:relative;flex:3 1;display:flex;flex-direction:column;padding-right:2.5rem;border-right:1px solid var(--color-accent-trans)}.quiz-sidebar{flex:4 1;display:flex;flex-direction:column}.quiz-content,.quiz-list{overflow-y:auto;flex-grow:1;padding-right:1rem}.quiz-content::-webkit-scrollbar,.quiz-list::-webkit-scrollbar{width:6px}.quiz-content::-webkit-scrollbar-track,.quiz-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.quiz-content::-webkit-scrollbar-thumb,.quiz-list::-webkit-scrollbar-thumb{background:var(--color-accent-trans);border-radius:3px}.quiz-title{text-align:center;font-size:1.8rem;margin-bottom:2rem;flex-shrink:0;color:var(--color-accent)}.exit-button{position:absolute;top:0;right:.5rem;background:rgba(0,0,0,0);border:none;color:var(--color-label);font-size:2.5rem;line-height:1;padding:.5rem;cursor:pointer;transition:all .2s ease}.exit-button:hover{color:var(--color-bg-dark);transform:scale(1.1)}.input-group{margin-bottom:1.5rem}.label{display:block;font-size:.9rem;margin-bottom:.75rem;color:var(--color-accent)}.select,.text-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-accent);border-radius:var(--input-radius);background:rgba(0,0,0,0);color:var(--color-accent);font-size:1rem}.select:focus,.text-input:focus{outline:none;border-color:var(--color-accent-active);box-shadow:0 0 8px var(--color-box-shadow)}.start-button:disabled,.view-button:disabled{opacity:.6;cursor:not-allowed}.start-button{width:100%;padding:.8rem;margin-top:auto;font-size:1.1rem;font-weight:700;color:var(--color-bg-dark);background:var(--color-accent-active);border:none;border-radius:var(--input-radius);cursor:pointer;transition:all .3s ease}.start-button:hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-accent);transform:translateY(-2px)}.error-message{color:#ff5f56;background-color:rgba(255,95,86,.1);border:1px solid rgba(255,95,86,.2);padding:.75rem;margin-bottom:1rem;text-align:center}.error-message,.quiz-item{border-radius:var(--input-radius)}.quiz-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-input-bg);padding:1rem 1.25rem;border:1px solid rgba(0,0,0,0);transition:all .3s ease}.quiz-item:hover{transform:translateY(-3px);border-color:var(--color-accent-trans);box-shadow:0 4px 20px rgba(0,0,0,.2)}.quiz-item:hover .view-button{background-color:var(--color-accent-active);color:var(--color-bg-dark);border-color:var(--color-accent-active)}.quiz-item-info{display:flex;flex-direction:column;gap:.25rem}.quiz-item-info strong{font-size:1rem;color:var(--color-accent);font-weight:600}.quiz-item-info small{font-size:.8rem;color:var(--color-label)}.view-button{padding:.5rem 1rem;font-size:.9rem;background:rgba(0,0,0,0);border-color:var(--color-accent-trans);color:var(--color-label)}.view-button:hover:not(:disabled){background:var(--color-accent-trans);border-color:var(--color-accent);color:var(--color-accent)}@media(max-width:900px){.quiz-layout{flex-direction:column;gap:1.5rem;overflow-y:auto;padding-top:2rem;scrollbar-width:none}.quiz-config{border-right:none;padding-right:0}.quiz-sidebar{padding-left:0;border-left:none;margin-top:2rem;padding-top:1.5rem}}@media(max-width:450px){.quiz-layout{display:flex;width:100%;height:100%;gap:1.5rem;padding:1.5rem}.quiz-sidebar{padding-left:0;margin-top:0;padding-top:0}.quiz-content,.quiz-list{padding-right:0}.quiz-item{display:flex;justify-content:space-between;padding:.5rem .25rem}}.quiz-page-container{width:100%;height:100%;display:flex;flex-direction:column;padding:1.5rem}.quiz-page-container .quiz-header{text-align:center}.quiz-page-container .question-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;overflow-y:auto}.quiz-page-container .question-text{font-size:var(--font-size-large);margin:2.5rem 0 1rem;text-align:center;line-height:1.2}.quiz-page-container .options-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.quiz-page-container .option-btn{padding:1.25rem;font-size:1rem;text-align:left;background:rgba(0,0,0,0);color:var(--color-accent);border:1px solid var(--color-accent-trans);border-radius:var(--input-radius);cursor:pointer;transition:all .2s ease}.quiz-page-container .option-btn:hover{border-color:var(--color-accent)}.quiz-page-container .option-btn.selected{background:var(--color-accent-active);color:var(--color-bg-dark);border-color:var(--color-accent-active)}.quiz-page-container .quiz-navigation{display:flex;justify-content:space-between;margin-top:2rem}.quiz-page-container .quiz-navigation button{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border-radius:var(--input-radius);cursor:pointer;background:rgba(0,0,0,0);border:1px solid var(--color-accent-trans);color:var(--color-label);transition:all .2s ease}.quiz-page-container .quiz-navigation button:hover:not(:disabled){background:var(--color-accent-trans);border-color:var(--color-accent);color:var(--color-text)}.quiz-page-container .quiz-navigation button:disabled{opacity:.6;cursor:not-allowed}.quiz-page-container .quiz-navigation .finish-btn{border-color:var(--color-accent-active);background:var(--color-accent-active);color:var(--color-bg-dark)}.quiz-page-container .quiz-navigation .finish-btn:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent)}.quiz-page-container .progress-bar-container{width:100%;background-color:var(--color-input-bg);border-radius:4px;height:8px;margin-top:.5rem;margin-bottom:-2rem}.quiz-page-container .progress-bar{height:100%;background-color:var(--color-accent-active);border-radius:4px;transition:width .3s ease-in-out}.quiz-page-container .exit-button{position:absolute;top:0;right:.5rem;background:rgba(0,0,0,0);border:none;color:var(--color-label);font-size:2.5rem;line-height:1;padding:.5rem;cursor:pointer;transition:all .2s ease}.quiz-page-container .exit-button:hover{color:var(--color-text);transform:scale(1.1)}@media(max-width:900px){.quiz-page-container{height:100%;padding:1rem}.options-grid{grid-template-columns:1fr;gap:.5rem}}@media(max-width:768px){.quiz-navigation{display:flex;justify-content:space-between;margin-top:0}}@media(max-width:450px){.quiz-page-container{width:100%;height:100%;font-size:var(--font-size-base)}.quiz-page-container .quiz-header{text-align:center;margin-bottom:1rem}.quiz-page-container .question-content{flex-grow:1;height:100%;display:flex;flex-direction:column;align-items:center;padding:0}.quiz-page-container .question-text{font-size:var(--font-size-medium);line-height:1;margin:0 0 1rem}.quiz-page-container .options-grid{display:flex;flex-direction:column;gap:.5rem;width:80%;margin:0 0 1rem}.quiz-page-container .option-btn{padding:.5rem;text-align:left;font-size:var(--font-size-medium)}.quiz-page-container .progress-bar-container{width:90%;border-radius:4px;height:8px;margin-bottom:0}.quiz-page-container .exit-button{position:absolute;top:0;right:.5rem;font-size:2.5rem;line-height:1;padding:.5rem}.quiz-page-container .quiz-navigation{display:flex;justify-content:space-between;margin-top:0}.quiz-page-container .quiz-navigation button{padding:.75rem 1.5rem;font-size:1rem}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 25px var(--color-box-shadow),inset 0 0 25px var(--color-box-shadow)}50%{transform:scale(1.02);box-shadow:0 0 35px var(--color-box-shadow),inset 0 0 35px var(--color-box-shadow)}to{transform:scale(1);box-shadow:0 0 25px var(--color-box-shadow),inset 0 0 25px var(--color-box-shadow)}}.result-page-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;margin:0;padding:0}.result-page-container .result-title{text-align:center;animation:slideUpFadeIn .5s ease-out forwards;flex-shrink:0}.result-page-container .result-content{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;scrollbar-width:none;overflow:auto}.result-page-container .result-content::-webkit-scrollbar{display:none}.result-page-container .score-summary{animation:slideUpFadeIn .5s ease-out .2s forwards;opacity:0;width:100%;padding-top:5%;text-align:center}.result-page-container .score-display-wrapper{display:flex;justify-content:center;align-items:center;gap:4rem}.result-page-container .score-main{display:flex;flex-direction:column;align-items:center;gap:1rem}.result-page-container .score-circle{position:relative;width:clamp(180px,30vw,220px);height:clamp(180px,30vw,220px);border-radius:50%;display:flex;justify-content:center;align-items:center}.result-page-container .score-circle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:5px solid var(--color-accent-active);box-shadow:0 0 25px var(--color-box-shadow),inset 0 0 25px var(--color-box-shadow);animation:pulse 2s ease-in-out infinite}.result-page-container .score{position:relative;z-index:1;font-size:clamp(3.5rem,4vw,4rem);font-weight:700;line-height:1;color:var(--color-accent)}.result-page-container .correct-count{position:relative;z-index:1;color:var(--color-label)}.result-page-container .score-details{display:flex;flex-direction:column;gap:.1rem;width:100%;max-width:350px;background:var(--color-input-bg);padding:1.5rem;border-radius:var(--input-radius)}.result-page-container .score-details h3{margin:0 0 .5rem;text-align:center}.result-page-container .score-details p{display:flex;justify-content:space-between;color:var(--color-label);font-size:.95rem}.result-page-container .score-details p span{color:var(--color-text);font-weight:600}.result-page-container .score-details hr{border:none;height:1px;background-color:var(--color-accent-trans);margin:.5rem 0}.result-page-container .score-details hr.bold{height:2px}.result-page-container .score-details .final-score-detail{font-weight:700;color:var(--color-text)}.result-page-container .score-details .final-score-detail span{color:var(--color-accent-active)}.result-page-container .result-navigation{display:flex;width:100%;flex-shrink:0}.result-page-container .result-navigation .nav-btn{flex:1 1;padding:.8rem;font-size:1rem;font-weight:600;background:var(--color-input-bg);border:1px solid var(--color-accent-trans);color:var(--color-label);cursor:pointer;transition:all .2s ease}.result-page-container .result-navigation .nav-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.result-page-container .result-navigation .nav-btn.active{background:var(--color-accent-active);color:var(--color-bg-dark);border-color:var(--color-accent-active)}.result-page-container .answers-section,.result-page-container .report-section{width:100%;animation:slideUpFadeIn .5s ease-out forwards;padding:2rem}.result-page-container .answers-section h2,.result-page-container .report-section h2{text-align:center}.result-page-container .report-section .report-text{border-radius:var(--input-radius);white-space:pre-wrap;line-height:1.8;color:var(--color-label)}.result-page-container .question-accordion{border-bottom:1px solid var(--color-accent-trans)}.result-page-container .question-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem;background:none;border:none;color:var(--color-text);text-align:left;font-size:1rem;cursor:pointer}.result-page-container .question-header .chevron{font-size:1.5rem;transform:rotate(90deg);transition:transform .3s ease;margin-left:3rem}.result-page-container .question-header .chevron.expanded{transform:rotate(-90deg)}.result-page-container .question-details{padding:0 1rem 1rem;animation:fadeIn .4s ease}.result-page-container .question-details .option-detail{padding:.5rem .75rem;border-radius:4px;margin:.25rem 0}.result-page-container .question-details .option-detail.is-correct{color:#27c93f;font-weight:700}.result-page-container .question-details .option-detail.user-incorrect{color:#ff5f56;background-color:rgba(255,95,86,.1);text-decoration:line-through}.result-page-container .exit-button{position:absolute;top:0;right:.5rem;background:rgba(0,0,0,0);border:none;color:var(--color-label);font-size:2.5rem;line-height:1;padding:.5rem;cursor:pointer;transition:all .2s ease;z-index:10}.result-page-container .exit-button:hover{color:var(--color-text);transform:scale(1.1)}@media(max-width:900px){.result-page-container{padding-bottom:1rem;padding-top:3rem}.result-navigation{flex-direction:column}.score-display-wrapper{gap:2rem}}@media(max-width:450px){.result-page-container{padding-bottom:1rem;padding-top:3rem;width:100%}.score-display-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}}.logoBg{font-family:Ubuntu,sans-serif;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:40%;height:55%;background-image:var(--bg-logo);background-repeat:no-repeat;background-size:contain;background-position:50%;z-index:10;pointer-events:none;animation:slideUpFadeInLogo 2.5s ease-out forwards}@keyframes slideUpFadeInLogo{0%{opacity:0;transform:translateX(-50%) translateY(-40%)}to{opacity:1;transform:translateX(-50%) translateY(-50%)}}.landing-canvas-container{position:absolute;inset:0;z-index:1}.business-scroll-container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow-y:auto;z-index:10;scrollbar-width:none;-ms-overflow-style:none}.business-scroll-container::-webkit-scrollbar{display:none}.business-section{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;text-align:center}.chat-container{position:fixed;left:1%;top:50%;width:250px;height:75vh;max-height:700px;z-index:50;opacity:0;transform:translateY(-50%) translateX(-120%);transition:opacity .5s ease-in-out,transform .5s ease-in-out;pointer-events:none}.chat-container.is-visible{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:all}.utility-buttons{position:fixed;bottom:2rem;right:2rem;z-index:100;display:flex;flex-direction:column;gap:1rem}.utility-buttons .utility-btn{width:50px;height:50px;border-radius:50%;background-color:var(--color-bg-dark-trans);border:1px solid var(--color-accent-trans);color:var(--color-label);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease;display:flex;justify-content:center;align-items:center}.utility-buttons .utility-btn:hover{background-color:var(--color-accent-trans);color:var(--color-text);transform:scale(1.1)}.quiz-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1125px){.chat-container{position:fixed;top:-100%;left:0;width:380px;max-width:80vw;height:100%;max-height:none;z-index:2000;transition:transform .4s ease-in-out;box-shadow:5px 0 25px rgba(0,0,0,.3);background-color:var(--color-bg-dark);opacity:1;pointer-events:all;transform:translateX(-100%)}.chat-container.is-open{transform:translateY(100%)}.utility-buttons .mobile-chat-btn{display:flex}}@media(min-width:1126px){.utility-buttons .mobile-chat-btn{display:none}}@media(max-width:500px){.business-section{width:100%;height:100%;margin:0;padding:0}.chat-container{width:70%;max-width:380px;z-index:2000}.utility-buttons{position:fixed;right:3rem;z-index:100}}@media(max-width:400px){.business-section{width:100%;height:100vh;margin:0;padding:3rem 0 0}.chat-container{width:70%;max-width:380px;z-index:2000}.utility-buttons{bottom:4rem;right:2rem;gap:1rem}}.start-container{width:100vw;height:100%;background-color:var(--color-bg-dark);position:relative;overflow:hidden;padding-top:5rem;padding-left:15%;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.start-container.is-visible{opacity:1;transform:translateY(0)}.start-container.gradient-bottom-up,.start-container.gradient-top-down{background:linear-gradient(to left,var(--color-bg-dark) 62%,transparent 100%)}.styled-panel{padding:1.5rem;border-radius:var(--box-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:950px;height:70vh;text-align:left;position:relative;overflow:hidden;margin:2.5rem auto 0;font-size:var(--font-size-medium);color:var(--color-accent);z-index:500;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.styled-panel.is-visible{opacity:1;transform:translateY(0)}.styled-panel:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at 25% 25%,rgb(12,86,120),transparent 50%);animation:rotateGlow 15s linear infinite;z-index:0}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.panel-content-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;position:relative;z-index:200;height:100%}.panel-column{display:flex;flex-direction:column;width:100%}.panel-column h2,.panel-column h3{color:var(--color-accent);text-align:center}.panel-column h2{font-size:clamp(1.2rem,2vw,2.2rem);margin-top:0}.panel-column h3{font-size:1.1rem;color:#147cac;margin-top:1.5rem;border-bottom:1px solid var(--color-accent-trans);padding-bottom:.5rem;text-align:center}.panel-column li,.panel-column p,.panel-column ul{color:var(--color-accent);line-height:1.7;text-align:left}.panel-column ul{padding-left:1.25rem;list-style-type:square}.panel-column.center-content{justify-content:center;align-items:center;text-align:center}.final-start-btn{padding:1rem 3rem;font-size:var(--font-size-large);font-weight:700;color:#fff;background-color:#0c5678;border:1px solid var(--color-accent-trans);border-radius:25px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.final-start-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(0,204,204,.4)}@media(max-width:1125px){.start-container{margin:0;justify-content:center;height:auto;padding:0;scroll-behavior:unset}.styled-panel{width:100vw;height:100vh;max-height:none;margin:0;padding-top:15%;border-radius:0;max-width:1125px}}@media(max-width:768px){.start-container{margin:0;padding:0;font-size:var(--font-size-base)}.styled-panel{width:100%;height:100vh;margin:0;border-radius:0;padding-top:15%;scrollbar-width:none}.panel-content-grid{grid-template-columns:1fr;gap:0;width:100%}.panel-column{display:flex;justify-content:space-around;flex-direction:column}.panel-column h3{font-size:1rem;color:#147cac;border-bottom:1px solid var(--color-accent-trans);text-align:center;margin-top:1rem}}@media(max-width:450px){.styled-panel{width:100%;height:100%;padding-top:10%}.final-start-btn{padding:1rem 3rem;margin-top:1rem}.panel-column{display:flex;justify-content:space-around;flex-direction:column;height:100%;width:90%}}.hof-box{width:100%;height:100%;display:flex;flex-direction:column;z-index:9999}.hof-box h2{font-size:clamp(1.8rem,2vw,2.2rem);margin-top:0;border-bottom:1px solid var(--color-accent-trans);padding-bottom:1rem;margin-bottom:1rem;flex-shrink:0}.hof-box .hof-list{overflow-y:auto;flex-grow:1;font-family:var(--font-geist-mono,"Courier New",monospace);scrollbar-width:none}.hof-box .hof-list::-webkit-scrollbar{display:none}.hof-box .hof-entry,.hof-box .hof-header-row{display:flex;justify-content:space-between;padding:.75rem .5rem;font-size:.9rem}.hof-box .hof-header-row{border-bottom:1px solid var(--color-accent-trans);font-weight:700;flex-shrink:0}.hof-box .hof-entry{transition:background-color .2s ease}.hof-box .hof-entry:hover{background-color:var(--color-input-bg)}.hof-box .hof-entry.bronze,.hof-box .hof-entry.gold,.hof-box .hof-entry.silver{text-shadow:0 0 8px hsla(0,0%,100%,.3)}.hof-box .hof-entry.gold{background:linear-gradient(90deg,rgba(255,215,0,.15),rgba(255,215,0,0))}.hof-box .hof-entry.silver{background:linear-gradient(90deg,rgba(192,192,192,.15),rgba(192,192,192,0))}.hof-box .hof-entry.bronze{background:linear-gradient(90deg,rgba(205,127,50,.15),rgba(205,127,50,0))}.hof-box .hof-rank{flex-basis:20%;text-align:left}.hof-box .hof-user{flex-basis:50%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hof-box .hof-score{flex-basis:30%;text-align:right;font-weight:700}@media(max-width:450px){.hof-box{width:90%}}@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";.scroll-btn{position:fixed;left:50%;transform:translateX(-50%);z-index:100;background:rgba(0,0,0,0);border:none;cursor:pointer;opacity:0;transition:opacity .5s ease,transform .5s ease;padding:20px;display:flex;flex-direction:column;bottom:-1rem}.scroll-btn.visible{opacity:1}.scroll-btn .scroll-btn-label{font-family:Orbitron,monospace;letter-spacing:2px;font-size:var(--font-size-medium);color:var(--color-accent);font-variant:"";content:"down"}.scroll-btn.up{bottom:auto;top:0;transform:translateX(-50%) rotate(180deg)}.scroll-btn.up .scroll-btn-label{transform:translateX(0) rotate(180deg)}.scroll-btn svg{overflow:visible}.scroll-btn svg path{fill:none;stroke:var(--color-accent-trans);stroke-width:1.5;transition:all .3s ease}.scroll-btn svg .scroll-dot{fill:var(--color-accent);animation:scrollDownDot 2s cubic-bezier(.68,-.55,.27,1.55) infinite}.scroll-btn:hover:not(:disabled) svg path{stroke:var(--color-accent);filter:drop-shadow(0 0 5px rgba(255,255,255,.7))}@keyframes scrollDownDot{0%{opacity:0;cy:6}30%{opacity:1}to{opacity:0;cy:14}}.chat-window{height:80%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:rgba(0,0,0,0);border-right:none;margin-top:25%;font-size:var(--font-size-base);z-index:9999}.chat-header{width:170px;padding:1rem;flex-shrink:0;text-align:center}.chat-header h2{margin:0;font-size:1rem;color:var(--color-accent-trans);letter-spacing:1px;border-bottom:1px solid var(--color-accent);padding-bottom:5px}.chat-messages{flex-grow:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.message{padding:.5rem;border-radius:12px;max-width:85%;text-shadow:0 1px 3px var(--color-bg-dark-trans);margin:0;letter-spacing:1px}.ai-message{color:var(--color-chat-ai);align-self:flex-start}.user-message{background:rgba(0,0,0,0);color:var(--color-accent-trans-heavy);align-self:flex-end;font-weight:300}.chat-input-form{display:flex;padding:1rem;gap:.5rem;background:rgba(0,0,0,0)}.chat-input{flex-grow:1;background:rgba(0,0,0,0);border:1px solid var(--color-accent-trans);color:var(--color-text);padding:.75rem;border-radius:8px}.chat-input:focus{outline:none;border-color:#0c5678}.chat-send-btn{width:55px;height:45px;border-radius:8px;background:#0c5678;color:var(--color-bg-dark);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.chat-send-btn:hover{background:var(--color-accent-hover);color:var(--color-accent)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.loading-message{display:flex;gap:5px;align-items:center}.loading-message span{width:8px;height:8px;border-radius:50%;background-color:var(--color-label);animation:bounce 1.4s ease-in-out infinite both}.loading-message span:first-child{animation-delay:-.32s}.loading-message span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.maintenance-page{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#000;color:#e0e0e0;font-family:var(--font-geist-mono,monospace);text-align:center}.maintenance-content{padding:2rem;border:1px solid var(--color-accent-trans);max-width:600px}.maintenance-logo-container{width:100%;height:100%;margin:0 auto 1.5rem;filter:blur(4px);display:flex;justify-content:center}.maintenance-title{font-size:2.5rem;margin:0 0 1rem}.maintenance-text{font-size:1.1rem;line-height:1.7;color:var(--color-label)}