:root{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--bg-card:rgba(45,45,45,0.8);--bg-card-hover:rgba(45,45,45,0.95);--color-gold:#d4af37;--color-gold-light:#f4d03f;--color-gold-dark:#b8941f;--color-red:#c0392b;--color-red-light:#e74c3c;--color-red-dark:#a93226;--text-primary:#ffffff;--text-secondary:#e0e0e0;--text-tertiary:#c4c4c4;--text-muted:#ababab;--border-color:rgba(255,255,255,0.1);--border-color-hover:rgba(255,255,255,0.2);--border-color-focus:rgba(212,175,55,0.5);--btn-primary-bg:#d4af37;--btn-primary-hover:#f4d03f;--btn-primary-active:#b8941f;--btn-secondary-bg:#c0392b;--btn-secondary-hover:#e74c3c;--btn-secondary-active:#a93226;--btn-text:#1a1a1a;--input-bg:rgba(255,255,255,0.1);--input-border:rgba(255,255,255,0.2);--input-focus:rgba(212,175,55,0.3);--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-md:0 4px 8px rgba(0,0,0,0.4);--shadow-lg:0 8px 16px rgba(0,0,0,0.5);--shadow-gold:0 4px 12px rgba(212,175,55,0.3);--gradient-gold:linear-gradient(135deg,#d4af37,#f4d03f);--gradient-dark:linear-gradient(135deg,#1a1a1a,#2d2d2d);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}body{background:radial-gradient(circle at 20% 50%,rgba(212,175,55,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(192,57,43,.05) 0,transparent 50%),var(--bg-primary);background-attachment:fixed;min-height:100vh}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md);color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--color-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.app{min-height:100vh;min-height:100dvh;width:100%}.app-header{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--gradient-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(212,175,55,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(192,57,43,.1) 0,transparent 50%);pointer-events:none}.header-top{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);position:relative;z-index:1}.header-top>div{flex:1 1}.app-header h1{margin:0 0 var(--spacing-sm) 0;font-size:2.5em;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-shadow:0 0 30px rgba(212,175,55,.3)}.app-header .subtitle{margin:var(--spacing-sm) 0;color:var(--text-secondary);font-size:1.2em;font-weight:500}.app-header .description{margin:var(--spacing-xs) 0 0 0;color:var(--text-tertiary);font-size:.95em;font-style:italic}.app-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.left-panel,.right-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.control-panel{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal)}.control-panel:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg)}.control-panel h2{margin-top:0;color:var(--text-primary);font-size:1.5em;margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gold);padding-bottom:var(--spacing-sm)}.settings-section{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.form-group,.settings-section{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:14px;font-weight:500}.input-with-hint{display:flex;align-items:center;gap:var(--spacing-sm)}.input-with-hint input{width:100px;padding:var(--spacing-sm);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);transition:var(--transition-fast)}.input-with-hint input:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 2px var(--input-focus)}.input-with-hint input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.input-hint{color:var(--text-tertiary);font-size:12px;font-style:italic;white-space:nowrap}.input-with-button{display:flex;align-items:center;gap:var(--spacing-xs)}.input-with-button input{flex:1 1;padding:var(--spacing-sm);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:14px;font-family:monospace;color:var(--text-primary);transition:var(--transition-fast)}.input-with-button input:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 2px var(--input-focus)}.input-with-button input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);min-width:32px;height:32px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.btn-small:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-color-hover);color:var(--color-gold)}.btn-small:disabled{opacity:.5;cursor:not-allowed}.action-section{margin-bottom:0}.control-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition-normal);flex:1 1;min-width:120px}.btn-large{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:18px}.btn-primary{background:var(--btn-primary-bg);box-shadow:var(--shadow-gold)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(212,175,55,.4)}.btn-primary:active:not(:disabled){background:var(--btn-primary-active);transform:translateY(0)}.btn-primary:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.6}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(192,57,43,.4)}.btn-secondary:active:not(:disabled){background:var(--btn-secondary-active);transform:translateY(0)}.btn-secondary:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.6}.divider{height:1px;background:var(--border-color);margin:var(--spacing-md) 0;opacity:.5}.status-section{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.status-group{margin-bottom:var(--spacing-sm);display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.status-group:last-child{margin-bottom:0}.status-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.status-item-full{grid-column:1/-1}.status-label{color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-value{color:var(--text-primary);font-size:16px;font-weight:700}.status-value.phase-value{text-transform:capitalize;color:var(--color-gold)}.status-value code{background:transparent;padding:0;border:none;font-family:monospace;font-size:14px;color:var(--color-gold);word-break:break-all}@media (max-width:1024px){.app-content{grid-template-columns:1fr}.header-top{flex-direction:column;align-items:stretch}.app-header h1{font-size:2em}}@media (max-width:768px){.app-header{padding:var(--spacing-md)}.app-header h1{font-size:1.8em}.settings-section{padding:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-sm)}.input-with-hint{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.input-with-hint input{width:100%}.control-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;min-width:unset}.status-group{grid-template-columns:1fr}.status-item-full{grid-column:1}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--bg-primary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,40,.95);padding-top:env(safe-area-inset-top,0)}.header-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);padding-left:max(var(--spacing-lg),env(safe-area-inset-left));padding-right:max(var(--spacing-lg),env(safe-area-inset-right));justify-content:space-between}.header-container,.header-logo{display:flex;align-items:center}.header-logo{gap:var(--spacing-sm);font-size:1.3em;font-weight:700;color:var(--text-primary);text-decoration:none}.logo-icon{display:block;flex-shrink:0;object-fit:contain;mix-blend-mode:lighten}.logo-text{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{background:none;border:none;color:var(--text-primary);font-size:1em;cursor:pointer;transition:var(--transition-fast);padding:var(--spacing-xs) var(--spacing-sm);min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.nav-link:hover{color:var(--color-gold)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-xl) var(--spacing-md);padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom));padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);align-items:start}.footer-brand,.footer-grid{border-bottom:1px solid var(--border-color)}.footer-brand{grid-column:1/-1;max-width:100%;display:flex;align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-xs)}.footer-brand .footer-logo{margin-bottom:0;flex-shrink:0}.footer-brand .footer-description{margin-bottom:0}.footer-logo{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer-logo .logo-icon{opacity:.85}.footer-logo h3{font-size:1.1em;line-height:1.4;color:var(--text-primary);margin:0}.footer-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);font-size:.95em}.footer-social{display:flex;gap:var(--spacing-sm)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast)}.social-link:hover{color:var(--color-gold);border-color:var(--color-gold);transform:translateY(-2px)}.footer-column h4{color:var(--text-primary);font-size:1.1em;line-height:1.4;margin:0 0 var(--spacing-md) 0}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-link{background:none;border:none;padding:0;color:var(--text-primary);text-decoration:none;font-size:.95em;transition:var(--transition-fast);cursor:pointer;text-align:left}.footer-link:hover{color:var(--color-gold)}.footer-link--community{display:flex;align-items:center;gap:4px;font-weight:500}.footer-link--community:hover{color:var(--color-gold);text-decoration:underline}.footer-bottom{padding-top:var(--spacing-lg);text-align:center}.footer-bottom-content{margin-bottom:var(--spacing-md)}.copyright{text-align:center}.contact,.copyright{color:var(--text-secondary);font-size:.9em;margin:0}.contact{display:flex;align-items:center;gap:var(--spacing-xs)}.contact-icon{color:var(--color-gold)}.footer-disclaimer{color:var(--text-primary);font-size:.85em;line-height:1.6;margin:0;text-align:center}.disclaimer-link{color:var(--color-gold);text-decoration:underline}.disclaimer-link:hover{color:var(--color-gold-light)}.hero-section{min-height:74vh;min-height:74dvh;display:flex;align-items:center;padding:60px var(--spacing-md) 64px;padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right));background:var(--gradient-dark);position:relative;overflow:hidden}.hero-section:before{top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 40%,rgba(212,175,55,.18) 0,transparent 45%),radial-gradient(circle at 85% 60%,rgba(192,57,43,.14) 0,transparent 45%),radial-gradient(circle at 50% 10%,rgba(212,175,55,.06) 0,transparent 40%)}.hero-section:after,.hero-section:before{content:"";position:absolute;pointer-events:none}.hero-section:after{top:-120px;right:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.07) 0,transparent 70%)}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:calc(var(--spacing-xl) * 1.5);gap:calc(var(--spacing-xl) * 1.5);align-items:start;position:relative;z-index:1;width:100%}.hero-content{color:var(--text-primary)}.hero-title{font-size:3.6em;font-weight:700;line-height:1.18;margin-bottom:var(--spacing-md);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title .highlight{color:var(--color-gold-light);-webkit-text-fill-color:var(--color-gold-light)}.hero-subtitle{font-size:1.2em;line-height:1.7;color:var(--text-secondary);max-width:560px}.hero-cta,.hero-subtitle{margin-bottom:var(--spacing-lg)}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-stats{display:flex;align-items:center;gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(212,175,55,.2)}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-number{font-size:1.6em;font-weight:800;line-height:1;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.75em;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.hero-stat-divider{width:1px;height:32px;background:rgba(212,175,55,.25);flex-shrink:0}.btn-hero-primary,.btn-hero-secondary{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1em;font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-normal);min-height:48px;display:inline-flex;align-items:center;justify-content:center}.btn-hero-primary{background:var(--btn-primary-bg);color:var(--btn-text);box-shadow:var(--shadow-gold)}.btn-hero-primary:hover{background:var(--btn-primary-hover);transform:translateY(-3px);box-shadow:0 8px 20px rgba(212,175,55,.5)}.btn-hero-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--color-gold)}.btn-hero-secondary:hover{background:var(--color-gold);color:var(--btn-text);transform:translateY(-3px)}.hero-visual{display:flex;justify-content:center;align-items:flex-start;padding-top:32px}.hero-preview{width:100%;max-width:520px;animation:hero-float 5s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.preview-card{background:var(--bg-card);border:1px solid rgba(212,175,55,.35);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-lg),0 0 40px rgba(212,175,55,.08),0 0 0 1px rgba(212,175,55,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-header{font-weight:700;color:var(--color-gold);margin-bottom:var(--spacing-md);font-size:1em;display:flex;align-items:center;gap:var(--spacing-sm)}.preview-header-icon{font-size:1.2em}.preview-badge{margin-left:auto;font-size:.7em;letter-spacing:.08em;background:var(--color-red);color:#fff;padding:2px 7px;border-radius:var(--radius-sm);font-weight:700;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.preview-content{color:var(--text-primary);flex-direction:column;margin-bottom:var(--spacing-md)}.preview-content,.preview-event{display:flex;gap:var(--spacing-sm)}.preview-event{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--color-red);align-items:baseline;font-size:.88em}.preview-event--survival{border-left-color:#27ae60}.preview-event--alliance{border-left-color:var(--color-gold)}.preview-event--death{border-left-color:var(--color-red)}.preview-event--status{border-left-color:#8e44ad}.preview-event-day{font-size:.78em;font-weight:700;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.preview-event-text{color:var(--text-secondary);line-height:1.4}.preview-footer{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.preview-cta{margin-top:var(--spacing-md);text-align:center}.preview-try-link{color:var(--color-gold);font-size:.9em;font-weight:600;text-decoration:none;transition:color var(--transition-fast),letter-spacing var(--transition-fast);letter-spacing:.02em}.preview-try-link:hover{color:var(--color-gold-light);letter-spacing:.06em}@keyframes previewEventIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.preview-event-animated{opacity:0;animation:previewEventIn .4s ease forwards}.hero-tagline{font-size:.95em;color:var(--text-muted);margin-bottom:var(--spacing-md);margin-top:calc(var(--spacing-sm) * -.5);letter-spacing:.02em}.preview-tributes{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.tribute-badge{padding:var(--spacing-xs) var(--spacing-sm);background:rgba(212,175,55,.2);border:1px solid var(--color-gold);border-radius:var(--radius-sm);color:var(--color-gold);font-size:.9em}.social-proof-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.proof-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.proof-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color)}.proof-icon{font-size:2.5em}.proof-number{font-size:1.5em;font-weight:700;color:var(--color-gold)}.proof-text{color:var(--text-secondary);font-size:.9em}.problem-solution-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-primary)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-header h2{font-size:2.5em;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.section-header p{font-size:1.2em;color:var(--text-secondary)}.problem-solution-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-xl) var(--spacing-md);max-width:1200px;margin:0 auto;align-items:start}.comparison-table{max-width:960px;margin:0 auto;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.comparison-header,.comparison-row{display:grid;grid-template-columns:48px 1fr 1fr}.comparison-header{background:var(--bg-tertiary)}.comparison-header,.comparison-row{border-bottom:1px solid var(--border-color)}.comparison-row{transition:background var(--transition-fast)}.comparison-row:last-child{border-bottom:none}.comparison-row:hover{background:var(--bg-card-hover)}.comparison-col{padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.comparison-col--label{background:var(--bg-secondary);justify-content:center;align-items:center;border-right:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-sm)}.comparison-col--problem{border-right:1px solid var(--border-color);background:rgba(192,57,43,.04)}.comparison-col--solution{background:rgba(212,175,55,.04)}.comparison-col-title{font-weight:700;font-size:.95em;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;padding:var(--spacing-sm) var(--spacing-lg)}.comparison-row-num{font-size:.75em;font-weight:700;color:var(--text-muted);letter-spacing:.05em}.comparison-icon{font-size:1.1em;font-weight:700;flex-shrink:0;margin-top:2px}.comparison-col--problem .comparison-icon{color:var(--color-red-light)}.comparison-col--solution .comparison-icon{color:#27ae60}.comparison-col strong{display:block;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1em}.comparison-col p{color:var(--text-secondary);line-height:1.6;font-size:.9em;margin:0}.features-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.feature-card{display:flex;flex-direction:column;padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition-normal)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-gold)}.feature-icon{font-size:3em;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:1.5em;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feature-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.feature-benefit{margin-top:auto;padding:var(--spacing-sm);background:rgba(212,175,55,.1);border-radius:var(--radius-sm);border-left:3px solid var(--color-gold)}.benefit-label{font-weight:700;color:var(--color-gold);margin-right:var(--spacing-xs)}.benefit-text{color:var(--text-primary)}.testimonials-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-primary)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.testimonial-card{padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition-normal)}.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.testimonial-rating{font-size:1.2em;margin-bottom:var(--spacing-md)}.testimonial-text{color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-md);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.author-avatar{font-size:2.5em;width:44px;height:44px;flex-shrink:0}.author-avatar--initials{font-size:1em;font-weight:700;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;letter-spacing:.03em}.star{font-size:1.1em}.star--filled{color:var(--color-gold)}.star--empty{color:var(--border-color-hover)}.author-name{font-weight:700;color:var(--text-primary)}.author-role{font-size:.9em;color:var(--text-secondary)}.faq-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-secondary)}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-normal)}.faq-item:hover{border-color:var(--color-gold)}.faq-question{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;text-align:left;color:var(--text-primary);font-size:1.1em;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast);min-height:48px}.faq-icon,.faq-question:hover{color:var(--color-gold)}.faq-icon{font-size:1.5em;font-weight:700;flex-shrink:0;margin-left:var(--spacing-md)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);line-height:1.6;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.final-cta-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--gradient-dark);text-align:center;position:relative;overflow:hidden}.final-cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.2) 0,transparent 70%);pointer-events:none}.cta-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-content h2{font-size:2.5em;color:var(--text-primary);margin-bottom:var(--spacing-md);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-content p{font-size:1.2em;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.cta-buttons{margin-bottom:var(--spacing-lg)}.btn-cta-primary{padding:var(--spacing-md) var(--spacing-xl);font-size:1.2em;font-weight:700;background:var(--btn-primary-bg);color:var(--btn-text);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-gold);transition:var(--transition-normal)}.btn-cta-primary:hover{background:var(--btn-primary-hover);transform:translateY(-3px);box-shadow:0 8px 20px rgba(212,175,55,.5)}.cta-guarantee{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.95em}.guarantee-icon{color:var(--color-gold);font-weight:700;font-size:1.2em}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.game-section{padding:var(--spacing-xl) var(--spacing-md);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right));background:var(--bg-primary);min-height:80vh;min-height:80dvh;border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color)}.game-section-header{text-align:center;margin-top:var(--spacing-xl);max-width:1200px;margin-left:auto;margin-right:auto}.game-section-header h2{font-size:2.5em;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.game-section-header p{font-size:1.2em;color:var(--text-secondary)}.legal-page{min-height:70vh;padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-primary)}.legal-content{max-width:800px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.legal-content h1{font-size:2.5em;color:var(--text-primary);margin-bottom:var(--spacing-sm);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-content .last-updated{color:var(--text-secondary);font-size:.9em;margin-bottom:var(--spacing-xl);font-style:italic}.legal-content h2{font-size:1.5em;color:var(--color-gold);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.legal-content p,.legal-content ul{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.legal-content ul{margin-left:var(--spacing-lg)}.legal-content li{margin-bottom:var(--spacing-xs)}.legal-content a{color:var(--color-gold);text-decoration:underline}.legal-content a:hover{color:var(--color-gold-light)}@media (max-width:1024px){.header-container{padding:var(--spacing-md)}.header-nav{gap:var(--spacing-md)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5em}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.proof-grid{grid-template-columns:repeat(3,1fr)}.problem-solution-grid{grid-template-columns:1fr}.comparison-header,.comparison-row{grid-template-columns:40px 1fr 1fr}.comparison-col{padding:var(--spacing-sm) var(--spacing-md)}.faq-section,.features-section,.final-cta-section,.problem-solution-section,.social-proof-section,.testimonials-section{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.game-section-header h2{font-size:2em}}@media (max-width:768px){.logo-text{display:none}.header-container{padding:var(--spacing-sm)}.header-nav{gap:var(--spacing-sm)}.nav-link{font-size:.9em;padding:var(--spacing-xs)}.footer-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.footer-brand{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.footer-bottom-content{flex-direction:column;text-align:center}.legal-content{padding:var(--spacing-md)}.legal-content h1{font-size:1.8em}.legal-content h2{font-size:1.3em}.hero-section{min-height:auto;padding:var(--spacing-lg) var(--spacing-md)}.hero-title{font-size:2em}.hero-subtitle{font-size:1.1em}.hero-cta{flex-direction:column;align-items:stretch}.btn-hero-primary,.btn-hero-secondary{width:100%}.hero-stats{justify-content:center;gap:var(--spacing-lg)}.section-header h2,.stat-number{font-size:2em}.section-header p{font-size:1.1em}.problem-solution-grid{gap:var(--spacing-md)}.comparison-header,.comparison-row{grid-template-columns:1fr}.comparison-col--label{display:none}.comparison-col--problem,.comparison-col--solution{border-right:none;border-bottom:1px solid var(--border-color)}.comparison-row:last-child .comparison-col--solution{border-bottom:none}.features-grid,.proof-grid{grid-template-columns:1fr}.feature-card h3{font-size:1.3em}.testimonials-grid{grid-template-columns:1fr}.cta-content h2{font-size:2em}.cta-content p{font-size:1.1em}.btn-cta-primary{width:100%}.game-section{padding:var(--spacing-lg) var(--spacing-md);min-height:auto}.game-section-header h2{font-size:1.6em}.game-section-header p{font-size:1.1em}}@media (max-width:480px){.header-container{padding:var(--spacing-xs) var(--spacing-sm)}.header-nav{gap:var(--spacing-xs)}.nav-link{font-size:.85em}.hero-title{font-size:1.6em}.hero-subtitle{font-size:1em}.hero-cta{gap:var(--spacing-sm)}.hero-stats{flex-direction:column;gap:var(--spacing-md)}.section-header h2{font-size:1.6em}.section-header p{font-size:1em}.problem-item,.solution-item{flex-direction:column;gap:var(--spacing-sm)}.proof-item{flex-direction:column;text-align:center}.proof-grid{gap:var(--spacing-md)}.cta-content h2{font-size:1.5em}.cta-content p{font-size:1em}.social-link{width:44px;height:44px}.game-section{padding:var(--spacing-md) var(--spacing-sm)}.game-section-header h2{font-size:1.4em}.game-section-header p{font-size:1em}}@media (max-width:360px){.header-nav{flex-wrap:wrap}.hero-title,.section-header h2{font-size:1.4em}}.how-to-play-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.htp-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg);max-width:1200px;margin:0 auto;counter-reset:htp-counter}.htp-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-normal);position:relative}.htp-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-gold)}.htp-step:not(:last-child):after{content:"";position:absolute;top:2.8rem;right:calc(-1 * var(--spacing-lg) / 2 - 1px);width:calc(var(--spacing-lg) + 2px);height:2px;background:linear-gradient(to right,var(--color-gold),transparent);pointer-events:none}.htp-step-number{font-size:.75em;font-weight:700;color:var(--color-gold);letter-spacing:.1em;margin-bottom:var(--spacing-xs);opacity:.7}.htp-step-icon{font-size:2.5em;margin-bottom:var(--spacing-md);line-height:1}.htp-step-body{flex:1 1}.htp-step-title{font-size:1.1em;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4}.htp-step-description{font-size:.9em;color:var(--text-secondary);line-height:1.6}@media (max-width:1024px){.htp-steps{grid-template-columns:repeat(2,1fr)}.htp-step:after{display:none}}@media (max-width:768px){.htp-steps{grid-template-columns:1fr}.htp-step{flex-direction:row;text-align:left;align-items:flex-start;gap:var(--spacing-md)}.htp-step-icon{font-size:2em;margin-bottom:0;flex-shrink:0}.htp-step-number{margin-bottom:var(--spacing-xs)}}.blog-list-hero{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);text-align:center}.blog-list-hero h1{font-size:2.8em;margin-bottom:var(--spacing-sm);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-list-hero p{color:var(--text-secondary);font-size:1.15em;max-width:600px;margin:0 auto}.blog-list-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-primary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);max-width:1100px;margin:0 auto}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.blog-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-gold)}.blog-card-tag{display:inline-block;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);border:1px solid var(--color-gold-dark);border-radius:var(--radius-sm);padding:2px 10px;width:-moz-fit-content;width:fit-content}.blog-card-title{font-size:1.2em;line-height:1.4;color:var(--text-primary)}.blog-card-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.blog-card-title a:hover{color:var(--color-gold)}.blog-card-description{color:var(--text-secondary);font-size:.95em;line-height:1.6;flex:1 1}.blog-card-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85em;color:var(--text-muted)}.blog-card-separator{opacity:.5}.blog-card-link{display:inline-block;font-size:.9em;font-weight:600;color:var(--color-gold);text-decoration:none;transition:color var(--transition-fast)}.blog-card-link:hover{color:var(--color-gold-light)}.blog-article{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-primary);min-height:70vh}.blog-article-header{max-width:800px;margin:0 auto var(--spacing-xl)}.blog-back-link{display:inline-flex;align-items:center;gap:.35em;color:var(--text-secondary);text-decoration:none;font-size:.875em;font-weight:500;margin-bottom:2rem;padding:.4em 1em .4em .75em;background:var(--bg-secondary);border:1px solid var(--border-color-hover);border-radius:100px;width:-moz-fit-content;width:fit-content;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.blog-back-link:hover{color:var(--color-gold);border-color:rgba(212,175,55,.5);background:rgba(212,175,55,.1)}.blog-article-header .blog-article-tag{display:inline-block;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);border:1px solid var(--color-gold-dark);border-radius:var(--radius-sm);padding:2px 10px;width:-moz-fit-content;width:fit-content;margin-bottom:var(--spacing-md)}.blog-article-header h1{font-size:2.4em;line-height:1.25;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.blog-article-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9em;color:var(--text-muted)}.blog-article-content{max-width:800px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl)}.blog-lead{font-size:1.1em;line-height:1.8;color:var(--text-secondary);border-left:3px solid var(--color-gold);padding-left:var(--spacing-md);margin-bottom:var(--spacing-xl)}.blog-article-content h2{font-size:1.6em;color:var(--color-gold);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.blog-article-content h3{font-size:1.2em;color:var(--text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.blog-article-content ol,.blog-article-content p,.blog-article-content ul{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.blog-article-content ol,.blog-article-content ul{margin-left:var(--spacing-lg)}.blog-article-content li{margin-bottom:var(--spacing-sm)}.blog-article-content strong{color:var(--text-primary)}.unblocked-features{list-style:none;padding:0;margin:0 0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.unblocked-features li{display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:0}.unblocked-feature-icon{font-size:1.4em;flex-shrink:0;margin-top:2px}.unblocked-features li div{display:flex;flex-direction:column;gap:.25rem}.unblocked-features li strong{color:var(--text-primary);font-size:1em}.unblocked-features li p{color:var(--text-secondary);font-size:.9em;line-height:1.6;margin:0}.blog-article-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-md)}.blog-article-footer .blog-back-link{margin-bottom:0;margin-top:0;padding:.55em 1.1em .55em .9em}.blog-article-footer .blog-back-link,.blog-article-footer .btn-primary{flex:0 0 auto;align-self:center;min-height:44px;box-sizing:border-box}.btn-primary{display:inline-flex;align-items:center;gap:.4em;padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-gold);color:var(--btn-text);font-weight:700;border-radius:var(--radius-sm);text-decoration:none;transition:opacity var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;gap:.4em;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:var(--color-gold);font-weight:600;border-radius:var(--radius-sm);border:1.5px solid var(--color-gold);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-outline:hover{background:rgba(212,175,55,.12);box-shadow:0 0 0 3px rgba(212,175,55,.15);transform:translateY(-2px)}.contact-page{min-height:70vh;padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-primary)}.contact-content{max-width:700px;margin:0 auto}.contact-content h1{font-size:2.5em;margin-bottom:var(--spacing-sm);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-content .contact-intro{color:var(--text-secondary);font-size:1.05em;line-height:1.7;margin-bottom:var(--spacing-xl)}.contact-direct{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.contact-direct h2{font-size:1.3em;color:var(--color-gold);margin-bottom:var(--spacing-sm)}.contact-direct p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.contact-direct a{color:var(--color-gold);font-weight:600;text-decoration:underline}.contact-direct a:hover{color:var(--color-gold-light)}.contact-form-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.contact-form-box h2{font-size:1.3em;color:var(--color-gold);margin-bottom:var(--spacing-lg)}.contact-form{gap:var(--spacing-md)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-group label{font-size:.9em;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea{padding:var(--spacing-sm) var(--spacing-md);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95em;font-family:inherit;transition:border-color var(--transition-fast);outline:none;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-gold);box-shadow:0 0 0 2px var(--input-focus)}.form-submit-btn{align-self:flex-start;padding:var(--spacing-sm) var(--spacing-xl);background:var(--gradient-gold);color:var(--btn-text);font-weight:700;font-size:1em;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast),box-shadow var(--transition-fast)}.form-submit-btn:hover{opacity:.9;box-shadow:var(--shadow-gold)}@media (max-width:768px){.blog-list-hero h1{font-size:2em}.blog-grid{grid-template-columns:1fr}.blog-article-header h1{font-size:1.7em}.blog-article-content{padding:var(--spacing-md)}.blog-article-footer{flex-direction:column;align-items:flex-start}.contact-content h1{font-size:1.8em}}.lang-switcher{position:relative;margin-left:var(--spacing-md);flex-shrink:0}.lang-current{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8em;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.lang-current:hover{color:var(--text-primary);border-color:var(--color-gold);background:rgba(212,175,55,.06)}.lang-globe{font-size:.95em;line-height:1}.lang-chevron{font-size:.7em;opacity:.6;transition:transform var(--transition-fast)}.lang-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:140px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);list-style:none;margin:0;padding:4px 0;z-index:200}.lang-dropdown:before{content:"";display:block;position:absolute;top:-6px;left:0;right:0;height:6px}.lang-switcher:focus-within .lang-dropdown,.lang-switcher:hover .lang-dropdown{display:block}.lang-switcher:focus-within .lang-chevron,.lang-switcher:hover .lang-chevron{transform:rotate(180deg)}.lang-option{display:flex;align-items:center;gap:8px;padding:7px 14px;text-decoration:none;color:var(--text-secondary);font-size:.85em;transition:background var(--transition-fast),color var(--transition-fast)}.lang-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.lang-option-active{color:var(--color-gold);background:rgba(212,175,55,.08)}.lang-option-code{font-weight:700;font-size:.9em;letter-spacing:.05em;min-width:24px}.lang-option-name{color:var(--text-muted);font-size:.9em}.lang-option-active .lang-option-name{color:var(--color-gold);opacity:.8}@media (max-width:480px){.lang-switcher{margin-left:var(--spacing-sm)}.lang-current{font-size:.75em;padding:3px 6px}.lang-globe{display:none}}.seo-content-section{padding:var(--spacing-xl) var(--spacing-md);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right));background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.seo-content-inner{max-width:860px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.seo-block{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.seo-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold);opacity:.7}.seo-block:hover{border-color:rgba(212,175,55,.4);box-shadow:0 4px 24px rgba(0,0,0,.25),0 0 0 1px rgba(212,175,55,.1)}.seo-block h2{font-size:1.1em;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0}.seo-block ol,.seo-block p{color:var(--text-secondary);line-height:1.75;margin:0;font-size:.95em}.seo-block ol{padding-left:var(--spacing-lg)}.seo-block ol li{margin-bottom:var(--spacing-xs)}.seo-block ol li:last-child{margin-bottom:0}@media (max-width:860px){.seo-content-inner{grid-template-columns:1fr 1fr}.seo-block:last-child{grid-column:1/-1}}@media (max-width:560px){.seo-content-inner{grid-template-columns:1fr}.seo-block:last-child{grid-column:auto}.seo-block{padding:var(--spacing-md)}}.tribute-editor{padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal)}.tribute-editor:hover{box-shadow:var(--shadow-lg)}.tribute-editor h2{margin-top:0;color:var(--text-primary);font-size:1.5em;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gold);padding-bottom:var(--spacing-sm)}.simulation-control{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.1)}.simulation-control h3{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.3em;font-weight:600;border-bottom:2px solid var(--color-gold);padding-bottom:var(--spacing-sm)}.control-settings{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);margin-bottom:var(--spacing-md);align-items:flex-end}.control-settings .form-group-seed{flex-basis:100%}.control-settings .form-group{margin-bottom:0;flex-shrink:0}.control-settings .form-group label{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.spinbox{display:inline-flex;align-items:stretch;border:2px solid var(--input-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--input-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:40px}.spinbox:focus-within{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(212,175,55,.2)}.stepper-btn{width:40px;height:100%;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;font-size:20px;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stepper-btn:hover:not(:disabled){background:var(--color-gold);color:#1a1a1a}.stepper-btn:active:not(:disabled){background:#b8941e;color:#1a1a1a}.stepper-btn:disabled{opacity:.25;cursor:not-allowed}.spinbox-input{width:56px;padding:0;text-align:center;font-size:17px;font-weight:700;color:var(--text-primary);background:var(--input-bg);border:none;border-left:1px solid var(--input-border);border-right:1px solid var(--input-border);outline:none;-moz-appearance:textfield}.spinbox-input::-webkit-inner-spin-button,.spinbox-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-range-hint{color:var(--text-secondary);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.simulation-control .divider{height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:var(--spacing-lg) 0;border:none}.simulation-control .action-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}.simulation-control .btn-start-simulation{width:auto;min-width:220px;padding:var(--spacing-md) var(--spacing-xl);font-size:16px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 6px rgba(0,0,0,.15);transition:all .3s ease}.simulation-control .btn-start-simulation:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px rgba(212,175,55,.4)}.simulation-control .btn-start-simulation:active:not(:disabled){transform:translateY(0)}.simulation-control .start-hint{color:var(--text-secondary);font-size:13px;text-align:center;margin:0;font-style:italic}.simulation-control .start-hint-ready{color:var(--color-gold);font-style:normal;font-weight:500}.simulation-control .input-with-button{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.simulation-control .input-seed{max-width:260px}.simulation-control .input-with-button input{flex:1 1;min-width:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-sm);font-size:15px;font-weight:500;font-family:inherit;color:var(--text-primary);transition:var(--transition-fast)}.simulation-control .input-seed input{max-width:220px;font-family:ui-monospace,monospace;font-size:14px}.simulation-control .input-with-button input:hover{border-color:var(--border-color-hover)}.simulation-control .input-with-button input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(212,175,55,.2)}.simulation-control .input-with-button input::placeholder{color:var(--text-tertiary);opacity:.7}.simulation-control .btn-small{padding:var(--spacing-xs) var(--spacing-sm);min-width:32px;height:32px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.simulation-control .btn-small:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-color-hover);color:var(--color-gold)}.add-tribute-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.add-tribute-form input,.add-tribute-form select{padding:var(--spacing-sm);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);transition:var(--transition-fast)}.add-tribute-form input:focus,.add-tribute-form select:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 2px var(--input-focus)}.add-tribute-form input[type=text]{flex:1 1;min-width:150px}.add-tribute-form input[type=number]{width:80px}.add-tribute-form button{padding:var(--spacing-sm) var(--spacing-md);background:var(--btn-primary-bg);color:var(--btn-text);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:700;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.add-tribute-form button:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-gold)}.attributes-form{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.attributes-form>label{display:block;margin-bottom:var(--spacing-sm);font-weight:700;color:var(--text-primary);font-size:14px}.attributes-inputs{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.attr-input label{color:var(--text-primary)}.attr-input input{padding:var(--spacing-xs)}.avatar-upload-section{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.avatar-label{display:block;margin-bottom:var(--spacing-sm);font-weight:700;color:var(--text-primary);font-size:14px}.avatar-upload-container{align-items:flex-start;flex-wrap:wrap}.avatar-preview{position:relative;width:100px;height:100px;background:var(--bg-tertiary)}.remove-avatar-btn{position:absolute;top:0;right:0;width:24px;height:24px;background:var(--btn-secondary-bg);color:var(--text-primary);border:none;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.remove-avatar-btn:hover{background:var(--btn-secondary-hover);transform:scale(1.1)}.avatar-placeholder{width:100px;height:100px;border:2px dashed var(--border-color);background:var(--bg-tertiary);text-align:center}.avatar-input-group{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:200px}.avatar-actions-group{gap:var(--spacing-sm);width:100%;align-items:stretch}.avatar-actions-group .btn-reset-avatar,.avatar-actions-group .btn-upload-avatar{flex:1 1;min-height:40px;display:flex;align-items:center;justify-content:center}.btn-upload-avatar{width:100%;border-radius:var(--radius-sm);text-align:center;letter-spacing:.3px;line-height:1.5}.btn-upload-avatar:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(212,175,55,.4)}.btn-reset-avatar{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--btn-secondary-bg);color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;text-align:center;transition:var(--transition-fast);box-shadow:var(--shadow-md);letter-spacing:.3px;line-height:1.5}.btn-reset-avatar:hover{background:var(--btn-secondary-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(192,57,43,.4)}.btn-reset-avatar:active{background:var(--btn-secondary-active);transform:translateY(0)}.avatar-divider{text-align:center;color:var(--text-muted);font-size:12px;padding:var(--spacing-xs) 0}.url-input{padding:var(--spacing-sm);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);width:100%}.url-input:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 2px var(--input-focus)}.url-input::placeholder{color:var(--text-muted)}.quick-add-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.quick-add-buttons button{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:var(--transition-fast);flex:1 1;min-width:120px}.quick-add-buttons button:hover{background:var(--bg-secondary);border-color:var(--color-gold);color:var(--color-gold)}.tribute-list h3{margin-top:0;color:var(--text-primary);margin-bottom:var(--spacing-md)}.empty-message{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--spacing-xl)}.attributes-fieldset{border:0;padding:0}.attributes-fieldset legend{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.tribute-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.tribute-card{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);justify-content:space-between;gap:var(--spacing-md);transition:var(--transition-fast);min-height:120px}.tribute-actions,.tribute-card{display:flex;align-items:flex-start}.tribute-actions{gap:var(--spacing-xs);flex-shrink:0;padding-top:var(--spacing-xs)}.tribute-avatar{flex-shrink:0;width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid var(--color-gold);background:var(--bg-tertiary)}.tribute-avatar img{width:100%;height:100%;object-fit:cover}.tribute-card:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tribute-card-clickable{cursor:pointer}.tribute-card-clickable:hover{border-color:var(--color-gold);box-shadow:0 4px 12px rgba(212,175,55,.2)}.tribute-card-clickable:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.tribute-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1;min-width:0;overflow:hidden}.tribute-info strong{color:var(--text-primary);font-size:15px;font-weight:600}.tribute-info span,.tribute-info strong{word-wrap:break-word;overflow-wrap:break-word}.tribute-info span{color:var(--text-secondary);font-size:13px}.tribute-attributes{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap}.tribute-attributes span{background:rgba(58,43,8,.95);padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;color:var(--color-gold);border:1px solid rgba(212,175,55,.45)}.edit-btn{padding:0;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:18px;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:28px;height:28px;line-height:1}.edit-btn:hover{background:var(--bg-secondary);border-color:var(--color-gold);transform:scale(1.1);box-shadow:0 2px 4px rgba(212,175,55,.3)}.remove-btn{padding:0;background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:18px;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:28px;height:28px;line-height:1}.remove-btn:hover{background:var(--btn-secondary-hover);border-color:rgba(192,57,43,.5);transform:scale(1.1);box-shadow:0 2px 4px rgba(192,57,43,.3)}@media (max-width:1024px){.tribute-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.simulation-control,.tribute-editor{padding:var(--spacing-md)}.tribute-grid{grid-template-columns:1fr}.control-settings{gap:var(--spacing-lg)}.quick-add-buttons button{min-width:100px}.edit-btn,.remove-btn{width:32px;height:32px}}@media (max-width:480px){.tribute-editor{padding:var(--spacing-sm)}.tribute-editor h2{font-size:1.3em}.simulation-control{padding:var(--spacing-sm)}.simulation-control h3{font-size:1.2em}.tribute-card{flex-direction:column;align-items:center;text-align:center}.tribute-avatar{width:60px;height:60px}.tribute-info{align-items:center}.tribute-actions{justify-content:center}.quick-add-buttons{flex-direction:column}.quick-add-buttons button{width:100%;min-width:unset}}.pace-selector{display:inline-flex;border:2px solid var(--input-border);border-radius:var(--radius-sm);overflow:hidden;height:40px}.pace-btn{flex:1 1;padding:0 14px;background:transparent;color:var(--text-secondary);border:none;border-right:1px solid var(--input-border);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.pace-btn:last-child{border-right:none}.pace-btn:hover{background:rgba(212,175,55,.1);color:var(--color-gold)}.pace-btn--active,.pace-btn--active:hover{background:var(--color-gold);color:#111}.pace-hint{display:block;margin-top:4px;font-size:11px;color:var(--text-muted);font-style:italic}.modal-content .btn-ghost{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-md);color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.modal-content .btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);color:var(--text-primary)}.modal-content .btn-ghost:active{background:rgba(255,255,255,.14)}.btn-subtle{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;cursor:pointer;transition:var(--transition-fast);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:transparent;text-decoration-color:transparent}.btn-subtle:hover{color:var(--text-tertiary);-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}.btn-subtle:active{color:var(--text-secondary)}.avatar-upload-container{display:flex;align-items:center;gap:var(--spacing-md)}.avatar-preview-container{flex-shrink:0}.avatar-preview{width:88px;height:88px;border-radius:50%;overflow:hidden;border:2px solid var(--color-gold);box-shadow:0 0 0 3px rgba(212,175,55,.2)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:88px;height:88px;border-radius:50%;border:2px dashed var(--border-color-hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}.avatar-actions-group{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.btn-upload-avatar{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--btn-primary-bg);border:none;border-radius:var(--radius-md);color:var(--btn-text);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-gold);white-space:nowrap}.btn-upload-avatar:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(212,175,55,.4)}.btn-upload-avatar:active{transform:translateY(0);background:var(--btn-primary-active)}.file-input{display:none}.attributes-fieldset{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin:0}.attributes-fieldset legend{padding:0 var(--spacing-sm);color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.03em}.attributes-inputs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-sm)}.attr-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.attr-input label{font-size:12px;color:var(--text-muted);font-weight:500}.attr-input input{width:100%;padding:var(--spacing-sm);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;text-align:center;transition:var(--transition-fast);box-sizing:border-box}.attr-input input:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 2px var(--input-focus)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;padding:max(var(--spacing-md),env(safe-area-inset-top)) max(var(--spacing-md),env(safe-area-inset-right)) max(var(--spacing-md),env(safe-area-inset-bottom)) max(var(--spacing-md),env(safe-area-inset-left));overscroll-behavior:contain}.modal-content{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--text-primary);font-size:1.5em}.modal-close{background:var(--bg-tertiary);border:1px solid var(--border-color);font-size:28px;color:var(--text-primary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg);flex:1 1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color)}.modal-footer .btn-primary{flex:initial;min-width:100px}.modal-footer .btn-ghost{flex:initial;min-width:88px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.gender-toggle{display:flex;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.gender-btn{flex:1 1;padding:var(--spacing-sm) 0;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.gender-btn+.gender-btn{border-left:1px solid var(--border-color)}.gender-btn.active{background:var(--btn-primary-bg);color:var(--btn-text)}.gender-btn:not(.active):hover{background:rgba(255,255,255,.06);color:var(--text-primary)}@media (max-width:768px){.modal-content{max-width:100%;max-height:90vh;max-height:90dvh;border-radius:var(--radius-md)}.form-row{grid-template-columns:1fr}.attributes-inputs{grid-template-columns:repeat(2,1fr)}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-md)}}@media (max-width:480px){.modal-overlay{padding:var(--spacing-xs)}.modal-content{max-height:85dvh}.modal-header h2{font-size:1.3em}.modal-footer{gap:var(--spacing-xs)}.attributes-inputs{grid-template-columns:repeat(2,1fr)}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px 20px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);pointer-events:auto;animation:toast-slide-in .3s ease-out;min-width:300px}.toast.toast-exit{animation:toast-slide-out .3s ease-in forwards}.toast-icon{font-size:20px;flex-shrink:0;margin-top:2px}.toast-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.toast-message{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;font-size:20px;line-height:1;flex-shrink:0;opacity:.6;transition:opacity .2s}.toast-close:hover{opacity:1}.toast.error{border-left:4px solid #ef4444}.toast.error .toast-icon{color:#ef4444}.toast.success{border-left:4px solid #10b981}.toast.success .toast-icon{color:#10b981}.toast.warning{border-left:4px solid #f59e0b}.toast.warning .toast-icon{color:#f59e0b}.toast.info{border-left:4px solid #3b82f6}.toast.info .toast-icon{color:#3b82f6}@keyframes toast-slide-in{0%{transform:translateX(calc(100% + 20px));opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(calc(100% + 20px));opacity:0}}@media (max-width:768px){.toast-container{left:20px;right:20px;max-width:none}.toast{min-width:0;width:100%}}.results-panel{flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--color-gold);overflow:hidden;background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(30,30,30,.95));box-shadow:0 0 0 1px rgba(212,175,55,.2),var(--shadow-md)}.winner-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:60px;position:relative}.winner-trophy{font-size:20px;flex-shrink:0;line-height:1}.winner-banner-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--color-gold);background:var(--bg-tertiary);box-shadow:0 0 8px rgba(212,175,55,.4)}.winner-banner-avatar img{width:100%;height:100%;object-fit:cover}.winner-banner-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.winner-banner-name{font-size:1.15em;font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winner-banner-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.winner-tag{font-size:11px;padding:2px 7px;border-radius:var(--radius-sm);background:rgba(255,255,255,.08);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap}.winner-tag-kills{color:var(--color-gold-light);border-color:rgba(212,175,55,.3);background:rgba(212,175,55,.1)}.winner-details-toggle{flex-shrink:0;width:28px;height:28px;background:rgba(255,255,255,.06);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);padding:0}.winner-details-toggle:hover{border-color:var(--color-gold-dark);color:var(--color-gold);background:rgba(212,175,55,.1)}.winner-details-panel{border-top:1px solid rgba(212,175,55,.2);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);animation:detailsFadeIn .18s ease both}@keyframes detailsFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.stats-section{position:relative}.stats-section h3{margin:0 0 var(--spacing-sm) 0;font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold)}.kills-list{display:flex;flex-direction:column;gap:4px}.kill-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px var(--spacing-sm);background:rgba(255,255,255,.04);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:var(--transition-fast)}.kill-item:hover{background:rgba(255,255,255,.08);border-color:rgba(212,175,55,.3);transform:translateX(3px)}.kill-item-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid var(--color-gold);background:var(--bg-tertiary);flex-shrink:0}.kill-item-avatar img{width:100%;height:100%;object-fit:cover}.rank{font-weight:700;min-width:20px;color:var(--color-gold);text-align:center}.name,.rank{font-size:13px}.name{flex:1 1;overflow:hidden;text-overflow:ellipsis}.kills,.name{white-space:nowrap}.kills{font-weight:700;font-size:12px;color:var(--color-gold-light)}.summary-section h3{margin:0 0 var(--spacing-sm) 0;font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.stat-item{background:rgba(255,255,255,.04);padding:var(--spacing-sm);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-color);transition:var(--transition-fast)}.stat-item:hover{background:rgba(255,255,255,.08);border-color:rgba(212,175,55,.3)}.stat-label{font-size:11px;color:var(--text-muted);margin-bottom:4px;text-align:center}.stat-value{font-size:1.5em;font-weight:700;color:var(--color-gold)}.results-share-actions{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-sm);display:flex;align-items:stretch;gap:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.06)}.share-btn-wrapper{flex:1 1;display:flex;position:relative}.btn-share-screenshot{flex:1 1;padding:9px var(--spacing-md);background:linear-gradient(135deg,rgba(192,57,43,.15),rgba(192,57,43,.08));border:1px solid rgba(192,57,43,.4);border-radius:var(--radius-sm);color:#e05c4a;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);text-align:center;white-space:nowrap;line-height:1.4}.btn-share-screenshot:hover:not(:disabled){background:linear-gradient(135deg,rgba(192,57,43,.3),rgba(192,57,43,.18));border-color:rgba(192,57,43,.7);color:#ff7b6b}.btn-share-screenshot:disabled{opacity:.55;cursor:not-allowed}.btn-share-link{flex:1 1;padding:9px var(--spacing-md);background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.07));border:1px solid rgba(212,175,55,.45);border-radius:var(--radius-sm);color:var(--color-gold);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);text-align:center;white-space:nowrap;line-height:1.4}.btn-share-link:hover:not(:disabled){background:linear-gradient(135deg,rgba(212,175,55,.28),rgba(212,175,55,.15));border-color:rgba(212,175,55,.8);color:var(--color-gold-light)}.btn-share-link:disabled{opacity:.55;cursor:not-allowed}.btn-challenge{flex:1 1;padding:9px var(--spacing-md);background:linear-gradient(135deg,rgba(192,57,43,.12),rgba(212,175,55,.08));border:1px solid rgba(192,57,43,.45);border-radius:var(--radius-sm);color:#e05c4a;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);text-align:center;white-space:nowrap;line-height:1.4}.btn-challenge:hover:not(:disabled){background:linear-gradient(135deg,rgba(192,57,43,.28),rgba(212,175,55,.15));border-color:rgba(192,57,43,.7);color:#ff7b6b}.btn-challenge:disabled{opacity:.55;cursor:not-allowed}.share-social-btn--challenge{background:linear-gradient(135deg,rgba(192,57,43,.15),rgba(212,175,55,.1));border-color:rgba(192,57,43,.45);color:#e05c4a}.share-btn-tooltip{display:none;bottom:calc(100% + 8px);width:200px;padding:8px 10px;background:rgba(20,20,20,.97);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11.5px;line-height:1.5;text-align:center;pointer-events:none;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.5)}.share-btn-tooltip,.share-btn-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.share-btn-tooltip:after{content:"";top:100%;border:5px solid transparent;border-top-color:rgba(255,255,255,.14)}.share-btn-wrapper:hover .share-btn-tooltip{display:block}.share-modal-overlay{position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;background:rgba(0,0,0,.72);overflow-y:auto;-webkit-overflow-scrolling:touch}.share-modal-box,.share-modal-overlay{display:flex;padding:var(--spacing-md)}.share-modal-box{position:relative;width:100%;max-width:min(640px,100vw - 24px);max-height:min(92vh,100%);margin:auto;border-radius:var(--radius-md);background:var(--bg-secondary,#1a1a1a);border:1px solid rgba(212,175,55,.35);box-shadow:0 24px 64px rgba(0,0,0,.65);flex-direction:column;gap:var(--spacing-sm);overflow:hidden}.share-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-shrink:0}.share-modal-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-gold,#d4af37);letter-spacing:.04em;text-transform:uppercase}.share-modal-close{flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid var(--border-color,rgba(255,255,255,.2));border-radius:var(--radius-sm);background:rgba(255,255,255,.06);color:var(--text-secondary,#ccc);font-size:24px;line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.share-modal-close:hover{background:rgba(255,255,255,.12);color:var(--text-primary,#fff);border-color:rgba(212,175,55,.45)}.share-modal-hint{margin:0;font-size:12px;line-height:1.45;color:var(--text-muted,#888);flex-shrink:0}.share-modal-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;flex-shrink:0;padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.07)}.share-modal-save-btn{padding:7px 14px;background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.1));border:1px solid rgba(212,175,55,.55);border-radius:var(--radius-sm);color:var(--color-gold,#d4af37);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.share-modal-save-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(212,175,55,.35),rgba(212,175,55,.2));border-color:rgba(212,175,55,.85)}.share-modal-save-btn:disabled{opacity:.55;cursor:not-allowed}.share-modal-social{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1 1}.share-modal-social-label{font-size:11px;color:var(--text-muted,#888);white-space:nowrap;margin-right:2px}.share-social-btn{padding:5px 10px;border-radius:var(--radius-sm);border:1px solid;font-size:12px;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap;line-height:1.4}.share-social-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.share-social-btn:disabled{opacity:.45;cursor:not-allowed}.share-social-btn--twitter{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.25);color:#fff;font-family:serif;font-size:14px;font-weight:700;padding:4px 9px}.share-social-btn--reddit{background:rgba(255,69,0,.15);border-color:rgba(255,69,0,.4);color:#ff6314}.share-social-btn--whatsapp{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.38);color:#25d366}.share-social-btn--link{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:var(--text-secondary,#ccc)}.share-modal-card-wrap{flex:1 1;min-height:0;overflow:auto;display:flex;justify-content:center;padding:var(--spacing-xs) 0}.share-modal-card-wrap .share-card{max-width:100%;width:min(600px,100%);height:auto}@media (max-width:768px){.share-modal-overlay{align-items:stretch;padding:max(var(--spacing-sm),env(safe-area-inset-top)) max(var(--spacing-sm),env(safe-area-inset-right)) max(var(--spacing-sm),env(safe-area-inset-bottom)) max(var(--spacing-sm),env(safe-area-inset-left));overflow:hidden;overscroll-behavior:contain}.share-modal-box{max-width:100%;max-height:90vh;max-height:90dvh;padding:var(--spacing-sm);gap:var(--spacing-xs)}.share-modal-actions{gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.share-modal-card-wrap{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(var(--spacing-xs),env(safe-area-inset-bottom))}.winner-banner{padding:var(--spacing-xs) var(--spacing-sm);min-height:52px}.winner-banner-avatar{width:36px;height:36px}.winner-banner-name{font-size:1em}.winner-details-panel{padding:var(--spacing-sm)}.stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.share-modal-overlay{padding:max(var(--spacing-xs),env(safe-area-inset-top)) max(var(--spacing-xs),env(safe-area-inset-right)) max(var(--spacing-xs),env(safe-area-inset-bottom)) max(var(--spacing-xs),env(safe-area-inset-left))}.share-modal-box{max-height:85vh;max-height:85dvh;padding:var(--spacing-xs)}}