:root{--bg: #000000;--raise: #0a0f10;--ink: #e4eef0;--dim: #8c9a9e;--rule: #263033;--rule-hi: #56656a;--accent: #5ef0ff;--on-accent: #000000;--scrim: #000000b3;--glow-ink: #e4eef059;--glow-accent: #5ef0ff8c;--hatch: repeating-linear-gradient(135deg, var(--rule) 0 1px, transparent 1px 9px);--body: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;--mono: "IBM Plex Mono", Consolas, "Courier New", monospace;--hair: 1px;--beam: 1.5px;--tap: 44px;--col: 1180px;--rail: 56px;--nav-open: 272px;--nav-w: var(--rail);--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}@media(min-width:768px){body.nav-on{--nav-w: var(--nav-open)}}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;overflow:hidden}:where(.lf-shell) button{font:inherit;font-weight:400;color:inherit;background:none;border:0;border-radius:0;cursor:pointer;padding:0}:where(.lf-shell) button:focus-visible,:where(.lf-shell) input:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.vt{display:block;fill:none;stroke:var(--ink);overflow:visible}.vt path{vector-effect:non-scaling-stroke;stroke-width:var(--beam);stroke-linecap:round;stroke-linejoin:round}.vt .acc{stroke:var(--accent);filter:drop-shadow(0 0 3px var(--glow-accent))}.iconbtn{width:var(--tap);height:var(--tap);flex:none;display:grid;place-items:center;color:var(--dim)}.iconbtn:hover{color:var(--ink)}.lf-shell svg:not(.vt) path{stroke-linecap:square}.go{display:flex;align-items:center;justify-content:center;gap:10px;min-width:56px;color:var(--accent);box-shadow:inset 0 0 0 var(--beam) var(--accent);font:500 14px var(--mono)}.go:hover{background:var(--raise)}.go:active{background:var(--accent);color:var(--on-accent)}#drawer{position:absolute;top:0;bottom:0;left:0;width:var(--nav-w);box-sizing:border-box;background:var(--bg);border-right:var(--hair) solid var(--rule);z-index:6;display:flex;flex-direction:column;padding:calc(6px + env(safe-area-inset-top,0px)) 0 env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);gap:0;overflow:hidden;transition:width .2s var(--ease)}#drawer.on{width:var(--nav-open);max-width:86vw}.dhead{display:flex;align-items:center;gap:8px;padding-left:6px;margin-bottom:10px}.dhead .mark{flex:none;display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}.dhead .mark .vt{height:12px;width:auto}.navrow{display:flex;align-items:center;gap:4px;min-height:var(--tap);flex:none;padding-left:6px;padding-right:12px;color:var(--dim);text-align:left;white-space:nowrap}.searchrow{border-bottom:var(--hair) solid var(--rule)}.navrow>svg{flex:none;width:var(--tap)}button.navrow:hover,.navrow:hover .iconbtn,#newWorld{color:var(--ink)}#newWorld svg{color:var(--accent)}.search{flex:1;min-width:0;background:none;border:0;color:var(--ink);height:var(--tap);padding:0 2px;font:16px var(--body);box-sizing:border-box}.search::placeholder{color:var(--dim)}#drawer.on #worldsBtn{cursor:default;min-height:36px;margin-top:12px}#drawer.on #worldsBtn svg{display:none}#drawer.on #worldsBtn span{padding-left:12px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em}.dlist{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;flex:1;border-top:var(--hair) solid var(--rule)}.drow{position:relative;border-bottom:var(--hair) solid var(--rule);flex:none}.ditem{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;width:100%;padding:8px 48px 8px 12px;box-sizing:border-box;text-align:left}.ditem:hover{background:var(--raise)}.ditem.cur{box-shadow:inset 2px 0 var(--accent)}.ditem canvas{width:64px;height:40px;background:var(--hatch);border:var(--hair) solid var(--rule)}.dtext{min-width:0}.ditem .t{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ditem .m{font-family:var(--mono);font-size:12px;color:var(--dim);margin-top:2px}.dfoot{font-family:var(--mono);font-size:12px;color:var(--dim);display:flex;justify-content:space-between;align-items:center;border-top:var(--hair) solid var(--rule);padding-left:12px;white-space:nowrap}.dfoot .plan{color:var(--dim);text-decoration:none;padding-inline:0}.dfoot [hidden]{display:none}.dlegal{display:flex;gap:12px;padding:0 12px 8px;font:11px var(--mono)}.dlegal a{color:var(--dim)}#drawer:not(.on) .dlegal{display:none}.credits{cursor:pointer;min-height:var(--tap)}.credits:hover{color:var(--ink)}.credsheet{position:fixed;z-index:30;width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:16px;background:var(--bg);border:var(--hair) solid var(--rule-hi);color:var(--ink);font-size:14px;line-height:1.45}.credsheet h2{font:13px var(--mono);margin:0 0 8px}.credsheet p{margin:0 0 8px;color:var(--dim)}.credsheet b{color:var(--ink);font-weight:600}.credsheet .fine a{color:var(--dim)}.credsheet .pill{margin-top:4px}.credsheet .low{font:12px var(--mono)}.credsheet .prices{display:grid;gap:2px}.credsheet .prices b{display:inline-block;min-width:2.2em;font-family:var(--mono);font-variant-numeric:tabular-nums}.credits.empty{opacity:.55}.askcard{position:fixed;z-index:30;left:calc(var(--nav-w) + (100% - var(--nav-w)) / 2);transform:translate(-50%);width:min(420px,calc(100% - var(--nav-w) - 32px));box-sizing:border-box;padding:14px 16px;background:var(--bg);border:var(--hair) solid var(--rule-hi);color:var(--ink);font-size:14px;line-height:1.45}.askcard p{margin:0 0 8px;color:var(--dim)}.askcard b{color:var(--ink);font-weight:600}.askcard .fine{font-size:13px}.askcard .acts{display:flex;gap:8px;flex-wrap:wrap}.askcard .go{color:var(--ink);border-color:var(--ink)}.dfoot button{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--rule-hi);min-height:var(--tap);padding-inline:12px 8px}#drawer:not(.on) :is(.mark,.navrow>span,.search,.dlist,.dfoot){display:none}#scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}#scrim.on{opacity:1;pointer-events:auto}.del{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:var(--tap);height:var(--tap);display:grid;place-items:center;color:var(--dim);background:var(--bg);opacity:0}.del:hover{color:var(--ink)}.drow:hover .del,.cardwrap:hover .del,.del:focus-visible{opacity:1}@media(hover:none){.del{opacity:1}}.confirm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:4px;padding-left:12px;background:var(--bg);box-shadow:inset 0 0 0 var(--hair) var(--rule-hi);font-size:13px;z-index:1}.confirm span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm button{min-height:var(--tap);padding-inline:12px;color:var(--dim)}.confirm .yes{color:var(--accent)}.delall .ditem{color:var(--dim);font-size:13px;justify-content:flex-start;padding-left:12px}.delall .ditem:hover,.confirm button:hover{color:var(--ink)}#home{position:absolute;inset:0 0 0 var(--nav-w);overflow-y:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));transition:opacity .2s,left .2s var(--ease)}#home.gone{opacity:0;pointer-events:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding-block:8px;max-width:var(--col);margin:0 auto}.right{display:flex;align-items:center}.credits{font-family:var(--mono);font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums;padding-inline:12px}.avatar{font-family:var(--mono);font-size:12px;color:var(--ink);border:var(--hair) solid var(--rule-hi);padding:6px 8px}.hero{max-width:var(--col);margin:9vh auto 0;display:flex;flex-direction:column;align-items:center;text-align:center}#home h1{text-align:center;width:100%}#home h1 .vt{display:block;margin:0 auto}.hero .mark .vt{height:14px;width:auto}:where(.lf-shell) h1{margin:22px 0 32px;width:100%;font-size:0}#home h1 .vt{width:min(100%,760px);height:auto;filter:drop-shadow(0 0 1.5px var(--glow-ink)) drop-shadow(0 0 8px var(--glow-ink))}#home h1 .vt path{stroke-width:2px}.prompt{width:min(100%,860px);display:flex;align-items:stretch;border:var(--hair) solid var(--rule-hi);background:var(--bg);min-height:60px}.prompt:focus-within{border-color:var(--accent);box-shadow:0 0 10px -2px var(--glow-accent)}.prompt input,.bar input{flex:1;min-width:0;background:none;border:0;color:var(--ink);font:16px var(--body);padding:0 16px;outline:none}.prompt input::placeholder,.bar input::placeholder{color:var(--dim)}.dice{width:56px;display:grid;place-items:center;color:var(--dim);border-left:var(--hair) solid var(--rule)}.dice:hover{color:var(--ink)}.prompt .go{padding-inline:18px 16px}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;max-width:860px}#pills .pill,#hints .pill{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:var(--hair) solid var(--rule-hi);border-radius:999px;background:var(--raise);font-size:14px;color:var(--ink);cursor:pointer;transition:border-color .15s,color .15s,background .15s}#pills .pill:hover,#hints .pill:hover,#pills .pill:focus-visible,#hints .pill:focus-visible{border-color:var(--accent);color:var(--accent)}#pills .pill:active,#hints .pill:active{background:var(--rule)}.feedhead{max-width:var(--col);margin:56px auto 20px;display:flex;justify-content:center;border-bottom:var(--hair) solid var(--rule)}.tab{min-height:var(--tap);padding-inline:16px;font:13px var(--mono);color:var(--dim);border-right:var(--hair) solid var(--rule)}.tab:first-child{border-left:var(--hair) solid var(--rule)}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px var(--accent)}.grid{max-width:var(--col);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px 16px;padding-bottom:48px}.grid>p{color:var(--dim);grid-column:1 / -1}.cardwrap{position:relative;min-width:0}.cardwrap .del{top:6px;right:6px;transform:none;box-shadow:inset 0 0 0 var(--hair) var(--rule-hi)}.cardwrap .confirm{inset:0 0 auto 0;min-height:52px}.card{text-align:left;display:flex;flex-direction:column;align-items:stretch;min-width:0;width:100%}.card canvas,.tb{box-sizing:border-box;width:100%}.card canvas{aspect-ratio:16/10;display:block;background:var(--bg);border:var(--hair) solid var(--rule)}.skel canvas{background:var(--hatch)}.tb{border:var(--hair) solid var(--rule);border-top:0}.card:hover canvas,.card:hover .tb,.card:focus-visible canvas,.card:focus-visible .tb{border-color:var(--rule-hi)}.card .t{font-size:14px;line-height:1.35;padding:9px 10px;border-bottom:var(--hair) solid var(--rule);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card dl{margin:0;display:grid;grid-template-columns:1.5fr .6fr 1fr 1fr}.card dl>div{padding:5px 10px 6px;min-width:0;border-left:var(--hair) solid var(--rule)}.card dl>div:first-child{border-left:0}.card dt{font:11px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.card dd{margin:1px 0 0;font:12px var(--mono);color:var(--ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums}#sentinel{height:1px}#world{position:absolute;inset:0 0 0 var(--nav-w);visibility:hidden;pointer-events:none;transition:left .2s var(--ease)}#world.on{visibility:visible;pointer-events:auto}#world>#app{opacity:0;transition:opacity .2s}#world.on>#app{opacity:1}#stage{width:100%;height:100%;display:block}.wtop{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:16px;right:max(16px,env(safe-area-inset-right,0px));display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.wtop>*{pointer-events:auto}.wtitle,.wtop .right{display:flex;align-items:stretch;background:var(--bg);border:var(--hair) solid var(--rule);min-height:var(--tap)}.wtitle{min-width:0;max-width:62%;font-size:13px}.wtitle>*{display:flex;align-items:center;padding-inline:12px;border-left:var(--hair) solid var(--rule);white-space:nowrap}.wtitle>:first-child{border-left:0;padding:0}.wtitle>:empty{display:none}#wtitle,.wrev,.remix{min-width:0;display:block;padding-block:5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis}#wtitle:before,.wrev:before,.remix:before{display:block;font:11px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.06em}#wtitle:before{content:"World"}.wrev:before{content:"Rev"}.remix:before{content:"From"}.wrev{font:13px var(--mono);color:var(--ink);text-transform:none;letter-spacing:0}.remix{font:13px var(--mono);color:var(--ink)}.wtop .right>*{display:flex;align-items:center;padding-inline:14px;font-size:13px;color:var(--dim);border-left:var(--hair) solid var(--rule)}.wtop .right>:first-child{border-left:0}.wtop .right button:hover,#details[aria-pressed=true]{color:var(--ink)}.wtop .credits{color:var(--dim);font:12px var(--mono)}#share{color:var(--accent)}.bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));width:min(720px,calc(100% - 32px));height:56px;box-sizing:border-box;background:var(--bg);border:var(--hair) solid var(--rule-hi);display:flex;align-items:stretch;overflow:hidden}.bar:focus-within{border-color:var(--accent)}.bar #mic{margin:0;width:52px;height:auto;border:0;border-left:var(--hair) solid var(--rule);border-radius:0;background:none;box-shadow:none;color:var(--dim)}.bar #mic:hover{color:var(--ink)}.bar #mic.listening{color:var(--accent)}.bar .go{width:56px}.hints{position:absolute;left:50%;transform:translate(-50%);bottom:calc(86px + env(safe-area-inset-bottom,0px));display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:min(720px,calc(100% - 32px))}body:has(#toast.show) .hints{visibility:hidden}.toast{position:fixed;left:calc(var(--nav-w) + (100% - var(--nav-w)) / 2);bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:12px;width:max-content;max-width:min(640px,calc(100% - var(--nav-w) - 32px));box-sizing:border-box;background:var(--bg);border:var(--hair) solid var(--rule-hi);padding:9px 12px;font-size:13px;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .15s}body.inworld .toast{bottom:calc(86px + env(safe-area-inset-bottom,0px))}.toast.show{opacity:1;pointer-events:auto}.toast b{color:var(--ink);font-weight:400}.toast i{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--dim);padding-left:12px;border-left:var(--hair) solid var(--rule);flex:none;white-space:nowrap}.toast .act{color:var(--accent);font-family:var(--mono);font-size:13px;min-height:32px;padding:0 4px 0 12px;border-left:var(--hair) solid var(--rule)}@media(max-width:767px){#drawer.on{box-shadow:none;border-right-color:var(--rule-hi)}.hero{margin-top:4vh}:where(.lf-shell) h1{margin:16px 0 22px}.prompt .go span{display:none}.prompt .go{padding-inline:0}.pills{gap:0 16px}.feedhead{margin-top:40px}.grid{grid-template-columns:1fr}.wtop{left:12px;right:12px;gap:8px}.wtop .credits{display:none}.wtitle{max-width:none;flex:1;display:grid;grid-template-columns:var(--tap) 1fr auto}.wtitle>:first-child,.wtitle>.wrev{grid-row:span 2}.wtitle>.wrev{grid-column:3;grid-row:1 / span 2;align-self:stretch;padding:5px 10px}.remix:before{display:none}.wtitle>*{border-left:var(--hair) solid var(--rule);min-width:0}#wtitle{line-height:1.3;padding-top:6px}#wtitle:before{display:none}#wtitle:only-of-type,.wtitle:not(:has(.remix:not(:empty))) #wtitle{grid-row:span 2;align-self:center;padding:0 12px}.remix:not(:empty){display:block;padding-bottom:6px;font-size:11px;overflow:hidden;text-overflow:ellipsis}.hints{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}#hints .pill{flex:none}}@media(prefers-reduced-motion:reduce){.lf-shell,.lf-shell *,#world,#world>#app{transition:none!important;animation:none!important}}#world #app{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;grid-template-columns:1fr}body:not(.details) #panel,body:not(.details) #topbar,body:not(.details) #pipeline,body:not(.details) #audiobar,body:not(.details) #hint{display:none}body.details #world #app{grid-template-columns:1fr 420px}body.details .bar,body.details .hints{left:calc((100% - 420px)/2)}body.details .toast{left:calc(var(--nav-w) + (100% - var(--nav-w) - 420px) / 2)}body.details .wtop{right:436px}body.details #world #topbar{top:64px}body.details #world #learning{top:calc(116px + env(safe-area-inset-top,0px))}body.details #world #vitals,body.details #world #audiobar{bottom:140px}body.details #world #pipeline{bottom:172px}body.details #world #hint{display:none}#world #learning{top:calc(116px + env(safe-area-inset-top,0px));left:16px;bottom:auto}#world #ui .objective.top{top:64px}@media(max-width:520px){#details{display:none!important}}#thumbStage{position:fixed;left:-10000px;top:0;width:384px;height:240px;pointer-events:none}#panel .composer{display:none}#world #vitals{top:calc(68px + env(safe-area-inset-top,0px));bottom:auto;left:16px;width:220px;z-index:3}body.details #world #vitals{top:calc(68px + env(safe-area-inset-top,0px));bottom:auto}.fadein{animation:feedIn .7s cubic-bezier(.2,.6,.2,1) both}@keyframes feedIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fadein{animation:none}}#world #learning .lr{border-radius:999px;padding:6px 12px;background:var(--bg);border:var(--hair) solid var(--rule-hi);color:var(--ink)}#world #learning .lr.tap{pointer-events:auto;cursor:pointer;border-color:var(--accent)}#world #learning .lr.busy,#world #learning .lr.queue,#world #learning .lr.waiting{opacity:.72}#world #learning .lr.end{transition:opacity .5s linear}#world #learning .lr.added{border-color:var(--accent)}.beta{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:var(--hair) solid var(--accent);padding:2px 6px;white-space:nowrap}.topbar .beta{margin-left:16px}.dbeta{font-size:12px;line-height:1.45;color:var(--dim);padding:10px 12px;margin:0;border-top:var(--hair) solid var(--rule)}.dbeta .beta{margin-right:6px}#drawer:not(.on) .dbeta{display:none}.gate{position:fixed;left:calc(var(--nav-w) + (100% - var(--nav-w)) / 2);bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:7;width:min(440px,calc(100% - var(--nav-w) - 32px));box-sizing:border-box;background:var(--bg);border:var(--hair) solid var(--accent);padding:14px 16px;font-size:13px;line-height:1.5}body.inworld .gate{bottom:calc(86px + env(safe-area-inset-bottom,0px))}.gate p{margin:0 0 8px}.gate .h{display:flex;align-items:center;gap:10px;font-size:15px;padding-right:28px}.gate .kept{color:var(--dim)}.gate .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.gate .row button{min-height:var(--tap);padding:0 14px;font:500 13px var(--mono);border:var(--hair) solid var(--rule-hi);color:var(--ink)}.gate .row .google{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.gate .x{position:absolute;top:4px;right:4px;min-width:var(--tap);min-height:var(--tap);color:var(--dim)}