:root{--bg-color: #FFFFFF;--text-color: #212529;--brand-color: #0D6EFD;--accent-color: #3C8BFD;--neutral-color: #DEE2E6;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--container-width: 1140px;--header-height: 70px}html,body{overflow-x:hidden;transform:none!important;will-change:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;padding-top:var(--header-height)}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}h1,h2,h3{color:var(--brand-color);margin-bottom:1rem;line-height:1.2}a{color:var(--brand-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color);text-decoration:underline}img{max-width:100%;height:auto;display:block}:root{--card-radius: 16px;--card-border-color: #4a4a5a;--card-shadow-d: 0 10px 26px rgba(0,0,0,.32);--card-shadow-l: 0 8px 18px rgba(0,0,0,.12);--card-inner-outline: inset 0 0 0 1px rgba(255,255,255,.05);--card-hover-lift: -1px;--card-hover-scale: 1.02;--card-hover-brighten: .12;--card-accent-1: var(--brand-color);--card-accent-2: var(--accent-color);--card-icon-box: 26px;--card-icon-size: 20px}@media (prefers-color-scheme: light){:root{--card-border-color: #cfd6e0}}.use-card-theme .card--elevated,.use-card-theme .card--flat{border-radius:var(--card-radius);border:1px solid var(--card-border-color)}.card--elevated{background:#ffffff1a;box-shadow:var(--card-shadow-d),var(--card-inner-outline)}.card--flat{background:#ffffff0f;box-shadow:none}.card--hover{transition:transform .15s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}.card--hover:hover{transform:translateY(var(--card-hover-lift)) scale(var(--card-hover-scale));background:rgba(255,255,255,calc(.08 + var(--card-hover-brighten)));box-shadow:0 12px 28px #00000057,var(--card-inner-outline)}.card__icon{width:var(--card-icon-box);height:var(--card-icon-box);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:var(--card-icon-size) var(--card-icon-size)}.card--accent-1{border-left:3px solid var(--card-accent-1)}.card--accent-2{border-left:3px solid var(--card-accent-2)}@media (prefers-color-scheme: light){.card--elevated{background:#fff;box-shadow:var(--card-shadow-l),inset 0 0 0 1px #0000000a}.card--flat{background:#fff}.card--hover:hover{background:#f6f9ff}}.use-prose-enhance.prose,.use-prose-enhance .prose{color:var(--text-color, #212529)}.use-prose-enhance .prose h3{font-size:1.65rem;font-weight:800;letter-spacing:.2px;padding-bottom:.45rem;border-bottom:1px solid rgba(0,0,0,.12)}.use-prose-enhance .prose h4{font-size:1.25rem;font-weight:700;letter-spacing:.15px}@media (prefers-color-scheme: dark){.use-prose-enhance .prose h3{border-bottom-color:#ffffff29}}.use-prose-enhance .prose p,.use-prose-enhance .prose li{color:var(--text-color, #212529);opacity:1}@media (prefers-color-scheme: dark){.use-prose-enhance .prose p,.use-prose-enhance .prose li{color:#e9edf4}}.use-prose-enhance #panel-how.prose h4+:is(p,ul,ol),.use-prose-enhance #panel-why.prose h4+:is(p,ul,ol),.use-prose-enhance #panel-faq.prose h4+:is(p,ul,ol){border:1px solid var(--card-border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow-l),inset 0 0 0 1px #ffffff0a;background:#ffffff0a;padding:14px 16px;margin-top:.6rem;color:inherit}@media (prefers-color-scheme: light){.use-prose-enhance #panel-how.prose h4+:is(p,ul,ol),.use-prose-enhance #panel-why.prose h4+:is(p,ul,ol),.use-prose-enhance #panel-faq.prose h4+:is(p,ul,ol){background:#fff;border-color:#cfd6e0}}.use-prose-enhance .feature-cards .feature-desc,.use-prose-enhance .prose .tldr .desc,.use-prose-enhance .feature-cards .feature-card :is(p,li),.use-prose-enhance .prose .tldr .card :is(p,li){color:inherit!important;opacity:1!important}.use-prose-enhance .prose .tldr .icon:before{content:none!important}.use-prose-enhance .prose .tldr .icon{width:var(--card-icon-box);height:var(--card-icon-box);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background-position:center,center;background-repeat:no-repeat,no-repeat;background-size:var(--card-icon-size) var(--card-icon-size),100% 100%;box-shadow:0 6px 16px #00000038,inset 0 0 0 1px #ffffff0f;background-image:var(--tldr-icon),var(--tldr-gradient)}.use-prose-enhance .prose .tldr .card:nth-child(1){--tldr-icon: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='28'%20height='28'%20viewBox='0%200%2024%2024'%20fill='%23FFFFFF'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%204a4%204%200%200%200-4%204v3a5%205%200%200%200%205%205h6a5%205%200%200%200%205-5V8a4%204%200%200%200-4-4c-1.5%200-2.5.5-3%201.5C12.5%204.5%2011.5%204%2010%204H8z'/%3e%3c/svg%3e");--tldr-gradient: linear-gradient(180deg,#6EE7FF,#22A7F0)}.use-prose-enhance .prose .tldr .card:nth-child(2){--tldr-icon: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='28'%20height='28'%20viewBox='0%200%2024%2024'%20fill='%23FFFFFF'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%202L3%2014h7l-1%208%2011-14h-8l1-6z'/%3e%3c/svg%3e");--tldr-gradient: linear-gradient(180deg,#8CF7D0,#28D7A3)}.use-prose-enhance .prose .tldr .card:nth-child(3){--tldr-icon: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='28'%20height='28'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='9'%20stroke='%23FFFFFF'%20stroke-width='2'/%3e%3ccircle%20cx='12'%20cy='12'%20r='4'%20stroke='%23FFFFFF'%20stroke-width='2'/%3e%3ccircle%20cx='12'%20cy='12'%20r='1.5'%20fill='%23FFFFFF'/%3e%3c/svg%3e");--tldr-gradient: linear-gradient(180deg,#C8B6FF,#6D5BD0)}.use-prose-enhance .prose .tldr .card:nth-child(4){--tldr-icon: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='28'%20height='28'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%203l10%2018H2L12%203z'%20stroke='%23FFFFFF'%20stroke-width='2'%20fill='none'/%3e%3cpath%20d='M12%208v6'%20stroke='%23FFFFFF'%20stroke-width='2'%20stroke-linecap='round'/%3e%3ccircle%20cx='12'%20cy='17.5'%20r='1.2'%20fill='%23FFFFFF'/%3e%3c/svg%3e");--tldr-gradient: linear-gradient(180deg,#FFD29B,#FF7A59)}.site-header{height:var(--header-height);background-color:var(--bg-color);border-bottom:1px solid var(--neutral-color);display:flex;align-items:center;position:sticky;top:0;z-index:100;width:100%;box-shadow:0 4px 16px #0000000f}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.site-logo{font-weight:700;font-size:1.5rem;text-decoration:none}.main-nav a{margin-left:20px;text-decoration:none;font-size:1rem;padding:6px 8px;border-radius:6px}.main-nav a:hover,.main-nav a:focus{background:#0d6efd14}.hamburger-btn{display:none}@media (max-width: 768px){.main-nav{display:none;position:absolute;right:16px;top:calc(var(--header-height) - 8px);background:#fff;border:1px solid var(--neutral-color);border-radius:10px;padding:10px 12px;box-shadow:0 10px 30px #00000014}.main-nav.open{display:block}.main-nav a{display:block;margin:6px 0;padding:8px 10px}.hamburger-btn{display:block;background:transparent;border:none;font-size:1.8rem;cursor:pointer;margin-left:12px}}.site-footer{padding:40px 0;background-color:#f8f9fa;border-top:1px solid var(--neutral-color);text-align:center;font-size:.9rem;color:#6c757d}.footer-links{margin-bottom:20px}.footer-links a{margin:0 10px;color:#6c757d}.footer-copyright .disclaimer{margin-top:10px;font-size:.8rem}.hero-section{padding:60px 20px}.hero-card{display:block;max-width:960px;margin:0 auto;background-color:#0d1a2e;background-image:url(data:image/svg+xml,...);border-radius:16px;padding:80px 40px;text-align:center;text-decoration:none;color:#fff;transition:transform .3s ease,box-shadow .3s ease}.hero-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0d6efd33}.hero-card h1{font-size:3rem;color:#fff;margin:0}.hero-card p{font-size:1.2rem;opacity:.8;margin:10px 0 30px}.btn-primary{display:inline-block;background-color:var(--brand-color);color:#fff;padding:18px 40px;border-radius:12px;font-size:1.5rem;font-weight:700;text-decoration:none}.game-library-section{padding:40px 20px 60px;background-color:#f8f9fa}.game-library-section h2{text-align:center;margin-bottom:40px}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.game-card{display:block;background-color:#fff;border:1px solid var(--neutral-color);border-radius:12px;padding:30px;text-decoration:none;color:var(--text-color);transition:all .2s ease-in-out}.game-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014;border-color:var(--brand-color)}.game-card h3{color:var(--brand-color)}.game-card p{opacity:.7;margin-bottom:20px}.btn-secondary{display:inline-block;background-color:#e9ecef;color:var(--text-color);padding:10px 20px;border-radius:8px;font-weight:600}.game-card.coming-soon{background-color:#f8f9fa;text-align:center;color:#adb5bd;pointer-events:none}.game-card.coming-soon h3{color:#adb5bd}.about-game{padding:60px 20px}