@import"https://fonts.googleapis.com/css2?family=Russo+One:wght@400&family=VT323:wght@400&family=Roboto+Condensed:wght@300;400;700&display=swap";.territory-label{pointer-events:none}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.8;transform:scale(1)}}@keyframes retro-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}}@keyframes retro-float{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-3px) translateZ(0)}}:root{--primary-color: #FF8C00;--primary-light: #FFA500;--primary-dark: #FF7F00;--secondary-color: #8B0000;--secondary-light: #A0522D;--secondary-dark: #660000;--accent-color: #008B8B;--accent-light: #20B2AA;--accent-dark: #006666;--warning-color: #FFD700;--danger-color: #DC143C;--success-color: #228B22;--bg-primary: #1A0F0A;--bg-secondary: #2D1B0E;--bg-tertiary: #3D2B1E;--bg-card: #2A1810;--bg-modal: rgba(26, 15, 10, .95);--text-primary: #FFF8DC;--text-secondary: #F5DEB3;--text-muted: #DEB887;--text-inverse: #1A0F0A;--font-primary: "Russo One", sans-serif;--font-secondary: "VT323", monospace;--font-body: "Roboto Condensed", sans-serif;--font-mono: "VT323", monospace;--font-size-xs: .9rem;--font-size-sm: 1rem;--font-size-base: 1.2rem;--font-size-lg: 1.325rem;--font-size-xl: 1.45rem;--font-size-2xl: 1.7rem;--font-size-3xl: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius: 4px;--border-radius-lg: 8px;--shadow-glow: 0 0 10px currentColor;--shadow-box: 0 4px 8px rgba(255, 140, 0, .3);--shadow-text: 0 0 5px currentColor;--shadow-retro-button: inset 0 1px 0 rgba(255,255,255,.2), 0 2px 4px rgba(0,0,0,.3);--shadow-retro-button-hover: inset 0 1px 0 rgba(255,255,255,.3), 0 0 15px rgba(255,140,0,.4);--shadow-retro-card: 0 4px 8px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.1);--transition-fast: all .2s ease;--transition-slow: all .4s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;font-display:swap;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-base)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header{background:var(--bg-secondary);border-bottom:2px solid var(--primary-color);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.logo{font-size:1.8rem;font-weight:900;color:var(--primary-color);text-shadow:var(--shadow-glow);margin:0}.nav{display:flex;gap:var(--spacing-lg)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:var(--transition-fast);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);text-decoration:none;cursor:pointer;border:none;background:transparent}.nav-link:hover,.nav-link.active{background:var(--primary-color);color:var(--text-inverse);text-shadow:none}.auth-section{display:flex;align-items:center;gap:var(--spacing-sm);min-height:40px}.btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid;border-radius:var(--border-radius);font-family:var(--font-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition-fast);text-decoration:none;display:inline-block;text-align:center;background:transparent}.btn-primary{border-color:var(--primary-color);color:var(--primary-color);background:transparent}.btn-primary:hover{background:var(--primary-color);color:var(--text-inverse);box-shadow:var(--shadow-glow)}.btn-secondary{border-color:var(--secondary-color);color:var(--secondary-color);background:transparent}.btn-secondary:hover{background:var(--secondary-color);color:var(--text-primary);box-shadow:0 0 10px var(--secondary-color)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem}.main{min-height:calc(100vh - 80px);padding:var(--spacing-xl) 0;padding-bottom:calc(var(--spacing-xl) + 45px)}.hero{text-align:center;padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--primary-color)}.hero-title{font-size:3rem;font-weight:900;color:var(--primary-color);text-shadow:var(--shadow-glow);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.hero-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.card{background:var(--bg-card);border:1px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-box)}.feature-card{background:var(--bg-card);border:1px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;transition:var(--transition-fast)}.feature-card:hover{border-color:var(--accent-color);box-shadow:0 0 20px #008b8b4d}.feature-card h3{color:var(--accent-color);margin-bottom:var(--spacing-sm);font-size:1.2rem}.feature-card p{color:var(--text-secondary);font-size:.9rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.retro-modal-backdrop{position:fixed;inset:0;background:var(--bg-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.retro-modal-content{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:3px solid var(--primary-color);border-radius:var(--border-radius-lg);max-width:500px;width:90%;position:relative;box-shadow:0 0 40px #ff8c0099,inset 0 1px #ffffff1a,0 8px 32px #0006;animation:modal-slide-in .4s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.retro-modal-wide{max-width:1200px;width:95%;max-height:90vh}.retro-modal-corner{position:absolute;width:20px;height:20px;border:2px solid var(--accent-color);z-index:1}.retro-modal-corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:var(--border-radius-lg)}.retro-modal-corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none;border-top-right-radius:var(--border-radius-lg)}.retro-modal-corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none;border-bottom-left-radius:var(--border-radius-lg)}.retro-modal-corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:var(--border-radius-lg)}.retro-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-md);border-bottom:1px solid rgba(255,140,0,.3);background:linear-gradient(90deg,rgba(255,140,0,.1) 0%,transparent 50%,rgba(0,139,139,.1) 100%)}.retro-modal-title{font-family:var(--font-primary);font-size:var(--font-size-xl);color:var(--primary-color);text-shadow:0 0 5px currentColor,0 2px 4px rgba(0,0,0,.5);margin:0;text-transform:uppercase;letter-spacing:1px}.retro-modal-close{font-size:1.5rem!important;padding:4px 8px!important;min-width:auto!important;line-height:1!important;border-radius:50%!important}.retro-modal-body{padding:var(--spacing-xl);position:relative}.retro-modal-body:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,140,0,.05) 0%,transparent 50%,rgba(0,139,139,.05) 100%);pointer-events:none;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.retro-modal-wide .retro-modal-body{max-height:calc(90vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-primary)}.retro-modal-wide .retro-modal-body::-webkit-scrollbar{width:8px}.retro-modal-wide .retro-modal-body::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.retro-modal-wide .retro-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-light),var(--primary-dark));border-radius:4px;border:1px solid var(--primary-color)}.retro-modal-wide .retro-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-color),var(--primary-dark))}.modal-backdrop{position:fixed;inset:0;background:var(--bg-modal);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);max-width:400px;width:90%;box-shadow:0 0 30px #ff8c0080}.modal-content.modal-wide{max-width:1200px;width:95%;max-height:90vh;overflow-y:auto}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.form-input{width:100%;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--primary-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 10px #008b8b4d}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.gradient-primary{background:linear-gradient(145deg,var(--primary-light),var(--primary-dark))}.gradient-secondary{background:linear-gradient(145deg,var(--secondary-light),var(--secondary-dark))}.gradient-accent{background:linear-gradient(145deg,var(--accent-light),var(--accent-dark))}.gradient-warm{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.gradient-cool{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-light) 100%)}.gradient-bg{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%)}.retro-button{padding:var(--spacing-sm) var(--spacing-md);border:2px solid;border-radius:var(--border-radius);font-family:var(--font-primary);font-weight:400;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:transform .2s ease,opacity .2s ease;text-decoration:none;display:inline-block;text-align:center;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5);color:var(--text-primary);will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.retro-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.retro-button:disabled:hover{box-shadow:none!important;transform:none!important}.retro-button-primary{background:linear-gradient(145deg,var(--primary-light),var(--primary-dark));border-color:var(--primary-color);box-shadow:var(--shadow-retro-button)}.retro-button-primary:hover:not(:disabled){box-shadow:var(--shadow-retro-button-hover);transform:translateY(-1px)}.retro-button-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-retro-button)}.retro-button-secondary{background:linear-gradient(145deg,var(--secondary-light),var(--secondary-dark));border-color:var(--secondary-color);box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.retro-button-secondary:hover:not(:disabled){box-shadow:inset 0 1px #ffffff4d,0 0 15px #8b000066;transform:translateY(-1px)}.retro-button-secondary:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.retro-button-accent{background:linear-gradient(145deg,var(--accent-light),var(--accent-dark));border-color:var(--accent-color);box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.retro-button-accent:hover:not(:disabled){box-shadow:inset 0 1px #ffffff4d,0 0 15px #008b8b66;transform:translateY(-1px)}.retro-button-accent:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.retro-button-danger{background:linear-gradient(145deg,#FF6B6B,var(--danger-color));border-color:var(--danger-color);box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.retro-button-danger:hover:not(:disabled){box-shadow:inset 0 1px #ffffff4d,0 0 15px #dc143c66;transform:translateY(-1px)}.retro-button-danger:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.retro-button-success{background:linear-gradient(145deg,#32CD32,var(--success-color));border-color:var(--success-color);box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.retro-button-success:hover:not(:disabled){box-shadow:inset 0 1px #ffffff4d,0 0 15px #228b2266;transform:translateY(-1px)}.retro-button-success:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.retro-button-small{padding:calc(var(--spacing-xs)) calc(var(--spacing-sm));font-size:var(--font-size-sm);letter-spacing:.5px}.retro-button-medium{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.retro-button-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);letter-spacing:1.5px}.retro-button-disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.retro-button-disabled:hover{transform:none!important;box-shadow:var(--shadow-retro-button)!important}.retro-card{background:var(--bg-card);border:2px solid var(--primary-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-retro-card);position:relative}.retro-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,140,0,.1) 0%,transparent 50%,rgba(0,139,139,.1) 100%);border-radius:inherit;pointer-events:none}.retro-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #00000080,0 0 20px #008b8b4d}.retro-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}.retro-text-primary{font-family:var(--font-primary);color:var(--primary-color);text-shadow:0 2px 4px rgba(0,0,0,.5)}.retro-text-secondary{font-family:var(--font-secondary);color:var(--text-secondary)}.retro-text-body{font-family:var(--font-body);color:var(--text-primary)}.retro-border{border:2px solid var(--primary-color);position:relative}.retro-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--primary-color) 0%,var(--accent-color) 50%,var(--secondary-color) 100%);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.retro-border:hover:before{opacity:.7}.retro-password-prompt{text-align:center}.retro-password-description{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);line-height:1.5}.retro-lobby-name{color:var(--primary-color);font-family:var(--font-primary);font-weight:700;text-shadow:0 0 5px currentColor}.retro-password-form{text-align:left}.retro-password-input{text-align:center;font-family:var(--font-secondary);font-size:var(--font-size-lg);letter-spacing:2px}.retro-password-input:focus{box-shadow:0 0 10px #008b8b4d,inset 0 0 5px #ff8c001a}.retro-password-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.retro-map-preview,.retro-scenario-preview-modal{min-width:600px;min-height:500px}.retro-scenario-preview-container{height:400px;width:100%;margin-bottom:var(--spacing-lg)}.retro-scenario-preview-actions{text-align:center}.retro-delete-confirmation{text-align:center;padding:var(--spacing-md)}.retro-delete-message{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);line-height:1.5}.retro-delete-name{color:var(--primary-color);font-family:var(--font-primary);font-weight:700;text-shadow:0 0 5px currentColor}.retro-delete-actions{display:flex;gap:var(--spacing-md);justify-content:center}.retro-map-loading,.retro-map-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;text-align:center}.retro-loading-icon,.retro-error-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.retro-loading-text{color:var(--text-secondary);font-family:var(--font-body)}.retro-error-text{color:var(--danger-color);font-family:var(--font-body);font-weight:700}.retro-map-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.retro-scenario-info{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:1px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);position:relative}.retro-scenario-info:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,140,0,.05) 0%,transparent 50%,rgba(0,139,139,.05) 100%);border-radius:inherit;pointer-events:none}.retro-scenario-details{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);position:relative;z-index:1}.retro-detail-item{display:flex;align-items:center;gap:var(--spacing-xs)}.retro-detail-label{color:var(--text-primary);font-family:var(--font-primary);font-weight:700;text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:1px}.retro-detail-value{color:var(--text-secondary);font-family:var(--font-body)}.retro-scenario-description{position:relative;z-index:1}.retro-description-text{color:var(--text-secondary);font-family:var(--font-body);margin-top:var(--spacing-xs);line-height:1.5;margin-bottom:0}.retro-map-display{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:2px solid var(--accent-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);min-height:400px;position:relative;overflow:hidden}.retro-map-display:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,139,139,.1) 0%,transparent 50%,rgba(255,140,0,.1) 100%);border-radius:inherit;pointer-events:none}.retro-map-container{height:400px;width:100%;position:relative;z-index:1}.retro-map-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px;color:var(--text-secondary);position:relative;z-index:1}.retro-placeholder-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.retro-placeholder-text{font-family:var(--font-body)}.retro-map-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.retro-stat-card{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:2px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);text-align:center;position:relative;box-shadow:var(--shadow-retro-card);transition:var(--transition-fast)}.retro-stat-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #00000080,0 0 20px #008b8b4d}.retro-stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,140,0,.1) 0%,transparent 50%,rgba(0,139,139,.1) 100%);border-radius:inherit;pointer-events:none}.retro-stat-value{font-size:var(--font-size-2xl);color:var(--primary-color);font-family:var(--font-primary);font-weight:700;text-shadow:0 0 5px currentColor;position:relative;z-index:1}.retro-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;margin-top:var(--spacing-xs);position:relative;z-index:1}.retro-map-actions{text-align:center;margin-top:var(--spacing-xl)}.game-list-item{padding:var(--spacing-lg);margin:var(--spacing-xs);border-radius:var(--border-radius);background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:1px solid rgba(255,140,0,.2);transition:all var(--transition-fast);position:relative;overflow:hidden;will-change:transform,box-shadow;backface-visibility:hidden;transform:translateZ(0)}.game-list-item-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;gap:var(--spacing-md)}.game-list-item-active-game{border-color:#228b224d}.game-list-item-active-game:hover{border-color:#228b2299;box-shadow:0 4px 12px #228b2233}.game-list-item-disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.game-list-item-disabled:hover{transform:none!important;box-shadow:none!important;border-color:#ff8c0033!important}.game-list-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.game-list-item-title{font-family:var(--font-primary);color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs) 0;text-shadow:0 0 5px currentColor;word-wrap:break-word;overflow-wrap:break-word}.game-list-item-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;word-wrap:break-word;overflow-wrap:break-word}.status-success{background:linear-gradient(145deg,var(--success-color),#1e7e1e);color:var(--text-primary);border:1px solid var(--success-color)}.status-warning{background:linear-gradient(145deg,var(--warning-color),#e6c200);color:var(--text-inverse);border:1px solid var(--warning-color)}.status-info{background:linear-gradient(145deg,var(--accent-color),var(--accent-dark));color:var(--text-primary);border:1px solid var(--accent-color)}.status-danger{background:linear-gradient(145deg,var(--danger-color),#b91c3c);color:var(--text-primary);border:1px solid var(--danger-color)}.metadata-item-icon{opacity:.8;flex-shrink:0}.metadata-item-text{display:flex;align-items:center;gap:var(--spacing-xs)}.metadata-item-label{font-weight:600;color:var(--text-secondary)}.metadata-item-value{font-weight:400;color:var(--text-primary)}.metadata-item-primary .metadata-item-value{color:var(--primary-color);font-weight:600}.game-list-item-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;flex-wrap:wrap}.game-list-item-action-button svg{flex-shrink:0}@media (max-width: 768px){.game-list-item{padding:var(--spacing-md);margin:var(--spacing-xs) 0}.game-list-item-content{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.game-list-item-header{flex-direction:column;gap:var(--spacing-sm)}.game-list-item-title-section{order:1}.game-list-item-status{order:2;align-self:flex-start}.game-list-item-metadata{gap:var(--spacing-sm);justify-content:flex-start}.game-list-item-actions{justify-content:flex-end;gap:var(--spacing-xs)}.game-list-item-action-button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 480px){.game-list-item{padding:var(--spacing-sm)}.game-list-item-title{font-size:var(--font-size-base)}.game-list-item-metadata{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.game-list-item-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.game-list-item-action-button{justify-content:center}}@media (prefers-contrast: high){.game-list-item{border-width:2px;border-color:var(--primary-color)}.game-list-item-status{border-width:2px}.metadata-item-icon{opacity:1}}.game-list-item:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}.retro-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.retro-card-hover:hover{animation:retro-float 2s ease-in-out infinite}@keyframes card-glow-pulse{0%,to{box-shadow:0 4px 8px #0006,inset 0 1px #ffffff1a}50%{box-shadow:0 4px 8px #0006,inset 0 1px #ffffff1a,0 0 15px currentColor}}@keyframes attack-pulse{0%{opacity:.8;transform:scaleX(.9) translateZ(0)}to{opacity:1;transform:scaleX(1.1) translateZ(0)}}@keyframes arrow-throb{0%{transform:scale(.8) translateZ(0)}to{transform:scale(1.2) translateZ(0)}}@keyframes territory-pulse{0%,to{opacity:.6;transform:scale(1) translateZ(0)}50%{opacity:1;transform:scale(1.05) translateZ(0)}}@keyframes territory-glow{0%,to{opacity:.7;transform:translateZ(0)}50%{opacity:1;transform:translateZ(0)}}@keyframes territory-fade{0%,to{opacity:.4;transform:translateZ(0)}50%{opacity:.8;transform:translateZ(0)}}@keyframes result-popup{0%{transform:scale(0) rotate(-180deg) translateZ(0);opacity:0}50%{transform:scale(1.2) rotate(-10deg) translateZ(0);opacity:1}to{transform:scale(1) rotate(0) translateZ(0);opacity:1}}@keyframes reinforce-bounce{0%,to{transform:scale(1) translateY(0) translateZ(0)}50%{transform:scale(1.1) translateY(-3px) translateZ(0)}}@keyframes arrow-float-up{0%{transform:translateY(0) scale(1) translateZ(0);opacity:1}to{transform:translateY(-20px) scale(.8) translateZ(0);opacity:0}}@keyframes fortify-flow{0%{transform:translate(0) translateZ(0)}to{transform:translate(32px) translateZ(0)}}@keyframes arrow-slide{0%,to{transform:translate(0) translateZ(0)}50%{transform:translate(3px) translateZ(0)}}@keyframes units-slide{0%,to{transform:translate(0) scale(1) translateZ(0)}50%{transform:translate(5px) scale(1.05) translateZ(0)}}.territory-gradient{background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%)}.territory-selected{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,248,220,.6));stroke:#fff8dc;stroke-width:4;stroke-dasharray:8,4}.territory-selectable{filter:brightness(1.15) drop-shadow(0 0 4px rgba(255,215,0,.4));stroke:gold;stroke-width:3;stroke-dasharray:4,2}.territory-default{filter:brightness(1) drop-shadow(0 0 2px rgba(0,0,0,.3));stroke:#2d1b0e;stroke-width:2}.territory-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.territory-hover:hover{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,248,220,.6))!important;stroke-width:4!important}.army-counter-bg{fill:#1a0f0ae6;stroke:#ff8c00;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.territory-name-text{fill:#fff8dc;font-family:Russo One,sans-serif;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.8);stroke:#00000080;stroke-width:1}.activity-ticker{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--primary-color);border-radius:var(--border-radius-lg);overflow:hidden;position:relative;box-shadow:0 0 20px #ff8c004d,inset 0 1px #ffffff1a;margin:var(--spacing-md) 0}.activity-ticker:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,140,0,.1) 0%,transparent 50%,rgba(0,139,139,.1) 100%);pointer-events:none;z-index:1}.activity-ticker-content{display:flex;align-items:center;height:100%;white-space:nowrap;font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8);position:relative;z-index:2;animation:ticker-scroll var(--ticker-speed, 30s) linear infinite;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}@media (max-width: 768px){.activity-ticker{margin:var(--spacing-sm) 0;height:35px!important}.activity-ticker-content{font-size:var(--font-size-sm)}}.activity-ticker.disconnected{border-color:var(--danger-color);box-shadow:0 0 20px #dc143c4d,inset 0 1px #ffffff1a}.activity-ticker.disconnected:before{background:linear-gradient(90deg,rgba(220,20,60,.1) 0%,transparent 50%,rgba(220,20,60,.1) 100%)}.army-counter-bg{fill:#000000e6;stroke-width:1px;filter:drop-shadow(0 0 3px rgba(255,140,0,.4));pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.army-units-text{fill:gold;font-family:VT323,monospace;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,1),0 0 6px rgba(0,0,0,.8);stroke:#000000e6;stroke-width:.5px;filter:drop-shadow(0 0 2px rgba(255,215,0,.6));pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes continent-pulse{0%,to{stroke-opacity:.4;stroke-width:3}50%{stroke-opacity:.8;stroke-width:4}}@keyframes continent-glow{0%,to{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 6px currentColor)}}@keyframes retro-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes retro-loading-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes retro-loading-dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes retro-button-hover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.02)}}@keyframes retro-card-hover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.03)}}@keyframes retro-icon-hover{0%{transform:scale(1) rotate(0)}to{transform:scale(1.1) rotate(5deg)}}@keyframes retro-text-glow-hover{0%{text-shadow:0 0 5px currentColor}to{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}}@keyframes retro-input-focus{0%{box-shadow:0 0 #008b8b00;border-color:var(--primary-color)}to{box-shadow:0 0 15px #008b8b66;border-color:var(--accent-color)}}@keyframes retro-modal-entrance{0%{opacity:0;transform:translateY(-100px) scale(.8);filter:blur(5px)}50%{opacity:.8;transform:translateY(-20px) scale(1.05);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes retro-list-hover{0%{background:transparent;transform:translate(0)}to{background:linear-gradient(90deg,#ff8c001a,#ff8c000d);transform:translate(5px)}}@keyframes retro-status-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes retro-success-glow{0%,to{box-shadow:0 0 5px #228b224d}50%{box-shadow:0 0 20px #228b2299}}@keyframes retro-warning-glow{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}@keyframes retro-danger-glow{0%,to{box-shadow:0 0 5px #dc143c4d}50%{box-shadow:0 0 20px #dc143c99}}.retro-button-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.retro-button-interactive:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.retro-button-interactive:hover:before{left:100%}.retro-button-interactive:hover{animation:retro-button-hover .3s ease forwards}.retro-button-interactive:active{transform:translateY(0) scale(.98);transition:all .1s ease}.retro-card-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.retro-card-interactive:hover{animation:retro-card-hover .3s ease forwards;border-color:var(--accent-color);box-shadow:0 8px 25px #0006,0 0 20px #008b8b4d,inset 0 1px #fff3}.retro-list-item{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--border-radius);position:relative;overflow:hidden}.retro-list-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff8c001a,#ff8c000d);opacity:0;transition:opacity .3s ease}.retro-list-item:hover:before{opacity:1}.retro-list-item:hover{animation:retro-list-hover .3s ease forwards;border-color:var(--primary-color)}.retro-icon-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.retro-icon-interactive:hover{animation:retro-icon-hover .3s ease forwards;filter:drop-shadow(0 0 8px currentColor)}.retro-text-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.retro-text-interactive:hover{animation:retro-text-glow-hover .3s ease forwards}.retro-input-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.retro-input-interactive:focus{animation:retro-input-focus .3s ease forwards;outline:none}.retro-input-interactive:hover:not(:focus){border-color:var(--primary-light);box-shadow:0 0 5px #ff8c0033}.retro-loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--text-muted);border-radius:50%;border-top-color:var(--primary-color);animation:retro-loading-spin 1s linear infinite}.retro-loading-pulse{animation:retro-loading-pulse 2s ease-in-out infinite}.retro-loading-dots:after{content:"...";display:inline-block;animation:retro-loading-dots 1.5s infinite}.retro-status-active{animation:retro-status-pulse 2s ease-in-out infinite}.retro-status-success{animation:retro-success-glow 2s ease-in-out infinite}.retro-status-warning{animation:retro-warning-glow 2s ease-in-out infinite}.retro-status-danger{animation:retro-danger-glow 2s ease-in-out infinite}.retro-disabled{opacity:.6;filter:grayscale(.3);cursor:not-allowed;transition:all .3s ease}.retro-disabled:hover{transform:none!important;animation:none!important}@media (prefers-reduced-motion: reduce){.retro-button-interactive,.retro-card-interactive,.retro-list-item,.retro-icon-interactive,.retro-text-interactive,.retro-input-interactive{animation:none!important;transition:opacity .2s ease,color .2s ease!important}.retro-loading-spinner{animation:none!important;border-top-color:var(--primary-color)}.retro-status-active,.retro-status-success,.retro-status-warning,.retro-status-danger{animation:none!important}}@keyframes phase-transition-in{0%{opacity:0;transform:translate(-30px) scale(.95);filter:blur(3px)}50%{opacity:.7;transform:translate(-10px) scale(1.02);filter:blur(1px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes phase-transition-out{0%{opacity:1;transform:translate(0) scale(1);filter:blur(0)}50%{opacity:.7;transform:translate(10px) scale(.98);filter:blur(1px)}to{opacity:0;transform:translate(30px) scale(.95);filter:blur(3px)}}@keyframes card-play-slide{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}50%{transform:translateY(-20px) scale(1.1) rotate(-5deg);opacity:.8}to{transform:translateY(-100px) scale(.8) rotate(-10deg);opacity:0}}@keyframes card-deal{0%{transform:translateY(-100px) scale(.8) rotate(10deg);opacity:0}50%{transform:translateY(-20px) scale(1.1) rotate(5deg);opacity:.8}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes card-flip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.05)}to{transform:rotateY(0) scale(1)}}@keyframes territory-select{0%{transform:scale(1);filter:brightness(1) drop-shadow(0 0 2px rgba(0,0,0,.3))}50%{transform:scale(1.05);filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,248,220,.8))}to{transform:scale(1.02);filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,248,220,.6))}}@keyframes territory-deselect{0%{transform:scale(1.02);filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,248,220,.6))}to{transform:scale(1);filter:brightness(1) drop-shadow(0 0 2px rgba(0,0,0,.3))}}@keyframes territory-highlight{0%,to{filter:brightness(1.15) drop-shadow(0 0 4px rgba(255,215,0,.4))}50%{filter:brightness(1.25) drop-shadow(0 0 8px rgba(255,215,0,.6))}}@keyframes action-success{0%{transform:scale(1);box-shadow:0 0 #228b2200}50%{transform:scale(1.05);box-shadow:0 0 20px #228b2299}to{transform:scale(1);box-shadow:0 0 10px #228b224d}}@keyframes action-failure{0%{transform:translate(0);box-shadow:0 0 #dc143c00}25%{transform:translate(-5px);box-shadow:0 0 15px #dc143c66}75%{transform:translate(5px);box-shadow:0 0 15px #dc143c66}to{transform:translate(0);box-shadow:0 0 5px #dc143c33}}@keyframes turn-change{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes player-turn-highlight{0%,to{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-color:var(--primary-color)}50%{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);border-color:var(--primary-light)}}@keyframes game-start{0%{opacity:0;transform:scale(.8) rotate(-5deg);filter:blur(5px)}50%{opacity:.8;transform:scale(1.1) rotate(2deg);filter:blur(2px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}@keyframes game-end{0%{opacity:1;transform:scale(1);filter:blur(0)}50%{opacity:.7;transform:scale(1.05);filter:blur(1px)}to{opacity:.3;transform:scale(.95);filter:blur(3px) grayscale(.5)}}@keyframes panel-slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes panel-slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes panel-slide-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes notification-bounce-in{0%{transform:translateY(-100px) scale(.8);opacity:0}50%{transform:translateY(10px) scale(1.1);opacity:.9}to{transform:translateY(0) scale(1);opacity:1}}@keyframes notification-fade-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(.9);opacity:0}}.game-phase-enter{animation:phase-transition-in .5s cubic-bezier(.4,0,.2,1)}.game-phase-exit{animation:phase-transition-out .3s cubic-bezier(.4,0,.2,1)}.card-play{animation:card-play-slide .6s cubic-bezier(.4,0,.2,1) forwards}.card-deal{animation:card-deal .5s cubic-bezier(.4,0,.2,1)}.card-flip{animation:card-flip .4s cubic-bezier(.4,0,.2,1)}.territory-selecting{animation:territory-select .3s cubic-bezier(.4,0,.2,1) forwards}.territory-deselecting{animation:territory-deselect .2s cubic-bezier(.4,0,.2,1) forwards}.territory-highlighted{animation:territory-highlight 2s ease-in-out infinite}.action-success{animation:action-success .5s cubic-bezier(.4,0,.2,1)}.action-failure{animation:action-failure .4s cubic-bezier(.4,0,.2,1)}.turn-changing{animation:turn-change .6s cubic-bezier(.4,0,.2,1)}.player-turn-active{animation:player-turn-highlight 3s ease-in-out infinite}.game-starting{animation:game-start 1s cubic-bezier(.4,0,.2,1)}.game-ending{animation:game-end 1s cubic-bezier(.4,0,.2,1) forwards}.panel-enter-left{animation:panel-slide-in-left .4s cubic-bezier(.4,0,.2,1)}.panel-enter-right{animation:panel-slide-in-right .4s cubic-bezier(.4,0,.2,1)}.panel-enter-bottom{animation:panel-slide-in-bottom .4s cubic-bezier(.4,0,.2,1)}.notification-enter{animation:notification-bounce-in .5s cubic-bezier(.4,0,.2,1)}.notification-exit{animation:notification-fade-out .3s cubic-bezier(.4,0,.2,1) forwards}.game-element-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.game-element-fast-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}.game-element-slow-transition{transition:all .5s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.game-phase-enter,.game-phase-exit,.card-play,.card-deal,.card-flip,.territory-selecting,.territory-deselecting,.territory-highlighted,.action-success,.action-failure,.turn-changing,.player-turn-active,.game-starting,.game-ending,.panel-enter-left,.panel-enter-right,.panel-enter-bottom,.notification-enter,.notification-exit{animation:none!important}.game-element-transition,.game-element-fast-transition,.game-element-slow-transition{transition:opacity .2s ease!important}}.retro-heading-1{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--primary-color);text-shadow:0 0 5px currentColor,0 2px 4px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:2px;margin:0 0 var(--spacing-lg) 0;line-height:1.2}.retro-heading-2{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--primary-color);text-shadow:0 0 3px currentColor,0 1px 2px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 var(--spacing-md) 0;line-height:1.3}.retro-heading-3{font-family:var(--font-primary);font-size:var(--font-size-xl);color:var(--accent-color);text-shadow:0 0 2px currentColor,0 1px 2px rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:1px;margin:0 0 var(--spacing-sm) 0;line-height:1.4}.retro-heading-4{font-family:var(--font-primary);font-size:var(--font-size-lg);color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0;line-height:1.4}.retro-body-large{font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--text-primary);line-height:1.6;margin:0 0 var(--spacing-md) 0}.retro-body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6;margin:0 0 var(--spacing-md) 0}.retro-body-small{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-sm) 0}.retro-tech-large{font-family:var(--font-secondary);font-size:var(--font-size-lg);color:var(--accent-color);text-shadow:0 0 2px currentColor;letter-spacing:1px;line-height:1.4;margin:0 0 var(--spacing-md) 0}.retro-tech{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--accent-color);text-shadow:0 0 1px currentColor;letter-spacing:.5px;line-height:1.4;margin:0 0 var(--spacing-sm) 0}.retro-tech-small{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:.5px;line-height:1.3;margin:0 0 var(--spacing-xs) 0}.retro-label{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-weight:400;margin:0 0 var(--spacing-xs) 0;line-height:1.3}.retro-caption{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4;margin:0}.retro-text-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}.retro-text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 3px rgba(0,0,0,.3)}.retro-text-embossed{text-shadow:0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(0,0,0,.5)}.retro-text-inset{text-shadow:0 -1px 0 rgba(255,255,255,.1),0 1px 0 rgba(0,0,0,.8)}.retro-text-primary{color:var(--primary-color)}.retro-text-secondary{color:var(--secondary-color)}.retro-text-accent{color:var(--accent-color)}.retro-text-success{color:var(--success-color)}.retro-text-warning{color:var(--warning-color)}.retro-text-danger{color:var(--danger-color)}.retro-text-muted{color:var(--text-muted)}.retro-text-light{color:var(--text-secondary)}.retro-text-interactive{transition:var(--transition-fast);cursor:pointer}.retro-text-interactive:hover{text-shadow:0 0 5px currentColor,0 0 10px currentColor;transform:translateY(-1px)}.retro-text-center{text-align:center}.retro-text-left{text-align:left}.retro-text-right{text-align:right}.retro-text-uppercase{text-transform:uppercase;letter-spacing:1px}.retro-text-lowercase{text-transform:lowercase}.retro-text-capitalize{text-transform:capitalize}.retro-text-no-margin{margin:0}.retro-text-tight{line-height:1.2}.retro-text-loose{line-height:1.8}@media (max-width: 768px){.retro-heading-1{font-size:var(--font-size-2xl);letter-spacing:1.5px}.retro-heading-2{font-size:var(--font-size-xl);letter-spacing:1px}.retro-heading-3{font-size:var(--font-size-lg);letter-spacing:.5px}.retro-body-large,.retro-tech-large{font-size:var(--font-size-base)}}@media (max-width: 480px){.retro-heading-1{font-size:var(--font-size-xl);letter-spacing:1px}.retro-heading-2{font-size:var(--font-size-lg);letter-spacing:.5px}.retro-heading-3{font-size:var(--font-size-base);letter-spacing:0px}}.retro-icon{display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.retro-icon:hover{transform:scale(1.1)}.retro-icon-interactive{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.retro-icon-interactive:hover{transform:scale(1.2);filter:brightness(1.2) drop-shadow(0 0 8px currentColor)}.retro-icon-interactive:active{transform:scale(1.05)}.retro-icon-xs{width:16px;height:16px}.retro-icon-sm{width:20px;height:20px}.retro-icon-md{width:24px;height:24px}.retro-icon-lg{width:32px;height:32px}.retro-icon-xl{width:48px;height:48px}.retro-icon-primary{color:var(--primary-color)}.retro-icon-secondary{color:var(--secondary-color)}.retro-icon-accent{color:var(--accent-color)}.retro-icon-success{color:var(--success-color)}.retro-icon-warning{color:var(--warning-color)}.retro-icon-danger{color:var(--danger-color)}.retro-icon-muted{color:var(--text-muted)}.retro-icon-glow{filter:drop-shadow(0 0 3px currentColor)}.retro-icon-glow-strong{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)}.retro-icon-pulse{animation:retro-icon-pulse 2s ease-in-out infinite}@keyframes retro-icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.retro-icon-spin{animation:retro-icon-spin 1s linear infinite}@keyframes retro-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retro-icon-bounce{animation:retro-icon-bounce 1s ease-in-out infinite}@keyframes retro-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.retro-icon-text{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.retro-icon-text-vertical{display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.continent-boundary{stroke-dasharray:8,4;animation:continent-pulse 3s ease-in-out infinite;pointer-events:none}.continent-label{font-family:Russo One,sans-serif;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);stroke:#000c;stroke-width:.5px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.8;animation:continent-glow 4s ease-in-out infinite}@media (prefers-contrast: high){.territory-name-text{fill:#fff;stroke:#000;stroke-width:2px;text-shadow:3px 3px 0px #000000}.army-units-text{fill:#ff0;stroke:#000;stroke-width:1px;text-shadow:2px 2px 0px #000000}.army-counter-bg{fill:#000000f2;stroke:#fff;stroke-width:3}.continent-boundary{stroke-width:4;stroke-opacity:1}.continent-label{opacity:1;stroke-width:1px}}.hero-title{margin-bottom:var(--spacing-lg)}.feature-card{padding:var(--spacing-xl) var(--spacing-lg)}.retro-modal-body{padding:var(--spacing-xl)}.nav{gap:var(--spacing-lg)}h1,.hero-title{font-size:var(--font-size-3xl);font-weight:900;line-height:1.2;letter-spacing:2px}h2{font-size:var(--font-size-2xl);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-xl);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-sm)}.text-muted{font-size:var(--font-size-sm);opacity:.8}.retro-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.form-input:focus{box-shadow:0 0 0 3px #008b8b4d;border-color:var(--accent-color)}.nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:disabled,.retro-button:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.text-secondary{color:wheat}.retro-button-secondary:hover{color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.territory-name-text{stroke:#000000e6;stroke-width:1px;paint-order:stroke fill}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;border-radius:var(--border-radius);z-index:1000}.skip-link:focus{top:6px}.gpu-accelerated{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}.animate-efficiently{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.animate-efficiently:hover{will-change:auto}.modal-backdrop-optimized{position:fixed;inset:0;background:var(--bg-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;contain:strict;will-change:opacity;transform:translateZ(0)}.action-indicator-base{position:fixed;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);contain:layout style paint}.territory-optimized{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);contain:layout}@font-face{font-family:Russo One;font-display:swap}@font-face{font-family:VT323;font-display:swap}@font-face{font-family:Roboto Condensed;font-display:swap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.retro-button:hover{transform:none!important}.action-indicator-base *{animation:none!important}}.perf-monitor{will-change:transform,opacity;contain:strict}.optimized-scrollbar{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-primary)}.optimized-scrollbar::-webkit-scrollbar{width:8px;height:8px}.optimized-scrollbar::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.optimized-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-light),var(--primary-dark));border-radius:4px;border:1px solid var(--primary-color);will-change:background}.optimized-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-color),var(--primary-dark))}.action-line{position:fixed;height:4px;border-radius:2px;z-index:1000;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);contain:layout style}.action-line-attack{background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));box-shadow:0 0 10px #ff8c0099;animation:attack-pulse .8s ease-in-out infinite alternate}.action-arrow{position:fixed;width:0;height:0;z-index:1001;will-change:transform;backface-visibility:hidden;transform:translateZ(0);contain:layout}.action-arrow-attack{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid var(--primary-color);filter:drop-shadow(0 0 5px rgba(255,140,0,.6));animation:arrow-throb .6s ease-in-out infinite alternate}.territory-border{position:fixed;border-radius:4px;z-index:999;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);contain:layout}.territory-border-attack-source{border:3px solid var(--primary-color);box-shadow:0 0 15px #ff8c0099;animation:territory-pulse 1s ease-in-out infinite}.territory-border-attack-target{border:3px solid var(--primary-dark);box-shadow:0 0 15px #ff8c0099;animation:territory-pulse 1s ease-in-out infinite .3s}.battle-result{position:fixed;width:120px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:1002;color:var(--text-primary);font-family:var(--font-primary);font-size:.9rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);animation:result-popup .5s ease-out;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);contain:layout style}.battle-result-success{background:linear-gradient(145deg,#228b22,#32cd32);border:2px solid #228B22;box-shadow:0 0 20px #228b2299}.battle-result-failure{background:linear-gradient(145deg,#dc143c,#ff6b6b);border:2px solid #DC143C;box-shadow:0 0 20px #dc143c99}.reinforce-icon{position:fixed;width:30px;height:30px;background:linear-gradient(145deg,var(--accent-color),var(--accent-dark));border:2px solid var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;color:var(--text-primary);font-size:1.2rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 0 15px #008b8b99;animation:reinforce-bounce .8s ease-in-out infinite;will-change:transform;backface-visibility:hidden;transform:translateZ(0);contain:layout style}.territory-border-reinforce{border:3px solid var(--accent-color);box-shadow:0 0 20px #008b8b99;animation:territory-glow 1.2s ease-in-out infinite}.reinforce-arrow{position:fixed;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid var(--accent-color);z-index:1000;filter:drop-shadow(0 0 5px rgba(0,139,139,.6));animation:arrow-float-up 1s ease-in-out infinite;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);contain:layout}.fortify-line{position:fixed;height:3px;background:repeating-linear-gradient(90deg,var(--accent-light) 0px,var(--accent-light) 8px,transparent 8px,transparent 16px);border-radius:2px;z-index:1000;filter:drop-shadow(0 0 8px rgba(65,105,225,.6));animation:fortify-flow 1.5s linear infinite;will-change:transform;backface-visibility:hidden;transform:translateZ(0);contain:layout}.fortify-arrow{position:fixed;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid var(--accent-light);z-index:1001;filter:drop-shadow(0 0 5px rgba(65,105,225,.6));animation:arrow-slide 1s ease-in-out infinite;will-change:transform;backface-visibility:hidden;transform:translateZ(0);contain:layout}.territory-border-fortify-source{border:2px solid var(--accent-dark);box-shadow:0 0 10px #4169e199;animation:territory-fade 1.5s ease-in-out infinite}.territory-border-fortify-target{border:2px solid var(--accent-light);box-shadow:0 0 15px #4169e199;animation:territory-glow 1.2s ease-in-out infinite .5s}.units-indicator{position:fixed;width:40px;height:30px;background:linear-gradient(145deg,var(--accent-light),var(--accent-dark));border:1px solid var(--accent-light);border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:1002;color:var(--text-primary);font-family:var(--font-secondary);font-size:.8rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 0 10px #4169e199;animation:units-slide 1.5s ease-in-out infinite;will-change:transform;backface-visibility:hidden;transform:translateZ(0);contain:layout style}.landing-page{min-height:100vh}.hero-with-bg{position:relative;overflow:hidden}.hero-with-bg:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(1px);z-index:-1}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 var(--spacing-md)}.features-section{position:relative}.features-grid{margin-bottom:var(--spacing-xl)}.feature-card{transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ff8c0033}.how-to-play{min-height:100vh;background:var(--bg-primary)}.content-sections{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.game-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--primary-color)}.game-section h2{color:var(--primary-color);font-size:1.8rem;margin-bottom:var(--spacing-md);text-align:center}.steps-grid,.phases-grid,.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.step-card,.phase-card,.tip-card{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--accent-color);transition:transform .3s ease}.step-card:hover,.phase-card:hover,.tip-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #ff8c001a}.step-card h3,.phase-card h3,.tip-card h3{color:var(--accent-color);margin-bottom:var(--spacing-sm)}.card-types{list-style:none;padding:0;margin-top:var(--spacing-md)}.card-types li{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.continent-bonuses{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.bonus-item{padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--accent-color);text-align:center}.victory-conditions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.condition-card{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--border-radius);border:2px solid var(--primary-color);text-align:center}.condition-card h3{color:var(--primary-color);margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.hero-content h2{font-size:2rem!important}.hero-content p{font-size:1.1rem!important}.hero-actions{flex-direction:column;align-items:center}.hero-actions button{width:100%;max-width:300px}.steps-grid,.phases-grid,.tips-grid,.features-grid{grid-template-columns:1fr}}.activity-ticker{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--primary-color);border-radius:var(--border-radius);overflow:hidden;position:relative;display:flex;align-items:center;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a;will-change:transform;contain:layout style paint}.activity-ticker:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,140,0,.1) 0%,transparent 20%,transparent 80%,rgba(0,139,139,.1) 100%);pointer-events:none;z-index:1}.activity-ticker:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-secondary) 0%,transparent 10%,transparent 90%,var(--bg-secondary) 100%);pointer-events:none;z-index:2}.activity-ticker-content{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--text-primary);white-space:nowrap;display:flex;align-items:center;height:100%;padding:0 var(--spacing-md);text-shadow:0 0 3px currentColor,0 1px 2px rgba(0,0,0,.8);letter-spacing:1px;position:relative;z-index:3;will-change:transform;backface-visibility:hidden;transform:translateZ(0);animation:ticker-scroll var(--ticker-speed, 50s) linear infinite}@keyframes ticker-scroll{0%{transform:translate(100%) translateZ(0)}to{transform:translate(-50%) translateZ(0)}}.activity-ticker:hover{border-color:var(--accent-color);box-shadow:0 2px 12px #00000080,0 0 15px #008b8b4d,inset 0 1px #ffffff26}.activity-ticker:hover:before{background:linear-gradient(90deg,rgba(0,139,139,.15) 0%,transparent 20%,transparent 80%,rgba(255,140,0,.15) 100%)}@media (max-width: 768px){.activity-ticker{height:35px!important}.activity-ticker-content{font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}}@media (max-width: 480px){.activity-ticker{height:30px!important}.activity-ticker-content{font-size:var(--font-size-xs);letter-spacing:.5px}}@media (prefers-reduced-motion: reduce){.activity-ticker-content{animation:none!important;transform:translate(0)!important;overflow:hidden;text-overflow:ellipsis}.activity-ticker-content:after{content:"...";position:absolute;right:var(--spacing-md);background:var(--bg-secondary);padding-left:var(--spacing-xs)}}.activity-ticker-content{background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 25%,var(--text-primary) 50%,var(--accent-color) 75%,var(--primary-color) 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ticker-scroll var(--ticker-speed, 50s) linear infinite,ticker-glow 3s ease-in-out infinite alternate}@keyframes ticker-glow{0%{background-position:0% 50%;filter:brightness(1)}to{background-position:100% 50%;filter:brightness(1.2)}}@supports not (-webkit-background-clip: text){.activity-ticker-content{background:none;-webkit-text-fill-color:initial;color:var(--text-primary)}}.activity-ticker{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--primary-color);border-radius:var(--border-radius);overflow:hidden;position:relative;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a;margin:var(--spacing-md) 0}.activity-ticker:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,140,0,.1) 0%,transparent 50%,rgba(0,139,139,.1) 100%);pointer-events:none}.activity-ticker-content{display:flex;align-items:center;height:100%;white-space:nowrap;font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8);animation:ticker-scroll var(--ticker-speed, 30s) linear infinite;padding:0 var(--spacing-md);position:relative;z-index:1}.activity-ticker-content.paused{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(100%) translateZ(0)}to{transform:translate(-100%) translateZ(0)}}.activity-ticker.disconnected{border-color:var(--text-muted);opacity:.7}.activity-ticker.disconnected:before{background:linear-gradient(90deg,rgba(222,184,135,.1) 0%,transparent 50%,rgba(222,184,135,.1) 100%)}.activity-ticker:hover{border-color:var(--accent-color);box-shadow:0 2px 12px #00000080,0 0 15px #008b8b4d,inset 0 1px #ffffff1a}@media (max-width: 768px){.activity-ticker{margin:var(--spacing-sm) 0}.activity-ticker-content{font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}}@media (max-width: 480px){.activity-ticker-content{font-size:var(--font-size-xs)}}.games-page-ticker{margin:var(--spacing-md) 0;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-retro-card)}.games-page-ticker:hover{transform:translateY(-1px);box-shadow:var(--shadow-retro-card),0 0 20px #ff8c004d}.games-page-ticker .activity-ticker-content{z-index:1}/ * Activity Ticker Loading and Error States */ .activity-ticker.loading-state{border-color:var(--accent-color);opacity:.8}.activity-ticker.loading-state .activity-ticker-content{animation:none;justify-content:center;color:var(--accent-color)}.activity-ticker.error-state{border-color:var(--danger-color);background:linear-gradient(135deg,#dc143c1a,#8b00001a)}.activity-ticker.error-state .activity-ticker-content{animation:none;justify-content:center;color:var(--danger-color);font-size:var(--font-size-sm)}.activity-ticker.error-state .retry-button{transition:all .2s ease}.activity-ticker.error-state .retry-button:hover{background-color:var(--danger-color);color:var(--bg-primary);transform:scale(1.05)}.activity-ticker.loading-state .activity-ticker-content:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid var(--accent-color);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}/ * Global Activity Ticker - Fixed Footer */ .global-activity-ticker{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--bg-primary);border-top:2px solid var(--primary-color);box-shadow:0 -2px 10px #0000004d;min-height:35px}.global-activity-ticker .activity-ticker{border:none;border-radius:0;margin:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);width:100%;height:35px!important;display:flex;align-items:center;position:relative}.global-activity-ticker .activity-ticker:before{display:none}.global-activity-ticker .activity-ticker:after{display:none}@media (max-width: 768px){.global-activity-ticker .activity-ticker{height:30px!important}.global-activity-ticker .activity-ticker-content{font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.main{padding-bottom:calc(var(--spacing-xl) + 40px)}}@media (max-width: 480px){.global-activity-ticker .activity-ticker{height:25px!important}.global-activity-ticker .activity-ticker-content{font-size:var(--font-size-xs)}.main{padding-bottom:calc(var(--spacing-xl) + 35px)}}.modal-overlay{z-index:1001}.global-activity-ticker .activity-ticker.loading-state{border-top-color:var(--accent-color)}.global-activity-ticker .activity-ticker.error-state{border-top-color:var(--danger-color)}.global-activity-ticker .activity-ticker.disconnected{border-top-color:var(--text-muted);opacity:.8}.game-actions-panel .btn-large{transition:all .3s ease;position:relative;overflow:hidden}.game-actions-panel .btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566!important}.game-actions-panel .btn-large:active{transform:translateY(0)}.game-actions-panel .btn-large:not(:disabled){animation:subtle-pulse 3s ease-in-out infinite}@keyframes subtle-pulse{0%,to{box-shadow:0 4px 12px #28a7454d}50%{box-shadow:0 4px 16px #28a74580}}.game-actions-panel .btn-large:disabled{animation:none;opacity:.7;cursor:not-allowed}.game-actions-panel .btn-large.btn-warning:not(:disabled){animation:warning-pulse 2s ease-in-out infinite}@keyframes warning-pulse{0%,to{box-shadow:0 4px 12px #ffc1074d}50%{box-shadow:0 4px 16px #ffc10780}}.game-actions-panel .btn-large.btn-warning:hover{box-shadow:0 6px 20px #ffc10766!important}.nav-link.readonly{opacity:.8;font-style:italic}.nav-link.readonly:hover{background-color:rgba(var(--accent-color-rgb),.1);border-bottom-color:var(--accent-color)}.nav-link.readonly.active{background-color:rgba(var(--accent-color-rgb),.15);border-bottom-color:var(--accent-color);color:var(--accent-color)}.global-activity-ticker .activity-ticker-content{width:100%;height:100%;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.global-activity-ticker{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important}.game-list-item{padding:var(--spacing-lg);margin:var(--spacing-xs);border-radius:var(--border-radius);background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:1px solid rgba(255,140,0,.2);transition:all var(--transition-fast);position:relative;overflow:hidden}.game-list-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,140,0,.05));opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.game-list-item:hover:before{opacity:1}.game-list-item:hover{border-color:#ff8c0066;transform:translateY(-1px);box-shadow:0 4px 12px #ff8c0026}.game-list-item-clickable{cursor:pointer}.game-list-item-clickable:focus{outline:2px solid var(--accent-color);outline-offset:2px}.game-list-item-disabled{opacity:.6;cursor:not-allowed}.game-list-item-disabled:hover{transform:none;border-color:#ff8c0033;box-shadow:none}.game-list-item-disabled:before{opacity:0!important}.game-list-item-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.game-list-item-info{flex:1;min-width:0}.game-list-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.game-list-item-title-section{flex:1;min-width:0}.game-list-item-title{font-family:var(--font-primary);color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs) 0;text-shadow:0 0 5px currentColor;word-wrap:break-word}.game-list-item-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;word-wrap:break-word}.game-list-item-status{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--border-radius);font-family:var(--font-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:700;text-shadow:0 0 5px currentColor;white-space:nowrap;flex-shrink:0}.status-success{background:var(--success-color);color:var(--text-inverse);border:1px solid var(--success-color)}.status-warning{background:var(--warning-color);color:var(--text-inverse);border:1px solid var(--warning-color)}.status-info{background:var(--accent-color);color:var(--text-primary);border:1px solid var(--accent-color)}.status-danger{background:var(--danger-color);color:var(--text-primary);border:1px solid var(--danger-color)}.game-list-item-metadata{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-secondary)}.metadata-item{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.metadata-item-icon{opacity:.8;display:flex;align-items:center}.metadata-item-text{display:flex;gap:var(--spacing-xs)}.metadata-item-label{font-weight:500}.metadata-item-value{font-weight:600}.metadata-item-primary .metadata-item-value{color:var(--primary-color)}.metadata-item-secondary .metadata-item-value{color:var(--text-secondary)}.metadata-item-muted .metadata-item-value{color:var(--text-muted)}.game-list-item-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;margin-left:var(--spacing-md)}.game-list-item-action-button{white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.game-list-item-active-game{border-color:#10b9814d}.game-list-item-active-game:hover{border-color:#10b98199;box-shadow:0 4px 12px #10b98133}.game-list-item-lobby{border-color:#ff8c004d}.game-list-item-lobby:hover{border-color:#ff8c0099;box-shadow:0 4px 12px #ff8c0033}.game-list-item-live-game{border-color:#008b8b4d}.game-list-item-live-game:hover{border-color:#008b8b99;box-shadow:0 4px 12px #008b8b33}@media (max-width: 768px){.game-list-item-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.game-list-item-actions{margin-left:0;justify-content:flex-end}.game-list-item-metadata{gap:var(--spacing-sm)}.metadata-item{font-size:var(--font-size-xs)}.game-list-item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.game-list-item-status{align-self:flex-start}}@media (max-width: 480px){.game-list-item{padding:var(--spacing-md);margin:var(--spacing-xs) 0}.game-list-item-actions{flex-direction:column;align-items:stretch}.game-list-item-action-button{justify-content:center}.game-list-item-metadata{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (prefers-reduced-motion: reduce){.game-list-item,.game-list-item:before{transition:none}.game-list-item:hover{transform:none}}@media (prefers-contrast: high){.game-list-item,.game-list-item-status{border-width:2px}.metadata-item-icon{opacity:1}}.game-list-item-clickable:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}@media print{.game-list-item{background:#fff!important;border:1px solid black!important;box-shadow:none!important;-moz-column-break-inside:avoid;break-inside:avoid}.game-list-item:before{display:none!important}.game-list-item-actions{display:none!important}}