@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--ps1-blue:#06c;--ps1-blue-dark:#003e80;--ps1-blue-light:#08f;--ps1-yellow:gold;--ps1-yellow-dark:orange;--ps1-yellow-light:#ffef00;--ps1-black:#0a0a0a;--ps1-gray:#333;--ps1-gray-light:#666;--ps1-white:#eee;--ps1-green:#0f0;--ps1-red:red;--shadow-offset:4px}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{color:var(--ps1-white);background:radial-gradient(#1a1a2e 0%,#000 100%) fixed;min-height:100vh;font-family:"Press Start 2P",cursive,monospace;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);width:100%;height:100%;animation:8s linear infinite scanline;position:fixed;top:0;left:0}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(10px)}}.boot-screen{background:var(--ps1-black);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s;display:flex;position:fixed;top:0;left:0}.boot-screen.active{opacity:1}.boot-screen.hidden{opacity:0;pointer-events:none}.boot-content{text-align:center}.ps1-logo{margin-bottom:40px}.ps-text{color:var(--ps1-white);text-shadow:2px 2px 0 var(--ps1-blue),4px 4px 0 var(--ps1-yellow);font-size:32px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-bar{border:3px solid var(--ps1-white);background:var(--ps1-gray);width:300px;height:20px;margin:0 auto 20px}.loading-fill{background:linear-gradient(90deg,var(--ps1-blue),var(--ps1-yellow));height:100%;animation:3s ease-in-out forwards loading}@keyframes loading{0%{width:0%}to{width:100%}}.boot-text{color:var(--ps1-yellow);font-size:12px;animation:1s step-start infinite blink}@keyframes blink{50%{opacity:0}}.main-container{z-index:1;max-width:1400px;min-height:100vh;margin:0 auto;padding-top:140px;position:relative}.main-container.hidden{display:none}.main-container-home{padding-top:20px}.ps1-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#003380f2 0%,#001940f2 100%);border:none;border-bottom:3px solid #ffd70099;padding:20px 30px;position:fixed;top:0;left:0;right:0;box-shadow:inset 0 1px #ffffff1a,0 8px 16px #00000080}.ps1-header-home{background:linear-gradient(#003380e6 0%,#001940cc 100%);margin-bottom:20px;position:relative;top:auto;left:auto;right:auto}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;display:flex}.back-button{color:var(--ps1-white);background:linear-gradient(90deg,#ffd7004d 0%,#ffd70080 50%,#ffd7004d 100%);border:2px solid #ffd70099;border-left:4px solid #ffd700e6;align-items:center;gap:10px;padding:10px 20px;font-size:12px;text-decoration:none;transition:all .2s;display:flex;transform:skew(-3deg);box-shadow:inset 0 1px #fff3,0 3px 6px #0006}@media (hover:hover) and (pointer:fine){.back-button:hover{background:linear-gradient(90deg,#ffd70080 0%,#ffd700b3 50%,#ffd70080 100%);border-color:#ffd700e6;transform:skew(-3deg)translate(-3px)scale(1.05);box-shadow:inset 0 1px #ffffff4d,0 5px 10px #ffd7004d}}.back-arrow{color:var(--ps1-yellow);font-size:14px;animation:1.5s ease-in-out infinite arrow-pulse;transform:skew(3deg)}@keyframes arrow-pulse{0%,to{transform:skew(3deg)translate(0)}50%{transform:skew(3deg)translate(-3px)}}.back-text{letter-spacing:1px;text-shadow:1px 1px #00000080;font-weight:700;transform:skew(3deg)}.team-logo{flex-direction:column;gap:10px;display:flex}.logo-text-3d{color:var(--ps1-yellow);text-shadow:2px 2px 0 var(--ps1-yellow-dark),4px 4px 0 var(--ps1-blue-dark),6px 6px 0 var(--ps1-black);letter-spacing:2px;font-size:24px}.logo-subtitle{color:var(--ps1-white);letter-spacing:4px;font-size:12px}.memory-card{color:var(--ps1-yellow);background:var(--ps1-gray);border:2px solid var(--ps1-yellow);align-items:center;gap:10px;padding:10px 15px;font-size:10px;display:flex}.memory-icon{font-size:16px;animation:2s step-start infinite blink}.ps1-menu{perspective:1000px;z-index:99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#000000e6 0%,#000000d9 100%);border:none;border-bottom:2px solid #0066cc80;padding:20px;position:fixed;top:100px;left:0;right:0}.ps1-menu-home{background:0 0;border-bottom:none;margin-bottom:20px;position:relative;top:auto;left:auto;right:auto}.menu-container{max-width:1400px;margin:0 auto}.menu-title{color:var(--ps1-white);text-align:center;letter-spacing:8px;text-shadow:2px 2px #00000080,0 0 20px #ffd7004d;margin-bottom:30px;padding-bottom:10px;font-size:22px;font-style:italic}.menu-list{flex-direction:column;gap:8px;max-width:700px;margin-bottom:20px;margin-left:auto;margin-right:auto;list-style:none;display:flex}.menu-item{cursor:pointer;background:linear-gradient(90deg,#0066cc4d 0%,#06c9 50%,#0066cc4d 100%);border:none;border-left:4px solid #0066cc80;border-right:4px solid #0000004d;align-items:center;gap:20px;margin-bottom:0;padding:16px 30px;font-size:14px;transition:all .15s;display:flex;position:relative;transform:skew(-3deg);box-shadow:inset 0 2px #ffffff1a,inset 0 -2px #0000004d,0 4px 8px #0006}.menu-item:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1a 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}@media (hover:hover) and (pointer:fine){.menu-item:hover{background:linear-gradient(90deg,#ffd70066 0%,#ffd700b3 50%,#ffd70066 100%);border-left-color:#ffd700cc;transform:skew(-3deg)translate(10px)scale(1.02);box-shadow:inset 0 2px #fff3,inset 0 -2px #0000004d,0 6px 12px #ffd7004d}}.menu-item.active{background:linear-gradient(90deg,#ffd70080 0%,#ffd700cc 50%,#ffd70080 100%);border-left-color:gold;transform:skew(-3deg)translate(10px);box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0006,0 6px 12px #ffd70066}.menu-arrow{color:var(--ps1-yellow);opacity:0;font-size:14px;transition:opacity .15s;transform:skew(3deg)}.menu-item.active .menu-arrow{opacity:1;animation:.8s step-start infinite arrow-blink}@media (hover:hover) and (pointer:fine){.menu-item:hover .menu-arrow{opacity:1;animation:.8s step-start infinite arrow-blink}}@keyframes arrow-blink{50%{opacity:.5}}.menu-text{color:var(--ps1-white);text-shadow:2px 2px #00000080;letter-spacing:1px;font-weight:700;transform:skew(3deg)}.menu-footer{color:var(--ps1-white);background:linear-gradient(90deg,#003380cc 0%,#00338099 100%);border:2px solid #0066cc80;border-left:4px solid #ffd700b3;max-width:700px;margin-top:20px;margin-left:auto;margin-right:auto;padding:15px 20px;font-size:9px;line-height:2;box-shadow:inset 0 1px #ffffff1a,0 4px 8px #0000004d}.content-wrapper{padding:0 20px 20px}.content-section{animation:.3s fadeIn;display:none}.content-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:30px}.section-title{color:var(--ps1-yellow);text-shadow:2px 2px 0 var(--ps1-blue),4px 4px 0 var(--ps1-black);margin-bottom:10px;font-size:20px}.section-line{background:linear-gradient(90deg,var(--ps1-yellow),var(--ps1-blue),transparent);height:4px}.home-banner{text-align:center;background:linear-gradient(135deg,#00338099 0%,#000c 100%);border:3px solid #0066cc80;border-top-color:#ffd70099;padding:50px 40px;box-shadow:inset 0 2px #ffffff1a,inset 0 0 50px #00000080,0 10px 20px #0009}.banner-3d{margin-bottom:40px}.banner-title{color:var(--ps1-white);margin-bottom:20px;font-size:16px}.banner-main{color:var(--ps1-yellow);text-shadow:2px 2px 0 var(--ps1-yellow-dark),4px 4px 0 var(--ps1-blue),6px 6px 0 var(--ps1-black);margin-bottom:15px;font-size:32px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.banner-subtitle{color:var(--ps1-blue-light);letter-spacing:3px;font-size:12px}.home-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.stat-box{background:linear-gradient(#003380b3 0%,#000c 100%);border:2px solid #0066cc80;border-left:4px solid #ffd70099;flex-direction:column;gap:10px;padding:20px;transition:all .2s;display:flex;box-shadow:inset 0 1px #ffffff1a,0 4px 8px #0006}@media (hover:hover) and (pointer:fine){.stat-box:hover{border-color:#ffd700cc #ffd700cc #ffd700cc gold;transform:scale(1.05)translateY(-3px);box-shadow:inset 0 1px #fff3,0 8px 16px #ffd7004d}}.stat-label{color:var(--ps1-blue-light);font-size:10px}.stat-value{color:var(--ps1-yellow);text-shadow:2px 2px 0 var(--ps1-blue-dark),4px 4px 0 var(--ps1-black);font-size:36px}.social-feed{flex-direction:column;gap:20px;display:flex}.feed-post{background:linear-gradient(90deg,#00338080 0%,#000000b3 100%);border:2px solid #06c6;border-left:4px solid #06c9;padding:20px;transition:all .2s;box-shadow:inset 0 1px #ffffff0d,0 3px 6px #0000004d}@media (hover:hover) and (pointer:fine){.feed-post:hover{border-color:#ffd70080;transform:translate(8px);box-shadow:inset 0 1px #ffffff1a,0 5px 10px #ffd70033}}.post-header{border-bottom:2px solid var(--ps1-blue-dark);align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;font-size:10px;display:flex}.post-icon{color:var(--ps1-yellow);font-size:8px}.post-author{color:var(--ps1-yellow);flex:1}.post-date{color:var(--ps1-gray-light)}.post-content{color:var(--ps1-white);margin-bottom:15px;font-size:11px;line-height:1.8}.post-stats{color:var(--ps1-blue-light);gap:20px;font-size:10px;display:flex}.history-content{flex-direction:column;gap:30px;display:flex}.history-block{background:linear-gradient(90deg,#00338066 0%,#0009 100%);border:2px solid #0066cc4d;border-left:6px solid #ffd700b3;padding:25px;transition:all .3s;position:relative;box-shadow:inset 0 1px #ffffff0d,0 4px 8px #0000004d}@media (hover:hover) and (pointer:fine){.history-block:hover{border-color:#ffd70080;transform:translate(10px);box-shadow:inset 0 1px #ffffff1a,-5px 5px 15px #ffd70033}}.history-year{color:var(--ps1-yellow);margin-bottom:15px;font-size:14px}.history-text{color:var(--ps1-white);margin-bottom:20px;font-size:11px;line-height:2}.achievements{flex-wrap:wrap;gap:10px;display:flex}.achievement{color:var(--ps1-yellow);background:linear-gradient(90deg,#ffd70033 0%,#0066cc4d 100%);border:2px solid #ffd70099;border-left:3px solid #ffd700e6;padding:10px 15px;font-size:9px;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d}.players-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.player-card{cursor:pointer;background:linear-gradient(135deg,#003380e6 0%,#001940cc 50%,#000000e6 100%);border:3px solid #06c9;border-top:2px solid #ffd70066;padding:20px;transition:all .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 6px 12px #00000080}@media (hover:hover) and (pointer:fine){.player-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.player-card:hover:before{left:100%}.player-card:hover{border-color:gold #ffd700cc #ffd700cc;transform:scale(1.03)translateY(-5px);box-shadow:inset 0 1px #fff3,0 10px 20px #ffd7004d,0 0 30px #ffd70033}}.player-number{color:#ffd70033;font-size:48px;font-weight:700;position:absolute;top:10px;right:10px}.player-info{z-index:1;position:relative}.player-name{color:var(--ps1-yellow);text-shadow:2px 2px 0 var(--ps1-black);margin-bottom:10px;font-size:14px}.player-nickname{color:var(--ps1-blue-light);margin-bottom:5px;font-size:10px}.player-position{color:var(--ps1-white);background:var(--ps1-blue);margin-bottom:15px;padding:5px 10px;font-size:9px;display:inline-block}.player-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;display:grid}.stat-item{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.stat-name{width:100%;color:var(--ps1-gray-light);font-size:8px}.stat-bar{background:var(--ps1-gray-light);border:1px solid var(--ps1-black);height:10px;position:relative;overflow:hidden}.stat-fill{background:linear-gradient(90deg,var(--ps1-yellow),var(--ps1-yellow-dark));height:100%;transition:width .5s}.stat-value{color:var(--ps1-yellow);text-align:right;font-size:10px}.player-achievements{color:var(--ps1-blue-light);border-top:2px solid var(--ps1-blue-dark);padding-top:10px;font-size:8px}.player-modal{z-index:2000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.player-modal.hidden{display:none}.modal-content{background:linear-gradient(135deg,#003380f2 0%,#000000f2 100%);border:4px solid #ffd700cc;border-top:3px solid gold;width:100%;max-width:600px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:inset 0 2px #ffffff1a,0 0 50px #ffd70066,0 20px 40px #000c}.modal-close{background:var(--ps1-red);color:var(--ps1-white);border:3px solid var(--ps1-white);cursor:pointer;z-index:999;padding:10px 15px;font-family:"Press Start 2P",cursive;font-size:12px;transition:all .2s;position:absolute;top:15px;right:15px}@media (hover:hover) and (pointer:fine){.modal-close:hover{background:var(--ps1-white);color:var(--ps1-red);transform:scale(1.1)}}.modal-player-name{color:var(--ps1-yellow);text-shadow:2px 2px 0 var(--ps1-blue),4px 4px 0 var(--ps1-black);margin-bottom:10px;font-size:20px}.modal-player-nickname{color:var(--ps1-blue-light);margin-bottom:20px;font-size:12px}.modal-stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;display:grid}.modal-achievements{background:linear-gradient(90deg,#00338066 0%,#0009 100%);border:2px solid #0066cc80;border-left:4px solid #ffd700b3;margin-top:20px;padding:20px;box-shadow:inset 0 1px #ffffff0d,0 3px 6px #0000004d}.modal-achievements h3{color:var(--ps1-yellow);margin-bottom:15px;font-size:12px}.modal-achievements p{color:var(--ps1-white);font-size:10px;line-height:2}.ps1-footer{text-align:center;background:linear-gradient(#000c 0%,#001940e6 100%);border-top:3px solid #ffd70099;margin-top:40px;padding:20px;box-shadow:inset 0 1px #ffffff0d,0 -5px 10px #0000004d}.footer-content{color:var(--ps1-gray-light);font-size:8px;line-height:2}.footer-small{color:var(--ps1-blue-light)}@media (min-width:769px) and (max-width:1024px){.main-container{padding-top:250px}.main-container-home{padding-top:15px}.players-grid{grid-template-columns:repeat(2,1fr);gap:18px}.menu-list{max-width:800px}}@media (max-width:768px){.main-container{padding-top:230px}.main-container-home{padding-top:10px}.ps1-header{padding:12px 15px}.header-content{flex-direction:column;align-items:stretch;gap:10px}.back-button{align-self:flex-start;gap:8px;padding:8px 15px;font-size:10px}.back-arrow{font-size:12px}.back-text{font-size:10px}.logo-text-3d{letter-spacing:1px;font-size:14px}.logo-subtitle{letter-spacing:2px;font-size:7px}.memory-card{padding:6px 10px;font-size:7px}.memory-icon{font-size:10px}.ps1-menu{padding:12px 10px;top:75px}.menu-title{letter-spacing:4px;margin-bottom:15px;font-size:14px}.menu-list{gap:6px;margin-bottom:12px}.menu-item{gap:12px;padding:10px 15px;font-size:10px}.menu-arrow{font-size:10px}.menu-footer{margin-top:12px;padding:10px 12px;font-size:7px}.content-wrapper{padding:0 10px 15px}.section-title{font-size:14px}.section-line{height:3px}.banner-title{font-size:10px}.banner-main{font-size:16px}.banner-subtitle{font-size:8px}.home-banner{padding:25px 15px}.home-stats{grid-template-columns:1fr;gap:12px}.stat-box{padding:15px}.stat-label{font-size:8px}.players-grid{grid-template-columns:1fr;gap:15px}.player-card{padding:15px}.player-name{font-size:10px}.player-nickname{font-size:8px}.player-position{padding:4px 8px;font-size:7px}.player-number{font-size:36px;top:5px;right:5px}.stat-name{font-size:7px}.stat-value{font-size:8px}.player-achievements{font-size:7px}.history-block{padding:15px}.history-year{margin-bottom:10px;font-size:10px}.history-text{font-size:9px;line-height:1.6}.achievement{padding:6px 10px;font-size:7px}.feed-post{padding:12px}.post-header{gap:8px;font-size:8px}.post-content{font-size:9px;line-height:1.6}.post-stats{font-size:8px}.modal-content{margin:10px;padding:20px}.modal-close{padding:8px 12px;font-size:10px;top:10px;right:10px}.modal-player-name{font-size:12px}.modal-player-nickname{font-size:9px}.modal-stats-grid{grid-template-columns:1fr;gap:10px}.modal-achievements h3{font-size:10px}.modal-achievements p{font-size:8px;line-height:1.6}.ps1-footer{margin-top:20px;padding:12px}.footer-content{font-size:7px}.footer-small{font-size:6px}}@media (max-width:480px){.main-container{padding-top:160px}.main-container-home{padding-top:8px}.ps1-header{padding:10px 12px}.back-button{gap:6px;padding:6px 12px;font-size:9px}.back-arrow{font-size:10px}.logo-text-3d{font-size:11px}.logo-subtitle{letter-spacing:1px;font-size:6px}.memory-card{padding:5px 8px;font-size:6px}.ps1-menu{padding:10px 8px;top:65px}.menu-title{letter-spacing:2px;margin-bottom:12px;font-size:11px}.menu-item{gap:10px;padding:8px 10px;font-size:8px}.menu-footer{padding:8px 10px;font-size:6px}.section-title{font-size:12px}.banner-title{font-size:9px}.banner-main{font-size:13px}.banner-subtitle,.stat-label{font-size:7px}.stat-value{font-size:18px}.player-name{font-size:9px}.player-nickname{font-size:7px}.player-number{font-size:30px}.history-year{font-size:9px}.history-text{font-size:8px}.achievement{padding:5px 8px;font-size:6px}}.stat-stars{align-items:center;gap:3px;display:flex}.star{color:var(--ps1-gray-light);text-shadow:1px 1px 0 var(--ps1-black);font-size:16px;transition:all .2s}.star.filled{color:var(--ps1-yellow);text-shadow:1px 1px 0 var(--ps1-yellow-dark),0 0 10px #ffd70080;animation:2s ease-in-out infinite star-glow}@keyframes star-glow{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@media (hover:hover) and (pointer:fine){.player-card:hover .star.filled{animation:.5s ease-in-out infinite star-glow}}@media (max-width:768px){.star{font-size:12px}}@media (max-width:480px){.star{font-size:10px}.stat-stars{gap:2px}}.hidden{display:none!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--ps1-gray);border:2px solid var(--ps1-blue-dark)}::-webkit-scrollbar-thumb{background:var(--ps1-yellow);border:2px solid var(--ps1-blue)}@media (hover:hover) and (pointer:fine){::-webkit-scrollbar-thumb:hover{background:var(--ps1-yellow-light)}}@media (max-width:768px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{border:1px solid var(--ps1-blue-dark)}::-webkit-scrollbar-thumb{border:1px solid var(--ps1-blue)}}@media (hover:none) and (pointer:coarse){.menu-item,.player-card,.feed-post,.history-block{-webkit-tap-highlight-color:#ffd70033}.menu-item{min-height:44px}.modal-close{min-width:44px;min-height:44px}}