.official-home{--oh-bg:#101522;--oh-surface:#1c2535;--oh-text:#f5f1fb;--oh-muted:#c7c1d9;--oh-purple:#b89bff;--oh-pink:#f28fb5;color:var(--oh-text);background:var(--oh-bg);border-radius:24px;min-width:0;max-width:1320px;margin-inline:auto;padding:clamp(20px,4vw,48px);font-family:inherit;overflow:clip}.official-home *{box-sizing:border-box}.official-home a{color:var(--oh-purple);text-underline-offset:4px}.official-home p{color:var(--oh-muted);max-width:72ch;line-height:1.7}.official-home h1,.official-home h2,.official-home h3{color:var(--oh-text);text-wrap:balance;overflow-wrap:anywhere}.official-home h2{font-size:clamp(23px,2.8vw,34px);line-height:1.2}.official-home h3{font-size:20px;line-height:1.35}.official-home .button{white-space:normal;text-align:center;border-radius:12px;justify-content:center;min-height:46px;padding:13px 20px;text-decoration:none}.official-home .primary{background:var(--oh-purple);color:#171026;border-color:#0000}.official-home .secondary{color:var(--oh-text);background:#242238;border:1px solid #72618d}.official-home :is(a,button,summary):focus-visible{outline:3px solid var(--oh-pink);outline-offset:5px}.official-home section[id]{scroll-margin-top:100px}.official-masthead,.official-masthead>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.official-wordmark{--brand-wordmark-width:110px;--brand-symbol-size:30px;letter-spacing:-1px;min-height:44px;font-size:27px;font-weight:850;display:inline-block;color:var(--oh-text)!important;text-decoration:none!important}.official-wordmark>small{letter-spacing:0;color:var(--oh-muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.official-seal{color:#e2d5ff;white-space:nowrap;background:#282039;border:1px solid #6c568b;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;display:inline-flex}.official-masthead .button{min-height:40px;padding:8px 12px;font-size:13px}.official-hero{grid-template-columns:minmax(0,1.45fr) minmax(230px,.8fr);align-items:center;gap:clamp(24px,4vw,72px);padding-block:clamp(36px,6vw,76px);display:grid}.official-handle{margin:0 0 18px;font-size:14px;color:var(--oh-pink)!important}.official-hero h1{letter-spacing:-2px;max-width:16ch;margin:0 0 24px;font-size:clamp(36px,4.6vw,65px);line-height:1.07}.official-hero-copy>p:not(.official-handle){font-size:17px}.official-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.official-world{isolation:isolate;place-items:center;min-height:340px;display:grid;position:relative}.official-page-leaf{transform-origin:12% 80%;border:1px solid #8670c1;border-radius:10px 30px 30px 10px;width:80%;height:240px;position:absolute}.official-page-leaf-back{background:#63439d;transform:rotate(-12deg)translate(-12px,-12px)}.official-page-leaf-front{background:#b17ad7;animation:1.8s ease-out both official-open;transform:rotate(8deg)}.official-logo-tile{color:#241632;background:#f2edf9;border:1px solid #fff;border-radius:12px 26px 26px 12px;flex-direction:column;justify-content:center;gap:18px;width:78%;min-height:250px;padding:24px;display:flex;position:relative;box-shadow:0 18px 40px #0004}.official-logo-tile>.official-brand-emblem{object-fit:contain;object-position:center;border-radius:18px;width:74px;height:74px;display:block}.official-logo-tile>span{letter-spacing:-1px;font-size:clamp(24px,2.7vw,34px);line-height:1.12}.official-logo-tile strong{color:#7737b8}.official-world-caption{color:var(--oh-muted);text-align:center;margin:0;font-size:12px;position:absolute;inset:auto 0 -14px}@keyframes official-open{0%{opacity:.5;transform:rotate(-16deg)}to{opacity:1;transform:rotate(8deg)}}[data-profile-motion=off] .official-page-leaf-front{animation:none}@media (prefers-reduced-motion:reduce){.official-page-leaf-front{animation:none}}.official-owner-tools{border-top:1px dashed #655d79;flex-wrap:wrap;gap:12px 20px;padding:14px 0;font-size:13px;display:flex}.official-owner-tools span{color:var(--oh-muted);flex-basis:100%}.official-section-nav{border-block:1px solid #373247;flex-wrap:wrap;gap:4px 22px;margin-bottom:28px;padding-block:12px;display:flex}.official-section-nav a{min-height:44px;color:var(--oh-muted);align-items:center;font-size:14px;text-decoration:none;display:inline-flex}.official-section-nav a:hover{color:var(--oh-text)}.official-spotlight{border-left:3px solid var(--oh-purple);background:#211c32;border-radius:0 16px 16px 0;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:48px;padding:24px;display:grid}.official-spotlight h2{margin:6px 0 8px;font-size:clamp(22px,2.4vw,30px)}.official-spotlight p{margin:0}.official-section-caption{font-size:12px;color:var(--oh-pink)!important}.official-spotlight-mark{color:var(--oh-pink);font-size:40px}.official-spotlight .button{max-width:190px;font-size:13px}.official-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;display:flex}.official-section-heading h2{margin:0 0 10px}.official-section-heading p{margin:0}.official-section-heading>a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.official-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.official-pick{background:var(--oh-surface);border-radius:16px;min-width:0;overflow:hidden}.official-pick-cover{aspect-ratio:4/3;display:block;overflow:hidden}.official-pick-cover>.cover{object-fit:cover;width:100%;height:100%;display:block}.official-pick>div{padding:20px}.official-pick h3{margin:0 0 8px}.official-pick h3 a{color:var(--oh-text);text-decoration:none}.official-creator-credit{font-size:13px}.official-pick p{font-size:14px}.official-pick-action{justify-content:space-between;align-items:center;min-height:44px;font-size:14px;font-weight:600;display:flex}.official-editorial-note{margin-bottom:46px;padding-top:14px;font-size:12px}.official-empty{background:#191e2d;border-radius:12px;padding:24px}.official-empty h3{margin-top:0}.official-empty p{font-size:14px}.official-empty a{align-items:center;min-height:44px;display:inline-flex}.official-news-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;display:grid}.official-news-list article{border-top:1px solid #373247;min-width:0;padding:24px 0}.official-news-meta{color:var(--oh-muted);flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:12px;display:flex}.official-news-meta>span{color:var(--oh-pink)}.official-news-list h3{margin:12px 0}.official-news-list h3 a{color:var(--oh-text);text-decoration:none}.official-news-list p{font-size:14px}.official-read{align-items:center;gap:16px;min-height:44px;font-size:14px;display:inline-flex}.official-start{background:#171e2c;border-radius:18px;margin-top:44px;padding:32px}.official-start h2{margin-top:0}.official-guides details{border-top:1px solid #3b3b50;padding:6px 0}.official-guides summary{cursor:pointer;min-height:52px;color:var(--oh-text);padding:14px 6px;font-weight:600}.official-guides p{margin:6px;font-size:14px}.official-guides a{align-items:center;min-height:44px;margin-left:6px;font-size:14px;display:inline-flex}.official-footer{border-top:1px solid #373247;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:48px;padding-top:24px;font-size:13px;display:flex}.official-footer>span{font-size:20px;font-weight:800}.official-footer p{flex:1;margin:0}.official-footer>a{align-items:center;min-height:44px;display:flex}.official-article{max-width:900px}.official-back{margin-bottom:24px;padding-block:10px;display:block}.official-article>.official-news-meta{margin-top:28px}.official-article h1{letter-spacing:-1px;font-size:clamp(30px,4.5vw,54px);line-height:1.12}.official-article-summary{font-size:20px}.official-article-body{margin-block:32px}.official-article-body p{white-space:pre-wrap;overflow-wrap:anywhere}.official-article footer{color:var(--oh-muted);border-top:1px solid #373247;padding-top:20px;font-size:13px}@media (max-width:900px){.official-hero{grid-template-columns:minmax(0,1.2fr) minmax(180px,.7fr);gap:24px}.official-world{min-height:320px}.official-logo-tile{width:85%;padding:20px}.official-page-leaf{height:230px}.official-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.official-spotlight{grid-template-columns:30px minmax(0,1fr)}.official-spotlight>.button{grid-column:2;justify-self:start}}@media (max-width:600px){.official-home{border-radius:16px;padding:20px 16px}.official-masthead{gap:14px}.official-masthead>div{gap:8px}.official-masthead .button{padding:7px 10px;font-size:12px}.official-wordmark{font-size:24px}.official-wordmark>small{font-size:11px}.official-seal{padding:6px 8px;font-size:11px}.official-hero{grid-template-columns:1fr;gap:32px;padding-block:34px}.official-hero h1{letter-spacing:-1.5px;max-width:19ch;font-size:clamp(34px,9vw,48px)}.official-hero-copy>p:not(.official-handle){font-size:15px}.official-actions{grid-template-columns:1fr;gap:10px;display:grid}.official-world{width:100%;max-width:310px;min-height:205px;margin-inline:auto}.official-page-leaf{width:75%;height:165px;top:10px}.official-logo-tile{flex-direction:row;align-items:center;gap:15px;width:76%;min-height:160px;padding:18px}.official-logo-tile>.official-brand-emblem{flex-shrink:0;width:58px;height:58px}.official-logo-tile>span{font-size:24px}.official-world-caption{margin:18px 0 0;font-size:11px}.official-section-nav{gap:0 18px;margin-bottom:20px}.official-section-nav a{font-size:13px}.official-spotlight{gap:12px;margin-bottom:36px;padding:20px 16px}.official-spotlight-mark{font-size:28px}.official-spotlight p{font-size:14px}.official-selection-grid,.official-news-list{grid-template-columns:1fr}.official-start{padding:22px 16px}.official-footer{align-items:flex-start}.official-footer p{flex-basis:100%;order:3}.official-article-summary{font-size:17px}}
