:root{--focus:#0ea5e9}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-container{text-align:center;padding:0 20px 20px}.home-title{font-size:24px;color:#333;margin:0 0 10px;text-align:center;display:inline-block;background:hsla(0,0%,100%,.6);padding:4px 12px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.05)}.home-description{font-size:clamp(.95rem,.4vw + .8rem,1.05rem);color:#555;margin:0 auto 14px;text-align:left;line-height:1.5;max-width:1200px}.home-layout{display:grid;gap:16px;grid-template-columns:1fr;align-items:start}@media (min-width:1024px){.home-layout{grid-template-columns:2fr 1fr}}.topics-heading{font-size:1.1rem;font-weight:700;color:#222;text-align:left;margin:10px 12px 6px}.topics-subtitle{text-align:left;margin:6px 12px 0;font-size:.9rem;font-weight:700;color:#475569}.responsive-grid{display:grid;gap:12px;padding:10px;justify-items:center}.small-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (max-width:480px){.small-grid{grid-template-columns:repeat(2,1fr)}}.small-grid-more{padding-top:4px;opacity:.96}.grid-item{--radius:14px;width:100%;height:150px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:800;text-decoration:none;border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 10px 18px rgba(17,24,39,.08),0 3px 8px rgba(17,24,39,.04);transition:transform .18s ease,box-shadow .18s ease}.grid-item:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 14px 28px rgba(17,24,39,.12),0 6px 14px rgba(17,24,39,.06)}.grid-item:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.grid-item-solid{background-color:var(--bg-color);background-image:radial-gradient(120% 120% at 0 0,hsla(0,0%,100%,.16),hsla(0,0%,100%,0) 40%),linear-gradient(135deg,color-mix(in srgb,var(--bg-color),#fff 16%),var(--bg-color));border:1px solid hsla(0,0%,100%,.25)}.grid-item-text{z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.6);padding:6px 8px}.grid-item-icon{position:absolute;top:8px;right:10px;font-size:1.3rem;opacity:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.element-icon{width:28px;height:28px}.element-icon,.topic-icon{-o-object-fit:contain;object-fit:contain}.topic-icon{width:32px;height:32px}@media (max-width:480px){.grid-item{height:120px}}.games-aside-title{text-align:left;margin:4px 8px 8px;font-size:1rem;font-weight:700;color:#333}.game-mini-card,.games-list{display:grid;gap:10px}.game-mini-card{grid-template-columns:120px 1fr;align-items:center;text-decoration:none;background:#fff;border:1px solid #e6e9f2;border-radius:12px;padding:10px;box-shadow:0 2px 8px rgba(20,30,70,.06);transition:transform .15s ease,box-shadow .15s ease}.game-mini-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,30,70,.12)}.game-mini-image{position:relative;width:100%;height:90px;overflow:hidden;border-radius:10px}.game-mini-thumb{-o-object-fit:cover;object-fit:cover}.game-mini-meta{text-align:left}.game-mini-title{font-weight:800;font-size:.95rem;color:#222;margin-bottom:2px}.game-mini-sub{font-size:.85rem;color:#6b7280}.outer-box{width:100%;max-width:1400px;margin:10px auto;padding:8px 20px 20px;background-color:hsla(0,0%,100%,.8);border:1px solid #ccc;border-radius:15px;box-shadow:0 6px 10px rgba(0,0,0,.15)}@media (prefers-reduced-motion:reduce){.game-mini-card,.grid-item{transition:none}}.home-summary{max-width:1000px;margin:40px auto 10px;padding:28px 32px;background:hsla(0,0%,100%,.65);border:1px solid rgba(0,0,0,.06);border-radius:14px;text-align:left;line-height:1.65;color:#333;box-shadow:0 4px 10px rgba(0,0,0,.05)}.home-summary h2{font-size:1.4rem;font-weight:800;color:#1f2937;margin:0 0 14px}.home-summary h3{font-size:1.05rem;font-weight:700;color:#334155;margin:26px 0 8px}.home-summary p{margin:0 0 14px;color:#374151;font-size:.95rem}.home-summary ul{margin:8px 0 18px 18px;padding:0}.home-summary li{margin-bottom:6px;padding-left:4px;color:#374151;font-size:.95rem}.home-summary .faq-item{margin-bottom:14px}.home-summary .faq-question{font-weight:700;color:#1f2937;margin-bottom:4px}.home-summary .faq-answer{margin-left:10px;color:#4b5563}@media (max-width:640px){.home-summary{padding:22px 18px}.home-summary h2{font-size:1.25rem}}