:root{color-scheme:dark;--bg:#0a0b13;--ink:#f8eee0;--dim:#c0b7bc;--gold:#f4c878;--gold2:#9f5c30;--violet:#c6a2ef;--violet2:#76447e;--line:rgba(249,226,191,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:not-allowed}a{color:inherit}p{line-height:1.65}
.worldscape{position:fixed;inset:0;overflow:hidden;isolation:isolate;pointer-events:none;background:#070912;z-index:0}.realm{position:absolute;inset:-4%;opacity:.95}.realm--dawn{background:radial-gradient(ellipse 50% 50% at 10% 45%,rgba(240,151,55,.44),transparent 78%),radial-gradient(ellipse 50% 65% at 0% 0%,rgba(133,74,36,.43),transparent 73%),linear-gradient(90deg,#20150f 0%,#141218 45%,transparent 75%)}.realm--shade{background:radial-gradient(ellipse 53% 55% at 90% 43%,rgba(137,58,153,.51),transparent 79%),radial-gradient(ellipse 55% 60% at 100% -8%,rgba(68,38,117,.53),transparent 70%),linear-gradient(270deg,#170e27 0%,#12101c 45%,transparent 75%)}.rift{position:absolute;left:50%;top:-20%;height:150%;width:23%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 44%,rgba(16,11,20,.85),rgba(15,12,22,.38) 39%,transparent 72%);filter:blur(26px)}.sun-glow,.moon-glow{position:absolute;border-radius:50%;filter:blur(3px);animation:celestial 12s ease-in-out infinite alternate}.sun-glow{width:min(25vw,340px);height:min(25vw,340px);left:-8%;top:22%;background:radial-gradient(circle,rgba(255,208,116,.28),rgba(250,138,51,.12) 30%,transparent 71%);box-shadow:0 0 160px 65px rgba(214,103,33,.10)}.moon-glow{right:-6%;top:18%;width:min(25vw,350px);height:min(25vw,350px);background:radial-gradient(circle,rgba(191,146,251,.23),rgba(118,77,194,.12) 34%,transparent 72%);box-shadow:0 0 160px 65px rgba(132,71,171,.1);animation-delay:-6s}.floating-motes{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle,rgba(255,217,154,.9) 1px,transparent 2px),radial-gradient(circle,rgba(253,217,165,.72) 1px,transparent 2px);background-size:159px 173px,217px 191px;background-position:25px 13px,107px 65px;mask-image:linear-gradient(90deg,#000,transparent 48%);animation:drift 34s linear infinite}.motes-shade{transform:scaleX(-1);filter:hue-rotate(104deg);animation-duration:46s}.mountains{position:absolute;bottom:0;width:110%;height:40%;left:-5%;background:#090b13}.mountains--far{opacity:.35;clip-path:polygon(0% 100%,0% 64%,8% 48%,15% 68%,26% 34%,35% 65%,45% 41%,56% 73%,66% 36%,77% 62%,85% 40%,100% 68%,100% 100%)}.mountains--near{height:26%;opacity:.72;clip-path:polygon(0% 100%,0% 58%,7% 77%,19% 46%,31% 83%,43% 65%,56% 93%,70% 54%,82% 78%,93% 47%,100% 63%,100% 100%)}.ground-mist{position:absolute;bottom:-10%;height:32%;width:100%;background:linear-gradient(0deg,#090a11 35%,transparent 100%)}
.site{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px clamp(22px,5vw,88px);border-bottom:1px solid rgba(255,238,219,.09);background:linear-gradient(180deg,rgba(7,9,16,.65),rgba(7,9,16,.1));backdrop-filter:blur(10px)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-family:Georgia,'Times New Roman',serif;letter-spacing:.20em;font-size:16px;font-weight:700;white-space:nowrap}.brand img{filter:drop-shadow(0 0 8px rgba(227,157,79,.28))}.primary-nav{display:flex;align-items:center;gap:clamp(14px,2.8vw,40px);margin-left:auto}.primary-nav button{padding:8px 0;border:0;background:transparent;color:#d9cad0;font-size:13px;letter-spacing:.04em;transition:color .2s}.primary-nav button:hover{color:#fff2d5}.tiny-dot{display:inline-block;width:5px;height:5px;margin-left:4px;vertical-align:middle;border-radius:50%;background:#edc17e;box-shadow:0 0 10px rgba(238,188,99,.6)}.account{position:relative;margin-left:clamp(0px,3vw,34px)}.account-trigger{border:1px solid rgba(237,210,192,.22);background:rgba(20,17,28,.50);color:#f7ebdf;min-height:44px;display:flex;align-items:center;gap:16px;padding:10px 15px;font-size:13px}.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:rgba(236,198,131,.6)}.hamburger{width:17px;display:flex;flex-direction:column;gap:4px}.hamburger i{height:1px;width:100%;background:#e2caa4;display:block}.account-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:10;min-width:235px;padding:10px;background:#191522;border:1px solid rgba(220,182,130,.35);box-shadow:0 22px 65px rgba(0,0,0,.55)}.account-menu[hidden]{display:none}.account-menu button{display:block;width:100%;text-align:left;padding:12px 10px;border:0;background:transparent;color:var(--ink)}.account-menu button:hover{background:rgba(233,184,113,.11)}.account-menu p{font-size:11px;color:#aea1a8;margin:8px 9px 4px;line-height:1.45}
main{flex:1;display:flex;flex-direction:column}.hero{position:relative;display:grid;place-items:center;min-height:clamp(650px,78vh,960px);padding:90px 18px 110px}.realm-labels{position:absolute;top:40%;width:min(1320px,92%);display:flex;justify-content:space-between;gap:32px;color:rgba(245,207,149,.44);font-size:10px;letter-spacing:.34em;pointer-events:none}.realm-labels span:last-child{color:rgba(218,172,238,.50)}.hero-center{position:relative;text-align:center;width:min(710px,100%);z-index:1}.hero-emblem{position:relative;width:120px;margin:0 auto 10px}.hero-emblem img{width:100%;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.6))}.sigil-glow{position:absolute;inset:14% 10%;border-radius:50%;background:radial-gradient(circle,rgba(241,197,118,.4),rgba(154,91,166,.2),transparent 75%);filter:blur(25px)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;color:#ceb5a1;font-size:10px;font-weight:600;letter-spacing:.38em;margin:10px 0 14px}.rule{display:block;height:1px;width:37px;background:linear-gradient(90deg,transparent,rgba(239,188,129,.65))}.rule:last-child{transform:rotate(180deg)}h1{font:normal clamp(59px,11.5vw,128px)/1 Georgia,'Times New Roman',serif;letter-spacing:.065em;margin:0;color:#f8ecd5;text-shadow:0 2px 0 #51382e,0 7px 26px rgba(0,0,0,.66);font-variant:small-caps}h1 span{color:#d9c3df;text-shadow:0 2px 0 #513b64,0 7px 26px rgba(0,0,0,.66)}.hero-line{font:normal clamp(20px,3vw,28px)/1.42 Georgia,serif;letter-spacing:.022em;color:#f0d7bf;margin:26px 0 8px}.hero-copy{color:#c8bdc2;line-height:1.8;max-width:530px;margin:18px auto 29px;font-size:14px}.download-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.download-button{min-width:186px;display:flex;align-items:center;gap:13px;justify-content:flex-start;padding:13px 21px;border:1px solid rgba(226,190,135,.57);background:linear-gradient(125deg,rgba(110,65,35,.55),rgba(24,21,29,.9));color:#f9e9d0;box-shadow:inset 0 1px rgba(255,250,226,.07),0 12px 35px rgba(0,0,0,.18);transition:transform .2s,border-color .2s,background .2s}.download-button:hover{transform:translateY(-2px);border-color:#f0cb92}.download-button--android{border-color:rgba(178,141,205,.45);background:linear-gradient(125deg,rgba(73,48,88,.55),rgba(24,21,29,.9))}.download-icon{display:grid;place-items:center;color:#f5d29b}.download-button--android .download-icon{color:#cbb0e7}.download-button strong,.download-button small{display:block;text-align:left}.download-button strong{font-weight:600;font-size:14px;letter-spacing:.04em}.download-button small{color:#c3b3b1;font-size:10px;margin-top:3px}.release-note{color:#b8a6aa;font-size:11px;letter-spacing:.075em;margin:22px auto 0}.release-note span{color:var(--gold);margin-right:5px}
.hero-bottom{position:absolute;bottom:30px;width:min(1360px,92%);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.22em;color:rgba(250,211,161,.72)}.hero-bottom>span{color:rgba(215,205,205,.52);font-size:9px}.hero-bottom div:last-child{color:rgba(211,172,239,.77)}.diamond{display:inline-block;width:7px;height:7px;margin-right:7px;transform:rotate(45deg);background:#d7a15c;box-shadow:0 0 11px rgba(213,146,69,.7)}.diamond--shade{margin:0 0 0 7px;background:#aa75cb;box-shadow:0 0 11px rgba(147,104,204,.7)}
.teaser{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:19px clamp(22px,5vw,88px);border-top:1px solid var(--line);border-bottom:1px solid rgba(255,255,255,.04);background:rgba(7,9,17,.78);backdrop-filter:blur(8px)}.teaser p{margin:0;color:#a99ba4;font-size:11px;letter-spacing:.12em}.teaser-mark{font-family:Georgia,serif;font-size:22px;margin-right:12px;color:#e0bc84;vertical-align:middle}.teaser-state{text-align:right}.teaser-state span{color:#cfb17a;margin-left:7px;font-size:8px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(22px,5vw,88px);background:#090a11;color:#8d8490;font-size:11px;letter-spacing:.04em}
.modal{border:1px solid rgba(228,196,144,.3);background:linear-gradient(135deg,rgba(41,30,32,.99),rgba(21,18,33,.99) 65%);color:#f0e5dc;padding:0;width:min(510px,calc(100vw - 36px));max-height:min(78vh,690px);box-shadow:0 35px 110px rgba(0,0,0,.7);overflow:auto}.modal::backdrop{background:rgba(5,6,13,.68);backdrop-filter:blur(9px)}.modal-shell{padding:27px clamp(24px,5vw,40px) 37px}.modal-header{display:flex;justify-content:space-between;align-items:center;height:27px}.modal-ornament{color:#cf9a62;font-size:22px}.close-modal{background:transparent;color:#d9c6bc;font-size:30px;line-height:1;border:0;padding:0 4px}.close-modal:hover{color:#fff}.modal-kicker{color:#c7a47d;font-size:10px;letter-spacing:.27em;margin:14px 0 8px}.modal h2{font:normal 30px/1.2 Georgia,serif;margin:0 0 24px;color:#f8e6ca}.modal p{font-size:14px;color:#d1c4c9;line-height:1.8}.modal h3{font-size:16px;color:#f6e6d1;font-weight:600;margin:8px 0 6px}.modal-article{border-left:2px solid #b58b5c;padding-left:18px}.modal-article time{font-size:11px;letter-spacing:.1em;color:#c4a2c8}.modal .small-muted{font-size:12px;color:#a99ca6;margin-top:20px}.modal-factions{display:flex;justify-content:space-around;gap:10px;margin:24px 0;padding:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.modal-factions span{font:17px Georgia,serif;color:#e1b877}.modal-factions span:last-child{color:#c8a0e4}
@keyframes drift{0%{background-position:25px 13px,107px 65px}100%{background-position:91px -185px,13px -103px}}@keyframes celestial{0%{transform:translateY(-8px)}100%{transform:translateY(12px)}}
@media(max-width:900px){.topbar{flex-wrap:wrap;gap:12px}.brand{order:0}.account{order:1;margin-left:auto}.primary-nav{order:2;width:100%;justify-content:center;gap:clamp(12px,4vw,35px);border-top:1px solid rgba(255,255,255,.06);padding-top:14px}.hero{min-height:710px}.realm-labels{display:none}}
@media(max-width:580px){.topbar{padding:17px 18px 13px}.brand{font-size:13px;letter-spacing:.15em;gap:8px}.brand img{width:27px;height:32px}.account-trigger{min-height:38px;padding:8px 10px}.account-trigger__label{display:none}.primary-nav{gap:12px;justify-content:space-between}.primary-nav button{font-size:11px;letter-spacing:0}.hero{padding:80px 15px 90px;min-height:calc(100svh - 156px)}.hero-emblem{width:95px}.eyebrow{font-size:8px;letter-spacing:.2em;gap:7px}.rule{width:20px}h1{font-size:clamp(48px,13vw,72px);letter-spacing:.025em}.hero-line{font-size:21px}.hero-copy{font-size:12px;max-width:345px}.download-button{min-width:140px;flex:1;padding:11px 13px;gap:9px}.download-actions{max-width:360px;margin:auto;gap:9px}.release-note{font-size:10px;max-width:290px}.hero-bottom{width:95%;bottom:15px;font-size:8px;letter-spacing:.08em;gap:8px}.hero-bottom>span{display:none}.teaser{grid-template-columns:1fr 1fr;gap:10px 8px;padding:14px 18px}.teaser p{font-size:9px;letter-spacing:.06em}.teaser-mark{font-size:18px;margin-right:5px}.teaser-state{text-align:left}.footer{flex-direction:column;align-items:flex-start;gap:6px;padding:20px 18px}.modal h2{font-size:26px}}@media(max-width:350px){.primary-nav{gap:7px}.primary-nav button{font-size:10px}.download-button{min-width:120px}h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Developer identity and small-screen navigation */
.modal p.developer-subtitle{font:italic 16px/1.45 Georgia,'Times New Roman',serif;color:#e6bc8e;margin:-13px 0 22px}
.developer-vision{margin:23px 0 0;padding:13px 16px;border-left:2px solid #d8ad77;background:linear-gradient(90deg,rgba(196,136,77,.14),rgba(130,88,158,.08));color:#f3e0ce;font:italic 16px/1.55 Georgia,'Times New Roman',serif}
.developer-card{display:flex;align-items:center;gap:15px;margin-top:23px;padding:16px 18px;border:1px solid rgba(225,183,119,.33);background:linear-gradient(110deg,rgba(136,81,45,.2),rgba(86,48,117,.17))}
.developer-card__monogram{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid rgba(240,194,128,.6);font:26px Georgia,serif;color:#f3ce95}
.developer-card strong,.developer-card div>span{display:block}
.developer-card strong{color:#f6d7a9;font-size:16px;letter-spacing:.12em}
.developer-card div>span{margin-top:4px;color:#c4b6c3;font-size:12px}
.modal-article+.modal-article{margin-top:22px}
@media(max-width:580px){
  .topbar{gap:9px}
  .brand{min-width:0;max-width:calc(100% - 66px);overflow:hidden;font-size:clamp(12px,3.4vw,15px);letter-spacing:.09em}
  .brand span{overflow:hidden;text-overflow:ellipsis}
  .primary-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;width:100%;padding-top:11px}
  .primary-nav button{min-width:0;min-height:38px;padding:8px 3px;font-size:12px;line-height:1.25;white-space:normal;text-align:center}
  .account{flex:none}
}
@media(max-width:350px){.primary-nav{gap:4px 6px}.primary-nav button{font-size:11px}}

/* Accessible scrolling for long developer stories on small screens */
.modal{overscroll-behavior:contain}
.modal-header{position:sticky;top:0;z-index:3;background:linear-gradient(90deg,#292025,#211b31);padding:4px 0;min-height:36px}
.close-modal{min-width:40px;min-height:40px;display:grid;place-items:center;justify-self:end}
@media(max-width:580px){
  .modal{max-height:88svh;max-height:min(88svh,800px)}
  .modal-shell{padding:15px 19px 26px}
  .modal p{font-size:15px;line-height:1.7}
  .modal p.developer-subtitle{font-size:16px}
  .developer-vision{font-size:17px}
}