body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;min-height:100vh;padding-bottom:100px}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;max-width:800px;max-height:70vh;border-radius:20px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.3)}.content-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.content{position:relative;z-index:1;padding:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);height:100%;overflow-y:auto}.logo{display:inline-block;margin-bottom:20px;position:relative;width:120px;height:120px}.avatar-container{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .2s ease}.avatar-container:hover{transform:scale(1.05)}.avatar-container:active{transform:scale(.95)}.avatar-border{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.avatar{position:absolute;top:10%;left:10%;width:80%;height:80%;z-index:1}h1{margin:10px 0;font-size:2em}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:#ddd}.profile-stats{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:20px}.profile-stats .stat{text-align:center;margin:10px}.profile-stats .stat .value{font-size:1.5em;font-weight:bold}.profile-stats .stat .label{font-size:1em;color:#ccc}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin {
    to { transform: rotate(360deg); }
}.featured-games{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.featured-games a img{border-radius:10px;width:150px;height:auto;transition:transform .3s ease , box-shadow .3s ease}.featured-games a img:hover{transform:scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.5)}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.firework{position:absolute;width:4px;height:4px;border-radius:50%;animation:firework 2s ease-out forwards}@keyframes firework {
    0% {
        transform: translateY(100vh) scale(0);
        opacity: 1;
    }
    15% {
        transform: translateY(20vh) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateY(20vh) scale(0);
        opacity: 0;
    }
}.firework::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:explosion 1s ease-out .5s forwards;opacity:0}@keyframes explosion {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(50);
        opacity: 0;
    }
}.firework-particle{position:absolute;width:2px;height:2px;border-radius:50%;animation:particle 2s ease-out forwards}@keyframes particle {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0) translate(var(--dx), var(--dy));
        opacity: 0;
    }
}.easter-egg-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(255,215,0,.95),rgba(255,165,0,.95));border:3px solid #ffd700;border-radius:20px;padding:20px;text-align:center;z-index:10000;box-shadow:0 20px 40px rgba(0,0,0,.5);animation:messageAppear .5s ease-out;max-width:500px;width:95%;max-height:90vh;overflow-y:auto}@keyframes messageAppear {
    0% {
        transform: translate(-50%, -50%) scale(0) rotate(180deg);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(1) rotate(0deg);
        opacity: 1;
    }
}.easter-egg-message h2{color:#000;margin:0 0 15px 0;font-size:1.8em;text-shadow:2px 2px 4px rgba(255,255,255,.5)}.easter-egg-message p{color:#000;margin:0 0 20px 0;font-size:1.1em;font-weight:bold}.easter-egg-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.easter-egg-close{background:#000;color:#ffd700;border:none;padding:10px 20px;border-radius:10px;font-size:16px;font-weight:bold;cursor:pointer;transition:all .3s ease}.easter-egg-close:hover{background:#333;transform:scale(1.05)}.play-game-btn{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:16px;font-weight:bold;cursor:pointer;transition:all .3s ease}.play-game-btn:hover{background:linear-gradient(45deg,#45a049,#4caf50);transform:scale(1.05)}.game-container{margin-top:20px;display:none}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:#000}.game-score{font-size:18px;font-weight:bold}.game-moves{font-size:16px}.game-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;background:rgba(0,0,0,.2);border-radius:10px;padding:10px;width:320px;height:320px;margin:0 auto}.game-cell{background:rgba(255,255,255,.9);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .3s ease;user-select:none;border:2px solid transparent}.game-cell:hover{background:rgba(255,255,255,1);transform:scale(1.1)}.game-cell.selected{border-color:#4caf50;background:rgba(76,175,80,.3);transform:scale(1.1)}.game-cell.matching{animation:matchPulse .5s ease-in-out}@keyframes matchPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); background: rgba(255, 215, 0, 0.8); }
}.game-cell.falling{animation:fall .5s ease-in-out}@keyframes fall {
    0% { transform: translateY(-100px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}.game-over{text-align:center;margin-top:15px;color:#000}.game-over h3{margin:0 0 10px 0;font-size:1.5em}.restart-btn{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:scale(1.05)}.posts-bubble{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);width:90%;max-width:600px;max-height:200px;background:rgba(0,0,0,.4);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:50}.posts-header{text-align:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.posts-header h2{color:#fff;font-size:1.3em;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8)}.posts-container{display:flex;flex-direction:column;gap:12px;max-height:120px;overflow-y:auto}.posts-container::-webkit-scrollbar{width:6px}.posts-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.posts-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.posts-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.post-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;transition:all .3s ease}.post-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.post-content{color:#fff;line-height:1.4;margin-bottom:8px;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.post-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aaa;border-top:1px solid rgba(255,255,255,.1);padding-top:6px}.post-author{font-weight:bold;color:#4caf50}.post-time{color:#888}.no-posts{text-align:center;color:#aaa;font-style:italic;padding:30px 20px;background:rgba(255,255,255,.02);border-radius:10px;border:1px solid rgba(255,255,255,.05)}.posts-loading{text-align:center;padding:20px}.dota-nav-item{position:relative;display:inline-block}.dota-status-button{display:flex;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#fff;font-weight:bold;font-size:1.2em}.dota-status-button:hover{color:#ddd}.dota-status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:5px;background-color:#999;transition:background-color .3s ease;box-shadow:0 0 6px rgba(255,255,255,.3)}.dota-status-text{font-size:.8em;margin-left:8px;color:#eee;font-weight:normal}.dota-floating-menu{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(20,25,35,.98),rgba(35,45,60,.98));border:2px solid rgba(255,215,0,.3);border-radius:12px;width:420px;height:500px;box-shadow:0 8px 25px rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(10px);transition:all .3s ease;z-index:1000;margin-bottom:15px;overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.dota-floating-menu.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dota-floating-menu::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:10px solid transparent;border-top-color:rgba(35,45,60,.98)}.dota-menu-background{position:absolute;top:0;left:0;width:100%;height:100%;background: url('/assets/dota-profile-bg.png') center/cover;opacity:.2;z-index:1}.dota-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.9));z-index:2}.dota-menu-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;overflow-y:auto}.dota-menu-header{display:flex;align-items:center;padding:15px;border-bottom:1px solid rgba(255,215,0,.2);flex-shrink:0}.dota-menu-avatar{width:40px;height:40px;border-radius:4px;border:2px solid rgba(255,215,0,.5);margin-right:12px}.dota-menu-player-info{flex:1}.dota-menu-player-name{font-size:16px;font-weight:bold;color:#fff;margin:0}.dota-menu-subtitle{font-size:12px;color:rgba(255,215,0,.8);margin:2px 0 0 0}.dota-menu-rank-badge{width:32px;height:32px;background:linear-gradient(45deg,#ffd700,#ffa500);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:bold;color:#000}.dota-menu-status-section{padding:15px;flex-shrink:0}.dota-menu-status{display:flex;align-items:center;margin-bottom:10px}.dota-menu-status-indicator{width:12px;height:12px;border-radius:50%;margin-right:10px;box-shadow:0 0 8px rgba(255,255,255,.5)}.dota-menu-status-text{font-size:14px;font-weight:bold;color:#fff}.dota-menu-details{font-size:12px;color:#ccc;margin-bottom:10px;line-height:1.4}.dota-main-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:15px}.dota-main-stat{text-align:center;padding:8px;background:rgba(0,0,0,.4);border-radius:6px;border:1px solid rgba(255,215,0,.2)}.dota-main-stat-value{font-size:16px;font-weight:bold;color:#fff;margin-bottom:2px}.dota-main-stat-label{font-size:9px;color:rgba(255,215,0,.8);text-transform:uppercase}.dota-detailed-stats{padding:0 15px;flex:1;overflow-y:auto}.dota-stats-section{margin-bottom:15px}.dota-stats-title{font-size:12px;color:rgba(255,215,0,.9);text-transform:uppercase;font-weight:bold;margin-bottom:8px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:4px}.dota-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dota-stat-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:rgba(0,0,0,.2);border-radius:4px;font-size:11px}.dota-stat-label{color:#ccc}.dota-stat-value{color:#fff;font-weight:bold}.win-rate{color:#4caf50}.loss-rate{color:#f44336}.dota-heroes-section{margin-top:10px}.dota-hero-item{display:flex;align-items:center;padding:6px;background:rgba(0,0,0,.2);border-radius:4px;margin-bottom:4px}.dota-hero-icon{width:24px;height:24px;border-radius:2px;margin-right:8px}.dota-hero-info{flex:1;font-size:11px}.dota-hero-name{color:#fff;font-weight:bold}.dota-hero-stats{color:#ccc;font-size:10px}.dota-menu-footer{padding:10px 15px;border-top:1px solid rgba(255,215,0,.2);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dota-menu-time{font-size:10px;color:#aaa}.dota-menu-link{padding:6px 12px;background:linear-gradient(45deg,rgba(255,215,0,.2),rgba(255,165,0,.2));border:1px solid rgba(255,215,0,.4);border-radius:4px;font-size:11px;text-decoration:none;color:#fff;transition:all .3s ease;text-transform:uppercase;font-weight:bold}.dota-menu-link:hover{background:linear-gradient(45deg,rgba(255,215,0,.4),rgba(255,165,0,.4));transform:translateY(-1px)}.admin-link{position:fixed;bottom:80px;right:20px;background:rgba(76,175,80,.8);color:#fff;padding:10px 15px;border-radius:25px;text-decoration:none;font-size:12px;font-weight:bold;transition:all .3s ease;z-index:999;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.admin-link:hover{background:rgba(76,175,80,1);transform:translateY(-2px);box-shadow:0 5px 15px rgba(76,175,80,.4)}.admin-link.hidden{display:none}@media (max-width:600px){.container{top:35%;max-height:60vh}.posts-bubble{bottom:70px;width:95%;padding:15px;max-height:180px}.posts-header h2{font-size:1.1em}.post-content{font-size:12px}.post-meta{font-size:10px}.dota-floating-menu{width:320px;height:450px;left:auto;right:10px;transform:none}.dota-floating-menu.show{transform:translateY(0)}.dota-floating-menu::after{left:auto;right:30px;transform:none}.dota-main-stats{grid-template-columns:1fr 1fr}.dota-status-text{display:none}.admin-link{bottom:70px;right:10px;padding:8px 12px;font-size:11px}.easter-egg-message{padding:15px;max-width:350px}.easter-egg-message h2{font-size:1.5em}.easter-egg-message p{font-size:1em}.game-board{width:280px;height:280px}.game-cell{font-size:20px}.easter-egg-buttons{flex-direction:column;align-items:center}.easter-egg-close,.play-game-btn{width:100%;max-width:200px}}nav{position:fixed;bottom:0;width:100%;background-color:rgba(0,0,0,.6);text-align:center;padding:10px 0;box-shadow:0 -2px 5px rgba(0,0,0,.5);z-index:100}nav a{text-decoration:none;color:#fff;font-weight:bold;margin:0 10px;font-size:1.2em}nav a:hover{color:#ddd}nav a::before{content:attr(data-emoji);margin-right:5px}.nav-hidden{display:none}@media (max-width:600px){h1{font-size:1.5em}.profile-stats .stat .value{font-size:1.2em}.profile-stats .stat .label{font-size:.8em}.featured-games a img{width:100px}nav a{font-size:1em;margin:0 5px}}