html{box-sizing:border-box;scroll-behavior:smooth}*,*::before,*::after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{border:none;background:none;padding:0}a{text-decoration:none;color:inherit}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html:focus-within{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-base)}:root{color-scheme:light;--color-bg:#f3f1eb;--color-bg-alt:#e2ddd2;--color-surface:#ffffff;--color-surface-elevated:#f9f6ee;--color-text:#111827;--color-text-muted:#6b7280;--color-border:#d4d4d8;--color-border-strong:#9ca3af;--color-primary:#1d4ed8;--color-primary-soft:#dbeafe;--color-primary-dark:#0b2c7a;--color-accent-red:#b91c1c;--color-accent-gold:#d4af37;--color-accent-green:#15803d;--color-success:#16a34a;--color-warning:#eab308;--color-danger:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2933;--gray-900:#111827;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:"Cinzel","Times New Roman",serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-base:1.5;--line-height-relaxed:1.7;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(15,23,42,0.08);--shadow-md:0 8px 24px rgba(15,23,42,0.12);--shadow-lg:0 18px 45px rgba(15,23,42,0.18);--shadow-soft-gold:0 0 0 1px rgba(212,175,55,0.35),0 18px 40px rgba(15,23,42,0.35);--transition-fast:150ms ease-out;--transition-base:200ms ease-out;--transition-slow:300ms ease-out}body{background:radial-gradient(circle at top,#f8f3e7 0,#f3f1eb 45%,#e4dfd3 100%);color:var(--color-text)}main{min-height:60vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--gray-900);line-height:var(--line-height-tight)}h1{font-size:clamp(2.1rem,4vw,2.7rem);margin-bottom:var(--space-4)}h2{font-size:clamp(1.7rem,3vw,2.1rem);margin:var(--space-8) 0 var(--space-3)}h3{font-size:clamp(1.35rem,2.4vw,1.6rem);margin:var(--space-6) 0 var(--space-2)}h4{font-size:var(--font-size-xl);margin:var(--space-4) 0 var(--space-2)}p{margin-bottom:var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text)}p.lead{font-size:1.05rem;line-height:var(--line-height-relaxed);color:var(--color-text-muted)}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover,a:focus-visible{color:var(--color-primary-dark)}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:1024px){.container{padding:0 var(--space-6)}}.layout-narrow{max-width:760px;margin:0 auto}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:767.98px){.grid-2,.grid-3{grid-template-columns:1fr}}.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}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0.7rem 1.4rem;border-radius:var(--radius-pill);font-weight:600;font-size:0.95rem;letter-spacing:0.02em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast),border-color var(--transition-base)}.btn-primary{background:linear-gradient(135deg,#1d4ed8,#0b2c7a);color:#fefce8;border-color:rgba(212,175,55,0.7);box-shadow:var(--shadow-soft-gold)}.btn-primary:hover{background:linear-gradient(135deg,#1e40af,#0b2c7a);transform:translateY(-1px);box-shadow:0 22px 55px rgba(15,23,42,0.4)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn-ghost{background:rgba(15,23,42,0.04);color:var(--gray-900);border-color:rgba(15,23,42,0.12)}.btn-ghost:hover{background:rgba(15,23,42,0.08)}.btn[disabled],.btn[aria-disabled=true]{opacity:0.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-google-play{background:#000;color:#fff;border-radius:var(--radius-pill);padding:0.7rem 1.4rem;font-weight:600;letter-spacing:0.02em;text-transform:none;box-shadow:0 10px 30px rgba(0,0,0,0.4)}.btn-google-play:hover{background:#111;transform:translateY(-1px);box-shadow:0 16px 40px rgba(0,0,0,0.6)}.btn-google-play:active{transform:translateY(0);box-shadow:0 8px 20px rgba(0,0,0,0.45)}.btn-sm{padding:0.45rem 0.9rem;font-size:0.85rem}.btn-lg{padding:0.9rem 1.8rem;font-size:1rem}.input,.select,.textarea{width:100%;padding:0.6rem 0.8rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#fff;color:var(--color-text);font-size:0.95rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px rgba(37,99,235,0.3),0 0 0 4px rgba(212,175,55,0.3)}.input[disabled],.select[disabled],.textarea[disabled]{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);border:1px solid rgba(15,23,42,0.05)}.card-soft{background:radial-gradient(circle at top,#fefce8 0,#f9f6ee 45%,#f3f1eb 100%);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-soft-gold)}.hero{padding:var(--space-8) 0 var(--space-8)}@media(min-width:768px){.hero{padding:var(--space-12) 0 var(--space-10)}}.hero-title{font-size:clamp(2.3rem,5vw,3rem);line-height:var(--line-height-tight);letter-spacing:0.02em}.hero-subtitle{font-size:1.05rem;color:var(--color-text-muted);max-width:40rem}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:0.25rem 0.7rem;border-radius:999px;border:1px solid rgba(15,23,42,0.15);font-size:0.75rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase}.badge-gold{background:rgba(212,175,55,0.1);border-color:rgba(212,175,55,0.7);color:#78350f}.badge-blue{background:rgba(37,99,235,0.1);border-color:rgba(37,99,235,0.6);color:#1e3a8a}.section{padding:var(--space-8) 0}@media(min-width:768px){.section{padding:var(--space-10) 0}}.section-header{margin-bottom:var(--space-4)}.section-kv{background:radial-gradient(circle at top,#e0ecff 0,#f3f1eb 55%,#e4dfd3 100%)}.section-alt{background:linear-gradient(to bottom,#f9f6ee,#f3f1eb)}.tagline{font-size:0.8rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--color-accent-gold);font-weight:700;margin-bottom:var(--space-2)}.meta-text{font-size:0.8rem;color:var(--color-text-muted)}.pill{display:inline-flex;align-items:center;padding:0.25rem 0.7rem;border-radius:999px;background:rgba(15,23,42,0.03);font-size:0.8rem;color:var(--gray-700)}.pill-emerald{background:rgba(5,150,105,0.09);color:#064e3b}.pill-crimson{background:rgba(185,28,28,0.11);color:#7f1d1d}.list-check{list-style:none;padding-left:0;margin:var(--space-3) 0}.list-check li{position:relative;padding-left:1.4rem;margin-bottom:0.4rem;font-size:0.95rem}.list-check li::before{content:"";position:absolute;left:0;top:0.35rem;width:0.6rem;height:0.6rem;border-radius:999px;background:conic-gradient(from 140deg,#22c55e,#16a34a,#22c55e);box-shadow:0 0 0 2px rgba(16,185,129,0.35)}.faq-item{border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}.faq-question{font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:0.98rem}.faq-answer{margin-top:var(--space-2);font-size:0.95rem;color:var(--color-text-muted)}.badge-platform{display:inline-flex;align-items:center;gap:var(--space-1);padding:0.15rem 0.5rem;border-radius:999px;background:rgba(15,23,42,0.04);font-size:0.75rem}.badge-platform span{font-weight:600}.grid-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(min-width:768px){.grid-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}.gallery-item{position:relative;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#000}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow),opacity var(--transition-slow)}.gallery-item:hover img{transform:scale(1.05);opacity:0.95}.gallery-label{position:absolute;left:0.6rem;bottom:0.6rem;padding:0.2rem 0.55rem;border-radius:999px;background:rgba(0,0,0,0.7);color:#f9fafb;font-size:0.7rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase}.pill-civ{display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.6rem;border-radius:999px;background:rgba(15,23,42,0.04);font-size:0.8rem}.pill-civ::before{content:"";width:0.45rem;height:0.45rem;border-radius:999px;background:radial-gradient(circle at 20% 20%,#facc15,#d97706 45%,#a16207 100%);box-shadow:0 0 0 1px rgba(250,204,21,0.6)}.badge-role{display:inline-flex;align-items:center;padding:0.22rem 0.55rem;border-radius:999px;background:rgba(15,23,42,0.06);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:600;color:var(--gray-700)}.badge-role-attack{background:rgba(185,28,28,0.12);color:#7f1d1d}.badge-role-defense{background:rgba(21,128,61,0.14);color:#064e3b}.badge-role-support{background:rgba(30,64,175,0.14);color:#1e3a8a}.footer{background:#020617;color:rgba(248,250,252,0.82);padding:var(--space-6) 0 var(--space-4);font-size:0.9rem}.footer a{color:rgba(248,250,252,0.82)}.footer a:hover{color:#e5e7eb}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-meta{font-size:0.8rem;color:#9ca3af;max-width:52rem}.footer-disclaimer{margin-top:var(--space-3);font-size:0.8rem;color:#9ca3af}.chip{display:inline-flex;align-items:center;padding:0.28rem 0.7rem;border-radius:999px;background:rgba(15,23,42,0.04);font-size:0.8rem;color:var(--gray-700)}.chip-competitive{background:rgba(30,64,175,0.1);color:#1e3a8a}.chip-longterm{background:rgba(5,150,105,0.12);color:#065f46}table{width:100%;border-collapse:collapse;font-size:0.9rem}th,td{padding:0.5rem 0.75rem;border-bottom:1px solid var(--color-border)}th{text-align:left;font-weight:600;color:var(--gray-700);background:rgba(15,23,42,0.02)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:3px}::-moz-selection{background:rgba(37,99,235,0.15)}::selection{background:rgba(37,99,235,0.15)}