:root{font-family:Helvetica;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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,main,#root{height:100%;width:100%;margin:0}*{margin:0;padding:0;box-sizing:border-box}.pageContainer{display:flex;flex-direction:column;height:auto;width:100%;background-color:#262626}.navBar{display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:1000;height:50px;width:100%;flex-direction:row;background-color:#262626}.navBar .navElement{display:flex;justify-content:center;align-items:center;height:100%;background-color:#a51991;border:2px solid black;padding-left:20px;padding-right:20px}.navBar .navElement:hover{transform:scale(1.05);box-shadow:0 8px 20px #26262666;cursor:pointer}.navBar .navElement:active{transform:scale(.98)}.navBar .navElement h3{color:#fff}.footer{background-color:#262626;height:50px}.aboutContainer{height:auto;display:flex;flex-direction:column;background-color:#262626;padding:24px;border:3px solid rgba(165,25,145);border-radius:12px;box-shadow:0 8px 24px #00000059}.aboutContainer .aboutTitle{height:auto;display:flex;flex-direction:row;background-color:#262626;padding:24px}.aboutContainer .aboutTitle h1{color:#5f92bd}.aboutContainer .aboutBody{height:auto;display:flex;flex-direction:row;background-color:#262626}.aboutContainer .aboutBody .aboutParagraph{display:flex;flex-direction:column;flex:1;padding:24px;justify-content:center;align-items:center}.aboutContainer .aboutBody .aboutParagraph p{text-indent:2em;color:#ddd}.aboutContainer .aboutBody .aboutProfile{display:flex;flex:1;padding:24px;justify-content:center;align-items:center}.aboutContainer .aboutBody .aboutProfile img{height:100%;width:100%}.projectsContainer .projectContainer{display:flex;flex-direction:column;background-color:#262626;padding:24px;text-decoration:none;color:inherit;cursor:pointer}.projectsContainer .projectContainer:hover{transform:scale(1.02);transition:.2s ease}.projectsContainer .projectContainer .projectTitle{display:flex;justify-content:center;align-items:center;padding:24px}.projectsContainer .projectContainer .projectTitle h2{color:#fff;font:700 32px Arial}.projectsContainer .projectContainer .projectCard{display:flex;flex-direction:row;gap:16px}.projectsContainer .projectContainer .projectCard .projectDescription{display:flex;flex-direction:column;flex:1;justify-content:center;padding:24px}.projectsContainer .projectContainer .projectCard .projectDescription p{text-indent:2em;color:#ddd;font:Arial}.projectsContainer .projectContainer .projectCard .projectImg{display:flex;justify-content:center;align-items:center;padding:16px;width:40%}.projectsContainer .projectContainer .projectCard .projectImg img{height:auto;width:100%;max-height:100%;object-fit:contain;border-radius:8px}@media(max-width:768px){.projectsContainer .projectContainer .projectCard{flex-direction:column}.projectsContainer .projectContainer .projectCard .projectImg{max-width:100%;height:200px;order:-1}}.projectContainerDisabled{position:relative;cursor:default;overflow:hidden}.projectContainerDisabled:hover{transform:none}.underConstructionBanner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);color:red;font:700 72px Arial;letter-spacing:4px;text-shadow:2px 2px 4px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap}h1{color:#5f92bd;padding:24px}.contactContainer{background-color:#262626;padding:24px;border:3px solid rgba(165,25,145);border-radius:12px;box-shadow:0 8px 24px #00000059}.contactContainer .messagebox{width:100%}.contactContainer h1{color:#5f92bd}.contactContainer h6{color:#ddd}.contactContainer textarea::placeholder{color:#000}.landingContainer{background-color:#333;display:flex;height:100vh;justify-content:center;align-items:center}.textAnimationContainer{height:50%;width:50%;background-color:#00a;display:flex;justify-content:center;align-items:center}.textAnimationContainer h2{color:#fff}canvas{background-color:#262626;height:100%;width:100%}.center-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:999}.top-text{font:700 64px Arial;white-space:nowrap}.bottomtext{margin-top:20px;font:700 32px Arial;display:flex;justify-content:center;align-items:center;gap:8px;color:#fff}.bottomtext:hover{transform:scale(1.05);box-shadow:0 8px 20px #26262666;cursor:pointer}.bottomtext:active{transform:scale(.98)}#text1{color:#fff;opacity:0;z-index:999}#text2{color:#0096aa;opacity:0;z-index:999}#text3{color:#fff;opacity:0;z-index:999;border:2px solid rgba(255,255,255,255);padding:8px 16px;border-radius:8px;background-color:#262626a6}.projectDescription,.projectInstructions,.projectImprovements{height:auto;display:flex;flex-direction:column;background-color:#262626;padding:24px;border:3px solid rgba(165,25,145);border-radius:12px;box-shadow:0 8px 24px #00000059}.projectDescription h2,.projectInstructions h2,.projectImprovements h2{color:#5f92bd;margin-bottom:12px}.steg-root{padding:1.5rem 0;font-family:monospace}.steg-section-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#888;margin:0 0 10px}.steg-panel{background:#fff;border:.5px solid #ddd;border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.steg-tab-row{display:flex;gap:6px;margin-bottom:1rem}.steg-tab{font-size:12px;padding:5px 14px;border-radius:8px;border:.5px solid #ccc;background:transparent;color:#666;cursor:pointer;font-family:monospace;transition:all .15s}.steg-tab--active{background:#f5f5f5;color:#111;border-color:#aaa}.steg-textarea{width:100%;box-sizing:border-box;min-height:120px;resize:vertical;font-family:monospace;font-size:13px}.steg-char-count{font-size:11px;color:#aaa;margin-top:6px;text-align:right}.steg-drop-zone{border:.5px dashed #ccc;border-radius:8px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .15s}.steg-drop-zone--hover{border-color:#aaa;background:#f5f5f5}.steg-hidden-input{display:none}.steg-drop-icon{font-size:22px;display:block;margin-bottom:8px}.steg-drop-label{font-size:13px;color:#666}.steg-drop-hint{font-size:11px;color:#aaa;margin-top:4px}.steg-file-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;background:#f5f5f5;border:.5px solid #ddd;border-radius:8px;color:#666;margin-top:10px}.steg-file-badge--remove{cursor:pointer;margin-top:0}.steg-img-file-row{display:flex;justify-content:space-between;margin-top:10px}.steg-remove-btn{cursor:pointer;color:#aaa;font-size:14px;background:none;border:none;padding:0 2px}.steg-preview{max-width:100%;max-height:160px;border-radius:8px;margin-top:10px;display:block;border:.5px solid #ddd}.steg-mode-row{display:flex;gap:8px;margin-bottom:1.5rem}.steg-mode-btn{font-size:14px;padding:8px 24px;border-radius:8px;border:.5px solid #ccc;background:transparent;color:#666;cursor:pointer;font-family:monospace;transition:all .15s}.steg-mode-btn--active{background:#111;color:#fff;border-color:#111}.steg-textarea--readonly{background:#f5f5f5;color:#444;cursor:default}.steg-go-row{display:flex;justify-content:flex-end;margin-top:.5rem}.steg-go-btn{font-size:14px;padding:8px 32px;border-radius:8px;border:.5px solid #111;background:#111;border-color:#fff;color:#fff;cursor:pointer;font-family:monospace;transition:all .15s}.steg-go-btn:hover{background:#333;border-color:#fff}.steg-bit-depth-label{font-size:14px;padding:8px 24px;border-radius:8px;border:.5px solid #fff;color:#fff;font-family:monospace}.toc-card{width:max-content;margin:0 auto;padding:1.25rem 1.5rem;background:#1a1a1a;border:.5px solid #333;border-radius:12px}.toc-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#888;margin:0 0 12px}.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.toc-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s}.toc-item:hover{background:#666}.toc-num{font-size:12px;color:#aaa;min-width:18px}.toc-text{font-size:14px;color:#ddd}.projectBody{padding:100px;height:auto;display:flex;justify-content:center;align-items:center;background-color:#262626}.gpWrapper{min-height:100vh;background:#0a0a0f;color:#e8e8f0;font-family:Helvetica,monospace;padding:2rem}.gpInner{max-width:1100px;margin:0 auto}.gpHeader{text-align:center;margin-bottom:2.5rem}.gpHeaderEyebrow{font-size:11px;letter-spacing:8px;color:#555;margin-bottom:8px}.gpHeaderTitle{font-size:36px;font-weight:900;margin:0;letter-spacing:2px;color:#5f92bd}.gpHeaderRule{width:60px;height:2px;background:#3b82f6;margin:12px auto 0}.gpTeamGrid{display:grid;grid-template-columns:1fr 60px 1fr;gap:1rem;margin-bottom:2rem;align-items:center}.gpTeamLabel{font-size:10px;letter-spacing:4px;margin-bottom:8px}.gpTeamLabelAway{color:#3b82f6}.gpTeamLabelHome{color:#10b981}.gpTeamSelect{width:100%;padding:12px 16px;background:#13131a;border:1px solid #2a2a3a;color:#e8e8f0;font-size:14px;border-radius:4px;cursor:pointer}.gpTeamVs{text-align:center;color:#444;font-size:18px;font-weight:900}.gpStatsGrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.gpStatsColumn{background:#13131a;border:1px solid #2a2a3a;border-radius:6px;padding:1.5rem}.gpStatsColumnHeader{font-size:10px;letter-spacing:4px;margin-bottom:1.2rem}.gpStatsColumnHeaderAway{color:#3b82f6}.gpStatsColumnHeaderHome{color:#10b981}.gpStatRow{margin-bottom:.9rem}.gpStatLabel{font-size:10px;color:#fff;margin-bottom:4px;letter-spacing:1px}.gpStatInput{width:100%;padding:8px 12px;background:#0a0a0f;border:1px solid #1e1e2e;color:#e8e8f0;font-size:13px;border-radius:3px;box-sizing:border-box;outline:none;font-family:Helvetica,monospace}.gpH2hSection{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #1e1e2e}.gpPredictButton{width:100%;padding:16px;background:#3b82f6;border:none;color:#e8e8e8;font-size:13px;font-weight:700;letter-spacing:4px;cursor:pointer;border-radius:4px;font-family:Helvetica,monospace;margin-bottom:2rem}.gpPredictButton:hover{background:#2563eb}.gpResultBox{background:#13131a;border-radius:6px;padding:2rem;text-align:center}.gpResultBoxHome{border:1px solid #10b981}.gpResultBoxAway{border:1px solid #3b82f6}.gpResultEyebrow{font-size:10px;letter-spacing:4px;color:#555;margin-bottom:12px}.gpResultWinner{font-size:28px;font-weight:900;margin-bottom:8px}.gpResultWinnerHome{color:#10b981}.gpResultWinnerAway{color:#3b82f6}.gpResultOutcome{font-size:12px;color:#666;margin-bottom:20px}.gpResultOutput{font-size:10px;letter-spacing:4px;color:#555;margin-bottom:8px}.gpConfidenceTrack{background:#0a0a0f;border-radius:2px;height:6px;overflow:hidden;margin-bottom:8px}.gpConfidenceFill{height:100%;transition:width .5s ease}.gpConfidenceFillHome{background:#10b981}.gpConfidenceFillAway{background:#3b82f6}.gpConfidenceLabels{display:flex;justify-content:space-between;font-size:9px;color:#333}p{text-indent:2em;color:#ddd}.projectTitle{height:auto;display:flex;justify-content:center;align-items:center;background-color:#262626;padding:36px}.projectTitle h1{color:#5f92bd;font-size:2.5rem;margin:0}.projectBody{height:auto;display:flex;justify-content:center;align-items:center;background-color:#262626}.projectDescription,.projectInstructions{height:auto;display:flex;flex-direction:column;background-color:#262626;padding:24px;border:3px solid rgba(165,25,145);border-radius:12px;box-shadow:0 8px 24px #00000059}.projectParagraph{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}.projectDescription h2,.projectInstructions h2{color:#5f92bd;margin-bottom:12px}.projectDescription p,.projectInstructions p{text-indent:2em;color:#ddd;line-height:1.6;margin:0}