@keyframes portal{0%{transform:rotate(0)}50%{transform:rotate(100)}to{transform:rotate(0)}}@media only screen and (max-width: 900px){.responsiveScreen{display:flex!important;justify-content:center;align-items:center}}*{margin:0;padding:0}html,body{overflow:hidden;height:100vh}.webgl{position:fixed;top:0;left:0;outline:none;transition:transform .5s;transform:translate(15vw)}.webgl.menuClose{transform:translate(0)}.loadingScreen{position:absolute;z-index:10000;width:100%;height:100%;object-position:bottom;object-fit:cover;transition:transform 1.5s;transform:none}.loadingScreen.ended{transform-origin:top left;transition:transform 1.5s;transform:translateY(120vh)}.loadingButton{position:absolute;z-index:10002;left:calc(50% - 100px);bottom:80px;width:200px;transition:transform .5s;transform:none}.loadingButton.ended{transform-origin:top left;transition:transform .5s;transform:translateY(200px)}.loadingBar{position:absolute;bottom:104px;width:100%;height:10px;background:#e60509;z-index:10001;transform-origin:top left;transition:transform .5s;transform:scaleX(0)}.loadingBar.ended{transform:scaleX(0);transform-origin:100% 0;transition:transform 1.5s ease-in-out}.phone{position:absolute;z-index:5;height:80vh;right:64px;bottom:-50vh;cursor:pointer;transition:all linear(0 0%,0 1.8%,.01 3.6%,.03 6.35%,.07 9.1%,.13 11.4%,.19 13.4%,.27 15%,.34 16.1%,.54 18.35%,.66 20.6%,.72 22.4%,.77 24.6%,.81 27.3%,.85 30.4%,.88 35.1%,.92 40.6%,.94 47.2%,.96 55%,.98 64%,.99 74.4%,1 86.4%,1 100%) 2s}.phone.active{bottom:5vh}.profile{position:absolute;z-index:5;top:32px;left:32px}.echap{position:absolute;z-index:15;top:60px;left:120px;transform:translate(33vw);transform-origin:top left;transition:transform .5s;cursor:pointer}.echap.menuClose{transform:translate(0);z-index:5}.menu{position:absolute;display:flex;flex-direction:column;clip-path:polygon(0 0,100% 0%,74% 100%,0% 100%);width:41vw;height:100vh;z-index:10;padding:44px;gap:30px;transition:transform .5s;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}.menu.menuClose{transition:transform .5s;transform:translate(-45vw)}.title{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 75;color:#fff;font-size:clamp(50px,5vw,100px);margin-top:-30px;margin-bottom:-12px}h3{position:relative;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 75;color:#fff;font-size:clamp(20px,2vw,32px)}h4{position:relative;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 75;color:#fff;font-size:200px;margin-top:10px}p,a{font-family:Poppins;font-size:12px;color:#fff}.desc{position:relative;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 75;color:#fff;font-size:12px}.selection{position:relative;width:640px;height:29vh;margin-top:-40px;display:flex;gap:40px}.selection .miles{position:absolute;top:0;left:0;cursor:pointer}.selection .r3f-card{position:absolute;top:0;left:215px;width:173px;height:240px;background:linear-gradient(135deg,#ff174626,#0d0f12f2);border:2px solid rgba(255,23,70,.3);box-shadow:0 8px 32px #ff174626;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);text-decoration:none;color:#fff}.selection .r3f-card:hover{transform:translateY(-5px);border-color:#ff1744;box-shadow:0 12px 40px #ff174666}.selection .r3f-card svg{margin-bottom:12px}.selection .r3f-card h4{margin:0 0 6px;font-size:13px;font-weight:800;color:#ff1744;letter-spacing:.05em;text-transform:uppercase}.selection .r3f-card p{margin:0;font-size:10px;color:#94a3b8;line-height:1.4}.disclaimer p{padding-right:128px;font-size:14px;color:#cbd5e1;line-height:1.6;margin-top:6px;font-family:Open Sans,sans-serif;font-weight:400}.credits-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.credits-links a{display:inline-flex;align-items:center;gap:6px;color:#cbd5e1;text-decoration:none;font-size:12px;transition:color .2s;font-family:Open Sans,sans-serif;font-weight:600}.credits-links a:hover{color:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}.credits-links svg{stroke:currentColor}.sound{position:absolute;bottom:38px;right:424px;cursor:pointer;z-index:100}.responsiveScreen{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:99999999;background-color:#e60509;display:none}.responsiveScreen h1{text-transform:uppercase;font-size:14px;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 75;color:#fff;text-align:center}.investigation-prompt{position:absolute;pointer-events:none;z-index:1000;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(230,5,9,.4);padding:6px 12px;border-radius:6px;color:#fff;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #00000080;transition:opacity .2s ease,transform .2s ease;font-family:Poppins,sans-serif;transform:translate(-50%,-100%)}.investigation-prompt.hidden{opacity:0;transform:translate(-50%,-100%) scale(.9);pointer-events:none}.investigation-prompt .key-indicator{background:#e60509;padding:2px 6px;border-radius:4px;font-weight:700;box-shadow:0 0 8px #e6050999}.side-panel-container{position:fixed;top:0;right:0;width:420px;height:100vh;background:linear-gradient(180deg,#141923eb,#0a0c12fa);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:2px solid rgba(230,5,9,.5);box-shadow:-8px 0 32px #00000080,inset 0 0 16px #e605090d;z-index:10000;display:flex;flex-direction:column;color:#f8fafc;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;font-family:Poppins,sans-serif}.side-panel-container.hidden{transform:translate(100%);opacity:0;pointer-events:none}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#e60509;text-transform:uppercase;letter-spacing:.05em}.spidey-dot{width:8px;height:8px;background-color:#e60509;border-radius:50%;box-shadow:0 0 10px #e60509;display:inline-block}#panel-close-btn{background:none;border:none;color:#cbd5e1;font-size:2rem;cursor:pointer;line-height:1;transition:color .2s}#panel-close-btn:hover{color:#e60509}.panel-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.panel-desc{font-size:.95rem;line-height:1.6;color:#cbd5e1;font-weight:300;letter-spacing:.01em}.panel-section{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.panel-section h3{margin:0;font-size:.95rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;border-left:3px solid #e60509;padding-left:8px}.input-wrapper{display:flex;gap:8px}#panel-answer-input{flex:1;background:#0f172a99;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;padding:8px 12px;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}#panel-answer-input:focus{border-color:#e60509;box-shadow:0 0 8px #e605094d}#panel-submit-btn{background:#e6050926;border:1px solid #e60509;border-radius:6px;color:#fff;padding:8px 16px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}#panel-submit-btn:hover{background:#e60509;box-shadow:0 0 10px #e6050966}.feedback-msg{font-size:.85rem;font-weight:500;min-height:18px;transition:color .2s}.feedback-msg.success{color:#4caf50}.feedback-msg.error{color:#f44336}.sequence-display{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;font-family:monospace;font-size:1.2rem;text-align:center;color:#00e5ff;letter-spacing:4px;font-weight:700;text-shadow:0 0 8px rgba(0,229,255,.5)}.grid-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grid-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;padding:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.grid-btn:hover{background:#e6050933;border-color:#e60509;color:#e60509}.grid-btn.active{background:#00e5ff;border-color:#00e5ff;color:#101216;box-shadow:0 0 12px #00e5ff99}.progress-hud{position:absolute;top:32px;right:32px;width:220px;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;z-index:100;box-shadow:0 4px 24px #0000004d;font-family:Poppins,sans-serif;text-align:center;pointer-events:none}.progress-title{font-size:.75rem;font-weight:700;color:#e60509;letter-spacing:.1em;margin-bottom:8px}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:6px}.progress-bar-fill{height:100%;background:#e60509;border-radius:4px;box-shadow:0 0 8px #e60509;transition:width .4s ease-out}.progress-text{font-size:.8rem;color:#cbd5e1;font-weight:500}.victory-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#140a0cf2,#050508fc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100000;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Poppins,sans-serif;transition:opacity .5s ease}.victory-content{text-align:center;max-width:500px;padding:32px;background:linear-gradient(135deg,#1e0a0ccc,#0a0506f2);border:2px solid #e60509;border-radius:20px;box-shadow:0 0 40px #e605094d,inset 0 0 20px #e605091a;animation:scaleIn .5s cubic-bezier(.16,1,.3,1) forwards}.victory-spider{width:64px;height:64px;margin-bottom:16px;filter:drop-shadow(0 0 10px #e60509);animation:pulseSpider 2s infinite ease-in-out}.victory-title{font-size:2.25rem;font-weight:800;color:#e60509;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 15px rgba(230,5,9,.5)}.victory-subtitle{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:.2em;margin:0 0 24px}.victory-desc{font-size:.9rem;line-height:1.6;color:#cbd5e1;margin-bottom:32px;font-weight:300}#victory-restart-btn{background:#e60509;border:none;border-radius:8px;color:#fff;padding:12px 28px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 0 15px #e6050966;transition:all .3s}#victory-restart-btn:hover{background:#ff1744;transform:scale(1.05);box-shadow:0 0 25px #ff174699}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulseSpider{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hidden{display:none!important}.splicer-track{position:relative;width:100%;height:40px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden;margin:10px 0}.splicer-slider{position:absolute;top:5px;left:0;width:30px;height:30px;background:#00e5ff;color:#101216;font-weight:800;font-size:1.1rem;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00e5ff99;transition:transform .05s linear}.splicer-line{position:absolute;top:3px;left:50%;transform:translate(-50%);width:54px;height:32px;border:2px solid #ff1744;background:#ff174426;border-radius:4px;box-shadow:0 0 10px #ff174466;pointer-events:none}.minigame-btn{background:#e6050926;border:1px solid #e60509;border-radius:6px;color:#fff;padding:10px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.minigame-btn:hover{background:#e60509;box-shadow:0 0 10px #e6050966}.history-list{max-height:120px;overflow-y:auto;background:#0000004d;border-radius:6px;padding:8px;font-family:monospace;font-size:.85rem;display:flex;flex-direction:column;gap:6px;border:1px solid rgba(255,255,255,.05)}.history-item{display:flex;justify-content:space-between;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:2px}.history-item span.guess{color:#00e5ff;font-weight:700}.history-item span.result{font-weight:700}.slider-wrapper{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;color:#cbd5e1}.slider-wrapper label{min-width:80px}.slider-wrapper input[type=range]{flex:1;accent-color:#ff1744;cursor:pointer}.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:240px;margin:15px auto}.grid-node-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:1.6rem;height:60px;cursor:pointer;transition:all .2s;font-family:monospace;display:flex;align-items:center;justify-content:center}.grid-node-btn:hover{border-color:#ff1744;background:#ff17461a}.grid-node-btn.connected{color:#00e5ff;border-color:#00e5ff;text-shadow:0 0 10px #00e5ff;box-shadow:0 0 8px #00e5ff33;background:#00e5ff0d}.grid-node-btn.start-node,.grid-node-btn.end-node{border-color:#4caf50;color:#4caf50;font-weight:700;background:#4caf500d}.grid-node-btn.start-node.connected,.grid-node-btn.end-node.connected{border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 10px #00e5ff66;background:#00e5ff1a}