.info-page .page>*,.share .page>*{max-width:760px}.info-page .page>.wide,.share .page>.wide{max-width:1040px}.page-hero{display:grid;gap:var(--s-4);padding-bottom:var(--s-6)}.page-hero h1,.info-page h1,.share h1{max-width:20ch}:where(.info-page,.share){--t-h1:var(--t-display)}:where(.info-page,.share) h1{overflow-wrap:break-word}@media (max-width:480px){:where(.info-page,.share) h1:is(:lang(ja),:lang(zh)){font-size:calc(var(--t-h1) * 0.74)}}.legal-note{margin:0;color:var(--text-2);font-size:var(--t-sm)}html:lang(en) .legal-note{display:none}.page-hero .lede{max-width:46ch}:where(.info-page,.share) main h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h3)}.info-page .page>p,.share .page>p{margin-block:0 var(--s-3)}.button.accent{background:var(--accent);color:var(--on-accent)}@media (hover:hover) and (pointer:fine){.button.accent:hover{background:var(--accent);filter:brightness(1.06)}}.status-line{min-height:1.6em;margin:var(--s-3) 0 0;color:var(--text-2)}.status-line:empty{min-height:0}.status-line[hidden]{display:none}.kicker{margin:0 0 var(--s-2);color:var(--accent);font:500 var(--t-xs)/1.4 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase}.plus{display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--text-2);font:500 11px/1.6 var(--font-mono);letter-spacing:0.04em;vertical-align:0.2em}.invite{margin-top:var(--s-7);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.invite h2{margin:0 0 var(--s-2)}.invite p{margin:0;color:var(--text-2)}.invite .actions{margin-top:var(--s-4)}.share .page>.share-layout{max-width:none}.share-layout{display:grid;gap:var(--s-5) var(--s-7);align-items:start}.share .page-hero{padding-bottom:0}.recipe{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-1) 0 0;padding:0;list-style:none}.recipe[hidden]{display:none}.recipe li{display:inline-flex;align-items:center;gap:var(--s-2);min-height:36px;padding:0 var(--s-3);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);font-size:var(--t-sm)}.recipe .plus-badge{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--accent)}.recipe li:empty,.recipe li.is-plus:not(:has(>:not(.plus-badge))){gap:0}.share-stage{position:relative;isolation:isolate;display:grid;gap:var(--s-3);min-width:0}.share-stage::before{content:"";position:absolute;inset:8% 0 -4%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--swatch,var(--signal)) 30%,transparent),transparent);filter:blur(28px);opacity:0.7;pointer-events:none}.share-stage:not(:has(>.share-player:not([hidden])))::before{display:none}.share-player[hidden]{display:none}.share-player{padding:clamp(var(--s-4),2.4vw,var(--s-5))}.player-row{display:flex;align-items:center;gap:var(--s-4)}.player-row .status-text{margin:0;color:var(--text-2);font-size:var(--t-sm)}.player-row .status-text:empty{display:none}.player-text{display:grid;gap:2px;min-width:0}.player-text .player-name{margin:0;font-family:var(--font-display);font-size:var(--t-h3);line-height:var(--lh-tight);overflow-wrap:break-word}.player-text .player-name:empty{display:none}.player-tools{display:grid;gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line)}.quick-timer{display:grid;gap:var(--s-2)}.quick-timer .chips{gap:var(--s-2)}.done{margin-top:var(--s-2)}.done[hidden]{display:none}.done h2{margin:0 0 var(--s-2)}.done p{margin:0;color:var(--text-2)}.done:focus-within h2:focus{outline:none}.share .actions{margin-top:var(--s-6)}.share .page>.actions{max-width:none}.share .share-layout>.share-actions{margin-top:var(--s-2)}@media (min-width:960px){.share-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr}.share-layout>.share-stage{grid-column:2;grid-row:1 / span 2}.share-layout>.share-actions{grid-column:1;grid-row:2}.share .page-hero{padding-top:var(--s-5)}}.select,.field input.search{display:block;width:100%;min-height:var(--target);padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit}.select option{color:#0B0E2E;background:#fff}select.select{padding-inline-end:36px;background:linear-gradient(45deg,transparent 50%,var(--text-3) 50%) no-repeat calc(100% - 19px) 55% / 5px 5px,linear-gradient(135deg,var(--text-3) 50%,transparent 50%) no-repeat calc(100% - 14px) 55% / 5px 5px,var(--surface-2);-webkit-appearance:none;appearance:none}.text-layout{display:grid;gap:var(--s-6) var(--s-8)}.info-page .page>.text-layout:not(:has(>.toc)){max-width:720px}.info-page .page>.text-layout{max-width:1040px}.toc{font-size:var(--t-sm)}.toc h2{margin:0;color:var(--text-3);font:500 var(--t-xs)/1.4 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase}.toc ol{display:grid;margin:var(--s-2) 0 0;padding:0;list-style:none}.toc a{display:flex;align-items:center;min-height:40px;padding-inline-start:var(--s-4);border-inline-start:1px solid var(--line);color:var(--text-2);text-decoration:none}@media (hover:hover) and (pointer:fine){.toc a:hover{color:var(--text);border-color:var(--accent)}}.prose{max-width:var(--measure);min-width:0}.prose h2{margin:var(--s-7) 0 var(--s-3);font-size:clamp(1.375rem,1.2rem + 0.7vw,1.75rem);scroll-margin-top:var(--s-5)}.prose h2:first-child{margin-top:0}.prose h3{margin:var(--s-6) 0 var(--s-2);font-size:var(--t-body);font-weight:600}.prose p,.prose ul,.prose ol,.prose dl{margin:0 0 var(--s-4);color:var(--text-2)}.prose ul,.prose ol{padding-inline-start:1.2em}.prose li{margin-bottom:var(--s-2)}.prose li::marker{color:var(--text-3)}.prose a:not(.button){color:var(--text);text-decoration-color:var(--accent);overflow-wrap:anywhere}.prose strong{color:var(--text);font-weight:600}.prose .summary,.prose .card{margin-bottom:var(--s-5);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text)}.prose .summary p:last-child,.prose .card p:last-child{margin:0}.prose .summary{background:linear-gradient(180deg,var(--surface-2),var(--surface))}.prose .summary h2{margin:0 0 var(--s-3);font-size:var(--t-h3)}.prose .summary-points{display:grid;gap:var(--s-2);margin:0;padding:0;list-style:none}.prose .summary-points li{margin:0;padding-inline-start:var(--s-5);position:relative}.prose .summary-points li::before{content:"";position:absolute;inset-inline-start:4px;top:0.7em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.info-page .page>.support-row{max-width:720px}.support-row{display:grid;gap:var(--s-4);margin-bottom:var(--s-7);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.support-card{display:grid;gap:var(--s-3);align-content:start}.support-card h2{margin:0}.support-card p{margin:0;color:var(--text-2)}.support-card .button{justify-self:start}.link-list{display:grid;margin:0;padding:0;list-style:none}.link-list a{display:flex;align-items:center;min-height:var(--target);border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.link-list li:last-child a{border-bottom:0}.link-list a::after{content:"→";margin-inline-start:auto;padding-inline-start:var(--s-3);color:var(--text-3)}@media (hover:hover) and (pointer:fine){.link-list a:hover::after{color:var(--accent)}}.meta{color:var(--text-3);font-size:var(--t-sm)}@media (min-width:960px){.text-layout:has(>.toc){grid-template-columns:220px minmax(0,1fr)}.toc{position:sticky;top:var(--s-5);align-self:start}}.about-page .page>*{max-width:none}.about-hero{display:grid;gap:var(--s-6) var(--s-8);align-items:center;padding-bottom:var(--s-6)}.about-hero .intro{display:grid;gap:var(--s-4);align-content:start}.about-hero h1{max-width:16ch}.stage{position:relative;isolation:isolate;width:100%;max-width:600px;aspect-ratio:520 / 560;margin-inline:auto}.stage::before{content:"";position:absolute;inset:10% 2% 0;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--signal-dim),transparent);filter:blur(40px);pointer-events:none}.phone{position:absolute;top:12%;width:44%;margin:0;overflow:hidden;border-radius:var(--r-lg);background:var(--surface-2);box-shadow:var(--shadow-high),0 0 0 1px var(--line)}.phone img,.shot img{display:block;width:100%;height:auto}.phone.front{top:0;left:28%;z-index:2;width:46%}.phone.left{left:0;opacity:0.72}.phone.right{right:0;opacity:0.72}.tour{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,280px);gap:var(--s-4);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--s-1) 2px var(--s-5);scrollbar-width:thin}.tour{contain-intrinsic-size:auto 560px}body:not(.is-ready) .tour{content-visibility:hidden;animation:untour 0s 1.5s forwards}@keyframes untour{to{content-visibility:visible}}.tour:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shot{scroll-snap-align:start;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.shot figcaption{display:grid;gap:var(--s-2);padding:var(--s-5)}.shot h3{font-size:var(--t-body);font-weight:600}.shot p{margin:0;color:var(--text-2);font-size:var(--t-sm);line-height:1.55}.shot .kicker{margin:0}.grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.grid .card{display:grid;gap:var(--s-3);align-content:start}.grid .card .icon{width:28px;height:28px;color:var(--accent)}.grid .card h3{font-size:var(--t-body);font-weight:600}.grid .card p{margin:0;color:var(--text-2);font-size:var(--t-sm);line-height:1.6}.split{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.split .card h2{margin:0 0 var(--s-2)}.split .card p{margin:0;color:var(--text-2)}.closing{display:grid;justify-items:center;gap:var(--s-4);padding-block:var(--s-8) var(--s-6);text-align:center}.closing h2{max-width:20ch;font-size:var(--t-h2)}.closing .actions{justify-content:center}@media (min-width:960px){.about-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding-block:var(--s-5) var(--s-7)}}@media (min-width:1024px){.about-page .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.credits{display:grid;gap:var(--s-3);margin:var(--s-4) 0 var(--s-6);padding:0;list-style:none}.credits li{padding-block:var(--s-3);border-bottom:1px solid var(--line);color:var(--text-2);line-height:1.5;overflow-wrap:anywhere}.credits strong{display:block;color:var(--text);font-weight:600}.info-page .page>.lost{margin-inline:auto}.lost{display:grid;justify-items:center;gap:var(--s-5);padding-block:clamp(var(--s-7),10vw,var(--s-9));text-align:center}.lost h1{max-width:min(14ch,100%)}.lost h1:is(:lang(ja),:lang(zh),:lang(ko)){max-width:min(11em,100%)}.lost .lede{margin-inline:auto}.lost .actions{justify-content:center}.lost .lede{max-width:32ch}.builder{max-width:880px}.builder-head{padding-bottom:var(--s-5)}.builder p,.snippet p,.invite p{color:var(--text-2)}.snippet{display:grid;gap:var(--s-3)}.snippet h2,.snippet p{margin:0}.snippet .actions{align-items:center}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--s-3);margin-top:var(--s-3)}.form-row[hidden]{display:none}.field{display:grid;gap:var(--s-1);color:var(--text-2);font-size:var(--t-sm)}.field.wide{grid-column:1 / -1}.field-hint{grid-column:1 / -1;margin:0;color:var(--text-3);font-size:var(--t-sm)}.field-error{margin-top:var(--s-3);color:var(--alert)}.builder .place-heading{margin:var(--s-6) 0 var(--s-3)}.snippet{margin-top:var(--s-6)}.code,.engine-code{display:block;width:100%;padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:0.875rem / 1.55 var(--font-mono)}.code{resize:vertical}.embed-preview{min-height:88px;margin-top:var(--s-2);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.embed-preview[hidden],.embed-frame[hidden],.embed-alone[hidden]{display:none}.embed-frame{min-height:88px}.embed-alone{margin:var(--s-2) 0 0;color:var(--text-2);font-size:var(--t-sm)}@media (min-width:1100px){.embed-page .page>#embed-page{max-width:1200px}.info-page .page .builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s-7);max-width:1200px}.builder>*{grid-column:1}.builder>.builder-head,.builder>.invite{grid-column:1 / -1}.builder>.embed-try{grid-column:2;grid-row:2 / span 5;align-self:start;position:sticky;top:var(--s-5)}.builder>.embed-try .place-heading{margin-top:var(--s-3)}}html.embed-framed,body.embed-framed{min-height:0;background:transparent;color-scheme:normal}body.embed-framed .top,body.embed-framed .foot,body.embed-framed .skip-link,body.embed-framed .builder{display:none !important}body.embed-framed .page{max-width:none;padding:0}body.embed-framed .page>*{max-width:none}body.embed-framed #embed-frame{min-height:88px}@media (max-height:240px){body:not(.is-ready) .builder .first-paint{visibility:hidden}}.engine-live{margin-top:var(--s-5);padding:clamp(var(--s-4),2.4vw,var(--s-5));border:1px solid var(--line);border-radius:var(--r-lg)}.engine-live h2{margin:0 0 var(--s-2)}.eng-sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--s-2) var(--s-5);margin-top:var(--s-4)}.eng-slider{display:grid;gap:var(--s-1)}.eng-slider label{color:var(--text-3);font:500 var(--t-xs)/1.2 var(--font-mono);letter-spacing:0.06em;text-transform:uppercase}.spectrum{display:block;width:100%;height:auto;aspect-ratio:3 / 1;color:var(--signal)}.spectrum-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.spectrum-fill{fill:var(--signal-dim);stroke:none}.spectrum-grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.spectrum-axis{display:flex;justify-content:space-between;margin-top:var(--s-1);color:var(--text-3);font:400 var(--t-xs)/1.4 var(--font-mono)}.eng-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-4)}.eng-colors{display:grid;gap:var(--s-3);margin-top:var(--s-4);padding:0;list-style:none}.eng-colors li{padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.eng-colors h3{margin:0 0 var(--s-1);font-family:var(--font-display);font-weight:400;font-size:1.25rem}.eng-colors p{margin:0 0 var(--s-2);color:var(--text-2)}.eng-colors .eng-slope{margin:var(--s-1) 0 0;color:var(--text-3);font:400 var(--t-xs)/1.4 var(--font-mono)}.engine-code{margin:var(--s-4) 0;overflow-x:auto;white-space:pre;tab-size:2}@media (min-width:720px){.eng-colors{grid-template-columns:1fr 1fr}}@media (forced-colors:active){.recipe li,.support-card,.invite,.shot,.eng-colors li,.engine-live,.embed-preview{border:1px solid CanvasText}}.text-page .page>.card{max-width:720px}.text-page .page>.card + .card,.text-page .page>.card + .guest-card{margin-top:var(--s-4)}.text-page .page>.card>h2{margin:0 0 var(--s-3)}