*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tahoma,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;display:flex;flex-direction:column}.navbar{background:linear-gradient(135deg,#2c1810 0%,#4a2c1a 50%,#6b3e2a 100%);border-bottom:3px solid #d4af37;box-shadow:0 4px 20px rgba(0,0,0,.5);position:relative;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:80px}.logo{display:flex;align-items:center;text-decoration:none;color:#d4af37;font-size:28px;font-weight:bold;text-shadow:2px 2px 4px rgba(0,0,0,.7);transition:all .3s ease}.logo:hover{color:#f4d03f;transform:scale(1.05)}.logo-icon{width:40px;height:40px;margin-right:12px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.7))}.nav-menu{display:flex;list-style:none;gap:30px}.nav-link{color:#e8dcc0;text-decoration:none;font-size:16px;font-weight:500;padding:12px 20px;border-radius:8px;transition:all .3s ease;position:relative;text-transform:uppercase;letter-spacing:1px}.nav-link:hover{color:#d4af37;background:rgba(212,175,55,.1);transform:translateY(-2px)}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#d4af37;transition:all .3s ease;transform:translateX(-50%)}.nav-link:hover::after{width:80%}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:5px}.hamburger span{width:25px;height:3px;background:#d4af37;margin:3px 0;transition:.3s;border-radius:2px}main{flex:1}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 20px}.content-placeholder{text-align:center;color:#e8dcc0;max-width:600px}.content-placeholder h1{font-size:48px;margin-bottom:20px;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.content-placeholder p{font-size:18px;line-height:1.6;margin-bottom:30px}.cta-section{background:linear-gradient(135deg,#2c1810 0%,#1a1a2e 100%);padding:80px 20px;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-button{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);color:#2c1810;padding:15px 30px;border:none;border-radius:8px;font-size:18px;font-weight:bold;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,175,55,.3)}.hero{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.6)),radial-gradient(circle at center,#2c1810 0%,#1a1a2e 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="%23d4af37" opacity=".3"/><circle cx="80" cy="40" r=".5" fill="%23d4af37" opacity=".5"/><circle cx="40" cy="80" r="1.5" fill="%23d4af37" opacity=".2"/></svg>');animation:sparkle 20s linear infinite}@keyframes sparkle{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-100px) rotate(360deg)}}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero h1{font-size:56px;color:#d4af37;margin-bottom:20px;text-shadow:3px 3px 6px rgba(0,0,0,.8);line-height:1.2}.hero-subtitle{font-size:24px;color:#e8dcc0;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hero-description{font-size:18px;color:#c9b99b;margin-bottom:40px;line-height:1.6}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:15px 30px;border:none;border-radius:8px;font-size:18px;font-weight:bold;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);color:#2c1810}.btn-secondary{background:transparent;color:#d4af37;border:2px solid #d4af37}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,175,55,.3)}.btn-secondary:hover{background:rgba(212,175,55,.1)}.features{padding:80px 20px;background:linear-gradient(135deg,#16213e 0%,#1a1a2e 100%)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:36px;color:#d4af37;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.section-subtitle{text-align:center;font-size:18px;color:#c9b99b;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.feature-card{background:linear-gradient(135deg,#2c1810 0%,#4a2c1a 100%);border:2px solid #d4af37;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .5s ease}.feature-card:hover::before{left:100%}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(212,175,55,.2)}.feature-icon{width:80px;height:80px;margin:0 auto 20px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.feature-card h3{font-size:24px;color:#d4af37;margin-bottom:15px}.feature-card p{color:#e8dcc0;line-height:1.6}.mechanics{padding:80px 20px;background:linear-gradient(135deg,#0f3460 0%,#16213e 100%)}.mechanics-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.mechanics-text h2{font-size:36px;color:#d4af37;margin-bottom:20px}.mechanics-list{list-style:none;margin-top:30px}.mechanics-list li{color:#e8dcc0;margin-bottom:15px;padding-left:30px;position:relative;line-height:1.6}.mechanics-list li::before{content:'⚔️';position:absolute;left:0;top:0}.mechanics-visual{display:flex;justify-content:center;align-items:center}.game-board{width:100%;max-width:400px;height:400px}.delegation{padding:80px 20px;background:linear-gradient(135deg,#1a1a2e 0%,#2c1810 100%)}.delegation-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.delegation-visual{display:flex;justify-content:center}.advisor-network{width:100%;max-width:400px;height:300px}.final-cta{padding:80px 20px;background:linear-gradient(135deg,#2c1810 0%,#1a1a2e 100%);text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:36px;color:#d4af37;margin-bottom:20px}.cta-content p{font-size:18px;color:#e8dcc0;margin-bottom:40px;line-height:1.6}.page-header{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.8)),radial-gradient(circle at center,#2c1810 0%,#1a1a2e 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="%23d4af37" opacity=".3"/><circle cx="80" cy="40" r=".5" fill="%23d4af37" opacity=".5"/><circle cx="40" cy="80" r="1.5" fill="%23d4af37" opacity=".2"/></svg>');animation:sparkle 20s linear infinite}.page-header h1{font-size:48px;color:#d4af37;margin-bottom:20px;text-shadow:3px 3px 6px rgba(0,0,0,.8);position:relative;z-index:1}.page-header p{font-size:20px;color:#e8dcc0;max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:1}.content-section{background:linear-gradient(135deg,#16213e 0%,#1a1a2e 100%);padding:80px 20px}.section-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:60px}.text-content h3{font-size:24px;color:#d4af37;margin-bottom:20px}.text-content p{color:#e8dcc0;line-height:1.7;margin-bottom:20px;font-size:16px}.feature-list{list-style:none;margin-top:20px}.feature-list li{color:#e8dcc0;margin-bottom:12px;padding-left:25px;position:relative;line-height:1.6}.feature-list li::before{content:'⚔️';position:absolute;left:0;top:0}.visual-content{display:flex;justify-content:center;align-items:center}.game-visual{width:100%;max-width:400px;height:300px}.bg-dark{background:linear-gradient(135deg,#16213e 0%,#1a1a2e 100%)}.bg-darker{background:linear-gradient(135deg,#0f3460 0%,#16213e 100%)}.bg-darkest{background:linear-gradient(135deg,#1a1a2e 0%,#2c1810 100%)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:60px 0}.stat-card{background:linear-gradient(135deg,#2c1810 0%,#4a2c1a 100%);border:2px solid #d4af37;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(212,175,55,.2)}.stat-number{font-size:36px;color:#d4af37;font-weight:bold;margin-bottom:10px}.stat-label{color:#e8dcc0;font-size:16px}.factions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:60px 0}.faction-card{background:linear-gradient(135deg,#2c1810 0%,#4a2c1a 100%);border:2px solid #d4af37;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.faction-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .5s ease}.faction-card:hover::before{left:100%}.faction-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(212,175,55,.2)}.faction-icon{width:60px;height:60px;margin:0 auto 20px}.faction-card h3{font-size:20px;color:#d4af37;margin-bottom:15px}.faction-card p{color:#e8dcc0;line-height:1.6;font-size:14px}.game-container{display:flex;height:calc(100vh - 70px);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="%23f4f1e8"/><path d="M0 0L100 100M100 0L0 100" stroke="%23e8dcc0" stroke-width=".5" opacity=".3"/></svg>')}.map-panel{flex:2;background:linear-gradient(135deg,#f4f1e8 0%,#e8dcc0 100%);border-right:3px solid #d4af37;position:relative;overflow:hidden}.map-container{width:100%;height:100%;position:relative;background:radial-gradient(circle at center,#f4f1e8 0%,#e8dcc0 100%)}.territory{position:absolute;border:2px solid #8b4513;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.territory:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,.3)}.territory.player{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);color:#2c1810}.territory.enemy{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:white}.territory.neutral{background:linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%);color:white}.territory.ally{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);color:white}.ui-panel{flex:1;background:linear-gradient(135deg,#2c1810 0%,#4a2c1a 100%);display:flex;flex-direction:column;overflow-y:auto}.resource-bar{background:linear-gradient(135deg,#1a1a1a 0%,#2c1810 100%);border-bottom:2px solid #d4af37;padding:15px;display:flex;justify-content:space-around}.resource{text-align:center;color:#d4af37}.resource-icon{font-size:24px;margin-bottom:5px}.resource-value{font-size:18px;font-weight:bold}.resource-label{font-size:12px;color:#e8dcc0}.tab-container{background:#3a2318;border-bottom:2px solid #d4af37;display:flex}.tab{flex:1;padding:12px;text-align:center;background:#3a2318;color:#e8dcc0;cursor:pointer;border-right:1px solid #d4af37;transition:all .3s ease;font-size:14px}.tab:last-child{border-right:none}.tab.active{background:#d4af37;color:#2c1810;font-weight:bold}.tab:hover:not(.active){background:#4a2c1a}.tab-content{flex:1;padding:20px;overflow-y:auto;display:none}.tab-content.active{display:block}.btn{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);color:#2c1810;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:bold;transition:all .3s ease;margin:5px;font-size:14px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(212,175,55,.3)}.btn:disabled{background:#666;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:#d4af37;border:2px solid #d4af37}.btn-secondary:hover{background:rgba(212,175,55,.1)}.advisor-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.advisor-card{background:linear-gradient(135deg,#1a1a1a 0%,#2c1810 100%);border:2px solid #d4af37;border-radius:8px;padding:15px;text-align:center;transition:all .3s ease}.advisor-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(212,175,55,.2)}.advisor-name{color:#d4af37;font-size:16px;font-weight:bold;margin-bottom:8px}.advisor-role{color:#e8dcc0;font-size:12px;margin-bottom:10px}.loyalty-bar{background:#4a2c1a;height:8px;border-radius:4px;margin-bottom:10px;overflow:hidden}.loyalty-fill{height:100%;border-radius:4px;transition:width .3s ease}.loyalty-high{background:#27ae60}.loyalty-medium{background:#f39c12}.loyalty-low{background:#e74c3c}.battle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:20px 0;background:#2c1810;padding:15px;border-radius:8px;border:2px solid #d4af37}.battle-cell{aspect-ratio:1;background:#4a2c1a;border:1px solid #6b3e2a;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px}.battle-cell:hover{background:#6b3e2a}.battle-cell.selected{background:#d4af37;color:#2c1810}.faction-list{margin-bottom:20px}.faction-item{background:#1a1a1a;border:1px solid #d4af37;border-radius:5px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.faction-info{color:#e8dcc0}.faction-name{color:#d4af37;font-weight:bold;margin-bottom:5px}.faction-status{font-size:12px}.status-neutral{color:#95a5a6}.status-ally{color:#27ae60}.status-enemy{color:#e74c3c}.trade-offer{background:#1a1a1a;border:2px solid #d4af37;border-radius:8px;padding:15px;margin-bottom:15px}.trade-resources{display:flex;justify-content:space-between;margin:10px 0}.trade-give,.trade-receive{text-align:center;color:#e8dcc0}.trade-arrow{color:#d4af37;font-size:20px;align-self:center}.spy-mission{background:#1a1a1a;border:1px solid #4a90e2;border-radius:5px;padding:12px;margin-bottom:10px;color:#e8dcc0}.mission-name{color:#4a90e2;font-weight:bold;margin-bottom:5px}.mission-cost{color:#d4af37;font-size:12px}.game-log{background:#1a1a1a;border:2px solid #d4af37;border-radius:8px;padding:15px;height:200px;overflow-y:auto;font-size:12px;line-height:1.4}.log-entry{color:#e8dcc0;margin-bottom:8px;padding:5px;border-left:3px solid #d4af37;padding-left:10px}.log-entry.warning{border-left-color:#f39c12;color:#f39c12}.log-entry.danger{border-left-color:#e74c3c;color:#e74c3c}.log-entry.success{border-left-color:#27ae60;color:#27ae60}.turn-counter{position:absolute;top:20px;right:20px;background:rgba(44,24,16,.9);color:#d4af37;padding:10px 20px;border-radius:25px;border:2px solid #d4af37;font-weight:bold;z-index:100}.privacy-content{background:linear-gradient(135deg,#2c1810 0%,#4a2c1a 100%);border:2px solid #d4af37;border-radius:12px;padding:40px;color:#e8dcc0;line-height:1.7;box-shadow:0 10px 30px rgba(0,0,0,.3)}.privacy-content h2{color:#d4af37;font-size:28px;margin-bottom:25px;margin-top:40px;text-shadow:2px 2px 4px rgba(0,0,0,.7);border-bottom:2px solid #d4af37;padding-bottom:10px}.privacy-content h2:first-child{margin-top:0}.privacy-content h3{color:#f4d03f;font-size:20px;margin-bottom:15px;margin-top:25px}.privacy-content p{margin-bottom:20px;font-size:16px}.privacy-content ul{margin-bottom:20px;padding-left:30px}.privacy-content li{margin-bottom:10px;position:relative}.privacy-content li::marker{color:#d4af37}.privacy-content strong{color:#f4d03f}.contact-info{background:linear-gradient(135deg,#1a1a1a 0%,#2c1810 100%);border:2px solid #d4af37;border-radius:8px;padding:25px;margin:30px 0;text-align:center}.contact-info h3{color:#d4af37;margin-bottom:15px}.email-link{color:#d4af37;text-decoration:none;font-weight:bold;transition:color .3s ease}.email-link:hover{color:#f4d03f}.last-updated{background:rgba(212,175,55,.1);border:1px solid #d4af37;border-radius:8px;padding:20px;margin-bottom:30px;text-align:center;color:#d4af37;font-weight:bold}.terms-content{background:linear-gradient(135deg,#2c1810 0%,#4a2c1a 100%);border:2px solid #d4af37;border-radius:12px;padding:40px;color:#e8dcc0;line-height:1.7;box-shadow:0 10px 30px rgba(0,0,0,.3)}.terms-content h2{color:#d4af37;font-size:28px;margin-bottom:25px;margin-top:40px;text-shadow:2px 2px 4px rgba(0,0,0,.7);border-bottom:2px solid #d4af37;padding-bottom:10px}.terms-content h2:first-child{margin-top:0}.terms-content h3{color:#f4d03f;font-size:20px;margin-bottom:15px;margin-top:25px}.terms-content p{margin-bottom:20px;font-size:16px}.terms-content ul,.terms-content ol{margin-bottom:20px;padding-left:30px}.terms-content li{margin-bottom:10px;position:relative}.terms-content li::marker{color:#d4af37}.terms-content strong{color:#f4d03f}.effective-date{background:rgba(212,175,55,.1);border:1px solid #d4af37;border-radius:8px;padding:20px;margin-bottom:30px;text-align:center;color:#d4af37;font-weight:bold}.important-notice{background:linear-gradient(135deg,#8b0000 0%,#a52a2a 100%);border:2px solid #ff6b6b;border-radius:8px;padding:20px;margin:25px 0;color:#fff}.important-notice h4{color:#ff6b6b;margin-bottom:10px;font-size:18px}.footer{background:linear-gradient(135deg,#1a1a1a 0%,#2c1810 50%,#1a1a1a 100%);border-top:3px solid #d4af37;color:#e8dcc0;padding:40px 0 20px;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:30px}.footer-section h3{color:#d4af37;font-size:18px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#e8dcc0;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#d4af37}.footer-bottom{border-top:1px solid #444;padding-top:20px;text-align:center;color:#999;font-size:14px}@media (max-width:768px){.nav-container{height:70px}.logo{font-size:24px}.logo-icon{width:35px;height:35px}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:linear-gradient(135deg,#2c1810 0%,#4a2c1a 100%);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05);padding:20px 0;gap:0}.nav-menu.active{left:0}.nav-menu li{margin:10px 0}.hamburger{display:flex}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.content-placeholder h1{font-size:36px}.hero h1{font-size:36px}.hero-subtitle{font-size:20px}.section-title{font-size:32px}.mechanics-content,.delegation-content{grid-template-columns:1fr;gap:40px}.cta-buttons{flex-direction:column;align-items:center}.page-header h1{font-size:36px}.page-header p{font-size:18px}.section-title{font-size:28px}.section-content{grid-template-columns:1fr;gap:40px}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}.factions-grid{grid-template-columns:1fr}.game-container{flex-direction:column}.map-panel{height:50vh;border-right:none;border-bottom:3px solid #d4af37}.ui-panel{height:50vh}.advisor-grid{grid-template-columns:1fr}.battle-grid{grid-template-columns:repeat(3,1fr)}.privacy-content{padding:25px}.privacy-content h2{font-size:24px}.terms-content{padding:25px}.terms-content h2{font-size:24px}.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}}@media (max-width:480px){.nav-container{padding:0 15px}.logo{font-size:20px}.content-placeholder h1{font-size:28px}.content-placeholder p{font-size:16px}.hero{padding:60px 20px}.hero h1{font-size:28px}.hero-subtitle{font-size:18px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:16px}.page-header{padding:60px 20px 40px}.page-header h1{font-size:28px}.content-section{padding:60px 20px}.stats-grid{grid-template-columns:1fr}.privacy-content{padding:20px}.terms-content{padding:20px}}