.player-card{background-color:#fff8dc;border:2px solid #D2691E;border-radius:8px;padding:15px}.player-card.my-player{border:3px solid #4CAF50}.player-header{font-size:1.2em;font-weight:700;color:#8b4513;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #D2691E;display:flex;justify-content:space-between;align-items:center}.ping-button{width:32px;height:32px;background:#d2691e33;border:2px solid #D2691E;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2em;transition:all .3s}.ping-button:hover{background:#d2691e66;transform:scale(1.1)}.ping-button:active{transform:scale(.9)}.resource-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.resource-label{display:flex;align-items:center;gap:5px;font-weight:700}.resource-controls{display:flex;align-items:center;gap:8px}.resource-controls button{width:30px;height:30px;border:2px solid #8B4513;background-color:#fff;border-radius:3px;cursor:pointer;font-weight:700;font-size:1.2em}.resource-controls button:hover{background-color:#ffe4b5}.resource-value{min-width:40px;text-align:center;font-weight:700;font-size:1.1em}.units-summary{margin-top:10px;border-top:2px solid #D2691E;padding-top:10px}.units-summary-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px;background-color:#ffe4b5;border-radius:5px;transition:background-color .3s;-webkit-user-select:none;user-select:none}.units-summary-header:hover{background-color:#ffdab9}.units-summary-title{font-weight:700;color:#8b4513}.units-summary-arrow{font-size:1.2em;transition:transform .3s}.units-summary-arrow.expanded{transform:rotate(180deg)}.units-summary-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.units-summary-content.expanded{max-height:500px;transition:max-height .5s ease-in}.units-list{padding:10px 5px;font-size:.9em}.unit-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;margin:2px 0;background-color:#fff8dc;border-radius:3px}.unit-item-name{color:#8b4513;flex:1}.unit-item-controls{display:flex;align-items:center;gap:8px}.unit-item-count{font-weight:700;color:#d2691e;min-width:30px;text-align:center}.unit-decrement-btn{width:24px;height:24px;border:1px solid #8B4513;background-color:#fff;border-radius:3px;cursor:pointer;font-weight:700;font-size:.9em;color:#8b4513;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.unit-decrement-btn:hover{background-color:#ffe4b5}.unit-decrement-btn:active{background-color:#ffdab9}.total-population{font-weight:700;color:#8b4513;margin-left:5px}.sacrifices-section{margin-top:10px;border-top:2px solid #D2691E;padding-top:10px}.sacrifices-header{font-weight:700;color:#654321;margin-bottom:8px;font-size:.95em;text-align:center}.sacrifices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.sacrifice-badge{display:flex;flex-direction:column;align-items:center;padding:6px 4px;background:linear-gradient(135deg,#e6d4b8,#d9c6a3);border:2px solid #C4A77D;border-radius:6px;font-size:.85em;position:relative;transition:all .3s}.sacrifice-badge.blessed{background:linear-gradient(135deg,gold,orange);border-color:#ff8c00;box-shadow:0 0 10px #ffd70080}.sacrifice-god{font-weight:700;color:#654321;font-size:.9em}.sacrifice-badge.blessed .sacrifice-god{color:#8b4513}.sacrifice-progress{font-weight:700;color:#8b4513;font-size:.95em;margin-top:2px}.sacrifice-badge.blessed .sacrifice-progress{color:#654321}.blessed-icon{position:absolute;top:-5px;right:-5px;font-size:1.1em;animation:sparkle 1.5s infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}.game-tracker{position:sticky;top:90px;background:#fff;border:3px solid #8B4513;border-radius:10px;padding:20px;margin-top:40px;margin-bottom:30px;box-shadow:0 4px 8px #0003}.game-controls{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #D2691E}.turn-counter{font-size:1.5em;font-weight:700;color:#8b4513}.controls-buttons{display:flex;gap:12px;margin-top:10px}.controls-buttons button{padding:8px 14px;background-color:#d2691e;color:#fff;border:2px solid #8B4513;border-radius:4px;cursor:pointer;font-family:MedievalSharp,serif;font-size:.9em;font-weight:400;transition:all .3s;box-shadow:0 2px 4px #0003}.controls-buttons button:hover{background-color:#8b4513;transform:translateY(-1px);box-shadow:0 3px 6px #0000004d}.leave-room-button{background-color:#dc3545!important;border:2px solid #a71d2a!important;position:relative}.leave-room-button:hover{background-color:#a71d2a!important;box-shadow:0 3px 6px #dc354566!important}.leave-room-button:active{transform:translateY(1px)!important}.join-section{margin-bottom:20px;padding:15px;background-color:#ffe4b5;border-radius:5px}.join-section input{padding:8px;margin-right:10px;border:2px solid #8B4513;border-radius:3px}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-top:15px}@media (max-width: 768px){.game-tracker{padding:15px;margin-bottom:20px}.players-grid{grid-template-columns:1fr}.controls-buttons{flex-wrap:wrap}}.unit-card{background:#fff;border:2px solid #8B4513;border-radius:10px;padding:10px;text-align:center;box-shadow:0 2px 5px #0000001a;overflow:hidden;position:relative}.unit-image{width:calc(100% + 24px);height:auto;border-radius:8px 8px 0 0;margin:-12px -12px 6px;display:block;box-shadow:0 2px 4px #00000026}.unit-card-title{font-weight:700;color:#8b4513;font-size:.95em;margin-bottom:6px}.unit-stats{font-size:.85em;margin:4px 0;line-height:1.3}.unit-cost{background:#ffe4b5;padding:4px 6px;border-radius:5px;font-size:.95em;display:inline-block}.unit-description{font-size:.7em;color:#666;margin:4px 0;line-height:1.2}.cost-recruit-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}.recruit-button{margin-top:0;padding:6px 12px;background-color:#e2ba55;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;font-size:.85em;flex:1;transition:background-color .3s;font-family:Cinzel,serif}.recruit-button:hover{background-color:#45a049}.recruit-button:disabled{background-color:#ccc;cursor:not-allowed}.units-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0;transition:grid-template-columns .3s ease}.units-grid.two-columns{grid-template-columns:repeat(2,1fr)}.units-grid.two-columns .cost-recruit-row{flex-direction:column;gap:4px}.units-grid.two-columns .recruit-button{width:100%}.units-grid.compact{grid-template-columns:repeat(3,1fr);gap:8px}.units-grid.compact .unit-card{padding:6px}.units-grid.compact .unit-image{display:none}.units-grid.compact .unit-card-title{font-size:.8em;margin-bottom:3px}.units-grid.compact .unit-stats{font-size:.7em;margin:2px 0}.units-grid.compact .unit-description{display:none}.units-grid.compact .cost-recruit-row{flex-direction:column;gap:2px;margin-top:3px}.units-grid.compact .unit-cost{padding:2px 4px;font-size:.75em}.units-grid.compact .recruit-button{padding:3px 6px;font-size:.7em;width:100%}.units-grid.compact .sacrifice-counter{margin:3px 0}.units-grid.compact .sacrifice-bar{height:3px}.units-grid.table-view{display:block;gap:0}.units-grid.table-view .unit-card{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;margin-bottom:3px;border-radius:4px}.units-grid.table-view .unit-image{display:none}.units-grid.table-view .unit-card-title{flex:1;font-size:.7em;margin:0;text-align:left}.units-grid.table-view .unit-stats{flex-shrink:0;font-size:.65em;margin:0 4px}.units-grid.table-view .unit-description{display:none}.units-grid.table-view .cost-recruit-row{flex-shrink:0;flex-direction:row;gap:4px;margin:0}.units-grid.table-view .unit-cost{padding:2px 4px;font-size:.65em}.units-grid.table-view .recruit-button{padding:2px 6px;font-size:.65em;white-space:nowrap}.units-grid.table-view .sacrifice-counter{display:none}.sacrifice-counter{display:flex;gap:6px;justify-content:center;margin:8px 0;padding:5px 0}.sacrifice-bar{width:30%;height:8px;background-color:#ccc;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003;transition:all .4s ease}.sacrifice-bar.active{background:linear-gradient(135deg,gold,orange);box-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70066,inset 0 1px 3px #ffffff80;animation:glow 1.5s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70066,inset 0 1px 3px #ffffff80}to{box-shadow:0 0 15px gold,0 0 30px #ffd70099,inset 0 1px 5px #fffc}}.blessed-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;border-radius:10px;z-index:10;padding:10px}.blessed-text{color:gold;font-weight:700;font-size:.95em;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.4);animation:blessedPulse 2s ease-in-out infinite}@keyframes blessedPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.unit-card.blessed{opacity:.85}.unit-card.blessed .recruit-button{background-color:#666;cursor:not-allowed}.market-container{padding:20px 15px 120px;max-width:600px;margin:0 auto}.market-container h2{font-family:MedievalSharp,serif;color:#8b4513;text-align:center;margin-bottom:10px}.market-description{text-align:center;color:#666;font-size:.9em;margin-bottom:30px;padding:10px;background:#ffe4b5;border-radius:8px;border:2px solid #D2691E}.trade-section{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.trade-box{background:#fff;border:2px solid #8B4513;border-radius:10px;padding:15px}.trade-box h3{font-family:MedievalSharp,serif;color:#8b4513;text-align:center;margin:0 0 15px;font-size:1.1em}.resource-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.resource-button{background:#fff;border:3px solid #D2691E;border-radius:8px;padding:12px 8px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;font-family:Cinzel,serif}.resource-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 8px #0003}.resource-button.selected{background:#ffe4b5;border-color:#8b4513;border-width:4px;box-shadow:0 0 15px #8b451380}.resource-button.insufficient{opacity:.5;border-color:#ccc}.resource-button.disabled{opacity:.3;cursor:not-allowed}.resource-amount{position:absolute;top:4px;left:8px;font-weight:700;color:#8b4513;font-size:1.1em}.resource-icon{font-size:2.5em;margin:8px 0}.resource-name{font-size:.85em;font-weight:700;color:#8b4513}.current-amount{font-size:.75em;color:#666;font-weight:400}.trade-arrow{text-align:center;font-size:2.5em;color:#8b4513;font-weight:700;margin:10px 0}.trade-execute-button{width:100%;padding:15px;font-size:1.1em;font-weight:700;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-family:Cinzel,serif;box-shadow:0 4px 8px #0003}.trade-execute-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.trade-execute-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.market-warning{text-align:center;padding:15px;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;margin-top:20px;font-weight:700}@media (max-width: 768px){.market-container{padding:15px 10px 140px}.resource-selector{gap:8px}.resource-button{padding:10px 6px}.resource-icon{font-size:2em}.resource-name{font-size:.75em}.trade-arrow{font-size:2em;margin:5px 0}}@media (max-width: 400px){.resource-selector{grid-template-columns:repeat(3,1fr);gap:6px}.resource-button{padding:8px 4px}.resource-icon{font-size:1.8em}.resource-amount{font-size:.9em;top:2px;left:4px}.resource-name{font-size:.7em}.current-amount{font-size:.65em}}.player-resource-bar{position:fixed;bottom:60px;left:0;right:0;background:linear-gradient(135deg,#ffc194,#c71585);border-top:2px solid #654321;display:flex;justify-content:space-around;align-items:center;padding:4px 10px;box-shadow:0 -2px 10px #0000004d;z-index:999}.resource-bar-item{display:flex;align-items:center;gap:6px;background:#ffffff26;padding:6px 12px;border-radius:8px;border:2px solid rgba(255,255,255,.3)}.resource-icon{font-size:1.3em}.resource-value{font-size:1.1em;font-weight:700;color:#000;text-shadow:1px 1px 2px rgba(255,136,0,.837);min-width:25px;text-align:center}@media (max-width: 768px){.player-resource-bar{padding:3px 4px;bottom:60px}.resource-bar-item{padding:4px 8px;gap:4px}.resource-icon{font-size:1.1em}.resource-value{font-size:1em;min-width:20px}}body{font-family:Cinzel,serif;max-width:1400px;margin:0 auto;padding:95px 0 0;background-color:#f5f5f5}*{box-sizing:border-box}.sticky-header{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#8b4513,#d2691e);color:#fff;padding:8px 15px;text-align:center;font-family:MedievalSharp,serif;font-size:1.3em;font-weight:700;box-shadow:0 4px 8px #0000004d;z-index:1001}.category-nav{position:fixed;top:35px;left:0;right:0;background:#8b4513f2;display:flex;justify-content:space-around;padding:8px 10px;box-shadow:0 2px 4px #0003;z-index:1000;gap:5px}.category-nav-btn{flex:1;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0}.category-nav-btn img{width:32px;height:32px;object-fit:cover;border-radius:50%;display:block;margin:auto;background:#ffffff26;padding:4px}.category-nav-btn:hover{background:#ffffff4d;transform:scale(1.05)}.category-nav-btn:active{transform:scale(.95)}h1,h2{font-family:MedievalSharp,serif;color:#8b4513;text-align:center}.content-wrapper{padding:20px}.connection-status{position:fixed;top:95px;left:5px;padding:3px 8px;background-color:#4caf50;color:#fff;border-radius:10px;font-size:.65em;box-shadow:0 2px 5px #0003;z-index:999;transition:top .3s ease}.connection-status.tracker-tab{top:45px}.connection-status.disconnected{background-color:#f44336}.view-toggle-button{position:fixed;top:95px;right:5px;width:45px;height:45px;background:#8b4513e6;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3em;color:#fff;box-shadow:0 2px 8px #0003;transition:all .3s;z-index:999}.view-toggle-button:hover{background:#8b451399;transform:scale(1.1)}.view-toggle-button:active{transform:scale(.95)}.view-toggle-button.tracker-tab{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:3px solid #8B4513;display:flex;box-shadow:0 -2px 10px #0003;z-index:1000}.nav-button{flex:1;padding:8px;background:#fff;border:none;border-right:2px solid #D2691E;cursor:pointer;font-size:.85em;font-weight:700;color:#8b4513;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:Cinzel,serif}.nav-button:last-child{border-right:none}.nav-button.active{background:#d2691e;color:#fff}.nav-button:hover:not(.active){background:#ffe4b5}.nav-icon{font-size:1.2em}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background-color:#f44336;color:#fff;padding:8px 16px;border-radius:6px;font-size:.85em;font-weight:700;box-shadow:0 4px 12px #0006;z-index:10000;display:none;text-align:center;white-space:nowrap;cursor:pointer}.toast.success{background-color:#4caf50}.toast.show{display:block;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-60%)}15%{opacity:1;transform:translate(-50%,-50%)}85%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-40%)}}.news-ticker{position:fixed;bottom:45px;left:0;right:0;background:linear-gradient(90deg,#d2691e,#c6219a);color:#fff;padding:4px 15px;font-weight:700;font-size:1.1em;text-align:center;box-shadow:0 -2px 8px #0000004d;z-index:999;display:none;margin-bottom:15px}.news-ticker.visible{display:block}.tab-content{display:none}.tab-content.active{display:block}.rules-container{margin-top:70px;padding-bottom:80px}.section{margin:40px 0}@media (max-width: 768px){body{padding:10px 10px 70px}h1{font-size:1.5em}}