.profile-dashboard{grid-template-columns:minmax(280px,320px) 1fr;align-items:start;gap:2rem;max-width:1400px;min-height:100vh;margin:0 auto;padding:1.5rem;display:grid}.profile-sidebar{background:hsla(var(--bg-secondary-hsl), .5);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--border-radius-large);text-align:center;z-index:10;max-height:calc(100vh - 120px);padding:2rem 1.25rem;position:sticky;top:100px;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.avatar-container{isolation:isolate;width:160px;height:160px;margin:0 auto 1.5rem;position:relative}.avatar-aura{background:conic-gradient(from 0deg, var(--accent-primary), var(--accent-secondary), var(--accent-tertiary), var(--accent-primary));opacity:.3;filter:blur(10px);border-radius:50%;animation:10s linear infinite rotate;position:absolute;inset:-8px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-avatar-main{border:4px solid var(--bg-primary);object-fit:cover;z-index:2;width:100%;height:100%;box-shadow:0 0 0 1px var(--border-color);border-radius:50%;position:relative}.avatar-edit-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:5px;right:5px;box-shadow:0 4px 10px #0000004d}.avatar-edit-btn:hover{background:var(--accent-primary);color:#000;border-color:var(--accent-primary);transform:scale(1.1)}.avatar-frame{z-index:3;pointer-events:none;will-change:transform, opacity;border-radius:50%;transition:all .3s;position:absolute;inset:0}.perf-eco .avatar-frame,.perf-eco .avatar-frame:before,.perf-eco .avatar-frame:after{filter:none!important;box-shadow:none!important;animation:none!important}.perf-eco [class*=frame-supporter-]:before{opacity:.3;padding:2px;background:var(--sup-color)!important}.perf-eco:hover .avatar-frame,.perf-eco:hover .avatar-frame:before,.perf-eco:hover .avatar-frame:after{animation:inherit!important;filter:inherit!important;box-shadow:inherit!important}.perf-eco:hover .frame-newbie:after{animation:3s cubic-bezier(.68,-.55,.265,1.55) infinite rotate-frame!important}.perf-eco:hover .frame-veteran:before{animation:20s linear infinite reverse rotate-frame!important}.perf-eco:hover [class*=frame-supporter-]:before{animation:4s linear infinite rotate-frame!important}.perf-eco:hover [class*=frame-supporter-]:after{animation:12s linear infinite reverse rotate-frame!important}.perf-eco:hover .frame-supporter-prism{animation:4s ease-in-out infinite alternate prism-bloom!important}.perf-eco:hover .frame-supporter-prism:before{animation:3s linear infinite rotate-frame!important}.perf-eco:hover .frame-supporter-prism:after{animation:5s linear infinite reverse rotate-frame!important}.perf-eco:hover .frame-supporter-pastel-blue{animation:4s ease-in-out infinite alternate pastel-blue-bloom!important}.perf-eco:hover .frame-supporter-pastel-blue:before{animation:4s linear infinite rotate-frame!important}.perf-eco:hover .frame-supporter-pastel-blue:after{animation:7s linear infinite reverse rotate-frame!important}.perf-eco:hover .frame-acc-arcane:before{animation:8s linear infinite rotate-frame!important}.perf-eco:hover .frame-acc-arcane:after{animation:12s linear infinite reverse rotate-frame!important}.perf-eco:hover .frame-acc-void{animation:3s infinite alternate void-pulse!important}.perf-eco:hover .frame-acc-celestial:before{animation:6s linear infinite orbit-spin!important}.perf-eco:hover .frame-acc-celestial:after{animation:6s linear infinite orbit-moon!important}.perf-eco:hover .frame-acc-sakura:before{animation:8s linear infinite sakura-orbit-inner!important}.perf-eco:hover .frame-acc-sakura:after{animation:12s linear infinite sakura-orbit-outer!important}.perf-eco:hover .frame-cc:before{animation:10s linear infinite reverse rotate-frame!important}.perf-eco:hover .frame-cc:after{animation:1.5s ease-in-out infinite alternate pulse-frame!important}.perf-eco:hover .frame-legacy:before{animation:20s linear infinite rotate-frame!important}.perf-eco:hover .frame-legacy:after{animation:3s ease-in-out infinite alternate float-ears!important}.perf-eco:hover .frame-default:before{animation:8s cubic-bezier(.4,0,.6,1) infinite rotate-frame!important}.perf-eco:hover .frame-default:after{animation:15s linear infinite reverse rotate-frame!important}.perf-eco:hover .frame-flower:after{animation:30s linear infinite reverse rotate-frame!important}[class*=frame-supporter-]:before,.frame-supporter-prism:after{content:"";-webkit-mask-composite:xor;border-radius:50%;position:absolute;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frame-newbie{z-index:10;border:1px solid #0fc3;border-radius:50%;inset:-6px;box-shadow:inset 0 0 10px #0fc3}.frame-newbie:after{content:"";filter:drop-shadow(0 0 6px #0fc);border:2px solid #0000;border-top-color:#0fc;border-radius:50%;animation:3s cubic-bezier(.68,-.55,.265,1.55) infinite rotate-frame;position:absolute;inset:-2px}.frame-veteran{z-index:10;border:1px solid #3498db4d;border-radius:50%;inset:-8px;box-shadow:inset 0 0 20px #3498db4d}.frame-veteran:before{content:"";border:2px dashed #3498db99;border-radius:50%;animation:20s linear infinite reverse rotate-frame;position:absolute;inset:2px}[class*=frame-supporter-]:not(.frame-supporter-prism){z-index:10;border:1px solid #ffffff0d;border-radius:50%;inset:-4px;box-shadow:0 0 30px #0009,inset 0 0 20px #ffffff1a}[class*=frame-supporter-]:not(.frame-supporter-prism):before{background:conic-gradient(from 0deg, transparent, var(--sup-color), transparent 45%, var(--sup-color), transparent 90%);filter:drop-shadow(0 0 12px var(--sup-color));padding:4px;animation:4s linear infinite rotate-frame;inset:0}[class*=frame-supporter-]:not(.frame-supporter-prism):after{content:"";border:2px dashed var(--sup-color);opacity:.6;filter:drop-shadow(0 0 5px var(--sup-color));border-radius:50%;animation:12s linear infinite reverse rotate-frame;position:absolute;inset:6px}.frame-supporter-gold{--sup-color:#f1c40f}.frame-supporter-diamond{--sup-color:#00d4ff}.frame-supporter-ruby{--sup-color:#f33}.frame-supporter-emerald{--sup-color:#0f8}.frame-supporter-pink{--sup-color:#f6c}.frame-supporter-amethyst{--sup-color:#9b59b6}.frame-supporter-topaz{--sup-color:#e67e22}.frame-supporter-prism{--sup-color:#fffc;z-index:10;border-radius:50%;animation:4s ease-in-out infinite alternate prism-bloom;inset:-4px;box-shadow:0 0 35px #ffffff4d,inset 0 0 20px #fff6}.frame-supporter-prism:before{filter:drop-shadow(0 0 10px #ffffff80);background:conic-gradient(#ff0080,#ff8c00,#40e0d0,#fff,#00d4ff,#ff0080);padding:4px;animation:3s linear infinite rotate-frame;inset:0}.frame-supporter-prism:after{opacity:.8;background:conic-gradient(from 180deg,#00d4ff,#ff0080,#40e0d0,#00d4ff);border:none;padding:2px;animation:5s linear infinite reverse rotate-frame;inset:6px}.frame-supporter-pastel-blue{--sup-color:#ade8f4cc;z-index:10;border-radius:50%;animation:4s ease-in-out infinite alternate pastel-blue-bloom;inset:-4px;box-shadow:0 0 35px #ade8f466,inset 0 0 20px #ade8f44d}.frame-supporter-pastel-blue:before{filter:drop-shadow(0 0 12px #ade8f499);-webkit-mask-composite:destination-out;background:conic-gradient(#d1e9ff,#b3d9ff,#9cf,#ade8f4,#f0f8ff,#d1e9ff);padding:4px;animation:4s linear infinite rotate-frame;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frame-supporter-pastel-blue:after{content:"";opacity:.6;-webkit-mask-composite:destination-out;background:conic-gradient(from 180deg,#ade8f4,#9cf,#b3d9ff,#ade8f4);border:none;padding:2px;animation:7s linear infinite reverse rotate-frame;position:absolute;inset:4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frame-acc-arcane{z-index:20;mix-blend-mode:screen;border:1px dashed #9b59b666;border-radius:50%;inset:-12px;box-shadow:0 0 25px #8e44ad4d}.frame-acc-arcane:before{content:"";filter:drop-shadow(0 0 8px #9b59b6);border:2px solid #0000;border-color:#9b59b6 #0000 #f1c40f;border-radius:50%;animation:8s linear infinite rotate-frame;position:absolute;inset:0}.frame-acc-arcane:after{content:"";opacity:.6;border:2px dashed #f1c40f;border-radius:50%;animation:12s linear infinite reverse rotate-frame;position:absolute;inset:6px}.frame-acc-void{z-index:20;mix-blend-mode:hard-light;border:2px solid #8a2be280;border-radius:50%;animation:3s infinite alternate void-pulse;inset:-10px;box-shadow:0 0 20px 8px #4b008299,inset 0 0 15px 5px #000c}.frame-acc-celestial{z-index:20;transform-style:preserve-3d;perspective:500px;border-radius:50%;inset:0}.frame-acc-celestial:before{content:"";mix-blend-mode:screen;border:3px solid #0000;border-color:#0000 #fffc;border-radius:50%;animation:6s linear infinite orbit-spin;position:absolute;inset:-14px;transform:rotateX(70deg)rotateY(20deg);box-shadow:0 0 15px #00d4ff,inset 0 0 15px #00d4ff}.frame-acc-celestial:after{content:"";background:radial-gradient(circle at 30% 30%,#fff,#00d4ff);border-radius:50%;width:12px;height:12px;animation:6s linear infinite orbit-moon;position:absolute;top:2px;right:-4px;box-shadow:0 0 10px #00d4ff}.frame-acc-sakura{z-index:20;border-radius:50%;inset:0}.frame-acc-sakura:before,.frame-acc-sakura:after{content:"";mix-blend-mode:normal;background:#ffb7c5;border-radius:0 50% 50%;width:10px;height:14px;position:absolute;top:50%;left:50%}.frame-acc-sakura:before{filter:drop-shadow(0 0 5px #ffb7c5);animation:8s linear infinite sakura-orbit-inner;box-shadow:20px 20px 0 -2px #ff69b4,-15px 15px 0 -3px pink}.frame-acc-sakura:after{filter:drop-shadow(0 0 8px #ff69b4);animation:12s linear -3s infinite sakura-orbit-outer;box-shadow:-30px -30px 0 -2px #ff69b4,25px -25px 0 -3px pink}.frame-cc{z-index:30;mix-blend-mode:screen;border-radius:50%;inset:-18px;box-shadow:0 0 30px #ff00554d}.frame-cc:before{content:"";border:2px dotted #f05c;border-radius:50%;animation:10s linear infinite reverse rotate-frame;position:absolute;inset:0;box-shadow:0 0 15px 4px #ff005580,inset 0 0 10px #f056}.frame-cc:after{content:"Creator";color:#f05;letter-spacing:1.5px;z-index:10;text-transform:uppercase;background:#000;border:1px solid #f05;border-radius:20px;padding:4px 14px;font-family:monospace;font-size:.75rem;font-weight:900;animation:1.5s ease-in-out infinite alternate pulse-frame;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #f059}.frame-legacy{z-index:30;mix-blend-mode:screen;border-radius:50%;inset:-22px}.frame-legacy:before{content:"";border:1px dashed #ade8f480;border-radius:50%;animation:20s linear infinite rotate-frame;position:absolute;inset:6px;box-shadow:0 0 15px #ade8f44d}.frame-legacy:after{content:"";pointer-events:none;filter:drop-shadow(0 0 12px #ade8f4cc);background:url(/images/frames/frame-ears.png) 50%/contain no-repeat;animation:3s ease-in-out infinite alternate float-ears;position:absolute;inset:-15%}.frame-default{z-index:30;mix-blend-mode:screen;border-radius:50%;inset:-26px}.frame-default:before{content:"";border:2px solid #0000;border-color:#0000 #0fc;border-radius:50%;animation:8s cubic-bezier(.4,0,.6,1) infinite rotate-frame;position:absolute;inset:0;box-shadow:0 0 20px #0fc6,inset 0 0 10px #0fc3}.frame-default:after{content:"";border:1px dashed #0fc9;border-radius:50%;animation:15s linear infinite reverse rotate-frame;position:absolute;inset:-4px}.frame-flower{z-index:35;box-shadow:none!important;background:0 0!important;border:none!important}.frame-flower:after{content:"";pointer-events:none;filter:drop-shadow(0 0 12px #ff69b4cc);background:url(/images/frames/frame-flower.png) 50%/contain no-repeat;animation:30s linear infinite reverse rotate-frame;position:absolute;inset:-35%}@keyframes rotate-frame{to{transform:rotate(360deg)}}@keyframes void-pulse{to{border-color:#f0f9;transform:scale(1.05);box-shadow:0 0 35px 15px #4b0082cc,inset 0 0 20px 15px #000000e6}}@keyframes orbit-spin{to{transform:rotateX(70deg)rotateY(20deg)rotate(360deg)}}@keyframes orbit-moon{0%{z-index:10;transform:rotate(0)translate(90px)rotate(0)}50%{z-index:-1}to{z-index:10;transform:rotate(360deg)translate(90px)rotate(-360deg)}}@keyframes sakura-orbit-inner{0%{transform:translate(-50%,-50%)rotate(0)translate(85px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(85px)rotate(-360deg)}}@keyframes sakura-orbit-outer{0%{transform:translate(-50%,-50%)rotate(0)translate(105px)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)translate(105px)rotate(360deg)}}@keyframes prism-bloom{0%{filter:brightness();transform:scale(1);box-shadow:0 0 35px #ffffff4d,inset 0 0 20px #fff6,0 0 15px -10px #ff0080,0 0 15px -10px #40e0d0}to{filter:brightness(1.2);transform:scale(1.03);box-shadow:0 0 60px #ffffff80,inset 0 0 30px #fff9,0 0 45px 15px #ff008066,0 0 45px 15px #40e0d066}}@keyframes pulse-frame{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.3);transform:scale(1.05)}}@keyframes float-ears{0%{transform:translateY(0)scale(1)}to{transform:translateY(-5px)scale(1.02)}}@keyframes pastel-blue-bloom{0%{filter:brightness();box-shadow:0 0 35px #ade8f44d,inset 0 0 20px #ade8f433}to{filter:brightness(1.2);box-shadow:0 0 55px #ade8f480,inset 0 0 30px #ade8f466}}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-large);margin-bottom:2rem;padding:2rem;position:relative;box-shadow:0 4px 20px #0003}.card-title{font-family:var(--font-rajdhani), sans-serif;color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin:0 0 1.5rem;padding-bottom:1rem;font-size:1.4rem;font-weight:700;display:flex}.profile-name{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.5px;overflow-wrap:break-word;word-wrap:break-word;margin:.5rem 0 .2rem;font-size:1.8rem}.profile-uid{color:var(--text-secondary);opacity:.7;margin-bottom:1.5rem;font-family:monospace;font-size:.8rem}.badge-gallery{border-top:1px solid var(--separator-color);border-bottom:1px solid var(--separator-color);flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1.2rem 0;display:flex}.badge-item{cursor:help;flex-direction:column;align-items:center;gap:.4rem;min-width:60px;transition:all .2s;display:flex;position:relative}.badge-icon-box{background:var(--bg-tertiary);width:42px;height:42px;color:var(--accent-primary);border:1px solid var(--border-color);border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;transition:inherit;display:flex}.badge-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:.6rem;font-weight:700}.badge-item:hover{transform:translateY(-3px)}.badge-item:hover .badge-icon-box{border-color:var(--accent-primary);box-shadow:0 4px 12px hsla(var(--accent-primary-hsl), .3);background:hsla(var(--accent-primary-hsl), .1)}.badge-item.locked{cursor:not-allowed!important;opacity:.3!important;filter:grayscale()brightness(.7)!important}.badge-item.locked:hover{transform:none!important}.badge-item.locked .badge-icon-box{border-color:var(--border-color)!important;box-shadow:none!important;color:var(--text-secondary)!important;background:#0003!important}.badge-item.supporter .badge-icon-box{color:#f1c40f;border-color:#f1c40f4d}.badge-item.creator .badge-icon-box{color:#f05;border-color:#ff00554d}.badge-item.veteran .badge-icon-box{color:#3498db;border-color:#3498db4d}.badge-item.new .badge-icon-box{color:#0fc;border-color:#00ffcc4d}.email-toggle-btn{background:hsla(var(--bg-tertiary-hsl), .5);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;width:100%;padding:6px 10px;font-size:.75rem;transition:all .2s;display:flex}.email-toggle-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary)}@media (max-width:1024px){.profile-dashboard{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.profile-sidebar{max-height:none;margin-bottom:1.5rem;padding:1.5rem;position:static}.profile-content{width:100%;min-width:0;overflow-x:hidden}}@media (max-width:768px){.profile-dashboard{gap:1rem;padding:.75rem}.profile-sidebar{padding:1.25rem}.avatar-container{width:120px;height:120px}.profile-name{font-size:1.4rem}.badge-gallery{gap:.75rem;padding:1rem 0}.badge-icon-box{width:36px;height:36px;font-size:1rem}.dashboard-card{padding:1.25rem}.card-title{font-size:1.1rem}.profile-tabs{flex-wrap:wrap;justify-content:center;position:static}.profile-tabs button{padding:.6rem 1rem;font-size:.75rem}.dashboard-card>div>div{max-width:100%;overflow-x:hidden}}@media (max-width:480px){.profile-dashboard{gap:.75rem;padding:.5rem}.profile-sidebar{border-radius:16px;padding:1rem}.avatar-container{width:100px;height:100px;margin-bottom:1rem}.profile-name{font-size:1.2rem}.prestige-tag{padding:2px 6px!important;font-size:.6rem!important}.dashboard-card{border-radius:16px;padding:1rem}.card-title{margin-bottom:1rem;padding-bottom:.75rem;font-size:1rem}.profile-tabs{border-radius:12px;gap:.25rem;padding:.25rem}.profile-tabs button{gap:.4rem;padding:.5rem .75rem;font-size:.7rem}.profile-tabs button svg{font-size:.9rem}.hw-item-card{gap:1rem;padding:1rem}.fps-gauge-container{padding:.75rem 1rem}.fps-value{font-size:1.25rem}.voting-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.vote-chip{padding:1rem .75rem}.vote-chip img{width:48px;height:48px}.vote-character-name{font-size:.75rem}}.voting-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;padding:1rem 0;display:grid}.vote-chip{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-large);flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;transition:all .2s;display:flex;position:relative}.vote-chip:hover{border-color:var(--accent-secondary);transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.vote-count-badge{background:var(--accent-secondary);color:#000;text-align:center;border-radius:12px;min-width:24px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0000004d}.vote-chip img{object-fit:cover;border:2px solid var(--border-color);background:#000;border-radius:50%;width:64px;height:64px}.vote-character-name{color:var(--text-primary);text-align:center;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;font-weight:600;overflow:hidden}@media (max-width:640px){.voting-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}}.hw-list{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.hw-item-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-large);grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1.25rem;transition:all .2s;display:grid}.hw-item-card:hover{border-color:var(--accent-tertiary);box-shadow:0 4px 15px #0000004d}.hw-info{flex-direction:column;gap:.4rem;min-width:0;display:flex}.hw-info>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fps-gauge-container{background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);flex-direction:column;align-items:center;gap:.25rem;min-width:100px;padding:1rem 1.5rem;display:flex}.fps-value{font-size:2rem;font-weight:700;font-family:var(--font-rajdhani), sans-serif;color:var(--accent-tertiary);line-height:1}.fps-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(15px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border-radius:var(--border-radius-large);box-sizing:border-box;border:1px solid #ff33664d;width:95%;max-width:480px;padding:1.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUp;box-shadow:0 0 50px #00000080,0 0 30px #ff33661a}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h3{font-family:var(--font-rajdhani), sans-serif;color:#f36;margin:.5rem 0;font-size:1.8rem}.modal-body{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.modal-benchmark-item{border:1px solid var(--border-color);text-align:left;background:#0003;border-radius:8px;margin:1.5rem 0;padding:1rem}.modal-actions{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.modal-actions{grid-template-columns:1fr}}@media (max-width:768px){.hw-item-card{grid-template-columns:1fr;gap:1rem}.fps-gauge-container{flex-direction:row;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem}.fps-value{font-size:1.5rem}}.custom-toast{z-index:10000;background:hsla(var(--bg-secondary-hsl), .8);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(var(--accent-primary-hsl), .3);min-width:320px;max-width:450px;box-shadow:0 15px 40px #0006, 0 0 20px hsla(var(--accent-primary-hsl), .1);cursor:pointer;border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;animation:.5s cubic-bezier(.16,1,.3,1) toast-slide-in,.3s 4.7s forwards toast-fade-out;display:flex;position:fixed;top:2rem;right:2rem;overflow:hidden}.custom-toast.success{border-color:#0fc6;box-shadow:0 15px 40px #0006,0 0 20px #00ffcc1a}.custom-toast.error{border-color:#f366;box-shadow:0 15px 40px #0006,0 0 20px #ff33661a}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.success .toast-icon{color:#0fc}.error .toast-icon{color:#f36}.info .toast-icon{color:var(--accent-primary)}.toast-content{color:var(--text-primary);flex:1;font-size:.95rem;font-weight:500;line-height:1.4}.toast-progress{background:var(--accent-primary);transform-origin:0;width:100%;height:3px;animation:5s linear forwards toast-progress-down;position:absolute;bottom:0;left:0}.success .toast-progress{background:#0fc}.error .toast-progress{background:#f36}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toast-fade-out{to{opacity:0;pointer-events:none;transform:translateY(-10px)}}@keyframes toast-progress-down{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:480px){.custom-toast{min-width:auto;top:1rem;left:1rem;right:1rem}}.profile-tabs{background:hsla(var(--bg-tertiary-hsl), .4);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--border-radius-large);scrollbar-width:none;top:calc(var(--header-height) + 1rem);z-index:50;gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex;position:sticky;overflow-x:auto;box-shadow:0 4px 20px #0003}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs button{color:var(--text-secondary);cursor:pointer;font-family:var(--font-rajdhani), sans-serif;text-transform:uppercase;letter-spacing:1px;border-radius:var(--border-radius-medium);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.8rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.profile-tabs button svg{opacity:.7;font-size:1.1rem;transition:transform .3s}.profile-tabs button.active{color:var(--accent-primary);background:hsla(var(--accent-primary-hsl), .1);box-shadow:inset 0 0 15px hsla(var(--accent-primary-hsl), .1)}.profile-tabs button.active svg{opacity:1;transform:scale(1.1)}.profile-tabs button:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.profile-tabs button:hover svg{transform:translateY(-2px)}.profile-tabs button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.profile-tabs button.active:after{content:"";background:var(--accent-primary);width:4px;height:4px;box-shadow:0 0 8px var(--accent-primary);border-radius:50%;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.tab-pane{animation:.4s cubic-bezier(.4,0,.2,1) tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-tabs{border-radius:var(--border-radius-medium);gap:.25rem;padding:.3rem}.profile-tabs button{gap:.5rem;padding:.6rem 1rem;font-size:.8rem}}