@font-face{font-family:Convection;src:url(../assets/fonts/Convection.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Convection,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:none !important;-moz-osx-font-smoothing:unset !important;font-smooth:never !important;text-rendering:geometricPrecision;-webkit-user-select:none;user-select:none;cursor:url("../assets/cursor/default.png"),auto}html{background:#000}body{background:none}a,button,[role=button],.tile-wrap{cursor:url("../assets/cursor/pointer.png"),pointer}img{pointer-events:none}.bg{position:fixed;inset:0;z-index:-10;background-image:url(../assets/backgrounds/bg.png);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;animation:bgPan 28s ease-in-out infinite alternate}.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 130% 110% at 50% 50%, transparent 25%, rgba(0, 0, 0, 0.65) 100%);pointer-events:none}@keyframes bgPan{from{background-position:48% 50%}to{background-position:52% 50%}}.bgFloor{position:fixed;inset:0;z-index:-4;background-image:url(../assets/backgrounds/bgFloor.png);background-size:cover;background-position:center;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.bgFloor.ss-hidden{opacity:0;transform:translateY(18px)}#gpu-layer{position:fixed;inset:0;z-index:-2;pointer-events:none;filter:saturate(1)}.bg-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:-6;mix-blend-mode:screen}.bg-orb--1{width:700px;height:700px;background:radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 70%);filter:blur(90px);top:5%;left:-10%;animation:orbDrift1 38s ease-in-out infinite alternate}.bg-orb--2{width:520px;height:520px;background:radial-gradient(circle, rgba(200, 255, 230, 0.28) 0%, transparent 70%);filter:blur(72px);top:38%;right:-10%;animation:orbDrift2 28s ease-in-out infinite alternate}.bg-orb--3{width:360px;height:360px;background:radial-gradient(circle, rgba(240, 255, 200, 0.25) 0%, transparent 70%);filter:blur(58px);bottom:8%;left:33%;animation:orbDrift3 20s ease-in-out infinite alternate}@keyframes orbDrift1{from{transform:translate(0, 0)}to{transform:translate(22vw, -16vh)}}@keyframes orbDrift2{from{transform:translate(0, 0)}to{transform:translate(-20vw, 14vh)}}@keyframes orbDrift3{from{transform:translate(0, 0)}to{transform:translate(14vw, -22vh)}}.bg-bubbles{position:fixed;inset:0;pointer-events:none;z-index:-6;mix-blend-mode:screen;opacity:.05}.bubble-group{position:absolute;width:0;height:0;opacity:0;animation:bubbleFloat 5s linear infinite}.bubble-ring{position:absolute;border-radius:50%;border:solid #fff;transform:translate(-50%, -50%)}.bg-b1>:nth-child(1){width:12px;height:12px;border-width:3px}.bg-b1>:nth-child(2){width:52px;height:52px;border-width:4px}.bg-b2>:nth-child(1){width:20px;height:20px;border-width:10px}.bg-b2>:nth-child(2){width:51px;height:51px;border-width:10px}.bg-b3>:nth-child(1){width:10px;height:10px;border-width:5px}.bg-b3>:nth-child(2){width:45px;height:45px;border-width:10px}.bg-b4>:nth-child(1){width:10px;height:10px;border-width:3px}.bg-b4>:nth-child(2){width:50px;height:50px;border-width:5px}.bg-b4>:nth-child(3){width:90px;height:90px;border-width:7px}.bg-b5>:nth-child(1){width:11px;height:11px;border-width:4px}.bg-b5>:nth-child(2){width:51px;height:51px;border-width:3px}.bg-b6>:nth-child(1){width:12px;height:12px;border-width:4px}.bg-b6>:nth-child(2){width:52px;height:52px;border-width:5px}.bg-b6>:nth-child(3){width:92px;height:92px;border-width:8px}.bg-b6>:nth-child(4){width:132px;height:132px;border-width:5px}.bg-b7>:nth-child(1){width:20px;height:20px;border-width:10px}.bg-b7>:nth-child(2){width:46px;height:46px;border-width:10px}.bg-b7>:nth-child(3){width:86px;height:86px;border-width:4px}.bg-b8>:nth-child(1){width:15px;height:15px;border-width:6px}.bg-b8>:nth-child(2){width:55px;height:55px;border-width:5px}.bg-b9>:nth-child(1){width:12px;height:12px;border-width:6px}.bg-b9>:nth-child(2){width:46px;height:46px;border-width:7px}.bg-b9>:nth-child(3){width:86px;height:86px;border-width:10px}.bg-b9>:nth-child(4){width:126px;height:126px;border-width:3px}.bg-b10>:nth-child(1){width:14px;height:14px;border-width:7px}.bg-b10>:nth-child(2){width:54px;height:54px;border-width:5px}.bg-b10>:nth-child(3){width:94px;height:94px;border-width:7px}.bg-b10>:nth-child(4){width:134px;height:134px;border-width:9px}.bg-b11>:nth-child(1){width:11px;height:11px;border-width:3px}.bg-b11>:nth-child(2){width:51px;height:51px;border-width:4px}.bg-b12>:nth-child(1){width:75px;height:75px;border-width:11px}.bg-b12>:nth-child(2){width:115px;height:115px;border-width:7px}.bg-b12>:nth-child(3){width:155px;height:155px;border-width:9px}.bg-b13>:nth-child(1){width:22px;height:22px;border-width:11px}.bg-b13>:nth-child(2){width:51px;height:51px;border-width:5px}.bg-b13>:nth-child(3){width:91px;height:91px;border-width:11px}.bg-b13>:nth-child(4){width:131px;height:131px;border-width:3px}.bg-b14>:nth-child(1){width:14px;height:14px;border-width:3px}.bg-b14>:nth-child(2){width:54px;height:54px;border-width:5px}.bg-b14>:nth-child(3){width:94px;height:94px;border-width:6px}.bg-b14>:nth-child(4){width:134px;height:134px;border-width:5px}.bg-b15>:nth-child(1){width:19px;height:19px;border-width:3px}.bg-b15>:nth-child(2){width:59px;height:59px;border-width:8px}.bg-b15>:nth-child(3){width:99px;height:99px;border-width:6px}.bg-b15>:nth-child(4){width:139px;height:139px;border-width:8px}@keyframes bubbleFloat{0%{transform:translate(-50%, -50%) scale(1);opacity:0}15%{opacity:1}100%{transform:translate(calc(-50% + 22px), calc(-50% - 39px)) scale(1.5);opacity:0}}.bg-b1{top:29.9%;left:80.4%;animation-duration:5.4s;animation-delay:1s}.bg-b2{top:30.6%;left:51.9%;animation-duration:5.2s;animation-delay:2.2s}.bg-b3{top:25%;left:70.6%;animation-duration:5s;animation-delay:3.4s}.bg-b4{top:34.8%;left:88.9%;animation-duration:5.2s;animation-delay:4.6s}.bg-b5{top:31%;left:49.6%;animation-duration:4.8s;animation-delay:5.8s}.bg-b6{top:32.7%;left:94%;animation-duration:4.1s;animation-delay:7s}.bg-b7{top:42.4%;left:81.9%;animation-duration:5.6s;animation-delay:8.2s}.bg-b8{top:19.5%;left:35.2%;animation-duration:4.9s;animation-delay:9.4s}.bg-b9{top:12%;left:64.1%;animation-duration:5.3s;animation-delay:10.6s}.bg-b10{top:38.5%;left:22.7%;animation-duration:4.6s;animation-delay:11.8s}.bg-b11{top:24.8%;left:75.8%;animation-duration:5.1s;animation-delay:13s}.bg-b12{top:10.5%;left:47.3%;animation-duration:4.4s;animation-delay:14.2s}.bg-b13{top:41.2%;left:60.6%;animation-duration:5.7s;animation-delay:15.4s}.bg-b14{top:15.7%;left:86.4%;animation-duration:5s;animation-delay:16.6s}.bg-b15{top:44.1%;left:8.5%;animation-duration:4.7s;animation-delay:17.8s}.grain{position:fixed;inset:0;z-index:100000;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}.crt-scanlines{position:fixed;inset:0;z-index:100001;pointer-events:none;background-image:url(../assets/backgrounds/CRT_Scanlines_Colored.png);background-size:cover;mix-blend-mode:screen;opacity:.2}.crt-frame{position:fixed;inset:0;z-index:100002;pointer-events:none;background-image:url(../assets/backgrounds/CRT_FrameOnly.png);background-size:100% 100%}#introScreen{position:fixed;inset:0;z-index:100004;background:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .9s ease}#introScreen.fade-out{opacity:0;pointer-events:none}#intro-canvas{position:absolute;inset:0;width:100% !important;height:100% !important}#click-prompt{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);animation:blink 1.4s ease-in-out infinite;pointer-events:none}#intro-headline{position:absolute;top:50px;left:0;right:0;padding:0 5vw;text-align:center;font-family:"DM Sans",sans-serif;font-weight:500;color:#111;line-height:1.35;pointer-events:none;z-index:10;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#intro-headline .typed-cursor{font-weight:300;opacity:1;animation:blink .75s step-end infinite}#intro-hl1{font-size:clamp(24px,3.5vw,42px);margin-bottom:4px}#intro-hl2{font-size:clamp(16px,2vw,28px);opacity:.75}@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}.dashboard{position:fixed;inset:0;z-index:5;opacity:0;pointer-events:none;transition:opacity .9s ease}.dashboard.visible{opacity:1;pointer-events:all}#avatar-canvas{position:absolute;pointer-events:none;z-index:20;opacity:0;transition:left .38s cubic-bezier(0.25, 0.46, 0.45, 0.94),top .38s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform .38s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .38s ease}.section-nav{position:absolute;top:60px;left:8vw;display:flex;flex-direction:column;gap:4px;z-index:50}.nav-item{display:block;opacity:.65;cursor:url("../assets/cursor/pointer.png"),pointer;transition:opacity .2s;line-height:1}.nav-item:hover{opacity:.9}.nav-item.active{opacity:1}.profile{position:absolute;top:45px;right:80px;display:flex;align-items:center;gap:12px;z-index:50}.profile-text{text-align:right}.gamertag{display:block}.gamerscore{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px;opacity:.85}.gamerscore #scoreVal{line-height:0;display:flex;align-items:center}.gscore-img{height:28px;width:auto;display:block}.avatar-wrap{width:92px;height:92px;border-radius:4px;border:2.5px solid hsla(0,0%,100%,.5);overflow:hidden;flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover}.tiles-area{position:absolute;inset:0;pointer-events:none}.tile-wrap{position:absolute;pointer-events:auto;cursor:url("../assets/cursor/pointer.png"),pointer;transition:left .38s cubic-bezier(0.25, 0.46, 0.45, 0.94),top .38s cubic-bezier(0.25, 0.46, 0.45, 0.94),width .38s cubic-bezier(0.25, 0.46, 0.45, 0.94),height .38s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .38s ease,transform .38s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.tile-wrap.off-left,.tile-wrap.off-right{opacity:0 !important;pointer-events:none}.tile-wrap[data-active=true]{-webkit-box-reflect:below 2px linear-gradient(transparent 62%, rgba(0, 0, 0, 0.32) 100%)}.tile-wrap.spawning{transition:none !important}.tile{width:100%;height:100%;border-radius:8px;position:relative;overflow:hidden;background:#0d1e07;display:flex;align-items:center;justify-content:center}.tile:not(.has-bg-img){background:linear-gradient(180deg, #a8dc30 0%, #7ab820 28%, #4a9010 60%, #2a6808 100%)}.tile.has-bg-img{background:url("../../assets/cards/BlankGreen.jpg") center/cover no-repeat}.tile::before{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);z-index:2;pointer-events:none}.tile::after{content:"";position:absolute;top:0;left:0;right:0;height:44%;background:linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.01) 100%);border-radius:8px 8px 0 0;z-index:4;pointer-events:none}.tile-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;z-index:1}.tile-card-img--cover{object-fit:cover;object-position:center top}.tile-icon-img{position:absolute;top:6%;left:0;width:100%;height:100%;object-fit:contain;z-index:3;pointer-events:none}.tile-icon-img--small{top:auto;left:auto;bottom:20px;right:20px;width:22%;height:22%}.tile-person-avatar{position:absolute;top:38%;left:50%;transform:translate(-50%, -50%);border-radius:50%;border:3px solid hsla(0,0%,100%,.7);overflow:hidden;object-fit:cover;z-index:3;transition:width .38s cubic-bezier(0.25, 0.46, 0.45, 0.94),height .38s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.tile-panel-shadow{position:absolute;top:0;left:100%;height:100%;width:8%;object-fit:fill;pointer-events:none;z-index:-1}.tile-info{position:absolute;bottom:clamp(10px,1.5vw,20px);left:clamp(8px,1vw,14px);z-index:5;pointer-events:none;overflow:visible}.tile-title{position:absolute;bottom:clamp(8px,1vw,12px);left:0;display:block;overflow:visible;line-height:1}.tile-subtitle{position:absolute;bottom:clamp(-14px,-1.5vw,-20px);left:0;display:block;overflow:visible;opacity:.7;line-height:1}.tile-profile-overlay{position:absolute;top:0;left:0;bottom:0;width:62%;padding:clamp(12px,1.8vw,20px) clamp(10px,1.4vw,18px);z-index:3;pointer-events:none}.tile-profile-header{display:flex;flex-direction:column;gap:4px}.tile-profile-gamertag{line-height:1}.tile-profile-score{display:flex;align-items:center;gap:5px}.tile-profile-gsicon{width:17px;height:17px;object-fit:contain;flex-shrink:0}.tile-profile-spacer{display:none}.tile-profile-games{margin-top:clamp(28px,5.5vh,64px)}.tile-profile-games-label{margin-bottom:6px;opacity:.9}.tile-profile-thumbs{display:flex;gap:clamp(4px,.5vw,8px)}.tile-profile-thumb{width:clamp(48px,5.1vw,75px);height:clamp(48px,5.1vw,75px);border-radius:4px;object-fit:cover;border:2px solid hsla(0,0%,100%,.65);flex-shrink:0}.tile-profile-footer{position:absolute;bottom:clamp(10px,1.8vw,10px);left:clamp(10px,1.4vw,18px);display:flex;flex-direction:column;gap:2px}.tile-profile-tier{opacity:.75;margin-top:-5px}.bottom-bar{position:fixed;bottom:55px;left:8vw;display:flex;align-items:center;z-index:1600}.btn-hints{display:flex;align-items:center;gap:6px}#backHint{display:none;align-items:center;gap:6px}#backHint.visible{display:flex}.legend-btn{height:clamp(30px,3.8vh,54px);width:auto;flex-shrink:0;vertical-align:middle}.legend-label{display:inline-flex;align-items:center;opacity:.8;margin-right:10px;vertical-align:middle}.tile-counter{position:absolute;opacity:.65;z-index:50}.scroll-indicator{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);height:120px;width:auto;opacity:.7;z-index:50;pointer-events:none}.xbox-logo-wrap{position:fixed;bottom:0;right:0;pointer-events:none;z-index:100010;opacity:0;transition:opacity .6s ease}.xbox-logo-wrap.visible{opacity:1}.xbox-ripple-wrap{position:fixed;width:clamp(160px,20vh,280px);height:clamp(160px,20vh,280px);bottom:clamp(-50px,-5vh,-30px);right:clamp(30px,5.5vw,70px);perspective:800px;perspective-origin:50% 50%;pointer-events:none;z-index:100009}.xbox-ripple{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);opacity:0;animation:waveExpand 6s linear infinite}.xbox-ripple:nth-child(1){animation-delay:.05s}.xbox-ripple:nth-child(2){animation-delay:.18s}.xbox-ripple:nth-child(3){animation-delay:.42s}.xbox-ripple:nth-child(4){animation-delay:.65s}.xbox-ripple:nth-child(5){animation-delay:1.2s}.xbox-ripple:nth-child(6){animation-delay:1.4s}.xbox-ripple:nth-child(7){animation-delay:1.9s}.xbox-ripple:nth-child(8){animation-delay:2.05s}.xbox-ripple:nth-child(9){animation-delay:2.25s}.xbox-ripple:nth-child(10){animation-delay:2.75s}.xbox-ripple:nth-child(11){animation-delay:3.35s}.xbox-ripple:nth-child(12){animation-delay:3.5s}.xbox-ripple:nth-child(13){animation-delay:3.65s}.xbox-ripple:nth-child(14){animation-delay:4.1s}.xbox-ripple:nth-child(15){animation-delay:4.6s}.xbox-ripple:nth-child(16){animation-delay:4.75s}.xbox-ripple:nth-child(17){animation-delay:4.9s}.xbox-ripple:nth-child(18){animation-delay:5.45s}.xbox-ripple:nth-child(19){animation-delay:5.78s}.xbox-ripple:nth-child(20){animation-delay:5.93s}@keyframes waveExpand{0%{transform:translate(-50%, -50%) rotateX(68deg) scale(0.05);opacity:0}10%{opacity:.35}50%{opacity:.2}100%{transform:translate(-50%, -50%) rotateX(68deg) scale(3.5);opacity:0}}.xbox-legend-menu{position:fixed;bottom:clamp(20px,3vh,60px);right:clamp(60px,8vw,95px);width:auto;height:clamp(100px,15vh,195px);pointer-events:none;z-index:100010}.xbox-sphere-highlight{position:fixed;bottom:clamp(20px,3vh,60px);right:clamp(60px,8vw,95px);width:auto;height:clamp(100px,15vh,195px);pointer-events:none;z-index:100011;opacity:0;animation:highlightRotate 10s linear infinite;transform-origin:center center}@keyframes highlightRotate{0%{transform:rotate(-90deg);opacity:0}4%{opacity:1}11%{opacity:1}15%{transform:rotate(100deg);opacity:0}100%{transform:rotate(100deg);opacity:0}}.xbox-floor-shadow-wrap{position:fixed;bottom:clamp(-10px,0vh,0px);right:clamp(80px,8.5vw,120px);width:clamp(80px,10vh,130px);height:clamp(80px,10vh,130px);perspective:800px;perspective-origin:50% 50%;pointer-events:none;z-index:100008;display:flex;align-items:center;justify-content:center}.xbox-floor-shadow-img{width:100%;height:auto;object-fit:contain;transform:rotateX(68deg);opacity:.3}.vignette{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 45%, transparent 35%, rgba(0, 0, 0, 0.04) 65%, rgba(0, 0, 0, 0.1) 100%);pointer-events:none;z-index:100003}@keyframes mpSlideUp{from{transform:translate(-50%, -45%);opacity:0}to{transform:translate(-50%, -50%);opacity:1}}@keyframes mpSlideDown{from{transform:translate(-50%, -50%);opacity:1}to{transform:translate(-50%, -54%);opacity:0}}#musicPlayer{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:min(90vw,1000px);aspect-ratio:16/10.5;z-index:100005;display:none;pointer-events:none}#musicPlayer.visible{display:block;pointer-events:auto;animation:mpSlideUp 1.2s ease-out forwards}#musicPlayer.closing{display:block;pointer-events:none;animation:mpSlideDown .35s ease-in forwards}.mp-bg{position:absolute;inset:0;background-image:url("../assets/ui/BackgroundPanel.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 80px rgba(0,0,0,.85);pointer-events:none;z-index:1}.mp-grid{position:absolute;top:6%;left:3%;right:3%;bottom:6%;z-index:2;display:grid;grid-template-columns:40% 1fr;gap:15px}.mp-left{display:flex;flex-direction:column;gap:10px;min-height:0}.mp-controls{background:rgba(40,45,50,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;padding:10px;display:flex;flex-direction:column;gap:5px;flex-shrink:0}.mp-transport{display:flex;align-items:center;justify-content:space-between;padding:0 5px}.mp-tbn{position:relative;overflow:hidden;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:4px;padding:5px;cursor:url("../assets/cursor/pointer.png"),pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .12s,background .12s,border-color .12s,box-shadow .12s}.mp-tbn img{width:20px;height:20px;object-fit:contain;display:block;filter:brightness(0.85);pointer-events:none}.mp-tbn:hover{opacity:1;background:linear-gradient(to bottom, rgba(180, 217, 104, 0.18), rgba(91, 155, 6, 0.28));border-color:rgba(143,207,0,.35)}.mp-tbn:hover img{filter:brightness(1.15)}.mp-tbn.active{opacity:1;background:linear-gradient(to bottom, #b4d968 0%, #8fcf00 45%, #5b9b06 100%);border-color:rgba(143,207,0,.7);box-shadow:0 0 12px rgba(143,207,0,.5)}.mp-tbn.active img{filter:brightness(1.4)}.mp-edit-row{padding-top:6px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center}.mp-station-wrap{position:relative;width:100%;display:flex;align-items:center;background:linear-gradient(to bottom, #8bc524 0%, #5a8600 100%);border-radius:4px;padding:6px 30px 6px 12px;box-shadow:0 2px 6px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15);cursor:url("../assets/cursor/pointer.png"),pointer;transition:filter .12s ease}.mp-station-wrap:hover{filter:brightness(1.12)}.mp-station-display{flex:1;pointer-events:none}.mp-station-display canvas{display:block}.mp-station-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:9px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpolyline points='1,1 10,11 19,1' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}.mp-station-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:url("../assets/cursor/pointer.png"),pointer;appearance:none;-webkit-appearance:none;border:none;background:rgba(0,0,0,0)}.mp-station-select option{background:#1a1a1a;color:hsla(0,0%,100%,.9)}.mp-vis-panel{flex:1;background:#000;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0}.mp-track-info{padding:15px;flex-shrink:0;position:relative;z-index:2}.mp-now-artist{margin-bottom:4px;display:flex;align-items:center;min-height:16px}.mp-now-title{margin-bottom:10px;display:flex;align-items:center;min-height:22px}.mp-seek-row{display:flex;align-items:center;gap:10px}.mp-progress-bar{flex:1;height:6px;background:hsla(0,0%,100%,.2);border-radius:3px;border:1px solid rgba(0,0,0,.5);position:relative;cursor:pointer}.mp-progress-bar:hover .mp-progress-thumb{opacity:1}.mp-progress-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:#8fcf00;border-radius:3px}.mp-progress-thumb{position:absolute;top:50%;left:0%;transform:translate(-50%, -50%);width:12px;height:12px;background:#8fcf00;border:2px solid #fff;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .1s;box-shadow:0 0 4px rgba(0,0,0,.5)}.mp-seek-row>span{min-width:30px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.mp-visualizer{flex:1;position:relative;min-height:0;overflow:hidden}.mp-visualizer:-webkit-full-screen,.mp-visualizer:-moz-full-screen,.mp-visualizer:fullscreen{border-radius:0}#mpVisCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.mp-right{min-height:0;display:flex;flex-direction:column}.mp-playlist-panel{flex:1;background:rgba(0,0,0,.2);border-radius:4px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.mp-rh{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.3);flex-shrink:0}.mp-close-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.5);font-size:14px;cursor:url("../assets/cursor/pointer.png"),pointer;padding:2px 4px;line-height:1;transition:color .12s;flex-shrink:0}.mp-close-btn:hover{color:#fff}.mp-playlist{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.mp-playlist::-webkit-scrollbar{width:10px}.mp-playlist::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.mp-playlist::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:5px}.mp-playlist::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.mp-track-row{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;cursor:url("../assets/cursor/pointer.png"),pointer;background:rgba(0,0,0,0);transition:background .15s}.mp-track-row:hover{background:hsla(0,0%,100%,.05)}.mp-track-row.active{background:linear-gradient(to right, #6db83a, #5a9e2a)}.mp-track-row.active .mp-track-name{opacity:1}.mp-track-row.active .mp-track-dur{opacity:.8}.mp-track-name{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}.mp-track-dur{flex-shrink:0;margin-left:10px;display:flex;align-items:center}.mp-rf{padding:10px 15px;border-top:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.3);flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}#yHint{display:none;align-items:center;gap:6px}#yHint.visible{display:flex}#yHint .legend-btn{width:clamp(28px,3.6vh,50px);height:clamp(28px,3.6vh,50px);flex-shrink:0}@keyframes plCardIn{from{transform:translateX(400px) translateY(-50%) perspective(1000px) scale(1.3) rotateY(90deg) translateZ(-100px);opacity:0;filter:brightness(0.2)}to{transform:translateX(0px) translateY(-50%) perspective(1000px) scale(1.3) rotateY(0deg) translateZ(0px);opacity:1;filter:brightness(1)}}@keyframes plCardOut{from{transform:translateX(0px) translateY(-50%) perspective(1000px) scale(1.3) rotateY(0deg) translateZ(0px);opacity:1;filter:brightness(1)}to{transform:translateX(0px) translateY(-50%) perspective(1000px) scale(1.3) rotateY(-120deg) translateZ(-100px);opacity:0;filter:brightness(0.2)}}@keyframes plPreviewIn{from{transform:translateX(400px) translateY(-50%) perspective(1000px) scale(1.15) rotateY(90deg) translateZ(-100px);opacity:0;filter:brightness(0.2)}to{transform:translateX(0px) translateY(-50%) perspective(1000px) scale(1.15) rotateY(0deg) translateZ(0px);opacity:1;filter:brightness(0.85)}}@keyframes plPreviewOut{from{transform:translateX(0px) translateY(-50%) perspective(1000px) scale(1.15) rotateY(0deg) translateZ(0px);opacity:1;filter:brightness(0.85)}to{transform:translateX(0px) translateY(-50%) perspective(1000px) scale(1.15) rotateY(-120deg) translateZ(-100px);opacity:0;filter:brightness(0.2)}}#pictureLibrary{position:fixed;inset:0;z-index:1450;display:none;pointer-events:none}#pictureLibrary.visible{display:block}#pictureLibrary.closing{display:block}.pl-left{position:fixed;left:calc(var(--layout-offset, 0px) + 8%);top:50%;transform:translateY(-50%) scale(1.3);transform-origin:0% 50%;width:clamp(280px,33vw,520px);height:clamp(420px,52vh,650px);background-image:url("../assets/ui/BackgroundPanel.png");background-size:100% 100%;background-position:center;border-radius:clamp(3px,.35vw,6px);overflow:hidden;display:flex;flex-direction:column;z-index:1500;pointer-events:auto;box-shadow:0 8px 30px rgba(0,0,0,.5)}#pictureLibrary.visible .pl-left{animation:plCardIn .4s ease-out both}#pictureLibrary.closing .pl-left{animation:plCardOut .35s ease-in both}.pl-header{flex-shrink:0;padding:0 clamp(10px,.9vw,15px);height:clamp(28px,3.2vh,42px);display:flex;align-items:center;background:linear-gradient(225deg, #E89408 0%, #E8AD02 100%)}.pl-thumbs{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(7, 1fr);gap:8px;padding:15px;align-content:start}.pl-thumbs::-webkit-scrollbar{width:6px}.pl-thumbs::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.pl-thumbs::-webkit-scrollbar-thumb{background:rgba(200,220,235,.5);border-radius:4px}.pl-thumbs::-webkit-scrollbar-thumb:hover{background:rgba(200,220,235,.7)}.pl-thumb{aspect-ratio:1/1;border-radius:2px;overflow:hidden;cursor:url("../assets/cursor/pointer.png"),pointer;border:2px solid rgba(0,0,0,0);transition:border-color .12s,opacity .12s,box-shadow .12s;opacity:.6}.pl-thumb img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}.pl-thumb:hover{opacity:1;border-color:rgba(143,207,0,.55);box-shadow:0 0 5px rgba(143,207,0,.3)}.pl-thumb.active{border-color:#8fcf00;opacity:1;box-shadow:0 0 6px rgba(143,207,0,.55)}.pl-empty{grid-column:1/-1;color:hsla(0,0%,100%,.4);font-size:11px;text-align:center;padding-top:20px}.pl-right{position:fixed;left:calc(var(--layout-offset, 0px) + 8% + clamp(364px,42.9vw,676px));top:50%;transform:translateY(-50%) scale(1.15);transform-origin:0% 50%;width:clamp(280px,33vw,520px);height:clamp(420px,52vh,650px);background-image:url("../assets/ui/BackgroundPanel.png");background-size:100% 100%;background-position:center;border-radius:clamp(3px,.35vw,6px);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:15px;z-index:1400;pointer-events:auto;cursor:url("../assets/cursor/pointer.png"),pointer;box-shadow:0 8px 30px rgba(0,0,0,.4)}#pictureLibrary.visible .pl-right{animation:plPreviewIn .4s ease-out .06s both}#pictureLibrary.closing .pl-right{animation:plPreviewOut .35s ease-in both}#plPreviewImg{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transition:opacity .15s ease;user-select:none;pointer-events:none}#systemSettings{position:fixed;inset:0;z-index:1450;display:none;pointer-events:none}#systemSettings.visible{display:block}#systemSettings.closing{display:block}@keyframes ssIn{from{transform:translateX(calc(-50% + 300px)) translateY(-50%) perspective(1000px) scale(1) rotateY(90deg) translateZ(-100px);opacity:0;filter:brightness(0.2)}to{transform:translateX(-50%) translateY(-50%) perspective(1000px) scale(1) rotateY(0deg) translateZ(0px);opacity:1;filter:brightness(1)}}@keyframes ssOut{from{transform:translateX(-50%) translateY(-50%) perspective(1000px) scale(1) rotateY(0deg) translateZ(0px);opacity:1;filter:brightness(1)}to{transform:translateX(-50%) translateY(-50%) perspective(1000px) scale(1) rotateY(-120deg) translateZ(-100px);opacity:0;filter:brightness(0.2)}}.ss-panel{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:clamp(840px,86vw,1180px);height:clamp(480px,66vh,660px);background-image:url("../assets/ui/BackgroundPanel.png");background-size:100% 100%;background-position:center;border-radius:clamp(3px,.35vw,6px);display:flex;overflow:hidden;z-index:1500;pointer-events:auto;box-shadow:0 8px 30px rgba(0,0,0,.6)}#systemSettings.visible .ss-panel{animation:ssIn .4s ease-out both}#systemSettings.closing .ss-panel{animation:ssOut .35s ease-in both}.ss-menu{width:50%;flex-shrink:0;display:flex;flex-direction:column;padding:0}.ss-divider{flex-shrink:0;height:1px;background:hsla(0,0%,100%,.13);margin:0 clamp(10px,1.2vw,16px)}.ss-item{flex-shrink:0;position:relative;display:flex;align-items:center;gap:clamp(14px,1.5vw,20px);padding:0 clamp(16px,1.8vw,26px);height:clamp(54px,7.5vh,66px);cursor:url("../assets/cursor/pointer.png"),pointer;color:hsla(0,0%,100%,.65);isolation:isolate;transition:color .1s ease}.ss-item::before{content:"";position:absolute;inset:3px clamp(4px,.5vw,8px);background:linear-gradient(to bottom, #8bc524 0%, #5a8600 100%);border-radius:4px;opacity:0;transition:opacity .1s ease;z-index:-1}.ss-item.active{color:#fff}.ss-item.active::before{opacity:1}.ss-item .ss-icon{width:clamp(34px,3.4vw,44px);height:clamp(34px,3.4vw,44px);flex-shrink:0;object-fit:contain;opacity:.75;transition:opacity .1s}.ss-item.active .ss-icon{opacity:1}.ss-item canvas{display:block;flex-shrink:0;pointer-events:none}.ss-item .ss-label{font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:clamp(13px,1.3vw,16px);font-weight:400;letter-spacing:.01em;color:inherit;white-space:nowrap}.ss-desc-panel{flex:1;padding:clamp(22px,2.5vw,36px) clamp(18px,2vw,30px);display:flex;flex-direction:column;align-items:flex-start;gap:5px;overflow:hidden}.ss-desc-text{font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:clamp(13px,1.3vw,17px);font-weight:400;color:hsla(0,0%,100%,.9);line-height:1.5;margin:0}#discErrorDlg{position:fixed;inset:0;z-index:200000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s ease}#discErrorDlg.visible{opacity:1}#discErrorDlg.closing{opacity:0}#discErrorDlg .de-box{width:clamp(280px,42vw,520px);height:clamp(400px,50vh,630px);display:flex;flex-direction:column;border-radius:4px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5);font-family:"Segoe UI",Arial,sans-serif}#discErrorDlg .de-header{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#4a5468;color:#fff;flex-shrink:0}#discErrorDlg .de-header .de-x-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#c0392b;font-size:13px;font-weight:bold;flex-shrink:0;line-height:1}#discErrorDlg .de-header .de-title{display:flex;align-items:center}#discErrorDlg .de-body{flex:1;padding:28px 26px 20px;background:#dce6ef;color:#1a1a2e;font-size:clamp(16px,1.5vw,20px);line-height:1.7;overflow:hidden}#discErrorDlg .de-body p{margin:0 0 16px}#discErrorDlg .de-body p:last-child{margin-bottom:0}#discErrorDlg .de-body ol{margin:0 0 16px;padding-left:26px}#discErrorDlg .de-body ol li{margin-bottom:8px}#discErrorDlg .de-footer{display:flex;align-items:center;padding:0 18px;height:52px;background:#7cc030;flex-shrink:0}#discErrorDlg .de-footer .de-ok-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}#discErrorDlg .de-footer .de-ok-btn:hover{opacity:.85}#achieveNotif{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:9999;pointer-events:none;display:none}#achieveNotif.show{display:flex}.achieve-ring{position:relative;background:#424242;border:2px solid hsla(0,0%,100%,.1);border-radius:50px;height:64px;width:64px;overflow:hidden;display:flex;align-items:center;box-shadow:0 0 8px hsla(0,0%,100%,.3),inset 0 0 20px rgba(0,0,0,.5);transform:scale(0);transform-origin:center;transition:transform .12s ease,width .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.achieve-ring.ring-visible{transform:scale(1)}.achieve-icon-wrap{position:relative;flex-shrink:0;width:54px;height:54px;margin-left:3px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.achieve-cross-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;padding:10px;border-radius:50%;background:#7e8083;transition:background .5s ease}.achieve-cross-grid.active{background:#000}.achieve-cross-quad{background:#7e8083;border-radius:2px;transition:background .4s ease}.achieve-cross-grid.active .achieve-cross-quad{background:#c5f859}.achieve-icon-img{position:relative;z-index:1;width:82%;height:82%;object-fit:contain;border-radius:50%;opacity:0;transform:scale(0);transition:opacity .28s ease,transform .28s ease}.achieve-icon-img.logo-visible{opacity:1;transform:scale(1)}.achieve-arc-svg{position:absolute;left:0;top:50%;transform:translateY(-50%);width:60px;height:60px;pointer-events:none;z-index:3;opacity:0;transition:opacity .5s ease}.achieve-arc-svg.arc-visible{opacity:1}.achieve-text{position:absolute;left:68px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:5px;white-space:nowrap;opacity:0;transition:opacity .4s ease}.achieve-text.text-visible{opacity:1}.achieve-text canvas{display:block}@keyframes gcCardIn{from{transform:translateX(400px) translateY(-50%) perspective(1000px) scale(1.3) rotateY(90deg) translateZ(-100px);opacity:0;filter:brightness(0.2)}to{transform:translateX(0px) translateY(-50%) perspective(1000px) scale(1.3) rotateY(0deg) translateZ(0px);opacity:1;filter:brightness(1)}}@keyframes gcCardOut{from{transform:translateX(0px) translateY(-50%) perspective(1000px) scale(1.3) rotateY(0deg) translateZ(0px);opacity:1;filter:brightness(1)}to{transform:translateX(0px) translateY(-50%) perspective(1000px) scale(1.3) rotateY(-120deg) translateZ(-100px);opacity:0;filter:brightness(0.2)}}@keyframes gcSecIn{0%{transform:translateX(-280px) translateY(-50%) scale(1.15);opacity:0;filter:brightness(0.85)}20%{opacity:1;filter:brightness(0.85)}100%{transform:translateX(0px) translateY(-50%) scale(1.15);opacity:1;filter:brightness(0.85)}}@keyframes gcSecOut{0%{transform:translateX(0px) translateY(-50%) scale(1.15);opacity:1;filter:brightness(0.85)}80%{opacity:1}100%{transform:translateX(-280px) translateY(-50%) scale(1.15);opacity:0;filter:brightness(0.85)}}#gamerCard,#projectCard,#testimonialCard{position:fixed;inset:0;z-index:100012;display:none;pointer-events:none}#gamerCard.visible,#projectCard.visible,#testimonialCard.visible{display:block}#gamerCard.closing,#projectCard.closing,#testimonialCard.closing{display:block}.gc-primary{position:fixed;left:calc(var(--layout-offset, 0px) + 8%);top:50%;transform:translateY(-50%) scale(1.3);transform-origin:0% 50%;width:clamp(260px,31vw,490px);height:clamp(400px,50vh,630px);background-image:url("../assets/ui/BackgroundPanel.png");background-size:100% 100%;border-radius:clamp(3px,.35vw,6px);overflow:hidden;display:flex;flex-direction:column;padding-bottom:clamp(8px,1vh,14px);z-index:1500;pointer-events:auto;box-shadow:8px 8px 28px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.2)}#gamerCard.visible .gc-primary,#projectCard.visible .gc-primary,#testimonialCard.visible .gc-primary{animation:gcCardIn .4s ease-out both}#gamerCard.closing .gc-primary,#projectCard.closing .gc-primary,#testimonialCard.closing .gc-primary{animation:gcCardOut .35s ease-in both}.gc-secondary{position:fixed;left:calc(var(--layout-offset, 0px) + 8% + clamp(260px,31vw,490px)*1.3 - 20px);top:50%;transform:translateY(-50%) scale(1.15);transform-origin:0% 50%;width:clamp(220px,34vw,520px);height:clamp(325px,43vh,550px);background-image:url("../assets/ui/BackgroundPanel.png");background-size:100% 100%;border-radius:0 clamp(3px,.35vw,6px) clamp(3px,.35vw,6px) 0;overflow:hidden;display:flex;flex-direction:column;z-index:1490;pointer-events:auto;box-shadow:-6px 0 20px rgba(0,0,0,.5),0 8px 20px rgba(0,0,0,.3)}#gamerCard.visible .gc-secondary,#projectCard.visible .gc-secondary,#testimonialCard.visible .gc-secondary{animation:gcSecIn .7s ease-out .38s both}#gamerCard.closing .gc-secondary,#projectCard.closing .gc-secondary,#testimonialCard.closing .gc-secondary{animation:gcSecOut .45s ease-in both}#testimonialCard .gc-secondary{width:clamp(260px,31vw,490px);height:clamp(280px,35vh,441px);top:50%;transform:translateY(-50%) scale(1.15)}.gc-secondary--tall{height:clamp(390px,49vh,600px) !important}#gamerCard .gc-secondary{height:clamp(400px,50vh,630px)}.gc-header{flex-shrink:0;padding:0 clamp(10px,.9vw,15px);height:clamp(28px,3.2vh,42px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(225deg, #E89408 0%, #E8AD18 32%, #DAAF36 62%, #C28618 79%, #C28618 89%, #D1AC40 100%);margin:20px 20px 0;border-radius:8px 8px 0 0}.gc-close-btn{display:none}.gc-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:clamp(10px,1.2vh,18px) clamp(10px,.9vw,16px);gap:clamp(8px,1vh,14px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#65d36e rgba(0,0,0,.35)}.gc-body::-webkit-scrollbar{display:block;width:8px}.gc-body::-webkit-scrollbar-track{background:rgba(0,0,0,.35);border-radius:4px}.gc-body::-webkit-scrollbar-thumb{background:#65d36e;border-radius:4px;min-height:24px}.gc-body::-webkit-scrollbar-thumb:hover{background:#80e889}.gc-profile-row{display:flex;flex-shrink:0;gap:clamp(8px,.8vw,14px);align-items:flex-start;background:rgba(0,0,0,.3);box-shadow:inset 0px 3px 2px -2px #2a2b2c,.8px .8px .8px 0px rgba(119,140,146,.3);padding:clamp(10px,.9vw,16px);margin:0 20px;border-radius:0 0 8px 8px}.gc-gamerpic{flex-shrink:0;width:clamp(52px,5.5vw,80px);height:clamp(52px,5.5vw,80px);border:3px solid #c8880a;box-shadow:0 0 0 1px rgba(255,200,60,.25),inset 0 0 0 1px rgba(255,200,60,.15);border-radius:3px;overflow:hidden}.gc-gamerpic img{width:100%;height:100%;object-fit:cover;display:block}.gc-stats{flex:1;display:flex;flex-direction:column;gap:clamp(3px,.4vh,6px)}.gc-stat-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.gc-stat-label canvas{display:inline-block}.gc-stat-val{display:flex;align-items:center;gap:4px}.gc-gscore-icon{width:clamp(18px,1.8vw,26px);height:clamp(18px,1.8vw,26px);object-fit:contain}.gc-stars{display:flex;gap:3px}.gc-star{width:clamp(14px,1.4vw,18px);height:clamp(14px,1.4vw,18px);border-radius:1px;background:hsla(0,0%,100%,.18);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.gc-star.gc-star--on{background:#e8a800}.gc-bio{font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:clamp(15px,1.25vw,20px);color:hsla(0,0%,100%,.78);line-height:1.5;margin:0 6px;padding:0 clamp(4px,.4vw,8px);flex-shrink:0}.gc-bio p{margin:0}.gc-bio p+p{margin-top:14px}.gc-bio::-webkit-scrollbar{display:block;width:6px}.gc-bio::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:3px}.gc-bio::-webkit-scrollbar-thumb{background:#65d36e;border-radius:3px;min-height:20px}.gc-bio::-webkit-scrollbar-thumb:hover{background:#80e889}.gc-links{flex-shrink:0;display:flex;flex-direction:column;min-height:0}.gc-link-divider{height:1px;background:hsla(0,0%,100%,.12);flex-shrink:0}.gc-link-item{padding:clamp(6px,.8vh,11px) clamp(10px,.9vw,16px);margin:1px 6px;border-radius:3px;cursor:url("../assets/cursor/pointer.png"),pointer;display:flex;align-items:center;transition:background .12s ease}.gc-link-item.gc-link-active{background:linear-gradient(to bottom, #D3E9B0 0%, #A6C479 19%, #6FA620 48%, #5B9B06 53%, #5B9B06 100%);box-shadow:0 0 3px #73a72c;border-radius:4px}.gc-link-item canvas{display:inline-block}.gc-achieve-title{flex-shrink:0;padding:clamp(14px,1.8vh,22px) clamp(14px,1.4vw,22px) clamp(6px,.7vh,10px) calc(clamp(14px,1.4vw,22px) + 15px)}.gc-achieve-body{display:flex;flex-direction:row;align-items:center;gap:clamp(12px,1.4vw,20px);padding:clamp(10px,1.2vh,18px) clamp(14px,1.4vw,22px) clamp(14px,1.8vh,22px)}.gc-achieve-icon{flex-shrink:0;width:clamp(52px,6vw,76px);height:clamp(52px,6vw,76px);opacity:.85}.gc-achieve-icon img{width:100%;height:100%;object-fit:contain;display:block;filter:grayscale(0.2) brightness(0.9)}.gc-achieve-stats{flex:1;display:flex;flex-direction:column;gap:clamp(10px,1.3vh,18px)}.gc-achieve-stat{display:flex;flex-direction:row;align-items:center;gap:8px}.gc-achieve-label{flex-shrink:0;min-width:clamp(82px,8.5vw,120px)}.gc-achieve-bar-wrap{flex:1;position:relative;height:clamp(20px,2.4vh,28px)}.gc-achieve-bar{width:100%;height:100%;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);border-radius:12px;overflow:hidden}.gc-achieve-fill{height:100%;background:linear-gradient(to bottom, #639322 0%, #72A62C 34%, #9DC728 52%);border-radius:12px;min-width:clamp(18px,1.8vw,22px);transition:width .6s ease-out}.gc-achieve-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:3;pointer-events:none}#galleryOverlay{position:fixed;inset:0;z-index:100020;background:rgba(0,0,0,.93);display:none;flex-direction:column;align-items:center;justify-content:center}#galleryOverlay.visible{display:flex}#galleryOverlay #galleryInner{position:relative;width:90%;max-width:1280px;height:85vh;display:flex;flex-direction:column;gap:10px}#galleryOverlay #galleryInner #galleryClose{position:absolute;top:0;right:0;background:none;border:2px solid #7cc030;color:#7cc030;border-radius:4px;width:44px;height:44px;font-size:22px;line-height:1;cursor:pointer;z-index:10;transition:background .15s ease,color .15s ease}#galleryOverlay #galleryInner #galleryClose:hover{background:#7cc030;color:#181414}#galleryOverlay #gallerySwiper{flex:1;width:100%;min-height:0;overflow:hidden}#galleryOverlay #gallerySwiper .swiper-slide{display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden}#galleryOverlay #gallerySwiper .swiper-slide::-webkit-scrollbar{display:block;width:6px}#galleryOverlay #gallerySwiper .swiper-slide::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}#galleryOverlay #gallerySwiper .swiper-slide::-webkit-scrollbar-thumb{background:#7cc030;border-radius:3px}#galleryOverlay #gallerySwiper .swiper-slide img{max-width:100%;max-height:100%;object-fit:contain;border:1px solid rgba(124,192,48,.25);border-radius:4px;display:block}#galleryOverlay #gallerySwiper .swiper-button-prev,#galleryOverlay #gallerySwiper .swiper-button-next{color:#7cc030}#galleryOverlay #gallerySwiper .swiper-button-prev::after,#galleryOverlay #gallerySwiper .swiper-button-next::after{font-size:22px;font-weight:700}#galleryOverlay #gallerySwiper .swiper-button-prev.swiper-button-disabled,#galleryOverlay #gallerySwiper .swiper-button-next.swiper-button-disabled{opacity:.25}#galleryOverlay #galleryFooter{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:hsla(0,0%,100%,.04);border:1px solid rgba(124,192,48,.18);border-radius:4px;flex-shrink:0}#galleryOverlay #galleryFooter #galleryCaption{font-family:"DM Sans",sans-serif;font-size:clamp(11px,.9vw,14px);color:hsla(0,0%,100%,.65);flex:1}#galleryOverlay #galleryFooter #galleryZoomControls{display:flex;align-items:center;gap:4px;margin:0 12px}#galleryOverlay #galleryFooter #galleryZoomControls button{background:none;border:1px solid rgba(124,192,48,.4);color:#7cc030;border-radius:3px;width:24px;height:24px;font-size:16px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease;padding:0}#galleryOverlay #galleryFooter #galleryZoomControls button:hover{background:#7cc030;color:#181414}#galleryOverlay #galleryFooter #galleryZoomControls #galleryZoomLabel{font-family:"DM Sans",sans-serif;font-size:clamp(10px,.8vw,12px);color:rgba(124,192,48,.8);min-width:38px;text-align:center}#galleryOverlay #galleryFooter #galleryCounter{font-family:"DM Sans",sans-serif;font-size:clamp(11px,.9vw,13px);color:rgba(124,192,48,.8);margin:0 16px;white-space:nowrap}#galleryOverlay #galleryFooter #galleryDownload{font-family:"DM Sans",sans-serif;font-size:clamp(11px,.85vw,13px);color:#7cc030;text-decoration:none;padding:4px 14px;border:1px solid #7cc030;border-radius:3px;white-space:nowrap;transition:background .18s ease,color .18s ease}#galleryOverlay #galleryFooter #galleryDownload:hover{background:#7cc030;color:#181414}.tc-quote-scroller{scrollbar-width:thin;scrollbar-color:#65d36e rgba(0,0,0,.35)}.tc-quote-scroller::-webkit-scrollbar{display:block;width:8px}.tc-quote-scroller::-webkit-scrollbar-track{background:rgba(0,0,0,.35);border-radius:4px}.tc-quote-scroller::-webkit-scrollbar-thumb{background:#65d36e;border-radius:4px;min-height:24px}.tc-quote-scroller::-webkit-scrollbar-thumb:hover{background:#80e889}.gallery-thumb-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:5px;margin-bottom:10px}.gallery-thumb-grid .gallery-thumb{aspect-ratio:16/10;overflow:hidden;border-radius:3px;border:1px solid rgba(101,211,110,.2);cursor:pointer;transition:border-color .18s ease,transform .15s ease}.gallery-thumb-grid .gallery-thumb:hover{border-color:#65d36e;transform:scale(1.03)}.gallery-thumb-grid .gallery-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}#portraitGate{display:none;position:fixed;inset:0;z-index:999999;background:#0a0a0a;color:#fff;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.portrait-gate-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px}.portrait-gate-icon{font-size:64px;animation:rotateHint 2s ease-in-out infinite alternate}@keyframes rotateHint{from{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.portrait-gate-title{font-family:"Convection","Segoe UI",sans-serif;font-size:28px;font-weight:700;color:#6cbf3a;letter-spacing:1px}.portrait-gate-sub{font-family:"Segoe UI",Arial,sans-serif;font-size:16px;color:hsla(0,0%,100%,.6);max-width:260px;line-height:1.5}.hamburger-btn{display:none}.panel-close-btn{display:none}@media(hover: none)and (pointer: coarse){#avatar-canvas{z-index:50 !important}body:has(#gamerCard.visible) .panel-close-btn,body:has(#projectCard.visible) .panel-close-btn,body:has(#testimonialCard.visible) .panel-close-btn,body:has(#pictureLibrary.visible) .panel-close-btn,body:has(#systemSettings.visible) .panel-close-btn{display:flex}body:has(#gamerCard.visible) .hamburger-btn,body:has(#projectCard.visible) .hamburger-btn,body:has(#testimonialCard.visible) .hamburger-btn,body:has(#pictureLibrary.visible) .hamburger-btn,body:has(#systemSettings.visible) .hamburger-btn{display:none !important}.section-nav{display:none !important}.section-nav.nav-open{display:flex !important;flex-direction:column;align-items:flex-start;position:fixed;top:0;left:0;right:0;background:linear-gradient(180deg, #0f1c28 0%, #0b1520 100%);backdrop-filter:blur(8px);z-index:200;padding:14px 8vw 28px;gap:4px;border-bottom:1px solid hsla(0,0%,100%,.08)}.profile{top:16px;right:60px}.avatar-wrap{width:64px;height:64px}.gscore-img{height:18px}.hamburger-btn{display:flex;flex-direction:column;gap:5px;position:fixed;top:16px;left:60px;z-index:210;background:rgba(0,0,0,0);border:none;padding:6px;cursor:pointer;transition:left 0s,top 0s}.hamburger-btn span{display:block;width:26px;height:3px;background:#fff;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.6);transition:transform .22s ease,opacity .18s ease}.hamburger-btn.is-open{left:auto;right:8vw;top:16px}.hamburger-btn.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.is-open span:nth-child(2){opacity:0}.hamburger-btn.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.btn-hints{display:none}.gc-close-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.85);font-size:22px;padding:2px 8px;line-height:1;cursor:pointer;margin-left:6px}.gc-close-btn:hover{color:#fff}.scroll-indicator{display:none}#pictureLibrary{z-index:100014}#systemSettings{z-index:100014}#musicPlayer{z-index:100015}.gc-primary{z-index:100014}.gc-secondary{z-index:100013}.pl-left{z-index:100014}.pl-right{z-index:100013}.ss-panel{z-index:100014}#galleryOverlay{z-index:100016}.panel-close-btn{display:none !important}#achieveNotif{z-index:100020;bottom:calc(12px + env(safe-area-inset-bottom, 0px))}.achieve-ring{height:56px;width:50px}.achieve-icon-wrap{width:42px;height:42px}.achieve-arc-svg{width:48px;height:48px}.achieve-text{left:54px;gap:3px;padding-top:4px;padding-bottom:4px}#musicPlayer{width:96vw;aspect-ratio:unset;height:88dvh}.mp-grid{top:4%;bottom:4%;left:2%;right:2%;gap:8px}.mp-controls{padding:6px;gap:3px}.mp-transport{padding:0 2px}.mp-tbn{padding:4px}.mp-tbn img{width:16px;height:16px}.mp-edit-row{margin-top:2px}.mp-track-info{padding:8px 10px}.mp-now-title{margin-bottom:6px;min-height:18px}.mp-now-artist{min-height:13px}.mp-progress-thumb{opacity:1}.mp-progress-bar{height:8px}.mp-track-row{padding:8px 10px}.mp-rh{padding:8px 12px}.mp-close-btn{font-size:18px;color:hsla(0,0%,100%,.8);padding:6px 8px}.mp-close-btn:hover{color:#fff}.pl-left{left:max(env(safe-area-inset-left, 0px),2vw);top:50%;transform:translateY(-50%);width:40vw;height:70dvh;overflow:hidden}.pl-right{display:flex !important;flex-direction:column;align-items:center;justify-content:center;left:calc(max(env(safe-area-inset-left, 0px),2vw) + 40vw);top:50%;transform:translateY(-50%);width:54vw;height:70dvh;border-radius:0 6px 6px 0;padding:12px;overflow:hidden}#plPreviewImg{width:100%;height:100%;object-fit:contain}.pl-thumbs{grid-template-columns:repeat(5, 1fr);gap:5px;padding:8px;overflow-y:auto}.pl-header{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.pl-close-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.85);font-size:22px;padding:2px 8px;cursor:pointer;flex-shrink:0;line-height:1}.pl-close-btn:hover{color:#fff}.ss-panel{width:96vw;min-width:unset;height:88dvh}.ss-menu{overflow-y:auto}.ss-item{height:44px;gap:10px;padding:0 14px}.ss-icon{width:28px !important;height:28px !important}.ss-label{font-size:13px}.ss-desc-panel{padding:14px 14px}.ss-close-btn{position:absolute;top:8px;right:10px;background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.85);font-size:22px;padding:2px 8px;cursor:pointer;line-height:1;z-index:100015}.ss-close-btn:hover{color:#fff}.gc-primary{left:max(env(safe-area-inset-left, 0px),4vw);top:50%;transform:translateY(-50%);transform-origin:0 50%;width:46vw;height:auto;max-height:88dvh;overflow-y:auto}#gamerCard.visible .gc-primary,#projectCard.visible .gc-primary,#testimonialCard.visible .gc-primary{animation:gcCardInTouch .35s ease-out both}#gamerCard.closing .gc-primary,#projectCard.closing .gc-primary,#testimonialCard.closing .gc-primary{animation:gcCardOutTouch .28s ease-in both}.gc-secondary{position:fixed;left:calc(max(env(safe-area-inset-left, 0px),4vw) + 46vw);top:50%;transform:translateY(-50%);transform-origin:0 50%;right:auto;bottom:auto;width:46vw;height:auto;max-height:88dvh;overflow-y:auto;border-radius:0 6px 6px 0;display:flex !important;box-shadow:-4px 0 16px rgba(0,0,0,.45),4px 8px 20px rgba(0,0,0,.3)}#gamerCard.visible .gc-secondary,#projectCard.visible .gc-secondary,#testimonialCard.visible .gc-secondary{animation:gcSecInTouch .45s ease-out .32s both}#gamerCard.closing .gc-secondary,#projectCard.closing .gc-secondary,#testimonialCard.closing .gc-secondary{animation:gcSecOutTouch .28s ease-in both}.gc-header{height:26px;margin:8px 8px 0;padding:0 8px}.gc-profile-row{margin:0 6px;padding:6px;gap:6px}.gc-gamerpic{width:44px !important;height:44px !important}.gc-stats{gap:3px}.gc-gscore-icon{width:14px;height:14px}.gc-star{width:12px;height:12px}.gc-bio{font-size:11px;line-height:1.35}.gc-achieve-title{padding:8px 10px 4px 10px}.gc-achieve-icon{display:none}.gc-achieve-body{padding:6px 10px 10px;gap:6px}.gc-achieve-stats{gap:10px}.gc-achieve-stat{flex-direction:column;align-items:flex-start;gap:3px}.gc-achieve-label{min-width:auto}.gc-achieve-bar-wrap{width:100%;height:20px}.gc-achieve-value{display:flex;align-items:center;top:0;bottom:0;transform:none}.gc-achieve-value canvas{display:block}}@keyframes gcCardInTouch{from{opacity:0;transform:translateY(-50%) translateX(-20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes gcCardOutTouch{from{opacity:1;transform:translateY(-50%) translateX(0)}to{opacity:0;transform:translateY(-50%) translateX(-20px)}}@keyframes gcSecInTouch{0%{opacity:0;transform:translateY(-50%) translateX(-100%)}25%{opacity:1}100%{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes gcSecOutTouch{from{opacity:1;transform:translateY(-50%) translateX(0)}to{opacity:0;transform:translateY(-50%) translateX(-100%)}}@keyframes gcCardInMobile{from{transform:translateX(-50%) translateY(30px);opacity:0}to{transform:translateX(-50%) translateY(0px);opacity:1}}@keyframes gcCardOutMobile{from{transform:translateX(-50%) translateY(0px);opacity:1}to{transform:translateX(-50%) translateY(30px);opacity:0}}@keyframes gcSecBottomIn{from{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes gcSecBottomOut{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media(max-width: 768px){body{overflow-y:hidden;position:fixed;width:100%;height:100%}#intro-hl1{font-size:36px}#intro-hl2{font-size:20px}.profile{top:8px;right:auto;left:8px;flex-direction:row-reverse;gap:8px}.profile-text{text-align:left}.gamerscore{justify-content:flex-start}.avatar-wrap{width:56px;height:56px}.gscore-img{height:20px}.section-nav{display:none !important}.section-nav.nav-open{display:flex !important;flex-direction:column;align-items:flex-start;position:fixed;top:0;left:0;right:0;background:linear-gradient(180deg, #0f1c28 0%, #0b1520 100%);backdrop-filter:blur(8px);z-index:200;padding:14px 8vw 28px;gap:4px;border-bottom:1px solid hsla(0,0%,100%,.08)}.hamburger-btn{display:flex;flex-direction:column;gap:5px;position:fixed;top:16px;left:calc(14px + env(safe-area-inset-left, 0px));z-index:210;background:rgba(0,0,0,0);border:none;padding:6px;cursor:pointer}.hamburger-btn span{display:block;width:26px;height:3px;background:#fff;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.6);transition:transform .22s ease,opacity .18s ease}.hamburger-btn.is-open{left:auto;right:8vw;top:16px}.hamburger-btn.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.is-open span:nth-child(2){opacity:0}.hamburger-btn.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.bottom-bar{bottom:calc(20px + env(safe-area-inset-bottom, 0px));left:10px}.xbox-legend-menu,.xbox-sphere-highlight{right:20px;bottom:calc(20px + env(safe-area-inset-bottom, 0px));height:100px}.scroll-indicator{bottom:40px;height:80px}.xbox-ripple-wrap{width:clamp(90px,14vh,150px);height:clamp(90px,14vh,150px);right:5px}}@media(max-width: 768px)and (orientation: portrait){#portraitGate{display:flex}}@media(max-width: 768px){.tile-profile-footer{display:block}.tile-profile-signedin{display:none}.tile-profile-thumb{width:32px;height:32px}.tile-info{bottom:4px}.tile-title{bottom:-2px}.tile-subtitle{bottom:1px}.gc-primary{left:calc(50% + env(safe-area-inset-left, 0px));top:5vh;transform:translateX(-50%);transform-origin:50% 0;width:88vw;height:58vh;max-height:none;overflow-y:auto}#gamerCard.visible .gc-primary,#projectCard.visible .gc-primary,#testimonialCard.visible .gc-primary{animation:gcCardInMobile .35s ease-out both}#gamerCard.closing .gc-primary,#projectCard.closing .gc-primary,#testimonialCard.closing .gc-primary{animation:gcCardOutMobile .28s ease-in both}.gc-secondary{display:flex !important;position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:185px;overflow-y:auto;transform:translateY(100%);transform-origin:50% 100%;border-radius:16px 16px 0 0;z-index:100013;box-shadow:0 -4px 30px rgba(0,0,0,.65)}#gamerCard.visible .gc-secondary,#projectCard.visible .gc-secondary{animation:gcSecBottomIn .4s ease-out .28s both}#gamerCard.closing .gc-secondary,#projectCard.closing .gc-secondary{animation:gcSecBottomOut .3s ease-in both}.panel-close-btn{align-items:center;justify-content:center;position:fixed;top:14px;left:calc(14px + env(safe-area-inset-left, 0px));z-index:1600;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.25);color:#fff;font-size:22px;cursor:pointer;backdrop-filter:blur(4px)}.xbox-floor-shadow-wrap{display:none}.pl-left{width:260px;left:calc(2% + env(safe-area-inset-left, 0px))}.pl-right{display:none !important}.ss-panel{left:calc(50% + env(safe-area-inset-left, 0px));width:95vw;height:85vh}#achieveNotif{bottom:calc(60px + env(safe-area-inset-bottom, 0px))}}