@font-face{font-family:Outfit;src:url(/_astro/Outfit_300Light.S_bmysjB.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Outfit;src:url(/_astro/Outfit_400Regular.CZeFCLjM.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(/_astro/Outfit_600SemiBold.BG6JAc2c.ttf)format("truetype");font-weight:600;font-display:swap}:root{--ink:#07060f;--night:#0d0a1d;--panel:#ffffff09;--panel-2:#ffffff0f;--line:#ffffff14;--line-2:#ffffff24;--text:#f3f0ff;--muted:#f3f0ffa3;--faint:#f3f0ff66;--coral:#ff6b6b;--cyan:#4cc9f0;--gold:#ffc24b;--wrap:1180px;--gutter:clamp(16px, 4vw, 32px);--cell:56px;--font:Outfit, system-ui, -apple-system, "Segoe UI", "Noto Sans", "Hiragino Sans", "PingFang SC", "Apple SD Gothic Neo", "Noto Sans Arabic", "Noto Sans Devanagari", sans-serif;color-scheme:dark}.c0{--b:#ff6b6b;--l:#ffd1c7;--d:#c2344a}.c1{--b:#ffc24b;--l:#fff1c4;--d:#d1801b}.c2{--b:#3ee6a8;--l:#d2ffec;--d:#119a71}.c3{--b:#4cc9f0;--l:#d6f6ff;--d:#1f7fb8}.c4{--b:#a78bfa;--l:#ede5ff;--d:#6b46e0}.c5{--b:#ff7ac6;--l:#ffe0f2;--d:#c93c8e}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--ink);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:17px;line-height:1.6;display:flex;overflow-x:clip}body:before{content:"";z-index:-2;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:var(--cell) var(--cell);background-position:calc(50% + var(--cell) / 2) -1px;position:fixed;inset:0;mask-image:radial-gradient(70% 60% at 50% 0,#000 0%,#0000 100%)}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40vmax 30vmax at 12% 8%,#ff6b6b24,#0000 70%),radial-gradient(40vmax 30vmax at 88% 8%,#4cc9f024,#0000 70%);position:fixed;inset:0}a{color:var(--cyan);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}h1,h2,h3{text-wrap:balance;margin:0 0 .5em;font-weight:600;line-height:1.15}p{text-wrap:pretty;margin:0 0 1em}button{font:inherit;color:inherit}.skip{inset-inline-start:12px;z-index:50;background:var(--cyan);color:var(--ink);border-radius:12px;padding:10px 16px;position:absolute;top:-80px}.skip:focus{top:12px}.orb{width:var(--s,24px);aspect-ratio:1;background:radial-gradient(circle at 34% 30%, var(--l) 0%, var(--b) 45%, var(--d) 100%);box-shadow:0 0 calc(var(--s,24px) * .8) color-mix(in srgb, var(--b) 55%, transparent);border-radius:50%;flex:none;display:inline-block}.orb.ringed{background:radial-gradient(circle, var(--l) 0 13%, #0b0818 18% 52%, var(--b) 55% 100%)}.dot{background:var(--b);width:8px;height:8px;box-shadow:0 0 10px var(--b);border-radius:50%;flex:none;display:inline-block}.btn{border:1px solid var(--line-2);background:var(--panel-2);min-height:48px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{color:var(--text);border-color:#ffffff4d;transform:translateY(-1px)}.btn.primary{color:#0b0818;background:linear-gradient(90deg,#ff8f7a,#ffd1c7 50%,#8fdcf6);border-color:#0000;box-shadow:0 10px 34px -10px #ff6b6b8c,0 10px 34px -10px #4cc9f08c}.btn.primary:hover{color:#0b0818}.bar{z-index:20;-webkit-backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--line);background:#07060fb8;position:sticky;top:0}.bar-in{width:min(var(--wrap), 100%);min-height:64px;padding:env(safe-area-inset-top) var(--gutter) 0;align-items:center;gap:12px;margin:0 auto;display:flex}.brand{color:var(--text);letter-spacing:.24em;align-items:center;gap:12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{border-radius:9px}.brand:hover{color:var(--text)}.links{gap:2px;margin-inline-start:auto;display:flex}.links a{color:var(--muted);white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:15px;text-decoration:none;position:relative}.links a:hover{color:var(--text);background:var(--panel-2)}.links a[aria-current=page]{color:var(--text)}.links a[aria-current=page]:after{content:"";background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%;margin-left:-2.5px;position:absolute;bottom:1px;left:50%}.lang-btn,.menu-btn{border:1px solid var(--line-2);background:var(--panel);min-height:40px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:15px;display:inline-flex}.lang-btn:hover,.menu-btn:hover{color:var(--text);border-color:#ffffff4d}.lang-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.menu-btn{flex-direction:column;justify-content:center;gap:6px;width:44px;margin-inline-start:auto;padding:0;display:none}.menu-btn span{background:currentColor;border-radius:2px;width:18px;height:1.5px;display:block}@media (width<=880px){.links,.lang-btn{display:none}.menu-btn{display:inline-flex}}.pop{border:1px solid var(--line-2);color:var(--text);opacity:0;transition:opacity .18s ease, transform .18s ease, overlay .18s allow-discrete, display .18s allow-discrete;background:#0e0b1ef7;border-radius:22px;margin:0;padding:18px;position:fixed;inset:auto;overflow:auto;transform:translateY(-6px)scale(.98);box-shadow:0 30px 80px #0009}.pop:popover-open,.pop.is-open{opacity:1;transform:none}@starting-style{.pop:popover-open{opacity:0;transform:translateY(-6px)scale(.98)}}.pop::backdrop{background:#04030a80}@supports not selector(:popover-open){[popover]:not(.is-open){display:none}[popover].is-open{z-index:100}}.pop-lang{top:72px;width:min(440px,100vw - 32px);max-height:calc(100vh - 96px);inset-inline-end:max(var(--gutter), calc((100vw - var(--wrap)) / 2 + var(--gutter)))}.pop-title{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;padding:0 8px;font-size:13px}.langs{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.langs a{color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.langs a:hover{background:var(--panel-2);color:var(--text)}.langs a[aria-current=true]{color:var(--text);background:#4cc9f01a}.langs a[aria-current=true]:after{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 8px var(--cyan);border-radius:50%}.pop-menu{width:100%;max-width:none;height:100%;max-height:none;padding:calc(env(safe-area-inset-top) + 10px) var(--gutter) calc(env(safe-area-inset-bottom) + 24px);background:var(--ink);border:0;border-radius:0;inset:0}.pop-head{justify-content:space-between;align-items:center;min-height:54px;margin-bottom:20px;display:flex}.close{border:1px solid var(--line-2);background:var(--panel);cursor:pointer;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}.menu-links{border-top:1px solid var(--line);margin-bottom:28px;display:grid}.menu-links a{border-bottom:1px solid var(--line);color:var(--text);align-items:center;gap:16px;padding:16px 4px;font-size:24px;font-weight:300;text-decoration:none;display:flex}.menu-links a[aria-current=page]{font-weight:600}main{width:min(var(--wrap), 100%);padding:0 var(--gutter) 96px;flex:1;margin:0 auto}.sec-head{border-bottom:1px solid var(--line);align-items:baseline;gap:18px;margin-bottom:36px;padding-bottom:18px;display:flex}.sec-head h2{letter-spacing:-.01em;margin:0;font-size:clamp(28px,4.4vw,44px);font-weight:300}.sec-no{color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:15px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,6vw,88px);padding:clamp(48px,9vw,104px) 0 clamp(72px,10vw,128px);display:grid;position:relative}.hero:before{content:"";background:linear-gradient(#0000,#ffffff40,#0000);width:1px;position:absolute;top:8%;bottom:8%;left:52.5%}[dir=rtl] .hero:before{left:auto;right:52.5%}.chip{border:1px solid var(--line-2);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:10px;margin:0 0 28px;padding:8px 16px;font-size:14px;display:inline-flex}.pulse{background:#3ee6a8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #3ee6a899}70%,to{box-shadow:0 0 0 10px #3ee6a800}}.wordmark{letter-spacing:.16em;margin:0;text-align:start;direction:ltr;margin-inline-end:-.16em;font-size:clamp(52px,9vw,112px);font-weight:300;line-height:.92;display:grid}[dir=rtl] .wordmark{justify-items:end}.wordmark .word{background:linear-gradient(90deg,#ffb3a6,#fff 50%,#a8e8fb);color:#0000;filter:drop-shadow(0 0 30px #ffffff2e);-webkit-background-clip:text;background-clip:text}.wordmark .reflection{color:#f3f0ff80;user-select:none;align-items:flex-end;height:.62em;margin-top:.06em;display:flex;overflow:hidden;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 35%,#000 100%);mask-image:linear-gradient(#0000 35%,#000 100%)}.tagline{color:var(--muted);letter-spacing:.32em;text-transform:uppercase;margin:18px 0 0;font-size:15px}.hero .lead{color:#f3f0ffdb;max-width:34em;margin:24px 0 0;font-size:clamp(18px,2.1vw,20px)}.cta{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}@media (width<=960px){.hero{grid-template-columns:minmax(0,1fr);padding-top:40px}.hero:before{display:none}}.play{border:1px solid var(--line-2);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:30px;padding:clamp(18px,3vw,26px);position:relative;box-shadow:0 40px 90px -40px #000c,inset 0 1px #ffffff14}.play-head h2{margin:0 0 4px;font-size:20px}.play-head p{color:var(--muted);margin:0 0 18px;font-size:15px}.board-frame{box-shadow:inset 0 0 40px #0009, inset 0 0 0 1px var(--line);background:#050410;border-radius:24px;padding:10px}.board{grid-template-columns:repeat(var(--w), minmax(0, 1fr));aspect-ratio:var(--w) / var(--h);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:16px;display:grid;position:relative}.board:active{cursor:grabbing}.board:focus-visible{outline-offset:6px}.cell{background:#ffffff0b;border-radius:10px;margin:3px}.pieces{pointer-events:none;position:absolute;inset:0}.pieces>span{width:calc(100% / var(--w));height:calc(100% / var(--h));transform:translate(calc(var(--x) * 100%), calc(var(--y) * 100%));position:absolute;top:0;left:0}.pieces .orb{aspect-ratio:auto;box-shadow:none;z-index:2;background:0 0;border-radius:0;transition-property:transform;transition-timing-function:cubic-bezier(.55,0,.25,1);display:block}.pieces .orb:before{content:"";background:radial-gradient(circle at 34% 30%, var(--l) 0%, var(--b) 45%, var(--d) 100%);box-shadow:0 0 22px color-mix(in srgb, var(--b) 60%, transparent);border-radius:50%;position:absolute;inset:17%}.pieces .orb.ringed:before{background:radial-gradient(circle, var(--l) 0 13%, #0b0818 18% 52%, var(--b) 55% 100%)}.pieces .slot:before{content:"";border:2px dashed var(--b);opacity:.75;border-radius:50%;transition:box-shadow .3s,opacity .3s;position:absolute;inset:17%}.pieces .stone:before{content:"";background:linear-gradient(145deg,#3a3354,#1d1830);border-radius:12px;position:absolute;inset:8%;box-shadow:inset 0 1px #ffffff24,0 6px 14px #00000080}.board.nudge{animation:.25s nudge}@keyframes nudge{30%{translate:4px}60%{translate:-3px}}.play.solved .slot:before{opacity:1;box-shadow:0 0 24px var(--b), inset 0 0 12px var(--b);border-style:solid}.play.solved .pieces .orb:before{animation:1.4s ease-in-out infinite alternate glow}@keyframes glow{to{box-shadow:0 0 40px var(--b);scale:1.06}}.hud{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.hud dl{gap:clamp(14px,3vw,26px);margin:0;display:flex}.hud dt{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.hud dd{color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.hud b{color:var(--text);font-size:22px;font-weight:600}.pad{grid-template-rows:repeat(2,38px);grid-template-columns:repeat(3,38px);gap:4px;display:grid}.key{border:1px solid var(--line-2);background:var(--panel);cursor:pointer;border-radius:10px;place-items:center;padding:0;display:grid}.key:hover{background:var(--panel-2)}.key:active{scale:.94}.key svg{fill:currentColor;width:18px;height:18px}.key-up{grid-area:1/2}.key-left{grid-area:2/1}.key-down{grid-area:2/2}.key-right{grid-area:2/3}.play-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.status{color:#3ee6a8;flex:200px;min-height:1.6em;margin:0;font-weight:600}.status:empty{display:none}.play-foot:has(.status:empty){justify-content:flex-end}.actions{gap:8px;display:flex}.actions button{border:1px solid var(--line-2);background:var(--panel);cursor:pointer;border-radius:12px;min-height:40px;padding:0 16px;font-size:15px}.actions button:hover{background:var(--panel-2)}.play.solved .next{color:#0b0818;background:linear-gradient(90deg,#ff8f7a,#8fdcf6);border-color:#0000;font-weight:600}.how,.features{margin-top:clamp(24px,4vw,48px)}.features{margin-top:clamp(80px,11vw,136px)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.step h3{align-items:center;gap:12px;margin:22px 0 8px;font-size:22px;display:flex}.step-no{border:1px solid var(--line-2);width:30px;height:30px;color:var(--cyan);border-radius:9px;place-items:center;font-size:14px;display:inline-grid}.step p{color:var(--muted);margin:0}.diagram{border:1px solid var(--line);background-color:var(--panel);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:50%;background-size:32px 32px;border-radius:22px;height:128px;position:relative;overflow:hidden}.diagram .orb,.diagram .slot{--s:28px;margin-top:-14px;position:absolute;top:50%}.diagram .track{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:2px;margin-top:-1px;position:absolute;top:50%;left:18%;right:18%}.diagram .t1,.diagram .r1{top:36%}.diagram .t2,.diagram .r2{top:64%}.m-right{animation:3.2s cubic-bezier(.6,0,.2,1) infinite go-right;left:18%}.m-left{animation:3.2s cubic-bezier(.6,0,.2,1) infinite go-left;left:calc(82% - 28px)}@keyframes go-right{0%,20%{translate:0}45%,85%{translate:calc(var(--span,200px))}to{opacity:0;translate:0}}@keyframes go-left{0%,20%{translate:0}45%,85%{translate:calc(var(--span,200px) * -1)}to{opacity:0;translate:0}}.diagram{container-type:inline-size}.diagram .orb{--span:calc(64cqw - 28px)}.d2 .slot{border:2px dashed var(--b);border-radius:50%;width:32px;height:32px;margin-top:-16px;margin-left:-16px;left:50%}.m-drop{margin-left:-14px;animation:3.2s cubic-bezier(.6,0,.2,1) infinite drop;left:50%}@keyframes drop{0%,15%{opacity:0;translate:0 -46px}25%{opacity:1}45%,85%{box-shadow:0 0 34px var(--b);translate:0}to{opacity:0;translate:0}}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);isolation:isolate;border-radius:24px;min-height:220px;padding:28px;position:relative;overflow:hidden}.tile:before{content:"";z-index:-1;top:-60%;aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--b) 30%, transparent), transparent);width:90%;position:absolute;inset-inline-end:-30%}.tile:first-child,.tile:nth-child(6){grid-column:span 2}.tile .orb{--s:30px;margin-bottom:40px}.tile h3{font-size:21px}.tile p{color:var(--muted);margin:0}.help{padding:clamp(40px, 7vw, 72px) var(--gutter);border:1px solid var(--line);background:radial-gradient(60% 120% at 50% 100%, #4cc9f01a, transparent), var(--panel);text-align:center;border-radius:32px;margin-top:clamp(80px,11vw,136px)}.help-orbs{direction:ltr;justify-content:center;align-items:center;gap:64px;margin-bottom:28px;display:flex;position:relative}.help-orbs .orb{--s:26px}.help-orbs .orb:first-child{animation:3s ease-in-out infinite breathe-l}.help-orbs .orb:last-child{animation:3s ease-in-out infinite breathe-r}.help-orbs .axis{background:linear-gradient(#0000,#fff6,#0000);width:1px;position:absolute;top:-12px;bottom:-12px;left:50%}@keyframes breathe-l{50%{translate:-14px}}@keyframes breathe-r{50%{translate:14px}}.help h2{font-size:clamp(26px,4vw,36px);font-weight:300}.help p{color:var(--muted);margin:0}@media (width<=960px){.steps{grid-template-columns:minmax(0,1fr)}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile:first-child,.tile:nth-child(6){grid-column:span 2}}@media (width<=600px){.bento{grid-template-columns:minmax(0,1fr)}.tile:first-child,.tile:nth-child(6){grid-column:auto}.tile{min-height:0}.tile .orb{margin-bottom:24px}}.doc-layout{grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,6vw,80px);padding-top:clamp(40px,7vw,80px);display:grid}.rail{align-self:start;max-height:calc(100vh - 120px);position:sticky;top:96px;overflow:auto}.rail-pages{gap:2px;display:grid}.rail-pages a{color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.rail-pages a:hover{color:var(--text);background:var(--panel-2)}.rail-pages a[aria-current=page]{color:var(--text);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-2)}.rail-pages a:not([aria-current=page]) .dot{opacity:.45;box-shadow:none}.toc{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.toc p{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;padding:0 12px;font-size:12px}.toc ol{margin:0;padding:0;list-style:none}.toc a{color:var(--muted);border-radius:10px;gap:10px;padding:6px 12px;font-size:14px;line-height:1.4;text-decoration:none;display:flex}.toc a:hover{color:var(--text);background:var(--panel)}.num{color:var(--cyan);font-variant-numeric:tabular-nums;flex:none}.doc{max-width:760px}.doc-head{border-bottom:1px solid var(--line);margin-bottom:40px;padding-bottom:32px}.doc h1{letter-spacing:-.015em;font-size:clamp(36px,6vw,56px);font-weight:300}.doc .intro{color:#f3f0ffd6;margin:0;font-size:clamp(18px,2.2vw,20px)}.doc .updated{border:1px solid var(--line-2);color:var(--muted);border-radius:999px;margin-bottom:18px;padding:4px 12px;font-size:14px;display:inline-block}.doc h2{margin-top:48px;font-size:24px}.doc p,.doc li{color:var(--muted)}.doc ul{margin:0 0 1em;padding-inline-start:1.2em}.doc li{margin-bottom:.5em}.doc li::marker{color:var(--cyan)}.clause{padding-top:8px}.doc-head+.clause h2:first-child{margin-top:0}.clause h2{align-items:baseline;gap:14px;display:flex}.clause h2 .num{font-size:15px;font-weight:400}.faq{gap:10px;display:grid}.faq details{border:1px solid var(--line);background:var(--panel);border-radius:18px;transition:background .2s,border-color .2s}.faq details[open]{background:var(--panel-2);border-color:var(--line-2)}.faq summary{cursor:pointer;align-items:center;gap:16px;padding:18px 20px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq .q{flex:1}.plus{flex:none;width:14px;height:14px;position:relative}.plus:before,.plus:after{content:"";background:var(--muted);border-radius:2px;width:14px;height:2px;transition:rotate .2s;position:absolute;top:6px;left:0}.plus:after{rotate:90deg}details[open] .plus:after{rotate:0deg}.faq .a{color:var(--muted);padding:0 20px 20px 44px}[dir=rtl] .faq .a{padding:0 44px 20px 20px}.faq .a p{margin:0}.contact{border:1px solid var(--line-2);background:radial-gradient(80% 140% at 100% 0%, #4cc9f01f, transparent 60%), radial-gradient(80% 140% at 0% 100%, #ff6b6b1f, transparent 60%), var(--panel);border-radius:26px;margin:0 0 16px;padding:clamp(28px,5vw,44px);position:relative;overflow:hidden}.contact .orb{--s:22px;position:absolute;top:28px}.contact .orb.c0{inset-inline-end:72px}.contact .orb.c3{inset-inline-end:32px}.doc .contact h2{margin-top:0;padding-inline-end:96px}.contact p{max-width:36em}.checks{list-style:none;padding:0!important}.checks li{padding-inline-start:34px;position:relative}.checks li:before{content:"";inset-inline-start:0;border:2px dashed var(--cyan);border-radius:50%;width:20px;height:20px;position:absolute;top:.35em}.fixes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fix{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:20px}.fix .dot{margin-bottom:14px}.fix h3{margin-bottom:6px;font-size:17px}.fix p{margin:0;font-size:15px}.note{margin-top:40px}@media (width<=880px){.doc-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px}.rail{max-height:none;margin:0 calc(var(--gutter) * -1);position:static;overflow:visible}.rail-pages{padding:0 var(--gutter) 4px;scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.rail-pages a{border:1px solid var(--line);flex:none}.toc{display:none}.fixes{grid-template-columns:minmax(0,1fr)}}.lost{text-align:center;justify-items:center;padding:clamp(56px,10vw,120px) 0;display:grid}.lost-board{box-shadow:inset 0 0 0 1px var(--line);background:#050410;border-radius:20px;grid-template-columns:repeat(4,44px);grid-auto-rows:44px;gap:6px;margin-bottom:36px;padding:10px;display:grid;position:relative}.lost-board i{background:#ffffff0b;border-radius:10px}.lost-board .orb{--s:30px;animation:3.6s cubic-bezier(.6,0,.3,1) infinite off-board;position:absolute;top:67px;left:17px}@keyframes off-board{0%,15%{opacity:1;translate:0}55%{opacity:0;translate:260px}56%{opacity:0;translate:0}80%,to{opacity:1}}.lost .code{color:var(--cyan);letter-spacing:.3em;margin:0 0 6px}.lost h1{font-size:clamp(34px,6vw,52px);font-weight:300}.lost .lead{color:var(--muted);margin-bottom:32px}.end{width:min(var(--wrap), 100%);padding:0 var(--gutter) calc(env(safe-area-inset-bottom) + 32px);margin:0 auto}.end-in{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:32px 0 24px;display:flex}.end nav{flex-wrap:wrap;gap:4px 20px;display:flex}.end nav a{color:var(--muted);font-size:15px;text-decoration:none}.end nav a:hover,.end nav a[aria-current=page]{color:var(--text)}.end-fine{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:4px 24px;font-size:13px;display:flex}.end-fine p{margin:0}.end-fine a{color:var(--muted)}:lang(ar) .tagline,:lang(hi) .tagline,:lang(ar) .pop-title,:lang(hi) .pop-title,:lang(ar) .hud dt,:lang(hi) .hud dt,:lang(ar) .toc p,:lang(hi) .toc p{letter-spacing:0}:lang(ar) body{line-height:1.8}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
