*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#091319;color:#ecf4f5;font:16px/1.55 system-ui,sans-serif}header{background:#0d1c23;border-bottom:1px solid #28424b}nav,main,footer{max-width:1180px;margin:auto;padding:20px clamp(16px,4vw,48px)}nav{display:flex;gap:clamp(10px,3vw,30px);align-items:center}nav a:first-child{margin-right:auto}a{color:#a9efd6;text-underline-offset:4px}nav a,.play,.chip,.tiles a{text-decoration:none}h1{font-size:clamp(40px,7vw,86px);line-height:1;letter-spacing:-.05em;margin:16px 0}h2{font-size:clamp(24px,4vw,36px);margin:6px 0 18px;line-height:1.15}p,.lead{max-width:72ch}.lead{font-size:1.2rem}section{margin:34px 0;scroll-margin:20px;padding-bottom:18px;border-bottom:1px solid #263d46}.hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #39565d;background:#172b38}.hero img{position:absolute;right:0;top:0;width:80%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1823 14%,#0c1925df 45%,#0d17293b);z-index:-1}.hero>div{padding:clamp(26px,5vw,65px)}.eyebrow,small{font-weight:700;font-size:11px;letter-spacing:.14em;color:#a4ead6}.play{display:inline-block;background:#a4efd7;color:#0a2724;padding:10px 16px;border-radius:4px;font-weight:700}#count{display:inline-block;background:#142d30;color:#d9fff2;padding:6px 12px;border-radius:18px;font-size:.9rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tiles a,.chip{border:1px solid #304853;background:#13252e;border-radius:5px}.tiles a{padding:16px;display:grid;gap:10px}.tiles strong{font-size:1.2rem;color:white}.tiles span{font-size:.83rem}.chip{display:inline-block;padding:8px 12px;margin:3px;overflow-wrap:anywhere}.chip:hover,.tiles a:hover{border-color:#9ee4d1;background:#1b333e}input{display:block;background:#effaf7;color:#0a2025;padding:12px;width:min(100%,510px);font:inherit;border-radius:5px;border:0;margin:8px 0}#matches,footer{color:#9eb4bf;font-size:.86rem}img{max-width:100%;object-fit:contain}#results [hidden]{display:none}@media(max-width:520px){nav{font-size:13px}.hero>div{padding:24px 14px}#count{margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wiki-search{display:flex;align-items:center;gap:4px;flex:1;max-width:400px;border:1px solid #45616a;border-radius:6px;background:#152a32;padding:3px}.wiki-search input{background:transparent;color:white;min-width:0;width:100%;padding:5px 9px;margin:0}.wiki-search input::placeholder{color:#bccdd0}.wiki-search button{background:#a4efd7;border:0;border-radius:4px;padding:7px 11px;color:#102521;font-weight:700;cursor:pointer}@media(max-width:700px){nav{flex-wrap:wrap}.wiki-search{order:1;flex-basis:100%;max-width:none}}
#menu-open,#menu-close{display:grid;place-items:center;width:38px;height:38px;flex:none;background:#132832;color:#b7f7e4;border:1px solid #46636a;border-radius:9px;cursor:pointer}nav .brand{margin-right:auto;white-space:nowrap}#wiki-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(315px,90vw);max-width:100vw;height:100dvh;max-height:none;box-sizing:border-box;padding:20px;color:#eaf7f5;background:#0d1b23;border:0;border-right:1px solid #41606a;overflow:auto}#wiki-menu::backdrop{background:#050d14aa}body:has(#wiki-menu[open]){overflow:hidden}.menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.menu-head b{letter-spacing:.06em}.codes-shortcut,.menu-index{display:block;padding:11px 14px;text-decoration:none}.codes-shortcut{border:1px solid #72bca4;border-radius:7px;background:#203d3f;font-weight:700;text-align:center;margin-bottom:20px}.menu-groups details{margin:7px 0}.menu-groups summary{cursor:pointer;background:#192e38;border-radius:6px;padding:11px 13px;font-weight:600}.menu-groups details a{display:block;padding:7px 20px;text-decoration:none}.menu-groups a:hover,.menu-groups a:focus-visible{background:#213b46}.menu-index{margin-top:16px}@media(max-width:460px){header nav{column-gap:8px;padding-inline:10px}#menu-open{width:32px;height:32px}header nav .brand{font-size:12px}}
