:root{--gold-top: #ffc91c;--gold-mid: #ffa80d;--gold-low: #ff7a01;--gold: linear-gradient(180deg, var(--gold-top) 8%, var(--gold-mid) 50%, var(--gold-low) 92%);--ink: #0f1025;--paper: #ffffff;--cyan: #4fd8f5;--pink: #ff66c4;--lime: #a6e85c;--kz-red: #ef4444;--wrap: 1200px;--gutter: clamp(16px, 4vw, 48px);--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark;interpolate-size:allow-keywords}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html.motion-reduced{scroll-behavior:auto}body{margin:0;background:#28144d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html:has(.site.theme-dev) body{background:#03080a}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4{margin:0}p{margin:0 0 1em}button{font:inherit}.wrap{width:min(100% - 2 * var(--gutter),var(--wrap));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}.site>main{flex:1}.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sticker-mark{display:block;width:100%;height:auto;overflow:visible}.sticker-mark .lt{transform-box:fill-box;transform-origin:50% 100%}.sticker-mark.pop .lt{animation:lt-pop .76s var(--spring) both;animation-delay:calc(var(--i) * 55ms + .12s)}@keyframes lt-pop{0%{transform:translateY(60%) scale(.2);opacity:0}50%{opacity:1}to{transform:none;opacity:1}}.motion-toggle{font-size:.85rem;background:none;border:1px solid currentColor;color:inherit;opacity:.8;border-radius:999px;padding:6px 14px;min-height:36px;cursor:pointer;white-space:nowrap}.motion-toggle:hover{opacity:1}.motion-chip{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:.95rem;font-weight:500;color:#fff;background:#0f10258c;border:2px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.motion-chip:hover{border-color:#fff}.motion-chip-dot{width:10px;height:10px;border-radius:50%;background:var(--gold-top);box-shadow:0 0 0 4px #ffc91c40}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:var(--ease)}::view-transition-group(*){animation-duration:.44s;animation-timing-function:var(--ease)}.motion-reduced .sticker-mark .lt,.motion-reduced .aurora i,.motion-reduced .float-card,.motion-reduced .confetti i,.motion-reduced .hero-art img,.motion-reduced .hero-note{animation:none!important}.motion-reduced .bar>i.run{animation:none;width:60%}.motion-reduced .burst{display:none}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{transition-duration:.01ms!important}.motion-reduced::view-transition-group(*),.motion-reduced::view-transition-old(*),.motion-reduced::view-transition-new(*){animation:none!important}.theme-play{--grape-950: #150a2b;--grape-900: #1d0e3a;--grape-800: #28144d;--grape-700: #351d66;--grape-600: #46298a;--muted: #c4b6f2;--display: "Fredoka", "Jost", system-ui, sans-serif;--body: "Jost", system-ui, sans-serif;--nav-h: 84px;--sec: clamp(64px, 9vw, 120px);background:var(--grape-800);color:#fff;font-family:var(--body);font-size:18px;line-height:1.6}.theme-play ::selection{background:var(--gold-top);color:var(--ink)}.theme-play :focus-visible{outline:3px solid var(--gold-top);outline-offset:3px;border-radius:10px}.theme-play .display{font-family:var(--display);font-weight:700;letter-spacing:-.01em;line-height:1.04;text-wrap:balance}.theme-play .h1{font-size:clamp(2.6rem,6vw,4.8rem)}.theme-play .h2{font-size:clamp(2rem,4.2vw,3.2rem)}.theme-play .h3{font-size:clamp(1.35rem,2.2vw,1.75rem)}.theme-play .lede{font-size:clamp(1.08rem,1.5vw,1.25rem);color:var(--muted);max-width:48ch;margin:0;text-wrap:pretty}.theme-play .empty{color:var(--muted)}.theme-play .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 24px;border-radius:999px;font-family:var(--display);font-weight:600;font-size:1.08rem;line-height:1.1;text-decoration:none;white-space:nowrap;cursor:pointer;border:3px solid var(--ink);transition:transform .18s var(--spring),box-shadow .18s var(--ease),background-color .18s,border-color .18s}.theme-play .btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 5px 0 var(--ink)}.theme-play .btn-paper{background:#fff;color:var(--ink);box-shadow:0 5px 0 var(--ink)}.theme-play .btn-ink{background:var(--ink);color:#fff;box-shadow:0 5px #0f102559}.theme-play .btn-gold:hover,.theme-play .btn-paper:hover,.theme-play .btn-ink:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.theme-play .btn-gold:active,.theme-play .btn-paper:active,.theme-play .btn-ink:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.theme-play .btn-ghost{background:#150a2b59;color:#fff;border-color:#ffffff8c}.theme-play .btn-ghost:hover{border-color:#fff;background:#ffffff1a}.theme-play .btn-small{min-height:44px;padding:8px 18px;font-size:1rem}.theme-play .btn-gold.btn-small,.theme-play .btn-paper.btn-small{box-shadow:0 4px 0 var(--ink)}.theme-play .btn[aria-disabled=true],.theme-play .btn[aria-disabled=true]:hover,.theme-play .btn[aria-disabled=true]:active{cursor:default;transform:none;background:#150a2b59;color:#fff;border:3px dashed rgba(255,255,255,.5);box-shadow:none}.slab .btn[aria-disabled=true],.slab .btn[aria-disabled=true]:hover{background:transparent;color:var(--ink);border-color:#0f10258c}.theme-play .status{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:.92rem;line-height:1;padding:7px 14px 7px 11px;border-radius:999px;background:#ffffff1f;color:#fff;white-space:nowrap}.theme-play .status i{width:9px;height:9px;border-radius:50%;background:#fff}.theme-play .status.s-live{background:var(--lime);color:var(--ink)}.theme-play .status.s-live i{background:var(--ink);animation:blink 1.6s ease-in-out infinite}.theme-play .status.s-soon i{background:var(--gold-top)}@keyframes blink{50%{opacity:.25}}.play-nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);display:flex;align-items:center;transition:background-color .3s,box-shadow .3s}.play-nav.solid{background:#1d0e3ae0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px #ffffff14}.play-nav .bar{display:flex;align-items:center;gap:20px;position:relative}.play-nav .home{display:block;width:clamp(118px,12vw,148px);flex:none;transition:transform .2s var(--spring)}.play-nav .home:hover{transform:rotate(-2deg) scale(1.03)}.play-nav .links{display:flex;align-items:center;gap:4px;margin-left:auto}.play-nav .nl{font-family:var(--display);font-weight:600;font-size:1.02rem;padding:9px 15px;border-radius:999px;text-decoration:none;color:#fff;transition:background-color .18s}.play-nav .nl:hover{background:#ffffff1f}.play-nav .nl.active{background:#fff;color:var(--ink)}.play-nav .links .btn{margin-left:8px}.dev-door{font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:500;font-size:.92rem;color:#e8fbff;text-decoration:none;padding:9px 14px;margin-left:6px;border-radius:12px;background:#03080a99;border:1px solid rgba(79,216,245,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,background-color .2s;white-space:nowrap}.dev-door:hover{border-color:var(--cyan);background:#03080ad9}.menu-btn{display:none;margin-left:auto;font-family:var(--display);font-weight:600;font-size:1rem;color:#fff;background:#150a2b80;border:2px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 18px;min-height:44px;cursor:pointer}.theme-play .section{padding-top:var(--sec)}.theme-play .section.last{padding-bottom:var(--sec)}.theme-play .page-top{padding-top:calc(var(--nav-h) + clamp(28px,5vw,64px))}.theme-play .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;margin-bottom:clamp(24px,4vw,40px)}.theme-play .section-head .lede{margin-top:10px}.theme-play .page-head{display:grid;gap:14px;justify-items:start;margin-bottom:clamp(28px,4vw,48px)}.theme-play .crumb{font-weight:600;color:var(--muted);text-decoration:none}.theme-play .crumb:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.theme-play .hero{position:relative;min-height:min(94vh,920px);display:grid;align-items:center;overflow:hidden;isolation:isolate;padding:0 0 clamp(56px,8vw,104px)}.theme-play .hero.page-top{padding-top:0}.theme-play .hero-inner{position:relative;z-index:1;padding-top:calc(var(--nav-h) + clamp(24px,5vw,64px));display:grid;justify-items:start}.theme-play .hero-art{position:absolute;inset:0 0 0 32%;z-index:-2;--px: 0;--py: 0;mask-image:linear-gradient(90deg,transparent 0%,#000 26%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%)}.theme-play .hero-art img{width:100%;height:100%;object-fit:cover;object-position:16% 40%;scale:1.06;translate:calc(var(--px) * -14px) calc(var(--py) * -10px);transition:translate .7s var(--ease);animation:art-in 1.6s var(--ease) both}@keyframes art-in{0%{scale:1.18;opacity:0}to{scale:1.06;opacity:1}}.theme-play .hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#28144d8c,#28144d00 40%),linear-gradient(0deg,var(--grape-800) 0%,rgba(40,20,77,0) 32%),linear-gradient(180deg,#1d0e3abf,#1d0e3a00 24%)}.theme-play .hero-mark{width:min(100%,640px);margin-bottom:18px}.theme-play .hero-lockup{width:min(100%,560px);margin:12px 0 14px}.theme-play .hero-line{font-family:var(--display);font-weight:600;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.2;max-width:24ch;margin:0;text-wrap:balance;text-shadow:0 2px 18px rgba(21,10,43,.6)}.theme-play .hero .btn-row{margin-top:4px}.confetti{position:absolute;inset:0;z-index:-1;pointer-events:none}.confetti i{position:absolute;display:block;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);animation:bob 6s ease-in-out infinite alternate}.confetti .c1{width:34px;height:34px;border-radius:50%;background:var(--cyan);left:30%;top:15%}.confetti .c2{width:26px;height:26px;border-radius:8px;background:var(--pink);left:4%;bottom:12%;rotate:18deg;animation-delay:-2s}.confetti .c3{width:64px;height:24px;border-radius:999px;background:var(--lime);left:41%;bottom:9%;animation-delay:-4s}.confetti .c4{width:18px;height:18px;border-radius:50%;background:var(--gold-top);left:36%;top:72%;animation-delay:-1s}.confetti .c5{width:42px;height:42px;border-radius:12px;background:transparent;border-color:#fff;box-shadow:none;right:7%;top:20%;rotate:-12deg;animation-delay:-3s}@keyframes bob{0%{translate:0 0}to{translate:0 -18px}}.theme-play .hero-note{position:absolute;z-index:2;right:max(var(--gutter),calc((100% - var(--wrap)) / 2));bottom:clamp(36px,6vw,80px);width:min(320px,80vw);display:grid;gap:6px;padding:16px 20px;border-radius:24px;background:#fff;color:var(--ink);text-decoration:none;border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);rotate:2deg;transition:rotate .3s var(--spring),translate .3s var(--spring);animation:note-in .8s var(--spring) 1s both}.theme-play .hero-note:hover{rotate:0deg;translate:0 -4px}.hn-top{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500;line-height:1.3}.theme-play .hero-note b{font-family:var(--display);font-weight:700;font-size:1.55rem;line-height:1.1}.hn-go{font-weight:600;font-size:.95rem;text-decoration:underline;text-underline-offset:3px}@keyframes note-in{0%{opacity:0;translate:0 36px;rotate:9deg}to{opacity:1;translate:0 0;rotate:2deg}}.theme-play .code-chip{position:relative;display:inline-flex;align-items:center;gap:16px;margin:24px 0;padding:10px 10px 10px 20px;border-radius:22px;background:#0f102594;border:2px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.code-text{display:grid;line-height:1.15}.code-label{font-size:.86rem;color:var(--muted);font-weight:500}.code-digits{font-family:var(--display);font-weight:700;font-size:clamp(1.45rem,2.6vw,1.95rem);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}.code-copy{font-family:var(--display);font-weight:600;font-size:1rem;min-height:48px;min-width:92px;padding:0 18px;border-radius:16px;border:3px solid var(--ink);background:var(--gold);color:var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;transition:transform .15s var(--spring),box-shadow .15s}.code-copy:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.code-copy:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.code-copy[data-copied=true]{background:var(--lime)}.burst{position:absolute;right:52px;top:50%;pointer-events:none}.burst i{position:absolute;width:10px;height:10px;border-radius:3px;animation:burst .7s var(--ease) forwards}@keyframes burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(.4) rotate(160deg);opacity:0}}.map-stack{display:grid;gap:22px}.theme-play .map-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(12px,1.6vw,18px);border-radius:40px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--acc, #ffa80d) 24%,transparent),transparent 55%),var(--grape-700);border:2px solid rgba(255,255,255,.08)}.map-art{display:block;border-radius:28px;overflow:hidden;aspect-ratio:16 / 10;border:3px solid var(--ink);box-shadow:0 8px 0 var(--ink)}.map-art img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--ease)}.map-card:hover .map-art img{scale:1.04}.map-body{display:grid;justify-items:start;gap:14px;padding:clamp(8px,2vw,24px) clamp(8px,2vw,28px) clamp(8px,2vw,24px) 0}.map-title{width:min(100%,360px);margin-top:6px}.map-tag{font-size:1.15rem;line-height:1.45;margin:0;max-width:40ch}.map-facts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.map-facts li{font-family:var(--display);font-weight:600;font-size:.92rem;padding:4px 13px;border-radius:999px;background:#ffffff1a}.theme-play .map-card .code-chip{margin:4px 0}.theme-play .upcoming{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(24px,4vw,40px);border-radius:40px;border:3px dashed rgba(255,255,255,.22);background:var(--grape-900)}.upcoming-mark{width:clamp(150px,20vw,230px);rotate:-4deg;opacity:.92;transition:rotate .4s var(--spring),opacity .3s}.upcoming:hover .upcoming-mark{rotate:0deg;opacity:1}.theme-play .upcoming h3{margin-bottom:8px}.theme-play .upcoming p{color:var(--muted);margin:0 0 18px}.ver-chip{display:inline-block;font-family:var(--display);font-weight:700;font-size:1rem;line-height:1.4;color:var(--ink);background:var(--gold);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:0 10px}.new-tag{font-family:var(--display);font-weight:600;font-size:.85rem;color:var(--ink);background:var(--lime);border-radius:999px;padding:2px 11px}.note-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;color:var(--muted);font-size:.95rem;font-weight:500}.note-top.big{font-size:1.02rem}.note-map-link{color:#fff;font-weight:600}.note-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.theme-play .note-card{position:relative;padding:24px 24px 26px;border-radius:28px;background:var(--grape-700);border:2px solid rgba(255,255,255,.07);transition:translate .25s var(--spring),border-color .25s}.theme-play .note-card:hover{translate:0 -4px;border-color:var(--gold-top)}.note-title{font-family:var(--display);font-weight:700;font-size:1.6rem;line-height:1.1;margin:16px 0 4px;text-wrap:balance}.note-title a{text-decoration:none}.note-cards .note-title a:after{content:"";position:absolute;inset:0;border-radius:inherit}.note-title a:focus-visible{outline:none}.note-title a:focus-visible:after{outline:3px solid var(--gold-top);outline-offset:3px}.note-map{margin:0 0 10px;color:var(--muted);font-size:.95rem}.note-items{margin:10px 0 0;padding-left:1.1em;display:grid;gap:4px;font-size:1rem;line-height:1.45}.note-items li::marker{color:var(--gold-top)}.note-log{list-style:none;margin:0;padding:0 0 0 34px;display:grid;gap:18px;position:relative;max-width:860px}.note-log:before{content:"";position:absolute;left:9px;top:18px;bottom:18px;width:4px;border-radius:4px;background:linear-gradient(var(--gold-top),rgba(255,201,28,.12))}.note-log .note-card:before{content:"";position:absolute;left:-35px;top:28px;width:22px;height:22px;border-radius:50%;background:var(--gold);border:3px solid var(--ink)}.text-link{display:inline-block;margin-top:14px;font-weight:600;color:var(--gold-top);text-underline-offset:4px}.theme-play .filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.theme-play .chip{font-family:var(--display);font-weight:600;font-size:1rem;padding:8px 18px;min-height:44px;border-radius:999px;border:2px solid rgba(255,255,255,.28);background:transparent;color:#fff;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}.theme-play .chip:hover{border-color:#fff}.theme-play .chip[aria-pressed=true]{background:#fff;color:var(--ink);border-color:#fff}.slab{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,5vw,64px);border-radius:44px;color:var(--ink)}.slab.pink{background:var(--pink)}.slab:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(15,16,37,.12) 2px,transparent 2.5px);background-size:26px 26px;-webkit-mask-image:linear-gradient(120deg,transparent 30%,#000 100%);mask-image:linear-gradient(120deg,transparent 30%,#000 100%)}.slab-copy p{font-size:1.2rem;line-height:1.5;max-width:36ch;margin:14px 0 26px}.perks{list-style:none;margin:0;padding:0;display:grid;gap:12px}.perks li{display:flex;gap:14px;align-items:center;padding:15px 20px;border-radius:22px;background:#fff9;font-weight:600;font-size:1.06rem;line-height:1.35;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.perks li:before{content:"";width:16px;height:16px;border-radius:6px;background:var(--ink);flex:none}.theme-play .split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(20px,3vw,36px);align-items:start}.theme-play .panel{padding:clamp(24px,3.5vw,40px);border-radius:32px;background:var(--grape-700)}.theme-play .panel h2{font-family:var(--display);font-weight:700;font-size:1.55rem;margin:0 0 12px}.theme-play .panel>h2:not(:first-child),.theme-play .panel section+section h2{margin-top:30px}.theme-play .panel p{max-width:62ch}.theme-play .aside{display:grid;gap:16px;position:sticky;top:calc(var(--nav-h) + 16px)}.theme-play .card{padding:24px;border-radius:28px;background:var(--grape-700);display:grid;gap:14px;justify-items:start}.theme-play .card h3{font-family:var(--display);font-weight:700;font-size:1.3rem}.theme-play .card p{margin:0;color:var(--muted)}.theme-play .card .code-chip{margin:0}.facts{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;width:100%}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ticks li{position:relative;padding-left:36px;line-height:1.5}.ticks li:before{content:"";position:absolute;left:0;top:.12em;width:24px;height:24px;border-radius:8px;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%230f1025' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 15px no-repeat;border:2.5px solid var(--ink)}.note-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.note-nav a{display:grid;gap:2px;padding:16px 20px;border-radius:22px;background:var(--grape-700);text-decoration:none;transition:background-color .2s}.note-nav a:hover{background:var(--grape-600)}.note-nav a span{color:var(--muted);font-size:.9rem}.note-nav a b{font-family:var(--display);font-weight:600}.note-nav .newer{text-align:right}.faq{display:grid;gap:12px;align-content:start}.faq details{border-radius:24px;background:var(--grape-700);padding:0 24px;transition:background-color .2s}.faq details[open]{background:var(--grape-600)}.faq summary{cursor:pointer;list-style:none;font-family:var(--display);font-weight:600;font-size:1.2rem;padding:20px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.7rem;line-height:1;transition:rotate .25s var(--spring)}.faq details[open] summary:after{rotate:45deg}.faq details::details-content{block-size:0;overflow:hidden;transition:block-size .3s var(--ease),content-visibility .3s allow-discrete}.faq details[open]::details-content{block-size:auto}.faq details p{margin:0 0 22px;color:#ece6ff;max-width:60ch}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.theme-play .specimen{display:grid;gap:16px;align-content:start;padding:28px;border-radius:28px;background:var(--grape-700)}.theme-play .specimen .label{font-size:.95rem;color:var(--muted)}.spec-mark{width:min(100%,360px)}.theme-play .studio-spec{background:#03080a;border:1px solid rgba(255,255,255,.1)}.theme-play .studio-spec .label{color:#97adb2}.studio-spec .studio-mark{font-size:2.2rem}.brand-h{margin:48px 0 16px}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.swatch{border-radius:20px;overflow:hidden;background:var(--grape-700)}.swatch i{display:block;height:80px;border-bottom:2px solid rgba(0,0,0,.2)}.swatch div{padding:12px 14px;display:grid;gap:2px;font-size:.9rem}.swatch code{font-size:.82rem;opacity:.85}.swatch span{color:var(--muted)}.lost-mark{width:220px;margin-bottom:8px}.play-footer{background:var(--grape-950);padding:clamp(48px,7vw,88px) 0 32px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.foot-mark{display:block;width:190px}.foot-brand p{color:var(--muted);margin:16px 0 0}.play-footer h4{font-family:var(--display);font-weight:600;font-size:1.05rem;margin-bottom:10px}.play-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.play-footer a{color:var(--muted);text-decoration:none}.play-footer a:hover{color:#fff}.play-footer .soon{color:#c4b6f2a6}.foot-bottom{display:flex;gap:24px;justify-content:space-between;align-items:end;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted)}.legal{font-size:.85rem;color:#c4b6f2cc;max-width:80ch;margin:0}@media(max-width:1024px){.foot-grid{grid-template-columns:1fr 1fr}.note-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.menu-btn{display:inline-flex}.play-nav .links{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);flex-direction:column;align-items:stretch;gap:4px;padding:12px;border-radius:28px;background:var(--grape-900);border:2px solid rgba(255,255,255,.1);box-shadow:0 24px 48px #00000073}.play-nav .links.open{display:flex;animation:menu-in .26s var(--spring)}.play-nav .nl{padding:12px 16px;font-size:1.15rem}.play-nav .links .btn,.play-nav .dev-door{margin:6px 0 0;text-align:center;justify-content:center}.theme-play .hero{display:block;min-height:0;padding-bottom:48px}.theme-play .hero-art{position:relative;inset:auto;height:min(62vw,440px);mask-image:none;-webkit-mask-image:none}.theme-play .hero-art img{object-position:30% 40%}.theme-play .hero-art:after{background:linear-gradient(0deg,var(--grape-800) 4%,rgba(40,20,77,0) 55%),linear-gradient(180deg,#1d0e3ab3,#1d0e3a00 30%)}.theme-play .hero-inner{padding-top:0;margin-top:calc(min(62vw,440px)*-.28)}.theme-play .hero-note{position:relative;right:auto;bottom:auto;margin:28px var(--gutter) 0;rotate:0deg}@keyframes note-in{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}.confetti{display:none}.theme-play .map-card,.slab,.theme-play .split,.brand-grid{grid-template-columns:1fr}.map-body{padding:4px 10px 14px}.theme-play .aside{position:static}}@media(max-width:600px){.theme-play{font-size:17px}.note-cards,.foot-grid,.theme-play .upcoming{grid-template-columns:1fr}.theme-play .code-chip{gap:12px;padding-left:16px}.foot-bottom{flex-direction:column;align-items:start}.note-nav{grid-template-columns:1fr}}@keyframes menu-in{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}.theme-dev{--d-bg: #03080a;--d-text: #eaf4f4;--d-muted: #97adb2;--d-faint: #74898f;--d-line: rgba(255, 255, 255, .1);--d-line-2: rgba(255, 255, 255, .18);--d-mint: #a6e85c;--d-cyan: #4fd8f5;--d-violet: #a397ff;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--studio: "Jost", system-ui, sans-serif;background:var(--d-bg);color:var(--d-text);font-family:var(--sans);font-size:16.5px;line-height:1.6}.theme-dev ::selection{background:var(--d-cyan);color:#001014}.theme-dev :focus-visible{outline:2px solid var(--d-cyan);outline-offset:3px;border-radius:8px}.theme-dev .mono{font-family:var(--mono);font-size:.9em}.aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.portal>.aurora,.cover-page>.aurora{position:absolute}.aurora:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 10%,transparent 75%)}.aurora i{position:absolute;border-radius:50%;will-change:transform;animation:drift 26s ease-in-out infinite alternate}.aurora i:nth-child(1){width:70vmax;height:70vmax;left:-24vmax;top:-34vmax;background:radial-gradient(closest-side,rgba(79,216,245,.32),transparent)}.aurora i:nth-child(2){width:62vmax;height:62vmax;right:-26vmax;top:6vh;background:radial-gradient(closest-side,rgba(166,232,92,.2),transparent);animation-duration:32s;animation-delay:-9s}.aurora i:nth-child(3){width:56vmax;height:56vmax;left:18vw;top:58vh;background:radial-gradient(closest-side,rgba(163,151,255,.24),transparent);animation-duration:38s;animation-delay:-17s}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(6vw,4vh) scale(1.08)}to{transform:translate(-4vw,8vh) scale(.95)}}.glass{position:relative;background:linear-gradient(180deg,#ffffff16,#ffffff09);border:1px solid var(--d-line);border-radius:22px;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px #ffffff1f,0 30px 60px -30px #000000bf}.glass.spot:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),rgba(79,216,245,.13),transparent 60%);opacity:0;transition:opacity .3s}.glass.spot:hover:before{opacity:1}.dh1{font-weight:600;font-size:clamp(2.4rem,5.2vw,4.3rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance;margin:0}.dh2{font-weight:600;font-size:clamp(1.7rem,3.1vw,2.45rem);line-height:1.1;letter-spacing:-.022em;text-wrap:balance}.dh3{font-weight:600;font-size:1.3rem;letter-spacing:-.01em;margin:34px 0 14px}.dlede{color:var(--d-muted);font-size:clamp(1.04rem,1.35vw,1.18rem);max-width:54ch;margin:0;text-wrap:pretty}.dbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:12px;font-family:var(--sans);font-weight:600;font-size:.98rem;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:transform .15s var(--ease),background-color .2s,border-color .2s,box-shadow .2s}.dbtn-primary{background:var(--d-mint);color:#0b1a05;box-shadow:0 0 0 1px #a6e85c66,0 12px 32px -10px #a6e85c8c}.dbtn-primary:hover{background:#b9f27c;transform:translateY(-1px)}.dbtn-glass{background:#ffffff0f;color:var(--d-text);border-color:var(--d-line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dbtn-glass:hover{background:#ffffff1c}.dbtn-sm{min-height:38px;padding:7px 14px;font-size:.9rem;border-radius:10px}.dbtn[aria-disabled=true]{opacity:.65;cursor:default;transform:none;box-shadow:none}.theme-dev .status{display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-size:.8rem;font-weight:500;line-height:1.2;padding:4px 10px 4px 8px;border-radius:999px;background:#ffffff0f;border:1px solid var(--d-line);color:var(--d-text);white-space:nowrap}.theme-dev .status i{width:7px;height:7px;border-radius:50%;background:var(--d-faint);animation:none}.theme-dev .status.s-live{background:#a6e85c1a;color:var(--d-text)}.theme-dev .status.s-live i{background:var(--d-mint);box-shadow:0 0 0 3px #a6e85c38}.theme-dev .status.s-soon i{background:var(--d-cyan);box-shadow:0 0 0 3px #4fd8f533}.theme-dev .status.s-planned i{background:var(--d-violet)}.dev-nav-wrap{position:sticky;top:0;z-index:50;padding:12px 0}.dev-nav{width:min(100% - 2 * var(--gutter),var(--wrap));margin-inline:auto;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 18px;border-radius:16px}.dev-home{text-decoration:none;margin-right:auto;min-width:0}.studio-mark{font-family:var(--studio);font-style:italic;font-weight:700;font-size:1.25rem;letter-spacing:-.005em;color:#fff;display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap}.studio-mark small{font-family:var(--sans);font-style:normal;font-weight:500;font-size:.85rem;color:var(--d-muted)}.dev-links{display:flex;gap:2px}.dev-links a{color:var(--d-muted);text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 12px;border-radius:10px;transition:color .2s,background-color .2s;white-space:nowrap}.dev-links a:hover{color:var(--d-text);background:#ffffff0f}.dev-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(36px,6vw,88px) 0 clamp(40px,6vw,80px);min-height:min(84vh,800px)}.dev-hero-copy{display:grid;gap:22px;justify-items:start}.assurances{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:8px;color:var(--d-muted);font-size:.95rem}.assurances li,.dticks li{position:relative;padding-left:28px}.assurances li:before,.dticks li:before{content:"";position:absolute;left:0;top:.3em;width:16px;height:16px;border-radius:50%;border:1px solid rgba(166,232,92,.55);background:#a6e85c24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.6 2.6L12 5.5' fill='none' stroke='%23a6e85c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat}.float-stack{position:relative;height:clamp(470px,44vw,540px);--px: 0;--py: 0}.float-card{position:absolute;width:47%;padding:16px 18px 18px;text-decoration:none;color:inherit;transition:translate .7s var(--ease),border-color .3s;animation:float 7s ease-in-out infinite alternate}.float-card:hover{border-color:#4fd8f58c}.float-card.f1{left:0;top:0;z-index:1;translate:calc(var(--px) * -12px) calc(var(--py) * -8px)}.float-card.f2{right:0;top:12%;z-index:2;translate:calc(var(--px) * 16px) calc(var(--py) * 10px);animation-delay:-2.5s}.float-card.f3{left:24%;bottom:0;z-index:3;translate:calc(var(--px) * -8px) calc(var(--py) * 14px);animation-delay:-5s}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.float-head{display:grid;margin-bottom:12px;line-height:1.35}.float-head span:first-child{font-weight:600;font-size:1rem}.float-sub{color:var(--d-muted);font-size:.85rem}.float-card .viz,.portal-demo .viz{max-width:none}.dev-section{padding-top:clamp(56px,8vw,104px)}.dev-section.last{padding-bottom:clamp(64px,9vw,120px)}#products,#support,#docs{scroll-margin-top:90px}.dev-head{display:grid;gap:8px;margin:clamp(44px,6vw,76px) 0 22px}#products>.dev-head:first-child,#support>.dev-head:first-child{margin-top:0}.try{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,56px);align-items:center}.try-copy{display:grid;gap:16px;justify-items:start}.demo-shell{padding:2px}.pgrid{display:grid;gap:18px}.pgrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.pcard{display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:inherit;overflow:hidden;transition:translate .3s var(--ease),border-color .3s}.pcard:hover{translate:0 -3px;border-color:var(--d-line-2)}.pcard-viz{display:grid;place-items:center;aspect-ratio:16 / 9;padding:22px;border-bottom:1px solid var(--d-line);background:#0000003d;overflow:hidden}.pcard.big .pcard-viz{aspect-ratio:16 / 8}.pcard.big .pcard-viz .viz{zoom:1.2}.pcard-viz.flush{padding:0}.pcard-body{padding:18px 20px 20px;display:grid;gap:8px;align-content:start}.pcard-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.pcard-name{font-weight:600;font-size:1.08rem;letter-spacing:-.01em;line-height:1.3}.pcard p{color:var(--d-muted);margin:0;font-size:.96rem;line-height:1.5}.pcard-meta{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:.8rem;color:var(--d-faint);margin-top:6px}.prows{list-style:none;margin:0;padding:6px}.prows li+li{border-top:1px solid var(--d-line)}.prow{display:grid;grid-template-columns:230px minmax(0,1fr) 150px 112px;gap:16px;align-items:center;padding:14px;border-radius:14px;text-decoration:none;color:inherit;transition:background-color .2s}.prow:hover{background:#ffffff0d}.prow-name{font-weight:600}.prow-text{color:var(--d-muted);font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow-kind{font-family:var(--mono);font-size:.8rem;color:var(--d-faint)}.prow .status{justify-self:end}.support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.tile{padding:22px;display:grid;gap:8px;align-content:start}.tile h3{font-size:1.04rem;font-weight:600}.tile p{color:var(--d-muted);margin:0;font-size:.95rem;line-height:1.5}.table-wrap{overflow-x:auto;padding:6px 10px}.compat{width:100%;border-collapse:collapse;font-size:.95rem;min-width:640px}.compat caption{text-align:left;font-weight:600;font-size:1.05rem;padding:14px 12px 6px}.compat th{text-align:left;font-weight:500;color:var(--d-faint);font-size:.82rem;padding:10px 12px;border-bottom:1px solid var(--d-line)}.compat td{padding:14px 12px;border-bottom:1px solid var(--d-line)}.compat tr:last-child td{border-bottom:0}.compat a{color:var(--d-text);text-decoration:none;font-weight:500}.compat a:hover{color:var(--d-cyan)}.mod-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;padding:clamp(28px,5vw,72px) 0 clamp(24px,4vw,48px)}.mod-hero-copy{display:grid;gap:16px;justify-items:start}.dcrumb{color:var(--d-muted);text-decoration:none;font-weight:500;font-size:.95rem}.dcrumb:hover{color:var(--d-text)}.mod-viz{display:grid;place-items:center;aspect-ratio:16 / 11;padding:28px;overflow:hidden}.mod-viz.flush{padding:0}.mod-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,48px);align-items:start}.mod-main>.dh3:first-child{margin-top:8px}.callout{padding:16px 20px;margin:0 0 8px;font-size:.98rem;border-color:#4fd8f552}.dticks{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#d6e6e8}.mod-aside{display:grid;gap:14px;position:sticky;top:96px}.side-card{padding:20px;display:grid;gap:12px;justify-items:start}.side-card h3{font-size:1rem;font-weight:600}.side-card p{color:var(--d-muted);margin:0;font-size:.95rem}.dfacts{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:.94rem;width:100%}.dfacts dt{color:var(--d-faint)}.dfacts dd{margin:0}.dfacts a{color:var(--d-cyan)}.theme-dev .changelog{margin-top:36px}.theme-dev .changelog h2{font-size:1.3rem;font-weight:600;margin-bottom:12px}.theme-dev .changelog .empty{color:var(--d-muted);padding:16px 18px;border:1px dashed var(--d-line-2);border-radius:14px;margin:0}.theme-dev .changelog .entry{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--d-line)}.theme-dev .changelog time{font-family:var(--mono);font-size:.85rem;color:var(--d-faint)}.theme-dev .changelog ul{margin:6px 0 0;padding-left:1.1em;color:var(--d-muted)}.docs-shell{padding:clamp(22px,4vw,44px)}.docs{max-width:76ch;color:#d6e6e8;font-size:1rem;line-height:1.7}.docs h2{font-size:1.42rem;font-weight:600;letter-spacing:-.01em;margin:2em 0 .6em;color:#fff}.docs h2:first-child{margin-top:0}.docs h3{font-size:1.12rem;font-weight:600;margin:1.6em 0 .5em;color:#fff}.docs p,.docs ul,.docs ol{margin:0 0 1em}.docs li+li{margin-top:.25em}.docs a{color:var(--d-cyan)}.docs code{font-family:var(--mono);font-size:.88em;background:#ffffff12;border:1px solid var(--d-line);padding:.08em .38em;border-radius:6px}.docs pre{background:#00000073;border:1px solid var(--d-line);border-radius:14px;padding:16px 18px;overflow-x:auto;font-size:.88rem;line-height:1.55;margin:0 0 1.2em}.docs pre code{background:none;border:0;padding:0;font-size:inherit}.docs table{width:100%;border-collapse:collapse;font-size:.92rem;margin:0 0 1.2em;display:block;overflow-x:auto}.docs th,.docs td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--d-line);vertical-align:top}.docs th{color:var(--d-faint);font-weight:500}.docs blockquote{margin:0 0 1em;padding:6px 16px;border-left:3px solid var(--d-cyan);color:var(--d-muted)}.docs hr{border:0;border-top:1px solid var(--d-line);margin:2em 0}.dev-footer{border-top:1px solid var(--d-line);background:#03080a8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:40px 0 32px}.dev-foot{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.dev-foot p{color:var(--d-muted);font-size:.92rem;margin:8px 0 0}.dev-foot ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:end;align-content:start}.dev-foot a{color:var(--d-muted);text-decoration:none;font-size:.95rem}.dev-foot a:hover{color:var(--d-text)}.dev-legal{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:end;gap:24px;padding-top:20px;border-top:1px solid var(--d-line);color:var(--d-muted)}.dev-legal p{font-size:.82rem;color:var(--d-faint);max-width:90ch;margin:0}.portal{position:relative;overflow:hidden;isolation:isolate;border-radius:44px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;border:1px solid rgba(255,255,255,.1)}.portal .aurora i:nth-child(1){width:140%;height:220%;left:-50%;top:-110%}.portal .aurora i:nth-child(2){width:120%;height:200%;right:-60%;top:-20%}.portal .aurora i:nth-child(3){width:110%;height:180%;left:10%;top:40%}.portal-copy h2{font-family:var(--sans);font-weight:600;font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}.portal-copy p{color:var(--d-muted);font-size:1.08rem;max-width:44ch;margin:0 0 24px}.portal-demo{padding:18px 20px 20px}.portal-cards{display:grid;gap:14px}.portal-cards .pcard{grid-template-columns:180px 1fr;grid-template-rows:none}.portal-cards .pcard-viz{aspect-ratio:auto;height:100%;border-bottom:0;border-right:1px solid var(--d-line);padding:12px}.portal-cards .pcard-viz .viz{zoom:.6}.theme-dev .viz{width:100%;max-width:380px;min-width:0;color:var(--d-text)}.viz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}.viz-cell{height:36px;border-radius:10px;background:#ffffff0f;border:1px solid var(--d-line);position:relative}.viz-focus{position:absolute;inset:-4px;border-radius:12px;border:2px solid var(--d-cyan);box-shadow:0 0 0 4px #4fd8f529,0 0 24px #4fd8f559}.viz-row{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:.82rem;color:var(--d-muted)}.dpad{display:grid;grid-template-columns:repeat(3,12px);grid-template-rows:repeat(3,12px);gap:2px}.dpad i{border-radius:3px}.dpad i.k{background:#ffffff1f;transition:background-color .15s}.dpad i.on{background:var(--d-cyan)}.lb{display:grid;gap:6px}.lb-row{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:7px 12px;border-radius:10px;background:#ffffff0d;border:1px solid var(--d-line);font-size:.88rem}.lb-row b{font-family:var(--mono);font-weight:500;color:var(--d-faint)}.lb-row.top{background:#a6e85c1f;border-color:#a6e85c61}.lb-row.top b{color:var(--d-mint)}.lb-row span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums}.floor{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.floor i{aspect-ratio:1;border-radius:4px;background:#ffffff12;transition:background-color .45s var(--ease),transform .45s var(--spring)}.floor i.up{transform:translateY(-3px)}.votes{display:grid;gap:6px;margin-top:14px;font-size:.8rem;color:var(--d-muted)}.vote{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center}.theme-dev .bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.theme-dev .bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--d-cyan),var(--d-mint));border-radius:inherit;transition:width .6s var(--ease)}.theme-dev .bar>i.run{animation:fill var(--dur, 1.2s) linear forwards}@keyframes fill{0%{width:0}to{width:100%}}.phase{display:grid;gap:14px}.phase-round{font-family:var(--mono);font-weight:500;font-size:2.1rem;line-height:1;letter-spacing:-.02em}.phase-round small{font-size:.95rem;color:var(--d-muted)}.phase-steps{display:flex;gap:6px}.phase-steps span{flex:1;min-width:0;font-size:.72rem;text-align:center;padding:6px 2px;border-radius:999px;background:#ffffff0d;border:1px solid var(--d-line);color:var(--d-muted);white-space:nowrap;overflow:hidden;transition:background-color .3s,color .3s,border-color .3s}.phase-steps span.on{background:#4fd8f529;border-color:#4fd8f580;color:#fff}.score{display:flex;justify-content:space-between}.pips{display:flex;gap:3px}.pips i{width:9px;height:9px;border-radius:3px;background:#ffffff1a}.pips i.on{background:var(--d-mint)}.clock{font-family:var(--mono);font-weight:500;font-size:2.2rem;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}.clock-label{font-size:.84rem;color:var(--d-muted);margin-bottom:8px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:14px}.days span{font-size:.72rem;text-align:center;padding:7px 0;border-radius:8px;background:#ffffff0d;border:1px solid var(--d-line);color:var(--d-muted)}.days span.on{background:#a6e85c24;border-color:#a6e85c73;color:#fff}.offer{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:14px;background:#ffffff0d;border:1px solid var(--d-line)}.offer+.offer{margin-top:8px}.offer-art{width:48px;height:48px;border-radius:12px}.offer-name{font-weight:600;font-size:.92rem;line-height:1.25}.offer-name small{display:block;color:var(--d-muted);font-weight:400}.offer-btn{font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:8px;background:#ffffff1a;color:#fff;min-width:72px;text-align:center;border:1px solid var(--d-line-2)}.offer-btn.owned{background:#a6e85c2e;border-color:#a6e85c80;color:var(--d-mint)}.stage{position:relative;height:128px;border-radius:14px;background:#ffffff0a;border:1px solid var(--d-line);overflow:hidden}.pad{position:absolute;bottom:18px;width:64px;height:10px;border-radius:999px;background:#ffffff24}.pad.a{left:12%}.pad.b{right:12%}.pad-label{position:absolute;bottom:1px;font-size:.72rem;color:var(--d-muted)}.pad-label.a{left:12%}.pad-label.b{right:12%}.runner{position:absolute;bottom:32px;width:24px;height:24px;border-radius:50%;background:var(--d-mint);box-shadow:0 0 18px #a6e85c99}.curtain{position:absolute;inset:0;background:#000;color:var(--d-muted);opacity:0;transition:opacity .26s var(--ease);display:grid;place-items:center;font-size:.84rem}.curtain.on{opacity:1}.viz-caption{margin:12px 0 0;font-size:.84rem;color:var(--d-muted);text-align:center}.cover{width:100%;height:100%;display:block}.demo{padding:clamp(18px,3vw,26px);display:grid;gap:16px;color:var(--d-text)}.demo-top{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between}.demo-title{font-weight:600;font-size:1.05rem}.seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:10px;background:#ffffff0d;border:1px solid var(--d-line)}.seg>span{font-size:.8rem;color:var(--d-muted);padding:0 8px 0 6px}.seg button{font-family:var(--mono);font-weight:500;font-size:.88rem;border:0;background:none;color:var(--d-text);padding:5px 12px;min-height:32px;border-radius:7px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--d-mint);color:#0b1a05}.presets{display:flex;flex-wrap:wrap;gap:8px}.theme-dev .chip-btn{font-size:.86rem;font-weight:500;padding:6px 12px;min-height:34px;border-radius:9px;border:1px solid var(--d-line-2);background:#ffffff0a;color:var(--d-text);cursor:pointer;transition:background-color .2s,border-color .2s}.theme-dev .chip-btn:hover{background:#ffffff17}.theme-dev .chip-btn[aria-pressed=true]{background:#4fd8f529;border-color:#4fd8f599}.theme-dev .chip-btn:disabled{opacity:.4;cursor:not-allowed}.demo-h{font-size:.8rem;color:var(--d-muted);margin-bottom:8px;font-weight:500}.lobby{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;align-items:center}.party{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 9px;border-radius:10px;background:#ffffff0d;border:1px solid var(--d-line)}.party-tag{font-family:var(--mono);font-weight:500;font-size:.78rem;color:var(--d-muted);margin-right:2px}.party-x{border:0;background:none;color:var(--d-muted);cursor:pointer;font-size:1.05rem;line-height:1;padding:2px 6px;border-radius:6px}.party-x:hover{color:#fff;background:#ffffff14}.theme-dev .teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.theme-dev .team{border-radius:14px;background:#ffffff0d;border:1px solid var(--d-line);padding:10px;min-height:78px}.theme-dev .team h4{font-weight:500;font-size:.78rem;color:var(--d-muted);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-row{display:flex;flex-wrap:wrap;gap:6px}.pl{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:.72rem;color:var(--ink);box-shadow:inset 0 -2px #00000038}.findings{display:grid;gap:8px;min-height:30px}.finding{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;font-size:.9rem;line-height:1.45;color:#d6e6e8}.finding code{font-family:var(--mono);font-size:.76rem;color:#ffd9a0;background:#ffa80d1f;border:1px solid rgba(255,168,13,.35);padding:1px 8px;border-radius:6px;white-space:nowrap}.finding.ok code{color:var(--d-mint);background:#a6e85c1f;border-color:#a6e85c66}.demo-note{font-size:.8rem;color:var(--d-faint);margin:0}.cover-page{width:100vw;height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate}.fab-cover{width:100vw;aspect-ratio:16 / 9;max-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding:6vw}.fab-cover-copy{display:grid;gap:1.6vw;align-content:center;justify-items:start}.fab-cover-copy .studio-mark{font-size:2vw}.fab-cover-copy h1{font-weight:600;font-size:5vw;line-height:1.02;letter-spacing:-.03em}.fab-cover-copy p{font-size:1.6vw;color:var(--d-muted);max-width:30ch;margin:0;line-height:1.35}.fab-cover-art{width:100%;aspect-ratio:16 / 11;display:grid;place-items:center;padding:2.4vw;overflow:hidden}.fab-cover-art>.viz{zoom:1.8;max-width:none}@media(max-width:1024px){.pgrid.three,.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prow{grid-template-columns:190px minmax(0,1fr) 112px}.prow-kind{display:none}}@media(max-width:760px){.dev-links{display:none}}@media(max-width:900px){.dev-hero,.try,.mod-hero,.mod-body,.dev-foot,.portal{grid-template-columns:1fr}.dev-hero{min-height:0}.float-stack{height:auto;display:grid;gap:14px}.float-card{position:relative;inset:auto;width:100%;translate:none!important;animation:none}.float-card.f3{display:none}.mod-aside{position:static}.dev-foot ul{justify-content:start}}@media(max-width:600px){.pgrid.two,.pgrid.three,.support-grid{grid-template-columns:1fr}.prow{grid-template-columns:minmax(0,1fr) auto}.prow-text,.studio-mark small{display:none}.dev-legal{flex-direction:column;align-items:start}.portal-cards .pcard{grid-template-columns:1fr}.portal-cards .pcard-viz{border-right:0;border-bottom:1px solid var(--d-line);height:auto}}.tool-page{padding:clamp(24px,4vw,56px) 0 clamp(56px,8vw,104px)}.tool-head{display:grid;gap:12px;justify-items:start;margin-bottom:28px}.tools-grid{display:grid;gap:18px}.tool-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:24px;padding:14px;text-decoration:none;color:inherit;transition:translate .3s var(--ease),border-color .3s}.tool-card:hover{translate:0 -3px;border-color:var(--d-line-2)}.tool-thumb{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 18px 40px -18px #000c}.tool-card-body{display:grid;gap:10px;justify-items:start;padding:8px 12px 8px 0}.tool-card-body p{margin:0;color:var(--d-muted)}.tool-card-body .pcard-name{font-size:1.3rem}.tool-card-body .pcard-top{width:100%}.tool-pair{font-size:.92rem}.tool-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:16px 20px;margin:8px 0 0;border-color:#a6e85c52}.tool-callout p{margin:0;color:var(--d-muted);max-width:52ch}.tool-callout b{color:var(--d-text)}.pimg{width:100%;height:100%;object-fit:cover;display:block}.sm-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;align-items:start}.sm-controls{padding:20px;display:grid;gap:20px}.sm-field{display:grid;gap:8px}.sm-field>span,.sm-h{font-weight:600;font-size:.92rem;color:var(--d-text)}.theme-dev input[type=text],.theme-dev select{width:100%;min-height:44px;padding:9px 12px;border-radius:10px;border:1px solid var(--d-line-2);background:#00000052;color:var(--d-text);font:inherit}.theme-dev input[type=text]::placeholder{color:var(--d-faint)}.theme-dev select option{background:#0b1215;color:var(--d-text)}.sm-check{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;color:var(--d-muted);cursor:pointer;min-height:32px}.sm-check input{accent-color:var(--d-mint);width:16px;height:16px;margin:0}.sm-styles,.sm-sizes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sm-opt{text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--d-line-2);background:#ffffff0a;color:var(--d-text);cursor:pointer;display:grid;gap:2px;align-content:start;transition:background-color .2s,border-color .2s}.sm-opt:hover{background:#ffffff14}.sm-opt b{font-weight:600;font-size:.92rem}.sm-opt small{color:var(--d-muted);font-size:.78rem;line-height:1.35}.sm-opt[aria-pressed=true]{border-color:var(--d-cyan);background:#4fd8f51f;box-shadow:inset 0 0 0 1px var(--d-cyan)}.sm-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.sm-icons button{aspect-ratio:1;padding:7px;border-radius:10px;border:1px solid var(--d-line-2);background:#ffffff0a;cursor:pointer;display:grid;place-items:center;min-height:44px;transition:background-color .2s,border-color .2s}.sm-icons button:hover{background:#ffffff14}.sm-icons button[aria-pressed=true]{border-color:var(--d-cyan);background:#4fd8f524}.sm-icons canvas{width:100%;height:100%;display:block}.sm-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sm-colors label{display:grid;gap:4px;font-size:.8rem;color:var(--d-muted)}.sm-colors input[type=color]{width:100%;height:42px;border-radius:10px;border:1px solid var(--d-line-2);background:#00000052;padding:3px;cursor:pointer}.sm-export{display:grid;gap:10px}.sm-export .dbtn{width:100%}.sm-export .dbtn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.sm-file{font-family:var(--mono);font-size:.74rem;color:var(--d-faint);overflow-wrap:anywhere;margin-top:-4px}.sm-warn{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,201,28,.45);background:#ffc91c14;color:#ffe3a3;font-size:.88rem;line-height:1.5}.sm-warn b{display:block;color:#fff1c9;margin-bottom:4px}.sm-note{font-size:.85rem;color:var(--d-muted);border:1px dashed var(--d-line-2);border-radius:12px;padding:10px 12px;margin:4px 0 0}.sm-preview{display:grid;gap:14px;min-width:0;position:sticky;top:92px}.sm-below{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}.sm-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 14px}.sm-seg{display:inline-flex;padding:3px;gap:2px;border-radius:10px;border:1px solid var(--d-line);background:#ffffff0a}.sm-seg button{border:0;background:none;color:var(--d-text);font-size:.88rem;font-weight:500;padding:6px 12px;border-radius:7px;cursor:pointer;min-height:34px}.sm-seg button[aria-pressed=true]{background:var(--d-mint);color:#0b1a05}.sm-tilt{display:inline-flex;align-items:center;gap:10px;font-size:.88rem;color:var(--d-muted);flex:1 1 160px}.sm-tilt input{flex:1;accent-color:var(--d-cyan)}.sm-stage{position:relative;border-radius:22px;overflow:hidden;min-height:380px;display:grid;place-items:center;padding:40px 20px;background:#2a2f37;border:1px solid var(--d-line);transition:background-color .3s}.sm-stage.night{background:radial-gradient(ellipse at 50% 40%,#1d2a33,#04080a 72%)}.sm-scene{perspective:1100px;width:100%;max-width:680px;display:flex;justify-content:center}.sm-board{transform-style:preserve-3d;transition:transform .25s var(--ease);display:flex;flex-direction:column;align-items:center;width:100%}.sm-frame{position:relative;padding:4.5%;border-radius:10px;width:100%}.sm-frame canvas{width:100%;height:auto;display:block;border-radius:3px}.sm-posts{display:none;justify-content:space-between;width:70%;height:110px}.sm-posts i{width:7%;background:linear-gradient(90deg,#5a3a20,#8a5a33 45%,#4a2f19);border-radius:2px}.s-wood .sm-frame{background:linear-gradient(135deg,#6b4423,#8b5a2b 40%,#5a3819);box-shadow:inset 0 0 0 3px #00000040,0 18px 30px #00000059}.s-wood .sm-posts{display:flex}.s-neon .sm-frame{background:#0e0b12;padding:2%;box-shadow:0 0 0 4px #2b2630,0 18px 40px #00000080}.s-lightbox .sm-frame{background:linear-gradient(180deg,#3b3d44,#202227);padding:3.5%;box-shadow:inset 0 2px #ffffff40,0 18px 40px #00000073}.s-arcade .sm-frame{background:linear-gradient(180deg,#c9ccd6,#6f7380 50%,#c9ccd6);padding:3%;box-shadow:0 18px 40px #00000080}.sm-flat{width:100%;max-width:680px}.sm-flat canvas{width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 6px 24px #00000059;background:repeating-conic-gradient(#555 0 25%,#777 0 50%) 0 0 / 20px 20px}.sm-meta{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.sm-meta li{font-size:.8rem;color:var(--d-muted);padding:4px 10px;border-radius:999px;border:1px solid var(--d-line);background:#ffffff08}.sm-card{padding:18px 20px;display:grid;gap:12px}.sm-card h2{font-size:1.02rem;font-weight:600}.sm-params{font-family:var(--mono);font-size:.8rem;line-height:1.55;background:#00000059;border:1px solid var(--d-line);border-radius:12px;padding:12px 14px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#d6e6e8;max-height:320px;overflow:auto}.sm-cta{align-content:start;gap:16px;border-color:#a6e85c4d}.sm-cta p{margin:0;color:var(--d-muted)}.sm-cta b{color:var(--d-text)}.sm-foot{margin:22px 0 0;font-size:.82rem;color:var(--d-faint)}@media(max-width:900px){.sm-grid,.tool-card{grid-template-columns:1fr}.sm-preview{order:-1;position:static}.sm-below{grid-template-columns:1fr}.sm-stage{min-height:240px;padding:24px 12px}.tool-card-body{padding:0 6px 6px}}