html,body,#root{-webkit-font-smoothing:antialiased;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;font-family:Cinzel,serif;background:#000;overflow:hidden;color:#e4e4e4}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;overflow:hidden}h1{text-align:center;font-size:clamp(24px,4vw,32px)}h2{color:#f0f0f0;font-size:16px;text-align:center}p{font-size:16px;padding-left:20px;color:#c2c2c2}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:#1c1c1c}::-webkit-scrollbar-thumb{background:#646464}::-webkit-scrollbar-thumb:hover{background:#7a7a7a}.liveText>div{background:#000;color:#fff;border-top:1px solid #fff;cursor:pointer;width:300px;height:250px;overflow:auto;overflow-wrap:break-word;white-space:normal}.liveTextBoldYellow,.liveHeader{font-weight:600;color:#fff}.liveHeader{font-size:24px}@media (max-width: 580px){.liveText>div{width:210px;height:200px}.liveTextCrystal{font-size:20px}h1{font-size:25px}p{padding-left:10px!important}.winnerHit{font-size:63px!important}}.img,.Image:hover{cursor:pointer;pointer-events:auto}.Image:hover{filter:grayscale(100%)}.interface{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none}.trackpadOverlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none}.trackpadBase{position:absolute;border:2px solid #f5f5f5;border-radius:9999px;background:#ffffff14;box-shadow:0 0 40px #0009;opacity:0;pointer-events:none;transition:opacity .15s ease}.trackpadBase.active{opacity:1}.trackpadThumb{position:absolute;border-radius:9999px;background:#d7d7d7b3;box-shadow:0 0 20px #d7d7d773;pointer-events:none}.landingCue{position:fixed;left:clamp(16px,3vw,80px);bottom:clamp(22px,5vh,48px);padding:12px 18px;background:#121212e0;border:1px solid rgba(255,255,255,.2);border-radius:12px;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;color:#fffc;box-shadow:0 12px 25px #0009;pointer-events:none;animation:landingCueFade 1.6s ease forwards}.radar{position:fixed;left:clamp(16px,3vw,50px);bottom:clamp(92px,16vh,140px);width:120px;height:120px;border-radius:50%;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.55;animation:radarFadeIn .45s ease forwards}.radarBackdrop{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 68%);filter:blur(14px);opacity:.4}.radarRing{position:relative;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#0c0c0cd1;overflow:hidden}.radarRing:after,.radarRing:before{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.08);transform:translate(-50%,-50%) scale(.65)}.radarRing:before{transform:translate(-50%,-50%) scale(.35)}.radarDot{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#ffffffa6;transition:transform .12s ease;box-shadow:0 0 8px #ffffff47}.radarDot--nearest{background:#ffffffd9;box-shadow:0 0 12px #ffffff8c}.radarDot--active{background:#fff;box-shadow:0 0 18px #ffffffc7;transform:scale(1.2)}.radarPlayer{position:absolute;top:50%;left:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:16px solid #ffffff;filter:drop-shadow(0 0 8px rgba(255,255,255,.6));transform-origin:50% 14px;transition:transform .08s ease}.skillTree{position:absolute;right:2%;top:2%;width:14rem;display:flex;flex-direction:column;gap:12px;pointer-events:auto;color:#e5e5e5}.skillCluster{--cluster-color: rgba(235, 235, 235, .55);border:2px solid rgba(255,255,255,.18);border-radius:18px;padding:4px;background:#121212d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 32px #0000008c;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease,opacity .35s ease}.skillCluster.locked{opacity:.38;transform:scale(.96);filter:grayscale(.35)}.skillCluster.unlocked{border-color:#d2d2d238;box-shadow:none}.skillCluster.next{opacity:.78;animation:none}.skillCluster.next.skillCluster--closed{border-color:#0000}.skillCluster.completed{background:#1c1c1ceb;border-color:#ffffff80;box-shadow:0 0 28px #ffffff4d}.skillTree .skillCluster:nth-child(1){border-color:#f5f5f5a6;box-shadow:0 0 24px #ffffff40}.skillClusterHeader{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding:12px 16px;border:none;border-radius:14px;color:inherit;cursor:pointer;pointer-events:auto;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.skillClusterHeader:focus-visible{outline:2px solid var(--cluster-color);outline-offset:2px}.skillCluster--open .skillClusterHeader{background:#fff;color:#000;box-shadow:0 0 18px #fff6;transform:translateY(-1px) scale(1.01)}.skillCluster--closed .skillClusterHeader{box-shadow:none}.skillClusterLabel{font-weight:600}.skillClusterCount{font-size:.75rem;color:#dcdcdcbf}.skillClusterBody{margin-top:6px;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease}.skillCluster--open .skillClusterBody{max-height:520px;opacity:1}.skillClusterGrid{display:grid;gap:10px;padding:0 8px 12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skillNode{position:relative;border-radius:14px;border:1px solid rgba(240,240,240,.25);padding:10px 8px;background:#ffffff14;text-align:center;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase;transform:scale(.92);opacity:.4;transition:transform .35s ease,opacity .35s ease,box-shadow .35s ease,background .35s ease,color .35s ease,border-color .35s ease}.skillNode--unlocked{opacity:1;transform:scale(1);border-color:#f0f0f066;background:#f0f0f01f;animation:nodeUnlock .45s ease}.skillNode--available{box-shadow:0 0 18px #ffffff38}.skillNode--collected{background:#f0f0f0eb;color:#111;box-shadow:0 0 24px #ffffff52;transform:scale(1.08)}.skillNode--locked{border-style:dashed}.skillNode--next{border-style:dashed;opacity:.6;animation:none}.skillNodeLabel{display:block}.skillCluster--open{transform:translateY(-2px);box-shadow:0 16px 36px #0009}.skillCluster--closed{cursor:pointer}@media (max-width: 620px){.skillClusterHeader{font-size:.85rem;padding:12px}.skillClusterGrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.skillNode{font-size:.75rem;padding:9px 6px}}.skillClusterHeader{padding:12px;font-size:.85rem}.skillClusterGrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.skillNode{font-size:.75rem;padding:9px 6px}@keyframes nodePulse{0%{box-shadow:0 0 6px #ffffff0d}to{box-shadow:0 0 22px var(--cluster-color)}}@keyframes clusterPulse{0%{box-shadow:0 0 12px #ffffff1f}to{box-shadow:0 0 32px var(--cluster-color)}}@keyframes landingCueFade{0%{opacity:0;transform:translateY(40px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes nodeUnlock{0%{transform:scale(.7);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes radarFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:.9;transform:scale(1)}}button,.socialLinks{display:inline-block;padding:10px 20px;font-size:18px;font-family:Cinzel,serif;text-align:center;color:#fff;background:#000;border:2px solid #fff;border-top-right-radius:30px;border-bottom-left-radius:30px;cursor:pointer}button:hover,.socialLinks:hover{background:#fff;color:#000}button:active,.socialLinks:active{background:#fff;box-shadow:0 4px #fff;color:#000;transform:translateY(4px)}.socialLinksWrap{display:inline-grid}.collect{position:absolute;top:1%;left:0;width:100%;font-size:1.6vh;color:#b5b5b599;pointer-events:none}.collectHitStar{text-align:right;padding:0 5px;font-size:20px;color:#dedede}.collectHit{text-align:right;padding:1px 5px;font-size:.8rem;color:#f3f3f3}.collectHit.active{color:#dedede}.winnerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#ffffff17,#000000eb);z-index:1000;pointer-events:auto;cursor:pointer}.winnerShell{position:relative;width:min(520px,92vw);padding:32px;perspective:1200px}.winnerShell__halo{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;background:radial-gradient(circle,#ffffff5c,#fff0);filter:blur(22px);opacity:.5}.winnerShell__panel{position:relative;background:linear-gradient(135deg,#1c1c1cf2,#0e0e0ed9);border:1px solid rgba(255,255,255,.28);box-shadow:0 28px 90px #000000a6,inset 0 0 #ffffff47;border-radius:22px;padding:36px 38px;transform:rotateX(6deg);display:flex;flex-direction:column;align-items:center;text-align:center;color:#f4f4f4}.winnerBadge{letter-spacing:.32em;text-transform:uppercase;font-size:.68rem;color:#fff9;margin-bottom:18px}.winnerTitle{font-size:clamp(32px,6vw,54px);letter-spacing:.12em;text-transform:uppercase;margin:0;color:#fff;text-shadow:0 12px 35px rgba(255,255,255,.35)}.winnerCopy{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:6px}.winnerMetric{font-size:clamp(46px,8vw,72px);font-weight:600;letter-spacing:.16em;text-shadow:0 10px 30px rgba(255,255,255,.25)}.winnerMetricLabel{font-size:.82rem;text-transform:uppercase;letter-spacing:.28em;color:#fff9}.winnerDivider{margin:28px auto 22px;width:70%;height:1px;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);opacity:.8}.winnerHint{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb8}@media (max-width: 520px){.winnerShell__panel{padding:28px;transform:rotateX(4deg)}.winnerHint{letter-spacing:.16em}}