.nav-bar,.card,button,a,.form-control,input,select,footer{transition:background-color .2s,border-color .2s,color .2s}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}html:not(.dark) :focus-visible{outline-color:#2563eb}html:not(.dark) body{background:#f1f4f8;color:#1e293b}html:not(.dark) .nav-bar{background:rgba(255,255,255,.97);border-color:rgba(0,0,0,.08);box-shadow:0 1px 12px rgba(0,0,0,.07)}html:not(.dark) body .bg-white\/5{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 1px 6px rgba(0,0,0,.05)}html:not(.dark) body .border-white\/10{border-color:rgba(0,0,0,.09)}html:not(.dark) body .card{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04)}html:not(.dark) body .from-psblue-700{--tw-gradient-from:#e2e8f0}html:not(.dark) body .to-psblue-900{--tw-gradient-to:#cbd5e1}html:not(.dark) body .from-psblue-900{--tw-gradient-from:#f1f4f8}html:not(.dark) body .via-psblue-800{--tw-gradient-via:#f1f4f8}html:not(.dark) body .to-psblue-700{--tw-gradient-to:#f1f4f8}html:not(.dark) body .form-control{background:#fff;border-color:rgba(0,0,0,.12);color:#1e293b}html:not(.dark) body .text-slate-100{color:#0f172a}html:not(.dark) body .text-slate-200{color:#1e293b}html:not(.dark) body .text-slate-300{color:#334155}html:not(.dark) body .text-slate-400{color:#475569}html:not(.dark) body .text-slate-500{color:#64748b}html:not(.dark) body .text-slate-600{color:#475569}html:not(.dark) footer{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.07)}html:not(.dark) body .text-green-400{color:#16a34a}html:not(.dark) body .text-green-300{color:#15803d}html:not(.dark) body .bg-green-500\/10{background-color:rgba(22,163,74,.08)}html:not(.dark) body .border-green-400\/20{border-color:rgba(22,163,74,.25)}html:not(.dark) body .text-neon-400{color:#2563eb}html:not(.dark) body .text-neon-300{color:#1d4ed8}html:not(.dark) body .border-neon-400\/20{border-color:rgba(37,99,235,.2)}html:not(.dark) body .bg-neon-500\/5{background-color:rgba(37,99,235,.05)}html:not(.dark) body .text-red-400{color:#dc2626}html:not(.dark) body .border-red-400\/30{border-color:rgba(220,38,38,.3)}.range-slider{position:relative;height:24px}.range-track{position:absolute;top:50%;left:0;right:0;height:4px;transform:translateY(-50%);background:rgba(255,255,255,.12);border-radius:99px;pointer-events:none}html:not(.dark) .range-track{background:rgba(0,0,0,.1)}.range-fill{position:absolute;top:0;height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:99px}.range-slider input[type="range"]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;background:none;appearance:none;-webkit-appearance:none;pointer-events:none;outline:0}.range-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid #3b82f6;box-shadow:0 0 8px rgba(59,130,246,.45);cursor:grab;transition:transform .1s,box-shadow .1s}.range-slider input[type="range"]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.2);box-shadow:0 0 14px rgba(59,130,246,.65)}.range-slider input[type="range"]::-moz-range-thumb{pointer-events:all;width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid #3b82f6;box-shadow:0 0 8px rgba(59,130,246,.45);cursor:grab}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(128,128,128,.2);border-radius:99px}#toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;opacity:0;pointer-events:none;transform:translateY(calc(100% + 2rem));transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}#toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}html:not(.dark) .skeleton{background:linear-gradient(90deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.04) 75%);background-size:200% 100%}.nav-link-active{color:#fff!important;font-weight:600}html:not(.dark) .nav-link-active{color:#0f172a!important}details summary::-webkit-details-marker{display:none}details[open] summary .faq-arrow{transform:rotate(180deg)}.faq-arrow{transition:transform .2s}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.img-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}html:not(.dark) .img-shimmer{background:linear-gradient(90deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.04) 75%);background-size:200% 100%}#back-to-top{position:fixed;bottom:1.5rem;left:1.5rem;z-index:50;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.9);backdrop-filter:blur(8px);color:#94a3b8;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s,border-color .2s,color .2s;transform:translateY(1rem)}#back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}#back-to-top:hover{border-color:rgba(59,130,246,.5);color:#fff}html:not(.dark) #back-to-top{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.1);color:#64748b}.scroll-container{position:relative}.scroll-container::after{content:'';position:absolute;top:0;right:0;bottom:0;width:48px;background:linear-gradient(to right,transparent,rgba(15,23,42,.8));pointer-events:none;border-radius:0 12px 12px 0;transition:opacity .2s}.scroll-container.scrolled-end::after{opacity:0}html:not(.dark) .scroll-container::after{background:linear-gradient(to right,transparent,rgba(241,244,248,.9))}.donate-banner{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:rgba(15,23,42,.95);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.donate-banner.visible{transform:translateY(0)}.donate-banner.dismissed{display:none}html:not(.dark) .donate-banner{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.08);box-shadow:0 -2px 12px rgba(0,0,0,.08)}html:not(.dark) #avatar-grid .bg-slate-700\/60{background-color:#e2e8f0;color:#334155}html:not(.dark) #avatar-grid>div{background:#fff;border-color:rgba(0,0,0,.08)!important;box-shadow:0 2px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04)}html:not(.dark) #avatar-grid>div:hover{border-color:rgba(37,99,235,.3)!important;box-shadow:0 4px 16px rgba(0,0,0,.1),0 0 0 1px rgba(37,99,235,.15)}html:not(.dark) #psn-dropdown{background:rgba(255,255,255,.98);border-color:rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.12)}html:not(.dark) kbd{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12);color:#1e293b}html:not(.dark) body .bg-white\/10{background:rgba(0,0,0,.06)}html:not(.dark) body .bg-yellow-400\/5{background:rgba(234,179,8,.08)}html:not(.dark) body .border-yellow-400\/20{border-color:rgba(202,138,4,.25)}html:not(.dark) body .bg-neon-500{background:#2563eb}html:not(.dark) body .hover\:bg-neon-400:hover{background:#3b82f6}html:not(.dark) body .shadow-glow{box-shadow:0 4px 14px rgba(37,99,235,.25)}html:not(.dark) body .border-neon-500\/20{border-color:rgba(37,99,235,.2)}html:not(.dark) body .border-neon-400\/30{border-color:rgba(37,99,235,.3)}html:not(.dark) body .from-neon-500\/10{--tw-gradient-from:rgba(37,99,235,.08)}html:not(.dark) body .bg-neon-500\/10{background:rgba(37,99,235,.08)}html:not(.dark) .ps3-tip{background-color:rgba(251,191,36,.07);border-color:rgba(217,119,6,.25)}html:not(.dark) .ps3-tip .text-amber-400{color:#b45309}html:not(.dark) .ps3-tip .text-slate-400{color:#475569}html:not(.dark) .ps3-tip .text-slate-300{color:#1e293b}html:not(.dark) #avatar-grid .text-amber-400\/80{color:#b45309}.breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.breadcrumb a{font-size:.875rem}.breadcrumb .sep{font-size:.75rem;color:#64748b}