:root{--court-width: 650px;--court-height: 900px;--wall-height: 200px;--mesh-height: 300px;--post-color: #0a1a4f}body{background-color:#f5f7ff;color:#0a1a4f;overflow-x:hidden;font-family:Raleway,sans-serif}.scene-container{perspective:2500px;overflow:hidden}.court-assembly{transform-style:preserve-3d;width:var(--court-width);height:var(--court-height);position:absolute;top:55%;left:60%;transform:translate(-50%,-50%) rotateX(55deg) rotate(-35deg);transition:transform .8s cubic-bezier(.19,1,.22,1)}.court-floor{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,#1d3a8f,#0a1a4f);border:6px solid #0a1a4f;box-shadow:30px 30px 60px #00000040,inset 0 0 120px #00000059;transform-style:preserve-3d}.court-floor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,transparent calc(78% - 1.5px),#ffffff calc(78% - 1.5px),#ffffff calc(78% + 1.5px),transparent calc(78% + 1.5px)),linear-gradient(0deg,transparent calc(22% - 1.5px),#ffffff calc(22% - 1.5px),#ffffff calc(22% + 1.5px),transparent calc(22% + 1.5px))}.court-center-line{position:absolute;left:calc(50% - 1.5px);top:22%;width:3px;height:56%;background:#fff;pointer-events:none}.court-floor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(74,107,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(74,107,232,.06) 1px,transparent 1px);background-size:40px 40px}.net{position:absolute;width:calc(100% - 16px);height:40px;left:8px;top:calc(50% - 20px);background:linear-gradient(180deg,#e5ff29 0,#e5ff29 3px,transparent 3px),repeating-linear-gradient(45deg,rgba(10,26,79,.5) 0,rgba(10,26,79,.5) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(-45deg,rgba(10,26,79,.5) 0,rgba(10,26,79,.5) 1px,transparent 1px,transparent 5px);transform-origin:center bottom;transform:rotateX(-90deg)}.net:before,.net:after{content:"";position:absolute;bottom:0;width:4px;height:48px;background:linear-gradient(90deg,#050a20,#1d3a8f,#050a20)}.net:before{left:-2px}.net:after{right:-2px}.glass-wall{position:absolute;background:linear-gradient(115deg,#ffffff2e,#ffffff0a 35%,#ffffff1f 65%,#ffffff08),linear-gradient(180deg,#b4c8ff1a,#b4c8ff0a);border:2px solid var(--post-color);box-shadow:inset 0 0 30px #ffffff14;transform-origin:bottom;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.mesh-wall{position:absolute;background:repeating-linear-gradient(45deg,rgba(10,26,79,.85) 0,rgba(10,26,79,.85) 1px,transparent 1px,transparent 9px),repeating-linear-gradient(-45deg,rgba(10,26,79,.85) 0,rgba(10,26,79,.85) 1px,transparent 1px,transparent 9px),linear-gradient(180deg,#ffffff0a,#fff0);border:2px solid var(--post-color);transform-origin:bottom}.wall-back{width:100%;height:var(--wall-height);top:0;left:0;transform-origin:top;transform:rotateX(90deg)}.wall-front{width:100%;height:var(--wall-height);bottom:0;left:0;transform-origin:bottom;transform:rotateX(-90deg)}.glass-side-l-back{width:var(--wall-height);height:calc(var(--court-height) / 3);top:0;left:0;transform-origin:left;transform:rotateY(-90deg)}.glass-side-l-front{width:var(--wall-height);height:calc(var(--court-height) / 3);bottom:0;left:0;transform-origin:left;transform:rotateY(-90deg)}.glass-side-r-back{width:var(--wall-height);height:calc(var(--court-height) / 3);top:0;right:0;transform-origin:right;transform:rotateY(90deg)}.glass-side-r-front{width:var(--wall-height);height:calc(var(--court-height) / 3);bottom:0;right:0;transform-origin:right;transform:rotateY(90deg)}.mesh-side-l{width:var(--mesh-height);height:calc(var(--court-height) / 3);top:calc(var(--court-height) / 3);left:0;transform-origin:left;transform:rotateY(-90deg);border:none;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,0% 65%,55% 65%,55% 35%,0% 35%)}.mesh-side-r{width:var(--mesh-height);height:calc(var(--court-height) / 3);top:calc(var(--court-height) / 3);right:0;transform-origin:right;transform:rotateY(90deg)}.mesh-back-top{width:100%;height:calc(var(--mesh-height) - var(--wall-height));top:0;left:0;transform-origin:top;transform:translateZ(var(--wall-height)) rotateX(90deg)}.mesh-front-top{width:100%;height:calc(var(--mesh-height) - var(--wall-height));bottom:0;left:0;transform-origin:bottom;transform:translateZ(var(--wall-height)) rotateX(-90deg)}.post{position:absolute;width:8px;height:var(--mesh-height);background:linear-gradient(90deg,#030716,#1d3a8f,#030716);box-shadow:0 0 6px #00000080}.post-bl{bottom:0;left:-4px;transform-origin:bottom;transform:rotateX(-90deg)}.post-br{bottom:0;right:-4px;transform-origin:bottom;transform:rotateX(-90deg)}.post-tl{top:0;left:-4px;transform-origin:top;transform:rotateX(90deg)}.post-tr{top:0;right:-4px;transform-origin:top;transform:rotateX(90deg)}.mast{position:absolute;width:6px;height:var(--mesh-height);background:linear-gradient(90deg,#030716,#1d3a8f,#030716);top:0;right:30%;transform-origin:top;transform:rotateX(90deg)}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#4a6be8;transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f5f7ff}::-webkit-scrollbar-thumb{background:#0a1a4f}.slot{transition:all .25s ease;border:1px solid rgba(10,26,79,.15)}.slot.free{background:#f5f7ff;color:#0a1a4f;cursor:pointer}.slot.free:hover{background:#c8daff;border-color:#0a1a4f;transform:translateY(-1px)}.slot.booked{background:#0a1a4f0a;color:#0a1a4f66;border-color:#0a1a4f33;border-style:dashed;cursor:not-allowed;opacity:.45;pointer-events:none}.slot.mine{background:#86c89647;color:#1f5132;border-color:#2e7d4d8c;border-style:solid;cursor:pointer;font-weight:600}.slot.mine:hover{background:#86c89673;color:#14401f;border-color:#2e7d4d;transform:translateY(-1px)}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-badge-pulse{animation:tabBadgePulse 1.4s ease-in-out infinite;box-shadow:0 0 #d96c0699}@keyframes tabBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 #d96c068c}50%{transform:scale(1.12);box-shadow:0 0 0 6px #d96c0600}}.bell-ring{animation:bellRing 2.5s ease-in-out infinite;transform-origin:50% 0%}@keyframes bellRing{0%,50%,to{transform:rotate(0)}5%{transform:rotate(14deg)}10%{transform:rotate(-12deg)}15%{transform:rotate(10deg)}20%{transform:rotate(-8deg)}25%{transform:rotate(0)}}.challenges-scope .challenge-card{transition:transform .3s cubic-bezier(.19,1,.22,1),box-shadow .3s ease,border-color .2s ease}.challenges-scope .challenge-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px #0a1a4f40}.challenges-scope .my-team-pill{transition:all .2s ease}.challenges-scope .my-team-pill:hover{transform:translateY(-1px);box-shadow:0 8px 20px -12px #4a6be866}.challenges-scope .trigger-btn{transition:background-color .25s ease,color .25s ease}.challenges-scope .trigger-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,transparent 40%,rgba(245,247,255,.18) 50%,transparent 60%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.challenges-scope .trigger-btn:hover:before{transform:translate(100%)}.tile-card{transition:all .4s cubic-bezier(.19,1,.22,1)}.tile-card:hover{transform:translateY(-6px)}.tile-card:hover .tile-arrow{transform:translate(8px);color:#4a6be8}.tile-arrow{transition:all .3s ease}.stroke-text{-webkit-text-stroke:1px #0a1a4f;color:transparent}