*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark:#0d0d12;--bg-card:#1a1a24;--bg-card-hover:#22222f;--gold:#c9a84c;--gold-light:#e4c76b;--gold-dark:#8a6d2b;--parchment:#f5e6c8;--parchment-dark:#d4b896;--text-primary:#e8e0d0;--text-secondary:#9a9284;--text-dim:#7a756b;--border:#2a2a35;--border-gold:#c9a84c33;--shadow-gold:0 0 40px rgba(201,168,76,0.15)}.light-theme{--bg-dark:#f5f0e8;--bg-card:#ece5d8;--bg-card-hover:#e0d8c8;--gold:#8a6d2b;--gold-light:#6b5420;--gold-dark:#c9a84c;--text-primary:#1a1610;--text-secondary:#5a5248;--text-dim:#7a756b;--border:#d4ccbc;--border-gold:rgba(138,109,43,0.2);--shadow-gold:0 0 40px rgba(138,109,43,0.1)}html{font-size:16px;scroll-behavior:smooth}body{font-family:Crimson Text,Georgia,serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--gold);color:var(--bg-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.community-page{position:relative;isolation:isolate}.community-page:before{content:"";position:fixed;inset:56px 0 0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(201,168,76,.025) 1px,transparent 0),linear-gradient(90deg,rgba(201,168,76,.018) 1px,transparent 0),radial-gradient(circle at 16% 12%,rgba(201,168,76,.12),transparent 34rem),radial-gradient(circle at 84% 4%,rgba(52,152,219,.08),transparent 30rem);background-size:44px 44px,44px 44px,auto,auto;opacity:.62;mask-image:linear-gradient(180deg,#000,transparent 88%)}.community-page :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 5px rgba(201,168,76,.14)}.community-page :is(button,a){-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){.community-page *,.community-page :after,.community-page :before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.ornament-line{display:flex;align-items:center;gap:1rem;width:100%;max-width:500px;margin:.75rem auto}.ornament-line:after,.ornament-line:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dark),transparent)}.ornament-line span{color:var(--gold);font-size:1.2rem}.section-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0 1.25rem}.section-divider:after,.section-divider:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.section-divider span{font-size:.75rem;color:var(--gold-dark);letter-spacing:.25em;white-space:nowrap}.btn-primary,.section-divider span{font-family:Cinzel,serif;font-weight:700}.btn-primary{font-size:1.1rem;letter-spacing:.2em;color:var(--bg-dark);background:linear-gradient(180deg,var(--gold-light) 0,var(--gold) 50%,var(--gold-dark) 100%);border:2px solid var(--gold);padding:1rem 3rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);text-decoration:none;display:inline-block;text-align:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(201,168,76,.4),0 0 60px rgba(201,168,76,.15)}.btn-secondary{font-family:Cinzel,serif;font-weight:600;font-size:.95rem;letter-spacing:.15em;color:var(--gold);background:transparent;border:1px solid var(--gold-dark);padding:.85rem 2.5rem;cursor:pointer;transition:all .3s ease;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);text-decoration:none;display:inline-block;text-align:center}.btn-secondary:hover{background:rgba(201,168,76,.1);border-color:var(--gold);box-shadow:0 0 20px rgba(201,168,76,.15)}.mode-card{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:2.5rem 2rem;background:linear-gradient(180deg,rgba(26,26,36,.95),rgba(13,13,18,.98));border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:280px;max-width:320px;text-decoration:none}.mode-card:hover{border-color:var(--gold);transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.4),0 0 30px rgba(201,168,76,.15)}.card-accent{background:rgba(26,26,36,.85);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:4px;border-radius:6px;backdrop-filter:blur(5px);transition:all .25s ease;text-decoration:none;display:block}.card-accent:hover{background:rgba(34,34,47,.95);border-color:var(--gold-dark);border-left-color:var(--gold);transform:translateX(4px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.badge{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);color:var(--gold);padding:.3rem .75rem;border-radius:2px;font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;display:inline-block}.badge-green{background:rgba(80,200,80,.1);border-color:rgba(80,200,80,.2);color:#6dbe6d}.badge-purple{background:rgba(160,100,220,.1);border-color:rgba(160,100,220,.2);color:#b580e0}.badge-blue{background:rgba(100,160,220,.1);border-color:rgba(100,160,220,.2);color:#7ab8e0}.badge-wip{background:rgba(220,160,50,.1);border-color:rgba(220,160,50,.2);color:#d4a030}.particle{position:fixed;bottom:-5px;width:3px;height:3px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:0}@keyframes float{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) rotate(2turn);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes landingReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes selectionPulse{0%{box-shadow:0 0 0 0 rgba(201,168,76,.4)}50%{box-shadow:0 0 0 12px rgba(201,168,76,0)}to{box-shadow:0 0 0 0 rgba(201,168,76,0)}}.card{background:linear-gradient(180deg,rgba(26,26,36,.95),rgba(13,13,18,.98));border:1px solid var(--border);border-radius:8px;backdrop-filter:blur(10px)}.input{background:rgba(26,26,36,.85);border:1px solid var(--border);color:var(--text-primary);font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.1em;padding:.75rem 1rem;border-radius:4px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--gold-dark)}@keyframes radarFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.radar-appear{animation:radarFadeIn .4s ease-out;transform-origin:center}.chat-markdown h2{font-family:Cinzel,serif;color:var(--gold);font-size:1.1rem;font-weight:700;margin:.75rem 0 .5rem}.chat-markdown h3{font-family:Cinzel,serif;color:var(--gold-light);font-size:1rem;font-weight:600;margin:.5rem 0 .25rem}.chat-markdown p{margin:.25rem 0;line-height:1.7}.chat-markdown strong{color:var(--gold-light)}.chat-markdown ul{list-style-type:disc;padding-left:1.25rem;margin:.25rem 0}.chat-markdown ul ul{list-style-type:circle}.chat-markdown ol{list-style-type:decimal;padding-left:1.25rem;margin:.25rem 0}.chat-markdown li{margin:.15rem 0;line-height:1.6;display:list-item}.chat-markdown li::marker{color:var(--gold-dark)}.chat-markdown table{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.875rem}.chat-markdown th{background:rgba(201,168,76,.15);color:var(--gold-light);font-family:Cinzel,serif;font-weight:600;padding:.5rem .75rem;text-align:left;border-bottom:2px solid var(--gold-dark);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.chat-markdown td{padding:.4rem .75rem;border-bottom:1px solid var(--border)}.chat-markdown tr:nth-child(2n){background:rgba(201,168,76,.03)}.chat-markdown a{color:var(--gold);text-decoration:none;background:rgba(201,168,76,.08);padding:.1rem .4rem;border-radius:3px;border:1px solid rgba(201,168,76,.2);transition:all .2s;font-weight:600;white-space:nowrap}.chat-markdown a:hover{color:var(--gold-light);background:rgba(201,168,76,.15);border-color:rgba(201,168,76,.4)}.chat-markdown a[href^=http]{border-color:rgba(59,130,246,.25);color:#7db4f5;background:rgba(59,130,246,.06)}.chat-markdown a[href^=http]:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.4)}.chat-markdown code{background:rgba(26,26,36,.6);padding:.1rem .3rem;border-radius:3px;font-size:.85em;border:1px solid var(--border)}.chat-markdown pre{background:rgba(26,26,36,.9);border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;margin:.5rem 0;overflow-x:auto}.chat-markdown pre code{background:none;border:none;padding:0}.chat-markdown hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);margin:.75rem 0}.chat-markdown blockquote{border-left:3px solid var(--gold-dark);padding:.4rem .75rem;margin:.4rem 0;background:rgba(201,168,76,.05);border-radius:0 4px 4px 0;font-style:italic;color:var(--text-secondary)}.chat-markdown blockquote strong{color:var(--gold);font-style:normal}@media (max-width:600px){.mode-card{min-width:auto;width:100%;padding:1.5rem}}@media (max-width:640px){.civ-modal-stats-grid,.duel-unit-cards-grid,.maps-categories-grid,.maps-detail-grid,.matchups-results-grid{grid-template-columns:1fr!important}.duel-hp-grid{grid-template-columns:1fr 32px 1fr!important;gap:.3rem!important}.replay-match-header,.replay-players{flex-direction:column!important}.replay-match-header{gap:8px!important;text-align:center!important}.replay-counter-grid,.replay-resources-grid{grid-template-columns:1fr!important}.replay-heatmap-row,.replay-timeline-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}