@onceworlds/cli 0.12.0 → 0.14.0

package/dist/emulator.js

@@ -1,6 +1,6 @@
-"use strict";(()=>{var He=["#f6dcc5","#ebc29f","#d4a07a","#b07a55","#875839","#5e3d29","#93c9bb","#a8c595","#94bcd3","#ab9bd9","#dca3ad","#b3bccb"],be=["#c95f56","#dc8a4f","#e2bd52","#9cc27a","#5a8a5e","#4f9a8e","#6fb7c8","#5b87c5","#465089","#8b68a8","#dc8fae","#f2eee6","#a9a8ad","#5d5c63","#2b2a30","#80604d"],Fe=["Happy","Grin","Shades","Wink","Surprised","Determined","Joyful","Shy"],qe=["None","Sprout","Cap","Beanie","Crown","Headphones","Horns","Antenna","Bow","Halo","Party hat","Cat ears","Short hair","Tuft","Bob","Spikes","Bun","Curls","Long","Mop"];var Ke=["Plain","Band","Spots","Stripes","Star"];var jo={skin:He.length,shirt:be.length,pants:be.length,face:Fe.length,hat:qe.length,top:Ke.length},Xt=[[5,6],[3,4],[6,7],[9,8],[10,0],[12,13]];function Ve(t){let e=2166136261;for(let c of t)e=Math.imul(e^c.charCodeAt(0),16777619)>>>0;let o=c=>(e=Math.imul(e^e>>>13,2654435761)>>>0,e%c),r=o(He.length),n=r>=6?Xt[r-6][o(2)]:o(be.length),a=o(2)===0?n:[8,13,14,15][o(4)],i=o(5)===0?1:12+o(qe.length-12),s=o(2)===0?0:o(Ke.length);return{skin:r,shirt:n,pants:a,face:o(Fe.length),hat:i,top:s}}var E={roomMaxPlayersDefault:16,roomMaxPlayersCap:30,teamsMax:8,messageBytes:16*1024,presenceBytes:1024,stateKeyLength:64,stateValueBytes:16*1024,stateKeys:256,privateKeys:16,privateValueBytes:4*1024,privateBytesPerPlayer:8*1024,messagesPerSecond:60,messagesPerSecondMin:10,roomBytesPerSecond:128*1024,roomBytesPerSecondMin:16*1024,presenceHz:20,presenceHzMin:5,roomMessagesPerSecond:900,roomBytesPerSecondTotal:2*1024*1024,matchCountdownMs:3e3,matchCountdownMaxMs:1e4,matchIdleMs:45e3,matchAbandonMs:12e4,idleAfterMs:3e4,idleAbandonMs:5*6e4,rankedPairMatchesPerDay:5,chatLength:200,chatIntervalMs:750,chatHistory:50,chatChannelsPerPlayer:10,saveValueBytes:64*1024,saveKeysPerGame:100,saveBytesPerGame:1024*1024,guestSaveBytesPerGame:128*1024,serverDataKeys:128,serverDataBytes:512*1024,serverDataServersPerGame:5e3,serverDataBytesPerGame:64*1024*1024,serverDataIdleDays:120,gameDataKeys:32,gameDataListMax:100,gameDataItemBytes:1024,gameDataValueBytes:8*1024,gameDataMapFields:1e3,gameDataMapPerPlayer:100,gameDataNumberMax:1e15,gameDataWritesPerMinute:30,deployFiles:2e3,deployFileBytes:25*1024*1024,deployHtmlBytes:10*1024*1024,deployPathLength:200,deployTotalBytes:100*1024*1024,envVars:50,envValueBytes:4*1024,envTotalBytes:16*1024,proxyRequestBytes:1024*1024,proxyTextRequestBytes:256*1024,proxySpeechRequestBytes:16*1024,proxyResponseBytes:10*1024*1024,proxyMaxOutputTokens:4096,proxyCallsPerDay:2e3,proxyCallsPerDayMax:1e5,proxyCallsPerPlayerPerDay:100,proxyCallsPerNetworkPerDay:1e3,proxyMediaCallsPerDay:100,proxyMediaCallsPerDayMax:1e4,proxyMediaCallsPerPlayerPerDay:20,proxyMediaCallsPerNetworkPerDay:25,proxyUnitsPerDay:2e6,proxyUnitsPerDayMax:1e8,proxyUnitsPerPlayerPerDay:25e4,proxyUnitsPerGuestPerDay:1e5,proxyUnitsPerNetworkPerDay:5e5,errorReportsPerPage:10,consoleLineLength:2e3,consoleLinesPerSecond:50,gameNameLength:60,gameDescriptionLength:1e3,galleryItems:5,mediaImageBytes:5*1024*1024,mediaVideoBytes:30*1024*1024,mediaGifBytes:1024*1024,mediaGifSide:512,mediaUploadsPerDay:200,mediaBytesPerDay:500*1024*1024,badgesPerGame:50,controlHints:12,controlHintKeys:4,controlKeyLength:12,controlActionLength:40,helpLength:400,badgeNameLength:50,badgeDescriptionLength:200,leaderboardsPerGame:25,leaderboardTop:100,gamesPerOwner:50,gamesCreatedPerCreatorPerDay:3,uploadAccountAgeMs:10080*6e4,deploysPerOwnerPerDay:100,draftsPerOwnerPerDay:1e3,draftsKeptPerGame:3,cliTokensPerAccount:10,cliDeviceCodeSeconds:600,deploymentsKeptPerGame:10,deployBytesPerOwnerPerDay:2*1024*1024*1024,deployEntriesPerOwnerPerDay:1e5,bioLength:500,exportRows:2e3,exportSaveChars:4*1024*1024,exportEveryMs:60*6e4,friendsMax:200,friendRequestsMax:100,friendRequestsIncomingMax:50,friendRequestsPerDay:20,friendRequestsPerNetworkPerDay:120,friendRequestPushesPerDay:5,passwordMinLength:8,passwordMaxLength:72,signupsPerNetworkPerDay:100,signupsPerWidePerDay:300,guestsPerNetworkPerDay:300,guestsPerWidePerDay:1500,visitsPerNetworkPerDay:10,visitSeconds:10,errorsPerDeployment:100,controlButtons:4,controlLabelLength:12,partySize:6,partyChatHistory:50,messageLength:500,messagesPerPage:50,groupChatMembers:20,groupChatNameLength:40,conversationsListed:50,notificationsListed:50,invitesPerRequest:10,inviteLiveMs:30*6e4,partyInviteMs:60*6e4};var Ye=/^[a-z0-9]{12}$/,Z=2;function we(t){return`${t.mode}.${t.max}.${t.teams}.${t.ranked?1:0}${t.min!==Z?`.${t.min}`:""}`}var Zt=/^pub:([a-z0-9-]+)\.(\d+)\.(\d)\.([01])(?:\.(\d+))?:(\d+)$/;function Je(t){let e=Zt.exec(t);if(!e)return null;let o={mode:e[1],max:Number(e[2]),teams:Number(e[3]),ranked:e[4]==="1",min:e[5]===void 0?Z:Number(e[5])};return{...o,name:we(o),n:Number(e[6])}}function Xe(t,e,o){let r=typeof t=="string"?Number(t):t;return typeof r!="number"||!Number.isInteger(r)?Math.min(o,e):Math.min(e,Math.max(1,r))}var We=t=>t.replace(/[\u0000-\u001f\u007f]/g," ").replace(/\s+/g," ").trim();var Qt=/^[a-z0-9][a-z0-9-]{0,19}$/;function Ze(t){if(!t||typeof t!="object")return null;let e=t,o=[];for(let n of Array.isArray(e.buttons)?e.buttons:[]){if(o.length>=E.controlButtons)break;let{id:a,label:i}=n??{};if(typeof a!="string"||!Qt.test(a)||o.some(c=>c.id===a))continue;let s=typeof i=="string"?i.replace(/[\u0000-\u001f\u007f]/g,"").replace(/\s+/g," ").trim().slice(0,E.controlLabelLength).trim():"";o.push({id:a,label:s||a})}let r=e.stick===!0;return r||o.length>0?{stick:r,zone:e.zone==="corner"?"corner":"wide",buttons:o}:null}var K="host:ow.settings",eo=/^[a-z][a-zA-Z0-9]{0,15}$/;function Qe(t){if(!Array.isArray(t))return[];let e=[];for(let o of t){if(e.length>=6)break;let{id:r,label:n,options:a,default:i}=o??{};if(typeof r!="string"||!eo.test(r)||e.some(d=>d.id===r)||!Array.isArray(a))continue;let s=[];for(let d of a){let p=typeof d=="object"&&d!==null?d.value:d;if(typeof p!="string"&&typeof p!="number"||typeof p=="number"&&!Number.isFinite(p)||s.length>=8||s.some(u=>u.value===p))continue;let m=typeof d=="object"&&d!==null&&typeof d.label=="string"?d.label:String(p);s.push({value:p,label:We(m).slice(0,20)||String(p)})}if(s.length<2)continue;let c=typeof n=="string"?We(n).slice(0,24):"";e.push({id:r,label:c||r,options:s,default:s.some(d=>d.value===i)?i:s[0].value})}return e}function et(t,e){let o=e!==null&&typeof e=="object"?e[t.id]:void 0;return t.options.some(r=>r.value===o)?o:t.default}var ve='{"t":"ping"}';var tt=4001,ot=4003,rt=4008,nt=4006;var at="onceworlds:hello",it="onceworlds:connect",to=/^[a-z0-9]{1,32}~(?:(?:0|[1-9]\d{0,3})\.(?:0|[1-9]\d{0,4})\.(?:0|[1-9]\d{0,5}))?~[0-9a-z]{1,11}~[lp]~[A-Za-z0-9_-]{43}$/;function st(t){let e=t!==null&&typeof t=="object"?t.build:void 0;return typeof e=="string"&&to.test(e)?e:null}var lt="onceworlds-console";var pt="allow-scripts allow-pointer-lock allow-forms allow-orientation-lock",dt=["autoplay","gamepad","screen-wake-lock","accelerometer","gyroscope"].map(t=>`${t} *`).join("; "),ct=100*1024*1024;var gt=new Set(["server","join","deploy","watch","player","embed","k","console","tester","live","demo",lt]);var ye="onceworlds:page",oo=["ran","blocked","failed","threw","loaded"];function ht(t){if(t===null||typeof t!="object")return null;let{what:e,detail:o}=t;return typeof e!="string"||!oo.includes(e)?null:{what:e,detail:typeof o=="string"?o.slice(0,200):""}}var ro=`(function(){var n=0,s=function(w,d){if(n++<12)try{parent.postMessage({type:${JSON.stringify(ye)},what:w,detail:String(d).slice(0,200)},"*")}catch(e){}};s("ran",document.readyState);addEventListener("securitypolicyviolation",function(e){s("blocked",e.effectiveDirective+" "+e.blockedURI)});addEventListener("error",function(e){var t=e.target;t&&t.tagName?s("failed",t.tagName+" "+(t.src||t.href)):s("threw",e.message+" "+e.filename+":"+e.lineno)},true);addEventListener("load",function(){s("loaded",typeof onceworlds)})})();`,Fo=`<script>${ro}<\/script>`;function ut(t){return t?.ownCountdown!==!0}var no=/^#(?:[0-9a-f]{3}){1,2}$/i,C={panel:"#111216",text:"#f7f7f8",accent:"#d33e00"},Se=4.5,ke=3,Q=["#4ade80","#15803d"];function xt(t){let e=[];if(t==null)return{look:null,notes:e};if(typeof t!="object")return{look:null,notes:["a look is { accent, panel, text } or null"]};let o=t,r=p=>{let m=o[p];return m==null?null:typeof m=="string"&&no.test(m)?ft(m):(e.push(`${p} is not #rgb or #rrggbb`),null)},n=r("panel"),a=r("text"),i=r("accent");if(n||a){let p=A(a??C.text,n??C.panel);p<Se&&(e.push(`text on panel is ${p.toFixed(1)}:1, under ${Se}:1: the platform's are used`),n=a=null)}let s=n??C.panel,c=a??C.text;if(i){let p=A(i,s);p<ke&&(e.push(`accent on panel is ${p.toFixed(1)}:1, under ${ke}:1: the platform's is used`),i=null)}if(!i&&n&&A(C.accent,n)<ke&&(i=c),!n&&!a&&!i)return{look:null,notes:e};let d=i?ao(i):null;return{look:{panel:n,text:a,muted:n||a?io(c,s):null,accent:i,accentHover:i?bt(i,d==="#ffffff"?"#000000":"#ffffff",.14):null,onAccent:d,ok:n?A(Q[0],n)>=A(Q[1],n)?Q[0]:Q[1]:null},notes:e}}function ft(t){let e=t.slice(1).toLowerCase();return`#${e.length===3?[...e].map(o=>o+o).join(""):e}`}function V(t){let e=ft(t);return[parseInt(e.slice(1,3),16),parseInt(e.slice(3,5),16),parseInt(e.slice(5,7),16)]}function mt(t){let[e,o,r]=V(t).map(n=>{let a=n/255;return a<=.04045?a/12.92:((a+.055)/1.055)**2.4});return .2126*e+.7152*o+.0722*r}function A(t,e){let[o,r]=[mt(t),mt(e)].sort((n,a)=>a-n);return(o+.05)/(r+.05)}function ao(t){return A(t,"#000000")>A(t,"#ffffff")?"#000000":"#ffffff"}function bt(t,e,o){let[r,n]=[V(t),V(e)];return`#${r.map((a,i)=>Math.round(a+(n[i]-a)*o).toString(16).padStart(2,"0")).join("")}`}function io(t,e){for(let o=.3;o>.001;o-=.05){let r=bt(t,e,o);if(A(r,e)>=Se)return r}return t}var ee=class{port=null;handlers;events;onConnect;solo;demo;onActivity;onPage;constructor(e,o,r,n,a={}){this.handlers=o,this.events=r,this.onConnect=n,this.solo=a.solo===!0,this.demo=a.demo===!0,this.onActivity=a.onActivity??null,this.onPage=a.onPage??null,window.addEventListener("message",i=>{if(!(i.source!==e.contentWindow||i.origin!=="null")&&(i.data?.type===at&&this.connect(i.source,st(i.data)),i.data?.type===ye)){let s=ht(i.data);s&&this.onPage?.(s)}})}activity(e,o){try{this.onActivity?.(e,o)}catch{}}emit(e,o){this.port?.postMessage({kind:"event",name:e,data:o})}connect(e,o){this.port?.close();let r=new MessageChannel,n=r.port1;this.port=n,n.onmessage=i=>this.receive(n,i.data);let a={type:it,...this.solo?{solo:!0}:{},...this.demo?{demo:!0}:{}};e.postMessage(a,"*",[r.port2]),this.onConnect(o)}async receive(e,o){if(!(e!==this.port||!o||typeof o!="object")){if(o.kind==="event"){Object.hasOwn(this.events,o.name)&&(this.events[o.name](o.data),this.activity(String(o.name),null));return}if(o.kind==="req")try{if(!Object.hasOwn(this.handlers,o.method))throw new Error(`Unknown method: ${String(o.method)}`);let r=this.handlers[o.method],n=await r(o.params);e.postMessage({kind:"res",id:o.id,ok:!0,result:n??null}),this.activity(String(o.method),null)}catch(r){let n=r instanceof Error?r.message:String(r);e.postMessage({kind:"res",id:o.id,ok:!1,error:n}),this.activity(String(o.method),n)}}}};var so="ow-game-storage",lo=256,wt="guest";function ze(t){let e=0,o=new Set,r=[t];for(;r.length;){let n=r.pop();if(typeof n=="string")e+=n.length*2;else if(typeof n!="object"||n===null)e+=8;else{if(o.has(n))continue;if(o.add(n),n instanceof ArrayBuffer)e+=n.byteLength;else if(ArrayBuffer.isView(n))e+=n.buffer.byteLength;else if(typeof Blob=="function"&&n instanceof Blob)e+=n.size;else if(n instanceof Map)for(let[a,i]of n)r.push(a,i);else if(n instanceof Set)for(let a of n)r.push(a);else if(Array.isArray(n))r.push(...n.slice(0,1e5),...n.length>1e5?[n.slice(1e5)]:[]);else for(let[a,i]of Object.entries(n))r.push(a,i)}}return e}function $(t){if(typeof t!="string"||t.length>lo)throw new Error("Bad name");return t}function vt(t){if(t===null)return null;if(typeof t=="string")return $(t);if(Array.isArray(t)&&t.length<=32)return t.map($);throw new Error("Bad key path")}function po(t){if(typeof t!="object"||t===null)throw new Error("Bad stores");let e=Object.keys(t);if(e.length>1e3)throw new Error("Too many stores");let o={};for(let r of e){let n=t[$(r)];if(typeof n!="object"||n===null||!Array.isArray(n.indexes)||n.indexes.length>1e3)throw new Error("Bad store");let a=Number(n.nextKey),i=n.indexes.map(s=>{let c=vt(s?.keyPath);if(c===null)throw new Error("Bad index");return{name:$(s.name),keyPath:c,unique:s.unique===!0,multiEntry:s.multiEntry===!0}});o[r]={keyPath:vt(n.keyPath),autoIncrement:n.autoIncrement===!0,nextKey:Number.isFinite(a)?a:1,indexes:i}}return o}function y(t){return new Promise((e,o)=>{t.onsuccess=()=>e(t.result),t.onerror=()=>o(t.error??new Error("Storage failed"))})}function Re(t){return new Promise((e,o)=>{t.oncomplete=()=>e(),t.onabort=t.onerror=()=>o(t.error??new Error("Storage failed"))})}var te=class{database=null;named=null;owner;factory;limit;constructor(e,o={}){this.owner=e,this.factory=o.factory??(()=>indexedDB),this.limit=o.limit??ct}open(){return this.database??=new Promise((e,o)=>{let r=this.factory().open(so,1);r.onupgradeneeded=()=>{r.result.createObjectStore("dbs",{keyPath:["owner","db"]}),r.result.createObjectStore("records")},r.onsuccess=()=>e(r.result),r.onerror=()=>o(r.error??new Error("No storage in this browser"))}),this.database}who(){return this.named??=this.owner().then(async({game:e,player:o})=>{let r=`${e}
-${o??wt}`;return o!==null&&await this.adopt(`${e}
-${wt}`,r),r}),this.named}async adopt(e,o){let n=(await this.open()).transaction(["dbs","records"],"readwrite"),a=Re(n),i=n.objectStore("dbs"),s=n.objectStore("records"),c=await y(i.getAll(this.ownerRange(e)));for(let d of c){let p=this.dbRange(e,d.db);if(!await y(i.getKey([o,d.db]))){let m=await y(s.getAllKeys(p));for(let u of m){let R=await y(s.get(u));s.put(R,[o,...u.slice(1)])}i.put({...d,owner:o})}s.delete(p),i.delete([e,d.db])}await a}ownerRange(e){return IDBKeyRange.bound([e],[`${e}\0`],!1,!0)}dbRange(e,o){return IDBKeyRange.bound([e,o],[e,`${o}\0`],!1,!0)}storeRange(e,o,r){return IDBKeyRange.bound([e,o,r],[e,o,`${r}\0`],!1,!0)}async read({db:e}){$(e);let o=await this.who(),n=(await this.open()).transaction(["dbs","records"]),a=await y(n.objectStore("dbs").get([o,e]));if(!a)return null;let i=n.objectStore("records"),s=this.dbRange(o,e),[c,d]=await Promise.all([y(i.getAllKeys(s)),y(i.getAll(s))]);return{version:a.version,stores:a.stores,records:c.map((p,m)=>({store:p[2],key:p[3],value:d[m].value}))}}async commit(e){let o=$(e?.db),r=Number(e.version);if(!Number.isFinite(r)||r<0)throw new Error("Bad version");let n=e.ops;if(!Array.isArray(n))throw new Error("Bad changes");let a=e.stores===void 0?void 0:po(e.stores),i=await this.who(),c=(await this.open()).transaction(["dbs","records"],"readwrite"),d=Re(c),p=c.objectStore("dbs"),m=c.objectStore("records");try{let u=await y(p.getAll(this.ownerRange(i))),R=u.find(l=>l.db===o)??{owner:i,db:o,version:r,stores:{},bytes:0},q=u.reduce((l,x)=>l+(x===R?0:x.bytes),0),b=R.bytes;for(let l of n){let x=$(l?.store);if("clear"in l){b-=await this.sum(m,this.storeRange(i,o,x)),m.delete(this.storeRange(i,o,x));continue}let fe=[i,o,x,"put"in l?l.put:l.remove],Ge=await y(m.get(fe));if(Ge&&(b-=Ge.bytes),"put"in l){let Ue=ze(l.value)+ze(l.put)+64;b+=Ue,m.put({value:l.value,bytes:Ue},fe)}else m.delete(fe)}if(a)for(let l of Object.keys(R.stores))Object.hasOwn(a,l)||(b-=await this.sum(m,this.storeRange(i,o,l)),m.delete(this.storeRange(i,o,l)));if(q+=ze(a??R.stores),q+b>this.limit)throw new Error("QuotaExceededError");p.put({owner:i,db:o,version:r,stores:a??R.stores,bytes:Math.max(0,b)})}catch(u){try{c.abort()}catch{}throw d.catch(()=>{}),u}return await d,null}async sum(e,o){return(await y(e.getAll(o))).reduce((n,a)=>n+a.bytes,0)}async remove({db:e}){$(e);let o=await this.who(),n=(await this.open()).transaction(["dbs","records"],"readwrite"),a=Re(n);return n.objectStore("records").delete(this.dbRange(o,e)),n.objectStore("dbs").delete([o,e]),await a,null}async list(){let e=await this.who(),o=await this.open();return(await y(o.transaction("dbs").objectStore("dbs").getAll(this.ownerRange(e)))).map(n=>({name:n.db,version:n.version}))}};var oe=class{pressed=new Set;press(e){this.pressed.add(e)}take(e){let o=new Set(e),r=!1;for(let n of this.pressed)o.has(n)||(o.add(n),r=!0);return this.pressed.clear(),{buttons:[...o],owed:r}}};var yt=["--ow-panel","--ow-face-edge","--ow-hover","--ow-on-accent","--text","--muted","--line","--line-strong","--fill","--fill-strong","--ok","--accent-fill","--accent-fill-hover","--accent-hover"],kt=["--ow-ctl-edge","--ow-ctl-fill","--ow-ctl-stick","--ow-ctl-knob","--ow-ctl-label","--ow-ctl-shadow","--ow-ctl-held","--ow-ctl-main","--ow-ctl-main-edge","--ow-ctl-main-label","--ow-ctl-main-shadow","--ow-ctl-main-held"];function w(t,e){return`rgba(${V(t).join(", ")}, ${e})`}function St(t){let e={};if(!t)return e;if(t.panel&&(e["--ow-panel"]=t.panel,e["--ow-face-edge"]=t.panel),t.ok&&(e["--ok"]=t.ok),t.panel||t.text){let o=t.text??C.text;t.text&&(e["--text"]=t.text),t.muted&&(e["--muted"]=t.muted),e["--line"]=w(o,.09),e["--line-strong"]=w(o,.16),e["--fill"]=w(o,.06),e["--fill-strong"]=w(o,.1),e["--ow-hover"]=w(o,.16)}return t.accent&&t.accentHover&&t.onAccent&&(e["--accent-fill"]=t.accent,e["--accent-fill-hover"]=t.accentHover,e["--accent-hover"]=t.accent,e["--ow-on-accent"]=t.onAccent),e}function zt(t){let e={};return t&&(t.text&&(e["--ow-ctl-edge"]=w(t.text,.4),e["--ow-ctl-knob"]=w(t.text,.9),e["--ow-ctl-label"]=t.text,e["--ow-ctl-held"]=w(t.text,.35)),t.panel&&(e["--ow-ctl-fill"]=w(t.panel,.4),e["--ow-ctl-stick"]=w(t.panel,.3),e["--ow-ctl-shadow"]=w(t.panel,.5)),t.accent&&t.accentHover&&t.onAccent&&(e["--ow-ctl-main"]=w(t.accent,.85),e["--ow-ctl-main-edge"]=t.accent,e["--ow-ctl-main-label"]=t.onAccent,e["--ow-ctl-main-shadow"]="none",e["--ow-ctl-main-held"]=t.accentHover)),e}function re(t,e,o){for(let r of e)Object.hasOwn(o,r)?t.style.setProperty(r,o[r]):t.style.removeProperty(r);t.toggleAttribute("data-look",e.some(r=>Object.hasOwn(o,r)))}var L=52,Ee=.12,Pe=96,co=400,go=2e4,ne=class{parent;root;zone;base;knob;buttonBox;send;onLayout;layout=null;touch;blocked=!1;keyboard=!1;stickPointer=null;center={x:0,y:0};x=0;y=0;buttons=new Map;held=new Map;fingers=new Map;report=new oe;queued=0;sent="";placed={stick:null,buttons:null};constructor(e,o,r=()=>{}){this.send=o,this.onLayout=r,this.parent=e,this.touch=matchMedia("(pointer: coarse)").matches,this.root=T("div","ow-controls"),this.root.hidden=!0,this.zone=T("div","ow-stick-zone"),this.base=T("div","ow-stick"),this.knob=T("div","ow-stick-knob"),this.base.append(this.knob),this.zone.append(this.base),this.buttonBox=T("div","ow-control-buttons"),this.root.append(this.zone,this.buttonBox),e.append(this.root),this.zone.addEventListener("pointerdown",n=>this.stickDown(n)),this.zone.addEventListener("pointermove",n=>this.stickMove(n));for(let n of["pointerup","pointercancel","lostpointercapture"])this.zone.addEventListener(n,a=>this.stickUp(a));this.root.addEventListener("contextmenu",n=>n.preventDefault())}setLayout(e){this.layout=Ze(e);let o=this.buttons;this.buttons=new Map,(this.layout?.buttons??[]).forEach((r,n)=>{let a=o.get(r.id)??this.button(r.id);o.delete(r.id),a.className=`ow-control-btn ow-control-btn-${n}`,a.classList.toggle("ow-held",[...this.held.values()].includes(r.id)),a.textContent=r.label,a.isConnected||this.buttonBox.append(a),this.buttons.set(r.id,a)});for(let[r,n]of o){for(let[a,i]of this.held)i===r&&this.letGo(a);n.remove()}this.zone.hidden=!this.layout?.stick,this.zone.classList.toggle("ow-stick-corner",this.layout?.zone==="corner"),this.zone.hidden&&this.stickPointer!==null&&this.letGo(this.stickPointer),this.render(),this.onLayout()}setLook(e){re(this.root,kt,e)}reservedBoxes(){if(this.root.hidden)return this.blocked&&this.layout&&this.touch&&!this.keyboard?this.placed:{stick:null,buttons:null};let e=this.zone.hidden?null:Et(this.base),o=null;for(let r of this.buttons.values()){let n=Et(r);!n.width||!n.height||(o=o?uo(o,n):n)}return this.placed={stick:e,buttons:o},this.placed}setTouch(e){this.touch=e,this.render()}setKeyboard(e){this.keyboard=e,this.render()}setBlocked(e){this.blocked=e,this.render()}render(){let e=!!this.layout&&this.touch&&!this.blocked&&!this.keyboard;this.root.hidden!==!e&&(e||this.reset(),this.root.hidden=!e,this.onLayout())}reset(){for(let e of[...this.held.keys()])this.letGo(e);this.stickPointer!==null&&this.letGo(this.stickPointer),this.endStick()}letGo(e){e===this.stickPointer&&this.endStick();let o=this.held.get(e);this.held.delete(e),o!==void 0&&![...this.held.values()].includes(o)&&this.buttons.get(o)?.classList.remove("ow-held");let r=this.fingers.get(e);this.fingers.delete(e),r&&ho(this.parent,e,r),this.changed()}button(e){let o=T("button","ow-control-btn");o.type="button",o.tabIndex=-1,o.addEventListener("pointerdown",n=>{n.preventDefault(),Rt(o,n.pointerId),o.classList.add("ow-held"),this.held.set(n.pointerId,e),this.report.press(e),this.fingers.set(n.pointerId,{x:n.clientX,y:n.clientY}),this.changed()}),o.addEventListener("pointermove",n=>{this.held.get(n.pointerId)===e&&this.fingers.set(n.pointerId,{x:n.clientX,y:n.clientY})});let r=n=>{this.held.get(n.pointerId)===e&&(this.held.delete(n.pointerId),this.fingers.delete(n.pointerId),[...this.held.values()].includes(e)||o.classList.remove("ow-held"),this.changed())};for(let n of["pointerup","pointercancel","lostpointercapture"])o.addEventListener(n,a=>r(a));return o}stickDown(e){if(this.stickPointer!==null)return;e.preventDefault(),Rt(this.zone,e.pointerId),this.stickPointer=e.pointerId,this.fingers.set(e.pointerId,{x:e.clientX,y:e.clientY});let o=this.zone.getBoundingClientRect(),r=this.base.getBoundingClientRect(),n=L+8;this.center={x:Math.min(Math.max(e.clientX,o.left+n),o.right-n),y:Math.min(Math.max(e.clientY,o.top+n),o.bottom-n)},this.base.style.transform=`translate(${this.center.x-(r.left+r.width/2)}px, ${this.center.y-(r.top+r.height/2)}px)`,this.base.classList.add("ow-active"),this.stickMove(e)}stickMove(e){if(e.pointerId!==this.stickPointer)return;this.fingers.set(e.pointerId,{x:e.clientX,y:e.clientY});let o=e.clientX-this.center.x,r=e.clientY-this.center.y,n=Math.hypot(o,r);n>L&&(o=o/n*L,r=r/n*L),this.knob.style.transform=`translate(${o}px, ${r}px)`;let a=Math.min(n,L)/L,i=a<Ee?0:(a-Ee)/(1-Ee)/(a||1);this.x=Pt(o/L*i),this.y=Pt(r/L*i),this.changed()}stickUp(e){e.pointerId===this.stickPointer&&(this.fingers.delete(e.pointerId),this.endStick())}endStick(){this.stickPointer=null,this.x=0,this.y=0,this.base.classList.remove("ow-active"),this.base.style.transform="",this.knob.style.transform="",this.changed()}changed(){this.queued||(this.queued=requestAnimationFrame(()=>{this.queued=0;let{buttons:e,owed:o}=this.report.take(this.held.values()),r={x:this.x,y:this.y,buttons:e};o&&this.changed();let n=JSON.stringify(r);n!==this.sent&&(this.sent=n,this.send(r))}))}};function ho(t,e,o){let r=T("div","ow-tap-shield");r.style.left=`${o.x-Pe/2}px`,r.style.top=`${o.y-Pe/2}px`,r.style.width=r.style.height=`${Pe}px`,t.append(r);let n=setTimeout(()=>r.remove(),go),a=()=>{clearTimeout(n),n=setTimeout(()=>r.remove(),co)};for(let i of["pointerup","pointercancel","lostpointercapture"])r.addEventListener(i,s=>s.pointerId===e&&a());r.addEventListener("contextmenu",i=>i.preventDefault());try{r.setPointerCapture(e)}catch{a()}}function Rt(t,e){try{t.setPointerCapture(e)}catch{}}function Et(t){let e=t.getBoundingClientRect(),o=getComputedStyle(t).transform;if(!o||o==="none")return e;let r=new DOMMatrixReadOnly(o);if(r.b||r.c||!r.a||!r.d)return e;let n=e.width/Math.abs(r.a),a=e.height/Math.abs(r.d),i=e.left+e.width/2-r.e,s=e.top+e.height/2-r.f;return{left:i-n/2,top:s-a/2,width:n,height:a}}function uo(t,e){let o=Math.min(t.left,e.left),r=Math.min(t.top,e.top);return{left:o,top:r,width:Math.max(t.left+t.width,e.left+e.width)-o,height:Math.max(t.top+t.height,e.top+e.height)-r}}function Pt(t){return Math.round(t*1e3)/1e3}function T(t,e,o){let r=document.createElement(t);return r.className=e,o!==void 0&&(r.textContent=o),r}function mo(t,e){return t!=="lobby"?{surface:t,hidden:!1}:{surface:e?"none":"lobby",hidden:e}}var Me=t=>Math.max(0,Math.ceil(t/1e3)),Ae=t=>{let e=t.slice(0,2).map(o=>o.name);return t.length>2?`${e.join(", ")} +${t.length-2}`:e.join(", ")};function xo(t){let{you:e,host:o,kind:r,match:n,now:a}=t,i=[...t.players].sort((l,x)=>l.id===e?-1:x.id===e?1:l.id===o?-1:x.id===o?1:l.name.localeCompare(x.name)).map(l=>({id:l.id,name:l.name,ready:!!l.ready,host:l.id===o,you:l.id===e,away:l.connected===!1,idle:l.connected!==!1&&!!l.idle})),s=t.players.filter(l=>l.connected!==!1),c=t.players.find(l=>l.id===e),d=o===e&&n.phase==="lobby",p=t.schema.map(l=>({id:l.id,label:l.label,value:et(l,t.written),options:l.options,editable:d})),m={n:s.filter(l=>l.ready||r!=="public"&&l.id===o).length,of:s.length},u={surface:"none",rows:i,count:`${t.players.length} / ${t.max}`,ready:m,status:"",action:{kind:"none",label:"",disabled:!0},settings:p,seconds:null},R=n.participants?.includes(e)??!1,q=o===e&&r!=="public";if(n.phase==="starting"){if(!R)return{...u,surface:"watching",status:"Watching"};let l=q?{kind:"stop",label:"Stop",disabled:!1}:{kind:"unready",label:"Not ready",disabled:!1};return t.ownCountdown?{...u,surface:"countdown",action:l,seconds:null,status:"Get ready"}:{...u,surface:"countdown",action:l,seconds:Math.max(1,Me((n.startsAt??a)-a)),status:"Get ready"}}if(n.phase==="playing"){if(n.paused){let l=s.filter(x=>n.participants?.includes(x.id)).length;return n.paused.reason==="host"?{...u,surface:"paused",status:"Paused"}:{...u,surface:"paused",seconds:Me(n.paused.since+E.matchAbandonMs-a),status:`Waiting for players \xB7 ${l} / ${n.min}`}}return R?u:{...u,surface:"watching",status:"Watching"}}let b=s.filter(l=>!l.ready&&(r==="public"||l.id!==o));if(u.surface="lobby",q){let l=s.length<n.min;return u.action={kind:"start",label:"Start",disabled:l||b.length>0},u.status=l?`Need ${n.min} players`:b.length?`Waiting for ${Ae(b)}`:"",u}if(u.action={kind:c?.ready?"unready":"ready",label:c?.ready?"Not ready":"Ready",disabled:!1},r==="public")s.length<n.min?u.status=`Need ${n.min} players`:n.waitUntil!==void 0&&b.length?(u.seconds=Me(n.waitUntil-a),u.status=`${Ae(b)} \xB7 ${u.seconds}s`):u.status=`${s.length-b.length} / ${s.length} ready`;else{let l=b.filter(x=>x.id!==e);u.status=c?.ready?l.length?`Waiting for ${Ae(l)}`:`Waiting for ${t.players.find(x=>x.id===o)?.name??"the host"}`:""}return u}function h(t,e="",o){let r=document.createElement(t);return e&&(r.className=e),o!==void 0&&(r.textContent=o),r}var ae=class{mode=null;ownCountdown=!1;hiddenByGame=!1;state=null;schema=[];timer=0;opts;root;card;title;count;list;settingsBox;status;action;invite;bar;barFaces;barStatus;barAction;countdown;numeral;cancel;pause;pauseStatus;pauseTimer;chip;last=null;lastNumeral=-1;listSignature="";settingsSignature="";faceSignature="";constructor(e,o){this.opts=o,this.root=h("div","ow-lobby"),this.root.hidden=!0,this.card=h("section","ow-lobby-card"),this.card.setAttribute("aria-label","Lobby");let r=h("header","ow-lobby-head");this.title=h("h2","","Lobby"),this.count=h("span","ow-lobby-count"),r.append(this.title,this.count),this.list=h("ul","ow-lobby-players"),this.settingsBox=h("div","ow-lobby-settings"),this.status=h("p","ow-lobby-status"),this.status.setAttribute("role","status"),this.action=this.button("ow-btn ow-btn-primary ow-lobby-action",()=>this.press()),this.invite=this.button("ow-btn ow-lobby-invite",()=>this.opts.onInvite()),this.invite.textContent="Invite";let n=h("div","ow-lobby-actions");n.append(this.action,this.invite),this.card.append(r,this.list,this.settingsBox,this.status,n),this.bar=h("div","ow-lobby-bar"),this.barFaces=h("span","ow-lobby-faces"),this.barStatus=h("span","ow-lobby-bar-status"),this.barStatus.setAttribute("role","status"),this.barAction=this.button("ow-btn ow-btn-primary ow-lobby-action",()=>this.press()),this.bar.append(this.barFaces,this.barStatus,this.barAction),this.countdown=h("div","ow-lobby-countdown"),this.numeral=h("b"),this.numeral.setAttribute("aria-hidden","true");let a=h("span","","Get ready");a.setAttribute("aria-hidden","true"),this.cancel=this.button("ow-btn ow-lobby-cancel",()=>this.press()),this.countdown.append(this.numeral,a,this.cancel),this.pause=h("div","ow-lobby-pause");let i=h("div","ow-lobby-pause-box");this.pauseStatus=h("p","ow-lobby-pause-status"),this.pauseStatus.setAttribute("role","status"),this.pauseTimer=h("p","ow-lobby-pause-timer"),i.append(this.pauseStatus,this.pauseTimer),this.pause.append(i),this.chip=h("div","ow-lobby-chip"),this.chip.setAttribute("role","status"),this.root.append(this.card,this.bar,this.countdown,this.pause,this.chip),e.append(this.root)}setSchema(e){this.schema=e,this.render()}enable(e,o={}){this.mode=e,this.ownCountdown=o.ownCountdown===!0,this.root.dataset.mode=e??"",e||this.reset(),this.render()}setLook(e){re(this.root,yt,e)}reservedBox(){if(this.root.hidden)return null;let e=!this.countdown.hidden&&this.countdown.classList.contains("ow-lobby-countdown-bare"),o=this.bar.hidden?e&&!this.cancel.hidden?this.cancel:null:this.bar;return o?o.getBoundingClientRect():null}setHidden(e){this.hiddenByGame=e,this.render()}setRoom(e,o=0){if(!e)return this.reset();this.state={you:e.you,host:e.host,kind:e.room.startsWith("private:")?"private":e.room.startsWith("room:")?"named":"public",max:Math.max(o,e.players.length),players:e.players.map(r=>({...r})),match:e.match??{phase:"lobby",n:0,min:1},written:e.state?.[K]},this.render()}handle(e){let o=this.state;if(o){switch(e.t){case"join":o.players=[...o.players.filter(r=>r.id!==e.player.id),{...e.player}];break;case"leave":o.players=o.players.filter(r=>r.id!==e.id);break;case"away":o.players=o.players.map(r=>r.id===e.id?{...r,connected:!1}:r);break;case"back":o.players=o.players.map(r=>{if(r.id!==e.id)return r;let{connected:n,...a}=r;return a});break;case"ready":o.players=o.players.map(r=>{if(r.id!==e.id)return r;let{ready:n,...a}=r;return e.ready?{...a,ready:!0}:a});break;case"unready":o.players=o.players.map(({ready:r,...n})=>n);break;case"host":o.host=e.id;break;case"idle":o.players=o.players.map(r=>{if(r.id!==e.id)return r;let{idle:n,...a}=r;return e.idle?{...a,idle:!0}:a});break;case"name":o.players=o.players.map(r=>r.id===e.id?{...r,name:e.name}:r);break;case"match":o.match=e.match;break;case"state":if(e.k!==K)return;o.written=e.v;break;default:return}this.render()}}chooseSetting(e,o){let r=this.state,n=this.schema.find(i=>i.id===e);if(!r||!n||!n.options.some(i=>i.value===o))return null;let a={...r.written!==null&&typeof r.written=="object"?r.written:{},[e]:o};return r.written=a,this.render(),a}setReadyLocal(e){let o=this.state?.players.find(r=>r.id===this.state?.you);o&&(e?o.ready=!0:delete o.ready,this.render())}button(e,o){let r=h("button",e);return r.type="button",r.addEventListener("pointerdown",n=>n.preventDefault()),r.addEventListener("click",o),r}press(){let e=this.last?.action.kind;e==="start"?this.opts.onStart():e==="stop"?this.opts.onStop():e==="ready"?(this.setReadyLocal(!0),this.opts.onReady(!0)):e==="unready"&&(this.setReadyLocal(!1),this.opts.onReady(!1))}reset(){this.state=null,this.last=null,this.hiddenByGame=!1,window.clearInterval(this.timer),this.timer=0,this.root.hidden=!0,this.opts.onLayout?.()}render(){this.draw(),this.opts.onLayout?.()}draw(){if(!this.mode||!this.state){this.root.hidden=!0;return}let e=xo({...this.state,schema:this.schema,now:this.opts.now(),ownCountdown:this.ownCountdown});this.last=e;let o=mo(e.surface,this.hiddenByGame);this.hiddenByGame=o.hidden;let r=o.surface==="lobby";if(this.root.hidden=o.surface==="none",this.card.hidden=!(r&&this.mode==="card"),this.bar.hidden=!(r&&this.mode==="bar"),this.countdown.hidden=e.surface!=="countdown",this.countdown.classList.toggle("ow-lobby-countdown-bare",e.surface==="countdown"&&e.seconds===null),this.pause.hidden=e.surface!=="paused",this.chip.hidden=e.surface!=="watching",this.root.classList.toggle("ow-lobby-dim",r&&this.mode==="card"),r&&this.mode==="card"&&this.renderCard(e),r&&this.mode==="bar"&&this.renderBar(e),e.surface==="countdown"&&e.seconds!==null&&e.seconds!==this.lastNumeral&&(this.lastNumeral=e.seconds,this.numeral.textContent=String(e.seconds),this.numeral.style.animation="none",this.numeral.offsetWidth,this.numeral.style.animation=""),e.surface==="countdown"&&(this.cancel.textContent=e.action.label),e.surface!=="countdown"&&(this.lastNumeral=-1),e.surface==="paused"&&(this.pauseStatus.textContent=e.status,this.pauseTimer.textContent=e.seconds!==null?`Ends in ${fo(e.seconds)}`:""),e.surface==="watching"){let[a,...i]=e.status.split(" \xB7 "),s=h("span","ow-lobby-chip-more",i.length?` \xB7 ${i.join(" \xB7 ")}`:"");this.chip.replaceChildren(a,s)}let n=e.seconds!==null;n&&!this.timer?this.timer=window.setInterval(()=>this.render(),250):!n&&this.timer&&(window.clearInterval(this.timer),this.timer=0)}renderCard(e){this.count.textContent=e.count,this.settingsBox.hidden=e.settings.length===0,this.status.textContent=e.status,this.status.hidden=e.status==="",this.setAction(this.action,e);let o=JSON.stringify(e.settings);o!==this.settingsSignature&&(this.settingsSignature=o,this.settingsBox.replaceChildren(...e.settings.map(n=>this.settingRow(n))));let r=JSON.stringify(e.rows);r!==this.listSignature&&(this.listSignature=r,this.list.replaceChildren(...e.rows.map(n=>{let a=h("li",n.away||n.idle?"ow-lobby-away":n.ready?"ow-lobby-ready":""),i=h("img","ow-headshot");i.src=`/avatar/${encodeURIComponent(n.id)}/head.svg`,i.alt="";let s=h("span","ow-lobby-name",n.name),c=[n.away?"Reconnecting":n.idle?"Idle":"",n.you?"You":"",n.host?"Host":""].filter(Boolean).join(" \xB7 ");return a.append(i,s),c&&a.append(h("span","ow-player-notes",c)),a.append(h("span",`ow-lobby-check${n.ready?" ow-lobby-check-on":""}`,n.ready?"Ready":"")),a})))}settingRow(e){let o=h("div","ow-lobby-setting");if(o.append(h("span","ow-lobby-setting-label",e.label)),!e.editable)return o.append(h("span","ow-lobby-setting-value",e.options.find(n=>n.value===e.value)?.label??String(e.value))),o;let r=h("div","ow-segments");r.setAttribute("role","radiogroup"),r.setAttribute("aria-label",e.label);for(let n of e.options){let a=this.button(`ow-segment${n.value===e.value?" ow-segment-on":""}`,()=>this.opts.onSetting(e.id,n.value));a.textContent=n.label,a.setAttribute("role","radio"),a.setAttribute("aria-checked",String(n.value===e.value)),r.append(a)}return o.append(r),o}renderBar(e){this.barStatus.textContent=e.status||`${e.ready.n} / ${e.ready.of} ready`,this.setAction(this.barAction,e);let o=JSON.stringify(e.rows.slice(0,5).map(r=>[r.id,r.ready]));o!==this.faceSignature&&(this.faceSignature=o,this.barFaces.replaceChildren(...e.rows.slice(0,5).map(r=>{let n=h("img",`ow-headshot${r.ready?" ow-lobby-face-ready":""}`);return n.src=`/avatar/${encodeURIComponent(r.id)}/head.svg`,n.alt="",n})))}setAction(e,o){e.hidden=o.action.kind==="none",e.textContent=o.action.label,e.disabled=o.action.disabled,e.classList.toggle("ow-btn-primary",o.action.kind!=="unready")}};function fo(t){return`${Math.floor(t/60)}:${String(t%60).padStart(2,"0")}`}function Mt(t,e){let o=[];for(let{kind:r,box:n}of e){if(!n||!(n.width>0)||!(n.height>0))continue;let a=Math.max(0,n.left-t.left),i=Math.max(0,n.top-t.top),s=Math.min(t.width,n.left+n.width-t.left),c=Math.min(t.height,n.top+n.height-t.top);if(!(s-a>.01&&c-i>.01))continue;let d=Math.floor(a+.01),p=Math.floor(i+.01);o.push({kind:r,x:d,y:p,w:Math.ceil(s-.01)-d,h:Math.ceil(c-.01)-p})}return o}var ie=class{measure;send;nextFrame;queued=!1;sent=null;constructor(e,o,r=n=>requestAnimationFrame(n)){this.measure=e,this.send=o,this.nextFrame=r}changed(){this.queued||(this.queued=!0,this.nextFrame(()=>{this.queued=!1;let e=this.measure();if(!e)return;let o=JSON.stringify(e);o!==this.sent&&(this.sent=o,this.send(e))}))}resend(){this.sent=null,this.changed()}};var $e=t=>`ow:resume:${t}`;function _(t,e){try{e?sessionStorage.setItem($e(t),JSON.stringify({...e,at:Date.now()})):sessionStorage.removeItem($e(t))}catch{}}function At(t){try{let e=sessionStorage.getItem($e(t));if(!e)return null;let o=performance.getEntriesByType("navigation")[0];if(o&&o.type!=="reload"&&o.type!=="back_forward")return se(t);let r=JSON.parse(e);return typeof r.key!="string"||typeof r.rejoin!="string"||typeof r.at!="number"||Date.now()-r.at>18e4||Number(r.rejoin.split(".")[0])*1e3<Date.now()?se(t):{key:r.key,rejoin:r.rejoin}}catch{return null}}var bo=t=>`ow:own-server:${t}`;function $t(t,e){try{sessionStorage.setItem(bo(t),e)}catch{}}function se(t){return _(t,null),null}var le=class extends Error{constructor(o,r=0,n=0,a=""){super(o);this.status=r;this.retryAfterMs=n;this.code=a;this.name="RequestError"}status;retryAfterMs;code;get retryable(){return this.status===0||this.status===408||this.status===429||this.status>=500}};var pe=class{constructor(e=48*1024){this.max=e}max;used=0;async run(e,o){let r=new TextEncoder().encode(e).byteLength;if(this.used+r>this.max)throw new le("Progress is waiting to sync when you return to the game.");this.used+=r;try{return await o()}finally{this.used-=r}}};var Le=/^[2-9]$/.test(new URLSearchParams(location.search).get("player")??"")?new URLSearchParams(location.search).get("player"):null;var wo=null;function Lt(){return wo?.n??null}var yr=new pe;var Ct=[300,700,1500,3e3,5e3,8e3],vo=9e4,yo=1e4,Dt=()=>Array.from(crypto.getRandomValues(new Uint8Array(10)),t=>"abcdefghijklmnopqrstuvwxyz0123456789"[t%36]).join(""),Ot=Dt();function _t(){Ot=Dt()}var Tt=null;var It=!1;function jt(t){It=t}var ko=5e4,So=4e3,de=class{ws=null;key=null;rejoin=null;you="";closed=!1;attempt=0;droppedAt=0;sleeping=!1;lastHeard=0;heardCount=0;pingAt=0;hintedHidden=!1;pingTimer=0;watchTimer=0;retryTimer=0;page=Ot;slug;options;callbacks;onVisible=()=>{this.hint(),document.visibilityState==="visible"&&this.wake()};onOnline=()=>this.wake();onShow=e=>e.persisted&&this.wake();onHide=()=>this.hint();constructor(e,o,r){this.slug=e,this.options=o,this.callbacks=r,this.key=o.key??null,this.rejoin=o.rejoin??null,document.addEventListener("visibilitychange",this.onVisible),addEventListener("online",this.onOnline),addEventListener("pageshow",this.onShow),addEventListener("pagehide",this.onHide)}join(){return new Promise((e,o)=>this.open(e,o))}send(e){this.ws?.readyState===WebSocket.OPEN&&this.ws.send(JSON.stringify(e))}hint(){let e=document.visibilityState==="hidden";e===this.hintedHidden||this.ws?.readyState!==WebSocket.OPEN||(this.hintedHidden=e,this.send({t:"vis",hidden:e}))}ping(){let e=this.ws;e?.readyState===WebSocket.OPEN&&(this.pingAt&&Date.now()-this.pingAt<5e3||(this.pingAt=Date.now(),e.send(ve)))}close(){this.closed=!0,_(this.slug,null),this.dispose(),this.ws?.close(1e3)}reload(){return this.closed=!0,this.dispose(),this.ws?.close(nt,"Updating"),this.key?.startsWith("pub:")&&this.rejoin?{key:this.key,rejoin:this.rejoin}:null}open(e,o){this.retryTimer=0;let r=new URL(`/api/games/${this.slug}/rooms/connect`,location.href);r.protocol=location.protocol==="https:"?"wss:":"ws:",this.key?(r.searchParams.set("key",this.key),this.rejoin&&r.searchParams.set("rejoin",this.rejoin)):this.options.server?(r.searchParams.set("server",this.options.server),this.options.private&&r.searchParams.set("own","1")):this.options.name?r.searchParams.set("name",this.options.name):(this.options.mode&&r.searchParams.set("mode",this.options.mode),this.options.follow&&r.searchParams.set("follow",this.options.follow)),this.options.maxPlayers&&r.searchParams.set("max",String(this.options.maxPlayers)),this.options.minPlayers&&r.searchParams.set("min",String(this.options.minPlayers)),this.options.countdown!==void 0&&r.searchParams.set("countdown",String(this.options.countdown)),this.options.teams&&r.searchParams.set("teams",String(this.options.teams)),this.options.ranked&&r.searchParams.set("ranked","1"),Le&&r.searchParams.set("devplayer",Le);let n=Lt();n&&r.searchParams.set("tester",n),r.searchParams.set("page",this.page),this.options.build&&r.searchParams.set("build",this.options.build),Tt&&r.searchParams.set("pass",Tt),It&&r.searchParams.set("demo","1");let a=new WebSocket(r);this.ws=a,this.lastHeard=Date.now();let i=!1;a.onopen=()=>{this.lastHeard=Date.now(),window.clearInterval(this.pingTimer),window.clearInterval(this.watchTimer),this.pingTimer=window.setInterval(()=>a.readyState===WebSocket.OPEN&&this.ping(),yo),this.watchTimer=window.setInterval(()=>{a===this.ws&&a.readyState===WebSocket.OPEN&&Date.now()-this.lastHeard>ko&&this.lost(a)},5e3)},a.onmessage=d=>{this.lastHeard=Date.now(),this.heardCount++;let p;try{p=JSON.parse(d.data)}catch{return}if(p.t==="pong"){this.pingAt&&this.callbacks.onRtt?.(Date.now()-this.pingAt),this.pingAt=0;return}if(p.t==="welcome"&&(p.rejoin&&(this.rejoin=p.rejoin),delete p.rejoin,p.room.startsWith("pub:")&&this.rejoin&&_(this.slug,{key:p.room,rejoin:this.rejoin})),p.t==="leave"&&p.kicked&&p.id===this.you){this.close(),this.finish("kicked");return}if(p.t==="welcome"&&(this.hintedHidden=!1,this.hint()),p.t==="welcome"&&!i&&(i=!0,this.key=p.room,this.you=p.you,this.attempt=0,this.droppedAt&&(this.droppedAt=0,this.callbacks.onConnection?.(!0)),e)){let{t:m,...u}=p;e(u),e=void 0;return}this.callbacks.onMessage(p)};let s=!1,c=d=>{if(!s&&(s=!0,window.clearInterval(this.pingTimer),window.clearInterval(this.watchTimer),!(this.closed||a!==this.ws))){if(d.code===tt)return this.finish("replaced");if(d.code===rt&&i&&document.visibilityState==="hidden"){this.sleeping=!0,this.droppedAt||(this.droppedAt=Date.now(),this.callbacks.onConnection?.(!1));return}if(d.code===ot){if(i||!o)return this.finish("kicked");this.closed=!0,this.dispose(),_(this.slug,null),o(Object.assign(new Error("You were removed from this server."),{kicked:!0}));return}if(!i&&o){this.closed=!0,this.dispose(),o(new Error(this.options.name||this.options.server?"Could not join that server. It may be full.":"Could not join a server. Try again soon."));return}this.retry()}};a.onclose=c,a.onerror=()=>{window.setTimeout(()=>{a.readyState===WebSocket.CLOSED&&c({code:1006})},1e3)}}retry(){if(this.closed)return;let e=Date.now();if(this.droppedAt||(this.droppedAt=e,this.callbacks.onConnection?.(!1)),e-this.droppedAt>vo)return this.finish("disconnected");if(this.retryTimer)return;let o=Ct[Math.min(this.attempt++,Ct.length-1)]*(.5+Math.random());this.retryTimer=window.setTimeout(()=>{this.retryTimer=0,this.closed||this.open()},o)}lost(e){if(!(e!==this.ws||this.closed)){e.onopen=e.onmessage=e.onclose=e.onerror=null,window.clearInterval(this.pingTimer),window.clearInterval(this.watchTimer);try{e.close()}catch{}this.retry()}}wake(){if(this.closed)return;if(this.sleeping){this.sleeping=!1,this.droppedAt=Date.now(),this.attempt=0,this.open();return}let e=this.ws;if(!e||e.readyState===WebSocket.CLOSING||e.readyState===WebSocket.CLOSED){this.retryTimer&&(window.clearTimeout(this.retryTimer),this.retryTimer=0,this.open());return}if(e.readyState!==WebSocket.OPEN)return;let o=this.heardCount;try{e.send(ve)}catch{return this.lost(e)}window.setTimeout(()=>e===this.ws&&!this.closed&&this.heardCount===o&&this.lost(e),So)}dispose(){window.clearInterval(this.pingTimer),window.clearInterval(this.watchTimer),window.clearTimeout(this.retryTimer),this.retryTimer=0,document.removeEventListener("visibilitychange",this.onVisible),removeEventListener("online",this.onOnline),removeEventListener("pageshow",this.onShow),removeEventListener("pagehide",this.onHide)}finish(e){this.closed=!0,this.dispose(),_(this.slug,null),this.callbacks.onClose(e)}};var Bt=`:root {
+"use strict";(()=>{var He=["#f6dcc5","#ebc29f","#d4a07a","#b07a55","#875839","#5e3d29","#93c9bb","#a8c595","#94bcd3","#ab9bd9","#dca3ad","#b3bccb"],ye=["#c95f56","#dc8a4f","#e2bd52","#9cc27a","#5a8a5e","#4f9a8e","#6fb7c8","#5b87c5","#465089","#8b68a8","#dc8fae","#f2eee6","#a9a8ad","#5d5c63","#2b2a30","#80604d"],Fe=["Happy","Grin","Shades","Wink","Surprised","Determined","Joyful","Shy"],qe=["None","Sprout","Cap","Beanie","Crown","Headphones","Horns","Antenna","Bow","Halo","Party hat","Cat ears","Short hair","Tuft","Bob","Spikes","Bun","Curls","Long","Mop"];var Ke=["Plain","Band","Spots","Stripes","Star"];var Ho={skin:He.length,shirt:ye.length,pants:ye.length,face:Fe.length,hat:qe.length,top:Ke.length},ro=[[5,6],[3,4],[6,7],[9,8],[10,0],[12,13]];function Ve(t){let e=2166136261;for(let d of t)e=Math.imul(e^d.charCodeAt(0),16777619)>>>0;let o=d=>(e=Math.imul(e^e>>>13,2654435761)>>>0,e%d),r=o(He.length),a=r>=6?ro[r-6][o(2)]:o(ye.length),n=o(2)===0?a:[8,13,14,15][o(4)],i=o(5)===0?1:12+o(qe.length-12),s=o(2)===0?0:o(Ke.length);return{skin:r,shirt:a,pants:n,face:o(Fe.length),hat:i,top:s}}var P={roomMaxPlayersDefault:16,roomMaxPlayersCap:30,teamsMax:8,messageBytes:16*1024,presenceBytes:1024,stateKeyLength:64,stateValueBytes:16*1024,stateKeys:256,privateKeys:16,privateValueBytes:4*1024,privateBytesPerPlayer:8*1024,messagesPerSecond:60,messagesPerSecondMin:10,roomBytesPerSecond:128*1024,roomBytesPerSecondMin:16*1024,presenceHz:20,presenceHzMin:5,roomMessagesPerSecond:900,roomBytesPerSecondTotal:2*1024*1024,matchCountdownMs:3e3,matchCountdownMaxMs:1e4,matchIdleMs:45e3,matchAbandonMs:12e4,idleAfterMs:3e4,idleAbandonMs:5*6e4,rankedPairMatchesPerDay:5,chatLength:200,chatIntervalMs:750,chatHistory:50,chatChannelsPerPlayer:10,saveValueBytes:64*1024,saveKeysPerGame:100,saveBytesPerGame:1024*1024,guestSaveBytesPerGame:128*1024,serverDataKeys:128,serverDataBytes:512*1024,serverDataServersPerGame:5e3,serverDataBytesPerGame:64*1024*1024,serverDataIdleDays:120,gameDataKeys:32,gameDataListMax:100,gameDataItemBytes:1024,gameDataValueBytes:8*1024,gameDataMapFields:1e3,gameDataMapPerPlayer:100,gameDataNumberMax:1e15,gameDataWritesPerMinute:30,deployFiles:2e3,deployFileBytes:25*1024*1024,deployHtmlBytes:10*1024*1024,deployPathLength:200,deployTotalBytes:100*1024*1024,envVars:50,envValueBytes:4*1024,envTotalBytes:16*1024,proxyRequestBytes:1024*1024,proxyTextRequestBytes:256*1024,proxySpeechRequestBytes:16*1024,proxyResponseBytes:10*1024*1024,proxyMaxOutputTokens:4096,proxyCallsPerDay:2e3,proxyCallsPerDayMax:1e5,proxyCallsPerPlayerPerDay:100,proxyCallsPerNetworkPerDay:1e3,proxyMediaCallsPerDay:100,proxyMediaCallsPerDayMax:1e4,proxyMediaCallsPerPlayerPerDay:20,proxyMediaCallsPerNetworkPerDay:25,proxyUnitsPerDay:2e6,proxyUnitsPerDayMax:1e8,proxyUnitsPerPlayerPerDay:25e4,proxyUnitsPerGuestPerDay:1e5,proxyUnitsPerNetworkPerDay:5e5,errorReportsPerPage:10,consoleLineLength:2e3,consoleLinesPerSecond:50,gameNameLength:60,gameDescriptionLength:1e3,galleryItems:5,mediaImageBytes:5*1024*1024,mediaVideoBytes:30*1024*1024,mediaGifBytes:1024*1024,mediaGifSide:512,mediaUploadsPerDay:200,mediaBytesPerDay:500*1024*1024,badgesPerGame:50,controlHints:12,controlHintKeys:4,controlKeyLength:12,controlActionLength:40,helpLength:400,badgeNameLength:50,badgeDescriptionLength:200,leaderboardsPerGame:25,leaderboardTop:100,gamesPerOwner:50,gamesCreatedPerCreatorPerDay:3,uploadAccountAgeMs:10080*6e4,deploysPerOwnerPerDay:100,draftsPerOwnerPerDay:1e3,draftsKeptPerGame:3,cliTokensPerAccount:10,cliDeviceCodeSeconds:600,deploymentsKeptPerGame:10,deployBytesPerOwnerPerDay:2*1024*1024*1024,deployEntriesPerOwnerPerDay:1e5,bioLength:500,exportRows:2e3,exportSaveChars:4*1024*1024,exportEveryMs:60*6e4,friendsMax:200,friendRequestsMax:100,friendRequestsIncomingMax:50,friendRequestsPerDay:20,friendRequestsPerNetworkPerDay:120,friendRequestPushesPerDay:5,passwordMinLength:8,passwordMaxLength:72,signupsPerNetworkPerDay:100,signupsPerWidePerDay:300,guestsPerNetworkPerDay:300,guestsPerWidePerDay:1500,visitsPerNetworkPerDay:10,visitSeconds:10,errorsPerDeployment:100,controlButtons:4,controlLabelLength:12,partySize:6,partyChatHistory:50,messageLength:500,messagesPerPage:50,groupChatMembers:20,groupChatNameLength:40,conversationsListed:50,notificationsListed:50,invitesPerRequest:10,inviteLiveMs:30*6e4,partyInviteMs:60*6e4};var Ye=/^[a-z0-9]{12}$/,ee=2;function ke(t){return`${t.mode}.${t.max}.${t.teams}.${t.ranked?1:0}${t.min!==ee?`.${t.min}`:""}`}var ao=/^pub:([a-z0-9-]+)\.(\d+)\.(\d)\.([01])(?:\.(\d+))?:(\d+)$/;function Je(t){let e=ao.exec(t);if(!e)return null;let o={mode:e[1],max:Number(e[2]),teams:Number(e[3]),ranked:e[4]==="1",min:e[5]===void 0?ee:Number(e[5])};return{...o,name:ke(o),n:Number(e[6])}}function Xe(t,e,o){let r=typeof t=="string"?Number(t):t;return typeof r!="number"||!Number.isInteger(r)?Math.min(o,e):Math.min(e,Math.max(1,r))}var We=t=>t.replace(/[\u0000-\u001f\u007f]/g," ").replace(/\s+/g," ").trim();var no=/^[a-z0-9][a-z0-9-]{0,19}$/;function Ze(t){if(!t||typeof t!="object")return null;let e=t,o=[];for(let a of Array.isArray(e.buttons)?e.buttons:[]){if(o.length>=P.controlButtons)break;let{id:n,label:i}=a??{};if(typeof n!="string"||!no.test(n)||o.some(d=>d.id===n))continue;let s=typeof i=="string"?i.replace(/[\u0000-\u001f\u007f]/g,"").replace(/\s+/g," ").trim().slice(0,P.controlLabelLength).trim():"";o.push({id:n,label:s||n})}let r=e.stick===!0;return r||o.length>0?{stick:r,zone:e.zone==="corner"?"corner":"wide",buttons:o}:null}var V="host:ow.settings",io=/^[a-z][a-zA-Z0-9]{0,15}$/;function Qe(t){if(!Array.isArray(t))return[];let e=[];for(let o of t){if(e.length>=6)break;let{id:r,label:a,options:n,default:i}=o??{};if(typeof r!="string"||!io.test(r)||e.some(c=>c.id===r)||!Array.isArray(n))continue;let s=[];for(let c of n){let p=typeof c=="object"&&c!==null?c.value:c;if(typeof p!="string"&&typeof p!="number"||typeof p=="number"&&!Number.isFinite(p)||s.length>=8||s.some(m=>m.value===p))continue;let x=typeof c=="object"&&c!==null&&typeof c.label=="string"?c.label:String(p);s.push({value:p,label:We(x).slice(0,20)||String(p)})}if(s.length<2)continue;let d=typeof a=="string"?We(a).slice(0,24):"";e.push({id:r,label:d||r,options:s,default:s.some(c=>c.value===i)?i:s[0].value})}return e}function et(t,e){let o=e!==null&&typeof e=="object"?e[t.id]:void 0;return t.options.some(r=>r.value===o)?o:t.default}var Se='{"t":"ping"}';var tt=4001,ot=4003,rt=4008,at=4006;var nt="onceworlds:hello",it="onceworlds:connect",so=/^[a-z0-9]{1,32}~(?:(?:0|[1-9]\d{0,3})\.(?:0|[1-9]\d{0,4})\.(?:0|[1-9]\d{0,5}))?~[0-9a-z]{1,11}~[lp]~[A-Za-z0-9_-]{43}$/;function st(t){let e=t!==null&&typeof t=="object"?t.build:void 0;return typeof e=="string"&&so.test(e)?e:null}var lt="onceworlds-console";var pt="allow-scripts allow-pointer-lock allow-forms allow-orientation-lock",dt=["autoplay","gamepad","screen-wake-lock","accelerometer","gyroscope"].map(t=>`${t} *`).join("; "),ct=100*1024*1024;var gt=new Set(["server","join","deploy","watch","player","embed","k","console","tester","live","demo",lt]);var ze="onceworlds:page",lo=["ran","blocked","failed","threw","loaded"];function ht(t){if(t===null||typeof t!="object")return null;let{what:e,detail:o}=t;return typeof e!="string"||!lo.includes(e)?null:{what:e,detail:typeof o=="string"?o.slice(0,200):""}}var po=`(function(){var n=0,s=function(w,d){if(n++<12)try{parent.postMessage({type:${JSON.stringify(ze)},what:w,detail:String(d).slice(0,200)},"*")}catch(e){}};s("ran",document.readyState);addEventListener("securitypolicyviolation",function(e){s("blocked",e.effectiveDirective+" "+e.blockedURI)});addEventListener("error",function(e){var t=e.target;t&&t.tagName?s("failed",t.tagName+" "+(t.src||t.href)):s("threw",e.message+" "+e.filename+":"+e.lineno)},true);addEventListener("load",function(){s("loaded",typeof onceworlds)})})();`,Yo=`<script>${po}<\/script>`;function mt(t){return t?.ownCountdown!==!0}function ut(t){let e=t?.lobby;return e==="card"||e==="bar"?e:e==="game"?null:typeof t?.minPlayers=="number"||typeof t?.minPlayersPrivate=="number"||typeof t?.countdown=="number"||Array.isArray(t?.settings)&&t.settings.length>0?"bar":null}function xt(t){return t.key==="Enter"&&!t.isComposing&&!t.ctrlKey&&!t.metaKey&&!t.altKey&&!t.shiftKey}var ft=400;var co=/^#(?:[0-9a-f]{3}){1,2}$/i,T={panel:"#111216",text:"#f7f7f8",accent:"#d33e00"},Ee=4.5,Re=3,te=["#4ade80","#15803d"];function wt(t){let e=[];if(t==null)return{look:null,notes:e};if(typeof t!="object")return{look:null,notes:["a look is { accent, panel, text } or null"]};let o=t,r=p=>{let x=o[p];return x==null?null:typeof x=="string"&&co.test(x)?vt(x):(e.push(`${p} is not #rgb or #rrggbb`),null)},a=r("panel"),n=r("text"),i=r("accent");if(a||n){let p=A(n??T.text,a??T.panel);p<Ee&&(e.push(`text on panel is ${p.toFixed(1)}:1, under ${Ee}:1: the platform's are used`),a=n=null)}let s=a??T.panel,d=n??T.text;if(i){let p=A(i,s);p<Re&&(e.push(`accent on panel is ${p.toFixed(1)}:1, under ${Re}:1: the platform's is used`),i=null)}if(!i&&a&&A(T.accent,a)<Re&&(i=d),!a&&!n&&!i)return{look:null,notes:e};let c=i?go(i):null;return{look:{panel:a,text:n,muted:a||n?ho(d,s):null,accent:i,accentHover:i?yt(i,c==="#ffffff"?"#000000":"#ffffff",.14):null,onAccent:c,ok:a?A(te[0],a)>=A(te[1],a)?te[0]:te[1]:null},notes:e}}function vt(t){let e=t.slice(1).toLowerCase();return`#${e.length===3?[...e].map(o=>o+o).join(""):e}`}function W(t){let e=vt(t);return[parseInt(e.slice(1,3),16),parseInt(e.slice(3,5),16),parseInt(e.slice(5,7),16)]}function bt(t){let[e,o,r]=W(t).map(a=>{let n=a/255;return n<=.04045?n/12.92:((n+.055)/1.055)**2.4});return .2126*e+.7152*o+.0722*r}function A(t,e){let[o,r]=[bt(t),bt(e)].sort((a,n)=>n-a);return(o+.05)/(r+.05)}function go(t){return A(t,"#000000")>A(t,"#ffffff")?"#000000":"#ffffff"}function yt(t,e,o){let[r,a]=[W(t),W(e)];return`#${r.map((n,i)=>Math.round(n+(a[i]-n)*o).toString(16).padStart(2,"0")).join("")}`}function ho(t,e){for(let o=.3;o>.001;o-=.05){let r=yt(t,e,o);if(A(r,e)>=Ee)return r}return t}var oe=class{port=null;handlers;events;onConnect;solo;demo;onActivity;onPage;constructor(e,o,r,a,n={}){this.handlers=o,this.events=r,this.onConnect=a,this.solo=n.solo===!0,this.demo=n.demo===!0,this.onActivity=n.onActivity??null,this.onPage=n.onPage??null,window.addEventListener("message",i=>{if(!(i.source!==e.contentWindow||i.origin!=="null")&&(i.data?.type===nt&&this.connect(i.source,st(i.data)),i.data?.type===ze)){let s=ht(i.data);s&&this.onPage?.(s)}})}activity(e,o){try{this.onActivity?.(e,o)}catch{}}emit(e,o){this.port?.postMessage({kind:"event",name:e,data:o})}connect(e,o){this.port?.close();let r=new MessageChannel,a=r.port1;this.port=a,a.onmessage=i=>this.receive(a,i.data);let n={type:it,...this.solo?{solo:!0}:{},...this.demo?{demo:!0}:{}};e.postMessage(n,"*",[r.port2]),this.onConnect(o)}async receive(e,o){if(!(e!==this.port||!o||typeof o!="object")){if(o.kind==="event"){Object.hasOwn(this.events,o.name)&&(this.events[o.name](o.data),this.activity(String(o.name),null));return}if(o.kind==="req")try{if(!Object.hasOwn(this.handlers,o.method))throw new Error(`Unknown method: ${String(o.method)}`);let r=this.handlers[o.method],a=await r(o.params);e.postMessage({kind:"res",id:o.id,ok:!0,result:a??null}),this.activity(String(o.method),null)}catch(r){let a=r instanceof Error?r.message:String(r);e.postMessage({kind:"res",id:o.id,ok:!1,error:a}),this.activity(String(o.method),a)}}}};var mo="ow-game-storage",uo=256,kt="guest";function Pe(t){let e=0,o=new Set,r=[t];for(;r.length;){let a=r.pop();if(typeof a=="string")e+=a.length*2;else if(typeof a!="object"||a===null)e+=8;else{if(o.has(a))continue;if(o.add(a),a instanceof ArrayBuffer)e+=a.byteLength;else if(ArrayBuffer.isView(a))e+=a.buffer.byteLength;else if(typeof Blob=="function"&&a instanceof Blob)e+=a.size;else if(a instanceof Map)for(let[n,i]of a)r.push(n,i);else if(a instanceof Set)for(let n of a)r.push(n);else if(Array.isArray(a))r.push(...a.slice(0,1e5),...a.length>1e5?[a.slice(1e5)]:[]);else for(let[n,i]of Object.entries(a))r.push(n,i)}}return e}function L(t){if(typeof t!="string"||t.length>uo)throw new Error("Bad name");return t}function St(t){if(t===null)return null;if(typeof t=="string")return L(t);if(Array.isArray(t)&&t.length<=32)return t.map(L);throw new Error("Bad key path")}function xo(t){if(typeof t!="object"||t===null)throw new Error("Bad stores");let e=Object.keys(t);if(e.length>1e3)throw new Error("Too many stores");let o={};for(let r of e){let a=t[L(r)];if(typeof a!="object"||a===null||!Array.isArray(a.indexes)||a.indexes.length>1e3)throw new Error("Bad store");let n=Number(a.nextKey),i=a.indexes.map(s=>{let d=St(s?.keyPath);if(d===null)throw new Error("Bad index");return{name:L(s.name),keyPath:d,unique:s.unique===!0,multiEntry:s.multiEntry===!0}});o[r]={keyPath:St(a.keyPath),autoIncrement:a.autoIncrement===!0,nextKey:Number.isFinite(n)?n:1,indexes:i}}return o}function k(t){return new Promise((e,o)=>{t.onsuccess=()=>e(t.result),t.onerror=()=>o(t.error??new Error("Storage failed"))})}function Me(t){return new Promise((e,o)=>{t.oncomplete=()=>e(),t.onabort=t.onerror=()=>o(t.error??new Error("Storage failed"))})}var re=class{database=null;named=null;owner;factory;limit;constructor(e,o={}){this.owner=e,this.factory=o.factory??(()=>indexedDB),this.limit=o.limit??ct}open(){return this.database??=new Promise((e,o)=>{let r=this.factory().open(mo,1);r.onupgradeneeded=()=>{r.result.createObjectStore("dbs",{keyPath:["owner","db"]}),r.result.createObjectStore("records")},r.onsuccess=()=>e(r.result),r.onerror=()=>o(r.error??new Error("No storage in this browser"))}),this.database}who(){return this.named??=this.owner().then(async({game:e,player:o})=>{let r=`${e}
+${o??kt}`;return o!==null&&await this.adopt(`${e}
+${kt}`,r),r}),this.named}async adopt(e,o){let a=(await this.open()).transaction(["dbs","records"],"readwrite"),n=Me(a),i=a.objectStore("dbs"),s=a.objectStore("records"),d=await k(i.getAll(this.ownerRange(e)));for(let c of d){let p=this.dbRange(e,c.db);if(!await k(i.getKey([o,c.db]))){let x=await k(s.getAllKeys(p));for(let m of x){let E=await k(s.get(m));s.put(E,[o,...m.slice(1)])}i.put({...c,owner:o})}s.delete(p),i.delete([e,c.db])}await n}ownerRange(e){return IDBKeyRange.bound([e],[`${e}\0`],!1,!0)}dbRange(e,o){return IDBKeyRange.bound([e,o],[e,`${o}\0`],!1,!0)}storeRange(e,o,r){return IDBKeyRange.bound([e,o,r],[e,o,`${r}\0`],!1,!0)}async read({db:e}){L(e);let o=await this.who(),a=(await this.open()).transaction(["dbs","records"]),n=await k(a.objectStore("dbs").get([o,e]));if(!n)return null;let i=a.objectStore("records"),s=this.dbRange(o,e),[d,c]=await Promise.all([k(i.getAllKeys(s)),k(i.getAll(s))]);return{version:n.version,stores:n.stores,records:d.map((p,x)=>({store:p[2],key:p[3],value:c[x].value}))}}async commit(e){let o=L(e?.db),r=Number(e.version);if(!Number.isFinite(r)||r<0)throw new Error("Bad version");let a=e.ops;if(!Array.isArray(a))throw new Error("Bad changes");let n=e.stores===void 0?void 0:xo(e.stores),i=await this.who(),d=(await this.open()).transaction(["dbs","records"],"readwrite"),c=Me(d),p=d.objectStore("dbs"),x=d.objectStore("records");try{let m=await k(p.getAll(this.ownerRange(i))),E=m.find(l=>l.db===o)??{owner:i,db:o,version:r,stores:{},bytes:0},K=m.reduce((l,f)=>l+(f===E?0:f.bytes),0),b=E.bytes;for(let l of a){let f=L(l?.store);if("clear"in l){b-=await this.sum(x,this.storeRange(i,o,f)),x.delete(this.storeRange(i,o,f));continue}let ve=[i,o,f,"put"in l?l.put:l.remove],Ge=await k(x.get(ve));if(Ge&&(b-=Ge.bytes),"put"in l){let Ue=Pe(l.value)+Pe(l.put)+64;b+=Ue,x.put({value:l.value,bytes:Ue},ve)}else x.delete(ve)}if(n)for(let l of Object.keys(E.stores))Object.hasOwn(n,l)||(b-=await this.sum(x,this.storeRange(i,o,l)),x.delete(this.storeRange(i,o,l)));if(K+=Pe(n??E.stores),K+b>this.limit)throw new Error("QuotaExceededError");p.put({owner:i,db:o,version:r,stores:n??E.stores,bytes:Math.max(0,b)})}catch(m){try{d.abort()}catch{}throw c.catch(()=>{}),m}return await c,null}async sum(e,o){return(await k(e.getAll(o))).reduce((a,n)=>a+n.bytes,0)}async remove({db:e}){L(e);let o=await this.who(),a=(await this.open()).transaction(["dbs","records"],"readwrite"),n=Me(a);return a.objectStore("records").delete(this.dbRange(o,e)),a.objectStore("dbs").delete([o,e]),await n,null}async list(){let e=await this.who(),o=await this.open();return(await k(o.transaction("dbs").objectStore("dbs").getAll(this.ownerRange(e)))).map(a=>({name:a.db,version:a.version}))}};var ae=class{pressed=new Set;press(e){this.pressed.add(e)}take(e){let o=new Set(e),r=!1;for(let a of this.pressed)o.has(a)||(o.add(a),r=!0);return this.pressed.clear(),{buttons:[...o],owed:r}}};var zt=["--ow-panel","--ow-face-edge","--ow-hover","--ow-on-accent","--text","--muted","--line","--line-strong","--fill","--fill-strong","--ok","--accent-fill","--accent-fill-hover","--accent-hover"],Rt=["--ow-ctl-edge","--ow-ctl-fill","--ow-ctl-stick","--ow-ctl-knob","--ow-ctl-label","--ow-ctl-shadow","--ow-ctl-held","--ow-ctl-main","--ow-ctl-main-edge","--ow-ctl-main-label","--ow-ctl-main-shadow","--ow-ctl-main-held"];function v(t,e){return`rgba(${W(t).join(", ")}, ${e})`}function Et(t){let e={};if(!t)return e;if(t.panel&&(e["--ow-panel"]=t.panel,e["--ow-face-edge"]=t.panel),t.ok&&(e["--ok"]=t.ok),t.panel||t.text){let o=t.text??T.text;t.text&&(e["--text"]=t.text),t.muted&&(e["--muted"]=t.muted),e["--line"]=v(o,.09),e["--line-strong"]=v(o,.16),e["--fill"]=v(o,.06),e["--fill-strong"]=v(o,.1),e["--ow-hover"]=v(o,.16)}return t.accent&&t.accentHover&&t.onAccent&&(e["--accent-fill"]=t.accent,e["--accent-fill-hover"]=t.accentHover,e["--accent-hover"]=t.accent,e["--ow-on-accent"]=t.onAccent),e}function Pt(t){let e={};return t&&(t.text&&(e["--ow-ctl-edge"]=v(t.text,.4),e["--ow-ctl-knob"]=v(t.text,.9),e["--ow-ctl-label"]=t.text,e["--ow-ctl-held"]=v(t.text,.35)),t.panel&&(e["--ow-ctl-fill"]=v(t.panel,.4),e["--ow-ctl-stick"]=v(t.panel,.3),e["--ow-ctl-shadow"]=v(t.panel,.5)),t.accent&&t.accentHover&&t.onAccent&&(e["--ow-ctl-main"]=v(t.accent,.85),e["--ow-ctl-main-edge"]=t.accent,e["--ow-ctl-main-label"]=t.onAccent,e["--ow-ctl-main-shadow"]="none",e["--ow-ctl-main-held"]=t.accentHover)),e}function ne(t,e,o){for(let r of e)Object.hasOwn(o,r)?t.style.setProperty(r,o[r]):t.style.removeProperty(r);t.toggleAttribute("data-look",e.some(r=>Object.hasOwn(o,r)))}var $=52,Ae=.12,Le=96,fo=400,bo=2e4,ie=class{parent;root;zone;base;knob;buttonBox;send;onLayout;layout=null;touch;blocked=!1;keyboard=!1;stickPointer=null;center={x:0,y:0};x=0;y=0;buttons=new Map;held=new Map;fingers=new Map;report=new ae;queued=0;sent="";placed={stick:null,buttons:null};constructor(e,o,r=()=>{}){this.send=o,this.onLayout=r,this.parent=e,this.touch=matchMedia("(pointer: coarse)").matches,this.root=D("div","ow-controls"),this.root.hidden=!0,this.zone=D("div","ow-stick-zone"),this.base=D("div","ow-stick"),this.knob=D("div","ow-stick-knob"),this.base.append(this.knob),this.zone.append(this.base),this.buttonBox=D("div","ow-control-buttons"),this.root.append(this.zone,this.buttonBox),e.append(this.root),this.zone.addEventListener("pointerdown",a=>this.stickDown(a)),this.zone.addEventListener("pointermove",a=>this.stickMove(a));for(let a of["pointerup","pointercancel","lostpointercapture"])this.zone.addEventListener(a,n=>this.stickUp(n));this.root.addEventListener("contextmenu",a=>a.preventDefault())}setLayout(e){this.layout=Ze(e);let o=this.buttons;this.buttons=new Map,(this.layout?.buttons??[]).forEach((r,a)=>{let n=o.get(r.id)??this.button(r.id);o.delete(r.id),n.className=`ow-control-btn ow-control-btn-${a}`,n.classList.toggle("ow-held",[...this.held.values()].includes(r.id)),n.textContent=r.label,n.isConnected||this.buttonBox.append(n),this.buttons.set(r.id,n)});for(let[r,a]of o){for(let[n,i]of this.held)i===r&&this.letGo(n);a.remove()}this.zone.hidden=!this.layout?.stick,this.zone.classList.toggle("ow-stick-corner",this.layout?.zone==="corner"),this.zone.hidden&&this.stickPointer!==null&&this.letGo(this.stickPointer),this.render(),this.onLayout()}setLook(e){ne(this.root,Rt,e)}reservedBoxes(){if(this.root.hidden)return this.blocked&&this.layout&&this.touch&&!this.keyboard?this.placed:{stick:null,buttons:null};let e=this.zone.hidden?null:At(this.base),o=null;for(let r of this.buttons.values()){let a=At(r);!a.width||!a.height||(o=o?vo(o,a):a)}return this.placed={stick:e,buttons:o},this.placed}setTouch(e){this.touch=e,this.render()}setKeyboard(e){this.keyboard=e,this.render()}setBlocked(e){this.blocked=e,this.render()}render(){let e=!!this.layout&&this.touch&&!this.blocked&&!this.keyboard;this.root.hidden!==!e&&(e||this.reset(),this.root.hidden=!e,this.onLayout())}reset(){for(let e of[...this.held.keys()])this.letGo(e);this.stickPointer!==null&&this.letGo(this.stickPointer),this.endStick()}letGo(e){e===this.stickPointer&&this.endStick();let o=this.held.get(e);this.held.delete(e),o!==void 0&&![...this.held.values()].includes(o)&&this.buttons.get(o)?.classList.remove("ow-held");let r=this.fingers.get(e);this.fingers.delete(e),r&&wo(this.parent,e,r),this.changed()}button(e){let o=D("button","ow-control-btn");o.type="button",o.tabIndex=-1,o.addEventListener("pointerdown",a=>{a.preventDefault(),Mt(o,a.pointerId),o.classList.add("ow-held"),this.held.set(a.pointerId,e),this.report.press(e),this.fingers.set(a.pointerId,{x:a.clientX,y:a.clientY}),this.changed()}),o.addEventListener("pointermove",a=>{this.held.get(a.pointerId)===e&&this.fingers.set(a.pointerId,{x:a.clientX,y:a.clientY})});let r=a=>{this.held.get(a.pointerId)===e&&(this.held.delete(a.pointerId),this.fingers.delete(a.pointerId),[...this.held.values()].includes(e)||o.classList.remove("ow-held"),this.changed())};for(let a of["pointerup","pointercancel","lostpointercapture"])o.addEventListener(a,n=>r(n));return o}stickDown(e){if(this.stickPointer!==null)return;e.preventDefault(),Mt(this.zone,e.pointerId),this.stickPointer=e.pointerId,this.fingers.set(e.pointerId,{x:e.clientX,y:e.clientY});let o=this.zone.getBoundingClientRect(),r=this.base.getBoundingClientRect(),a=$+8;this.center={x:Math.min(Math.max(e.clientX,o.left+a),o.right-a),y:Math.min(Math.max(e.clientY,o.top+a),o.bottom-a)},this.base.style.transform=`translate(${this.center.x-(r.left+r.width/2)}px, ${this.center.y-(r.top+r.height/2)}px)`,this.base.classList.add("ow-active"),this.stickMove(e)}stickMove(e){if(e.pointerId!==this.stickPointer)return;this.fingers.set(e.pointerId,{x:e.clientX,y:e.clientY});let o=e.clientX-this.center.x,r=e.clientY-this.center.y,a=Math.hypot(o,r);a>$&&(o=o/a*$,r=r/a*$),this.knob.style.transform=`translate(${o}px, ${r}px)`;let n=Math.min(a,$)/$,i=n<Ae?0:(n-Ae)/(1-Ae)/(n||1);this.x=Lt(o/$*i),this.y=Lt(r/$*i),this.changed()}stickUp(e){e.pointerId===this.stickPointer&&(this.fingers.delete(e.pointerId),this.endStick())}endStick(){this.stickPointer=null,this.x=0,this.y=0,this.base.classList.remove("ow-active"),this.base.style.transform="",this.knob.style.transform="",this.changed()}changed(){this.queued||(this.queued=requestAnimationFrame(()=>{this.queued=0;let{buttons:e,owed:o}=this.report.take(this.held.values()),r={x:this.x,y:this.y,buttons:e};o&&this.changed();let a=JSON.stringify(r);a!==this.sent&&(this.sent=a,this.send(r))}))}};function wo(t,e,o){let r=D("div","ow-tap-shield");r.style.left=`${o.x-Le/2}px`,r.style.top=`${o.y-Le/2}px`,r.style.width=r.style.height=`${Le}px`,t.append(r);let a=setTimeout(()=>r.remove(),bo),n=()=>{clearTimeout(a),a=setTimeout(()=>r.remove(),fo)};for(let i of["pointerup","pointercancel","lostpointercapture"])r.addEventListener(i,s=>s.pointerId===e&&n());r.addEventListener("contextmenu",i=>i.preventDefault());try{r.setPointerCapture(e)}catch{n()}}function Mt(t,e){try{t.setPointerCapture(e)}catch{}}function At(t){let e=t.getBoundingClientRect(),o=getComputedStyle(t).transform;if(!o||o==="none")return e;let r=new DOMMatrixReadOnly(o);if(r.b||r.c||!r.a||!r.d)return e;let a=e.width/Math.abs(r.a),n=e.height/Math.abs(r.d),i=e.left+e.width/2-r.e,s=e.top+e.height/2-r.f;return{left:i-a/2,top:s-n/2,width:a,height:n}}function vo(t,e){let o=Math.min(t.left,e.left),r=Math.min(t.top,e.top);return{left:o,top:r,width:Math.max(t.left+t.width,e.left+e.width)-o,height:Math.max(t.top+t.height,e.top+e.height)-r}}function Lt(t){return Math.round(t*1e3)/1e3}function D(t,e,o){let r=document.createElement(t);return r.className=e,o!==void 0&&(r.textContent=o),r}function Y(t,e){let o=[];for(let{kind:r,box:a}of e){if(!a||!(a.width>0)||!(a.height>0))continue;let n=Math.max(0,a.left-t.left),i=Math.max(0,a.top-t.top),s=Math.min(t.width,a.left+a.width-t.left),d=Math.min(t.height,a.top+a.height-t.top);if(!(s-n>.01&&d-i>.01))continue;let c=Math.floor(n+.01),p=Math.floor(i+.01);o.push({kind:r,x:c,y:p,w:Math.ceil(s-.01)-c,h:Math.ceil(d-.01)-p})}return o}var se=class{measure;send;nextFrame;queued=!1;sent=null;constructor(e,o,r=a=>requestAnimationFrame(a)){this.measure=e,this.send=o,this.nextFrame=r}changed(){this.queued||(this.queued=!0,this.nextFrame(()=>{this.queued=!1;let e=this.measure();if(!e)return;let o=JSON.stringify(e);o!==this.sent&&(this.sent=o,this.send(e))}))}resend(){this.sent=null,this.changed()}};var $t=t=>Math.max(0,Math.ceil(t/1e3)),$e=t=>{let e=t.slice(0,2).map(o=>o.name);return t.length>2?`${e.join(", ")} +${t.length-2}`:e.join(", ")};function yo(t){let{you:e,host:o,kind:r,match:a,now:n}=t,i=[...t.players].sort((l,f)=>l.id===e?-1:f.id===e?1:l.id===o?-1:f.id===o?1:l.name.localeCompare(f.name)).map(l=>({id:l.id,name:l.name,ready:!!l.ready,host:l.id===o,you:l.id===e,away:l.connected===!1,idle:l.connected!==!1&&!!l.idle})),s=t.players.filter(l=>l.connected!==!1),d=t.players.find(l=>l.id===e),c=o===e&&a.phase==="lobby",p=t.schema.map(l=>({id:l.id,label:l.label,value:et(l,t.written),options:l.options,editable:c})),x={n:s.filter(l=>l.ready||r!=="public"&&l.id===o).length,of:s.length},m={surface:"none",rows:i,count:`${t.players.length} / ${t.max}`,ready:x,status:"",action:{kind:"none",label:"",disabled:!0},settings:p,seconds:null},E=a.participants?.includes(e)??!1,K=o===e&&r!=="public";if(a.phase==="starting"){if(!E)return{...m,surface:"watching",status:"Watching"};let l=K?{kind:"stop",label:"Stop",disabled:!1}:{kind:"unready",label:"Not ready",disabled:!1};return t.ownCountdown?{...m,surface:"countdown",action:l,seconds:null,status:"Get ready"}:{...m,surface:"countdown",action:l,seconds:Math.max(1,$t((a.startsAt??n)-n)),status:"Get ready"}}if(a.phase==="playing"){if(a.paused){let l=s.filter(f=>a.participants?.includes(f.id)).length;return a.paused.reason==="host"?{...m,surface:"paused",status:"Paused"}:{...m,surface:"paused",seconds:$t(a.paused.since+P.matchAbandonMs-n),status:`Waiting for players \xB7 ${l} / ${a.min}`}}return E?m:{...m,surface:"watching",status:"Watching"}}let b=s.filter(l=>!l.ready&&(r==="public"||l.id!==o));if(m.surface="lobby",K){let l=s.length<a.min;return m.action={kind:"start",label:"Start",disabled:l||b.length>0},m.status=l?`Need ${a.min} players`:b.length?`Waiting for ${$e(b)}`:"",m}if(m.action={kind:d?.ready?"unready":"ready",label:d?.ready?"Not ready":"Ready",disabled:!1},r==="public")s.length<a.min?m.status=`Need ${a.min} players`:a.waitUntil!==void 0&&b.length?m.status=b.some(l=>l.id===e)?"Waiting for you":`Waiting for ${$e(b)}`:m.status=`${s.length-b.length} / ${s.length} ready`;else{let l=b.filter(f=>f.id!==e);m.status=d?.ready?l.length?`Waiting for ${$e(l)}`:`Waiting for ${t.players.find(f=>f.id===o)?.name??"the host"}`:""}return m}function h(t,e="",o){let r=document.createElement(t);return e&&(r.className=e),o!==void 0&&(r.textContent=o),r}var le=class{mode=null;ownCountdown=!1;targetOk=!1;targetTimer=0;lastKey=-1/0;state=null;schema=[];timer=0;opts;root;card;title;count;list;settingsBox;status;action;invite;bar;barFaces;barStatus;barAction;countdown;numeral;cancel;pause;pauseStatus;pauseTimer;chip;last=null;lastNumeral=-1;listSignature="";settingsSignature="";faceSignature="";constructor(e,o){this.opts=o,this.root=h("div","ow-lobby"),this.root.hidden=!0;for(let s of["pointerdown","mousedown"])this.root.addEventListener(s,d=>d.preventDefault());this.card=h("section","ow-lobby-card"),this.card.setAttribute("aria-label","Lobby");let r=h("header","ow-lobby-head");this.title=h("h2","","Lobby"),this.count=h("span","ow-lobby-count"),r.append(this.title,this.count),this.list=h("ul","ow-lobby-players"),this.settingsBox=h("div","ow-lobby-settings"),this.status=h("p","ow-lobby-status"),this.status.setAttribute("role","status"),this.action=this.button("ow-btn ow-btn-primary ow-lobby-action",()=>this.press()),this.invite=this.button("ow-btn ow-lobby-invite",()=>this.opts.onInvite()),this.invite.textContent="Invite";let a=h("div","ow-lobby-actions");a.append(this.action,this.invite),this.card.append(r,this.list,this.settingsBox,this.status,a),this.bar=h("div","ow-lobby-bar"),this.barFaces=h("span","ow-lobby-faces"),this.barStatus=h("span","ow-lobby-bar-status"),this.barStatus.setAttribute("role","status"),this.barAction=this.button("ow-btn ow-btn-primary ow-lobby-action",()=>this.press()),this.bar.append(this.barFaces,this.barStatus,this.barAction),this.countdown=h("div","ow-lobby-countdown"),this.numeral=h("b"),this.numeral.setAttribute("aria-hidden","true");let n=h("span","","Get ready");n.setAttribute("aria-hidden","true"),this.cancel=this.button("ow-btn ow-lobby-cancel",()=>this.press()),this.countdown.append(this.numeral,n,this.cancel),this.pause=h("div","ow-lobby-pause");let i=h("div","ow-lobby-pause-box");this.pauseStatus=h("p","ow-lobby-pause-status"),this.pauseStatus.setAttribute("role","status"),this.pauseTimer=h("p","ow-lobby-pause-timer"),i.append(this.pauseStatus,this.pauseTimer),this.pause.append(i),this.chip=h("div","ow-lobby-chip"),this.chip.setAttribute("role","status"),this.root.append(this.card,this.bar,this.countdown,this.pause,this.chip),e.append(this.root)}setSchema(e){this.schema=e,this.render()}enable(e,o={}){this.mode=e,this.ownCountdown=o.ownCountdown===!0,this.root.dataset.mode=e??"",e||this.reset(),this.render()}setLook(e){ne(this.root,zt,e)}reservedBox(){if(this.root.hidden)return null;let e=!this.countdown.hidden&&this.countdown.classList.contains("ow-lobby-countdown-bare"),o=this.bar.hidden?e&&!this.cancel.hidden?this.cancel:null:this.bar;return o?o.getBoundingClientRect():null}link(e){let o=!this.root.hidden&&(this.last?.surface==="lobby"||this.last?.surface==="countdown"),r=this.pressable()?.getBoundingClientRect()??null;if(!(r!==null&&r.left>=e.left&&r.top>=e.top&&r.left+r.width<=e.left+e.width&&r.top+r.height<=e.top+e.height))return{keys:o,button:null,cover:null};let[n]=Y(e,[{kind:"lobby",box:r}]),[i]=this.mode==="bar"?Y(e,[{kind:"lobby",box:this.bar.getBoundingClientRect()}]):[{x:0,y:0,w:e.width,h:e.height}];return!n||!i?{keys:o,button:null,cover:null}:{keys:o,button:{x:n.x,y:n.y,w:n.w,h:n.h},cover:{x:i.x,y:i.y,w:i.w,h:i.h}}}setTarget(e,o){window.clearTimeout(this.targetTimer),e&&(this.targetTimer=window.setTimeout(()=>this.setTarget(!1,!1),1600)),this.targetOk!==e&&(this.targetOk=e,this.applyTarget()),this.pressable()?.classList.toggle("ow-lobby-hover",e&&o)}pressKey(e=performance.now()){this.pressable()===null||e-this.lastKey<ft||(this.lastKey=e,this.press())}pressTarget(){this.pressable()&&this.press()}setKeyMark(e){this.root.classList.toggle("ow-lobby-keys",e)}pressable(){let e=this.last;return this.root.hidden||!e||e.surface!=="lobby"||e.action.kind==="none"||e.action.disabled?null:this.mode==="card"?this.action:this.barAction}applyTarget(){let e=this.targetOk&&this.pressable()!==null;if(this.root.classList.toggle("ow-lobby-through",e),!e)for(let o of[this.action,this.barAction])o.classList.remove("ow-lobby-hover")}setRoom(e,o=0){if(!e)return this.reset();this.state={you:e.you,host:e.host,kind:e.room.startsWith("private:")?"private":e.room.startsWith("room:")?"named":"public",max:Math.max(o,e.players.length),players:e.players.map(r=>({...r})),match:e.match??{phase:"lobby",n:0,min:1},written:e.state?.[V]},this.render()}handle(e){let o=this.state;if(o){switch(e.t){case"join":o.players=[...o.players.filter(r=>r.id!==e.player.id),{...e.player}];break;case"leave":o.players=o.players.filter(r=>r.id!==e.id);break;case"away":o.players=o.players.map(r=>r.id===e.id?{...r,connected:!1}:r);break;case"back":o.players=o.players.map(r=>{if(r.id!==e.id)return r;let{connected:a,...n}=r;return n});break;case"ready":o.players=o.players.map(r=>{if(r.id!==e.id)return r;let{ready:a,...n}=r;return e.ready?{...n,ready:!0}:n});break;case"unready":o.players=o.players.map(({ready:r,...a})=>a);break;case"host":o.host=e.id;break;case"idle":o.players=o.players.map(r=>{if(r.id!==e.id)return r;let{idle:a,...n}=r;return e.idle?{...n,idle:!0}:n});break;case"name":o.players=o.players.map(r=>r.id===e.id?{...r,name:e.name}:r);break;case"match":o.match=e.match;break;case"state":if(e.k!==V)return;o.written=e.v;break;default:return}this.render()}}chooseSetting(e,o){let r=this.state,a=this.schema.find(i=>i.id===e);if(!r||!a||!a.options.some(i=>i.value===o))return null;let n={...r.written!==null&&typeof r.written=="object"?r.written:{},[e]:o};return r.written=n,this.render(),n}setReadyLocal(e){let o=this.state?.players.find(r=>r.id===this.state?.you);o&&(e?o.ready=!0:delete o.ready,this.render())}button(e,o){let r=h("button",e);return r.type="button",r.addEventListener("pointerdown",a=>a.preventDefault()),r.addEventListener("click",o),r}press(){let e=this.last?.action.kind;e==="start"?this.opts.onStart():e==="stop"?this.opts.onStop():e==="ready"?(this.setReadyLocal(!0),this.opts.onReady(!0)):e==="unready"&&(this.setReadyLocal(!1),this.opts.onReady(!1)),this.opts.onPressed?.()}reset(){this.state=null,this.last=null,this.setTarget(!1,!1),window.clearInterval(this.timer),this.timer=0,this.root.hidden=!0,this.opts.onLayout?.()}render(){this.draw(),this.opts.onLayout?.()}draw(){if(!this.mode||!this.state){this.root.hidden=!0;return}let e=yo({...this.state,schema:this.schema,now:this.opts.now(),ownCountdown:this.ownCountdown});this.last=e;let o=e.surface==="lobby";if(this.root.hidden=e.surface==="none",this.card.hidden=!(o&&this.mode==="card"),this.bar.hidden=!(o&&this.mode==="bar"),this.countdown.hidden=e.surface!=="countdown",this.countdown.classList.toggle("ow-lobby-countdown-bare",e.surface==="countdown"&&e.seconds===null),this.pause.hidden=e.surface!=="paused",this.chip.hidden=e.surface!=="watching",this.root.classList.toggle("ow-lobby-dim",o&&this.mode==="card"),o&&this.mode==="card"&&this.renderCard(e),o&&this.mode==="bar"&&this.renderBar(e),this.applyTarget(),e.surface==="countdown"&&e.seconds!==null&&e.seconds!==this.lastNumeral&&(this.lastNumeral=e.seconds,this.numeral.textContent=String(e.seconds),this.numeral.style.animation="none",this.numeral.offsetWidth,this.numeral.style.animation=""),e.surface==="countdown"&&(this.cancel.textContent=e.action.label),e.surface!=="countdown"&&(this.lastNumeral=-1),e.surface==="paused"&&(this.pauseStatus.textContent=e.status,this.pauseTimer.textContent=e.seconds!==null?`Ends in ${ko(e.seconds)}`:""),e.surface==="watching"){let[a,...n]=e.status.split(" \xB7 "),i=h("span","ow-lobby-chip-more",n.length?` \xB7 ${n.join(" \xB7 ")}`:"");this.chip.replaceChildren(a,i)}let r=e.seconds!==null;r&&!this.timer?this.timer=window.setInterval(()=>this.render(),250):!r&&this.timer&&(window.clearInterval(this.timer),this.timer=0)}renderCard(e){this.count.textContent=e.count,this.settingsBox.hidden=e.settings.length===0,this.status.textContent=e.status,this.status.hidden=e.status==="",this.setAction(this.action,e);let o=JSON.stringify(e.settings);o!==this.settingsSignature&&(this.settingsSignature=o,this.settingsBox.replaceChildren(...e.settings.map(a=>this.settingRow(a))));let r=JSON.stringify(e.rows);r!==this.listSignature&&(this.listSignature=r,this.list.replaceChildren(...e.rows.map(a=>{let n=h("li",a.away||a.idle?"ow-lobby-away":a.ready?"ow-lobby-ready":""),i=h("img","ow-headshot");i.src=`/avatar/${encodeURIComponent(a.id)}/head.svg`,i.alt="";let s=h("span","ow-lobby-name",a.name),d=[a.away?"Reconnecting":a.idle?"Idle":"",a.you?"You":"",a.host?"Host":""].filter(Boolean).join(" \xB7 ");return n.append(i,s),d&&n.append(h("span","ow-player-notes",d)),n.append(h("span",`ow-lobby-check${a.ready?" ow-lobby-check-on":""}`,a.ready?"Ready":"")),n})))}settingRow(e){let o=h("div","ow-lobby-setting");if(o.append(h("span","ow-lobby-setting-label",e.label)),!e.editable)return o.append(h("span","ow-lobby-setting-value",e.options.find(a=>a.value===e.value)?.label??String(e.value))),o;let r=h("div","ow-segments");r.setAttribute("role","radiogroup"),r.setAttribute("aria-label",e.label);for(let a of e.options){let n=this.button(`ow-segment${a.value===e.value?" ow-segment-on":""}`,()=>this.opts.onSetting(e.id,a.value));n.textContent=a.label,n.setAttribute("role","radio"),n.setAttribute("aria-checked",String(a.value===e.value)),r.append(n)}return o.append(r),o}renderBar(e){this.barStatus.textContent=e.status||`${e.ready.n} / ${e.ready.of} ready`,this.setAction(this.barAction,e);let o=JSON.stringify(e.rows.slice(0,5).map(r=>[r.id,r.ready]));o!==this.faceSignature&&(this.faceSignature=o,this.barFaces.replaceChildren(...e.rows.slice(0,5).map(r=>{let a=h("img",`ow-headshot${r.ready?" ow-lobby-face-ready":""}`);return a.src=`/avatar/${encodeURIComponent(r.id)}/head.svg`,a.alt="",a})))}setAction(e,o){e.hidden=o.action.kind==="none",e.textContent=o.action.label,e.disabled=o.action.disabled,e.setAttribute("aria-keyshortcuts","Enter"),e.classList.toggle("ow-btn-primary",o.action.kind!=="unready")}};function ko(t){return`${Math.floor(t/60)}:${String(t%60).padStart(2,"0")}`}var Ce=t=>`ow:resume:${t}`;function j(t,e){try{e?sessionStorage.setItem(Ce(t),JSON.stringify({...e,at:Date.now()})):sessionStorage.removeItem(Ce(t))}catch{}}function Ct(t){try{let e=sessionStorage.getItem(Ce(t));if(!e)return null;let o=performance.getEntriesByType("navigation")[0];if(o&&o.type!=="reload"&&o.type!=="back_forward")return pe(t);let r=JSON.parse(e);return typeof r.key!="string"||typeof r.rejoin!="string"||typeof r.at!="number"||Date.now()-r.at>18e4||Number(r.rejoin.split(".")[0])*1e3<Date.now()?pe(t):{key:r.key,rejoin:r.rejoin}}catch{return null}}var So=t=>`ow:own-server:${t}`;function Tt(t,e){try{sessionStorage.setItem(So(t),e)}catch{}}function pe(t){return j(t,null),null}var de=class extends Error{constructor(o,r=0,a=0,n=""){super(o);this.status=r;this.retryAfterMs=a;this.code=n;this.name="RequestError"}status;retryAfterMs;code;get retryable(){return this.status===0||this.status===408||this.status===429||this.status>=500}};var ce=class{constructor(e=48*1024){this.max=e}max;used=0;async run(e,o){let r=new TextEncoder().encode(e).byteLength;if(this.used+r>this.max)throw new de("Progress is waiting to sync when you return to the game.");this.used+=r;try{return await o()}finally{this.used-=r}}};var Te=/^[2-9]$/.test(new URLSearchParams(location.search).get("player")??"")?new URLSearchParams(location.search).get("player"):null;var zo=null;function Dt(){return zo?.n??null}var Mr=new ce;var Ot=[300,700,1500,3e3,5e3,8e3],Ro=9e4,Eo=1e4,jt=()=>Array.from(crypto.getRandomValues(new Uint8Array(10)),t=>"abcdefghijklmnopqrstuvwxyz0123456789"[t%36]).join(""),It=jt();function Bt(){It=jt()}var _t=null;var Nt=!1;function Gt(t){Nt=t}var Po=5e4,Mo=4e3,ge=class{ws=null;key=null;rejoin=null;you="";closed=!1;attempt=0;droppedAt=0;sleeping=!1;lastHeard=0;heardCount=0;pingAt=0;hintedHidden=!1;pingTimer=0;watchTimer=0;retryTimer=0;page=It;slug;options;callbacks;onVisible=()=>{this.hint(),document.visibilityState==="visible"&&this.wake()};onOnline=()=>this.wake();onShow=e=>e.persisted&&this.wake();onHide=()=>this.hint();constructor(e,o,r){this.slug=e,this.options=o,this.callbacks=r,this.key=o.key??null,this.rejoin=o.rejoin??null,document.addEventListener("visibilitychange",this.onVisible),addEventListener("online",this.onOnline),addEventListener("pageshow",this.onShow),addEventListener("pagehide",this.onHide)}join(){return new Promise((e,o)=>this.open(e,o))}send(e){this.ws?.readyState===WebSocket.OPEN&&this.ws.send(JSON.stringify(e))}hint(){let e=document.visibilityState==="hidden";e===this.hintedHidden||this.ws?.readyState!==WebSocket.OPEN||(this.hintedHidden=e,this.send({t:"vis",hidden:e}))}ping(){let e=this.ws;e?.readyState===WebSocket.OPEN&&(this.pingAt&&Date.now()-this.pingAt<5e3||(this.pingAt=Date.now(),e.send(Se)))}close(){this.closed=!0,j(this.slug,null),this.dispose(),this.ws?.close(1e3)}reload(){return this.closed=!0,this.dispose(),this.ws?.close(at,"Updating"),this.key?.startsWith("pub:")&&this.rejoin?{key:this.key,rejoin:this.rejoin}:null}open(e,o){this.retryTimer=0;let r=new URL(`/api/games/${this.slug}/rooms/connect`,location.href);r.protocol=location.protocol==="https:"?"wss:":"ws:",this.key?(r.searchParams.set("key",this.key),this.rejoin&&r.searchParams.set("rejoin",this.rejoin)):this.options.server?(r.searchParams.set("server",this.options.server),this.options.private&&r.searchParams.set("own","1")):this.options.name?r.searchParams.set("name",this.options.name):(this.options.mode&&r.searchParams.set("mode",this.options.mode),this.options.follow&&r.searchParams.set("follow",this.options.follow)),this.options.maxPlayers&&r.searchParams.set("max",String(this.options.maxPlayers)),this.options.minPlayers&&r.searchParams.set("min",String(this.options.minPlayers)),this.options.countdown!==void 0&&r.searchParams.set("countdown",String(this.options.countdown)),this.options.teams&&r.searchParams.set("teams",String(this.options.teams)),this.options.ranked&&r.searchParams.set("ranked","1"),Te&&r.searchParams.set("devplayer",Te);let a=Dt();a&&r.searchParams.set("tester",a),r.searchParams.set("page",this.page),this.options.build&&r.searchParams.set("build",this.options.build),_t&&r.searchParams.set("pass",_t),Nt&&r.searchParams.set("demo","1");let n=new WebSocket(r);this.ws=n,this.lastHeard=Date.now();let i=!1;n.onopen=()=>{this.lastHeard=Date.now(),window.clearInterval(this.pingTimer),window.clearInterval(this.watchTimer),this.pingTimer=window.setInterval(()=>n.readyState===WebSocket.OPEN&&this.ping(),Eo),this.watchTimer=window.setInterval(()=>{n===this.ws&&n.readyState===WebSocket.OPEN&&Date.now()-this.lastHeard>Po&&this.lost(n)},5e3)},n.onmessage=c=>{this.lastHeard=Date.now(),this.heardCount++;let p;try{p=JSON.parse(c.data)}catch{return}if(p.t==="pong"){this.pingAt&&this.callbacks.onRtt?.(Date.now()-this.pingAt),this.pingAt=0;return}if(p.t==="welcome"&&(p.rejoin&&(this.rejoin=p.rejoin),delete p.rejoin,p.room.startsWith("pub:")&&this.rejoin&&j(this.slug,{key:p.room,rejoin:this.rejoin})),p.t==="leave"&&p.kicked&&p.id===this.you){this.close(),this.finish("kicked");return}if(p.t==="welcome"&&(this.hintedHidden=!1,this.hint()),p.t==="welcome"&&!i&&(i=!0,this.key=p.room,this.you=p.you,this.attempt=0,this.droppedAt&&(this.droppedAt=0,this.callbacks.onConnection?.(!0)),e)){let{t:x,...m}=p;e(m),e=void 0;return}this.callbacks.onMessage(p)};let s=!1,d=c=>{if(!s&&(s=!0,window.clearInterval(this.pingTimer),window.clearInterval(this.watchTimer),!(this.closed||n!==this.ws))){if(c.code===tt)return this.finish("replaced");if(c.code===rt&&i&&document.visibilityState==="hidden"){this.sleeping=!0,this.droppedAt||(this.droppedAt=Date.now(),this.callbacks.onConnection?.(!1));return}if(c.code===ot){if(i||!o)return this.finish("kicked");this.closed=!0,this.dispose(),j(this.slug,null),o(Object.assign(new Error("You were removed from this server."),{kicked:!0}));return}if(!i&&o){this.closed=!0,this.dispose(),o(new Error(this.options.name||this.options.server?"Could not join that server. It may be full.":"Could not join a server. Try again soon."));return}this.retry()}};n.onclose=d,n.onerror=()=>{window.setTimeout(()=>{n.readyState===WebSocket.CLOSED&&d({code:1006})},1e3)}}retry(){if(this.closed)return;let e=Date.now();if(this.droppedAt||(this.droppedAt=e,this.callbacks.onConnection?.(!1)),e-this.droppedAt>Ro)return this.finish("disconnected");if(this.retryTimer)return;let o=Ot[Math.min(this.attempt++,Ot.length-1)]*(.5+Math.random());this.retryTimer=window.setTimeout(()=>{this.retryTimer=0,this.closed||this.open()},o)}lost(e){if(!(e!==this.ws||this.closed)){e.onopen=e.onmessage=e.onclose=e.onerror=null,window.clearInterval(this.pingTimer),window.clearInterval(this.watchTimer);try{e.close()}catch{}this.retry()}}wake(){if(this.closed)return;if(this.sleeping){this.sleeping=!1,this.droppedAt=Date.now(),this.attempt=0,this.open();return}let e=this.ws;if(!e||e.readyState===WebSocket.CLOSING||e.readyState===WebSocket.CLOSED){this.retryTimer&&(window.clearTimeout(this.retryTimer),this.retryTimer=0,this.open());return}if(e.readyState!==WebSocket.OPEN)return;let o=this.heardCount;try{e.send(Se)}catch{return this.lost(e)}window.setTimeout(()=>e===this.ws&&!this.closed&&this.heardCount===o&&this.lost(e),Mo)}dispose(){window.clearInterval(this.pingTimer),window.clearInterval(this.watchTimer),window.clearTimeout(this.retryTimer),this.retryTimer=0,document.removeEventListener("visibilitychange",this.onVisible),removeEventListener("online",this.onOnline),removeEventListener("pageshow",this.onShow),removeEventListener("pagehide",this.onHide)}finish(e){this.closed=!0,this.dispose(),j(this.slug,null),this.callbacks.onClose(e)}};var Ut=`:root {
   color-scheme: light;
   /* Site pages: as wide as this at most, with gutters that grow with the window. */
   --page: 1440px;
@@ -59,9 +59,8 @@ ${wt}`,r),r}),this.named}async adopt(e,o){let n=(await this.open()).transaction(
   --play-fill-hover: #ff8366;
   --play-ink: #121418;
   --play-text: var(--ok);
-  /* Live: players in a game right now. The store's signal colour: a dot, a count, a Join. */
+  /* Live: players in a game right now. The store's signal colour: a dot, a count. */
   --live: #3ddc84;
-  --live-ink: #0b2a17;
   --live-text: #12813f;
   /* The phone tab bar (and popups opened from it). */
   --dock-bg: var(--bar);
@@ -74,9 +73,9 @@ ${wt}`,r),r}),this.named}async adopt(e,o){let n=(await this.open()).transaction(
   /* The top bar's height (popups opened from it hang under it). */
   --bar-h: 60px;
   --radius: 8px;
-  /* Panels, sheets and big pictures; a game's picture is --radius-art. */
+  /* Panels and sheets; every picture, game icon and video is --radius-art. */
   --radius-widget: 12px;
-  --radius-art: 6px;
+  --radius-art: 2px;
   --font: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
   --font-display: var(--font);
   --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
@@ -96,25 +95,25 @@ ${wt}`,r),r}),this.named}async adopt(e,o){let n=(await this.open()).transaction(
  */
 :root[data-theme='dark'] {
   color-scheme: dark;
-  --bg: #0f1114;
-  --bg-soft: #171a1f;
-  --bg-raised: #1a1d23;
-  --bg-card: #1a1d23;
-  --bg-hover: #23272e;
-  --bar: #0a0b0d;
+  --bg: #121212;
+  --bg-soft: #1a1a1a;
+  --bg-raised: #1e1e1e;
+  --bg-card: #1e1e1e;
+  --bg-hover: #282828;
+  --bar: #0a0a0a;
   --line: rgba(255, 255, 255, 0.07);
   --line-strong: rgba(255, 255, 255, 0.14);
-  --text: #eceef1;
-  --muted: #959ba6;
+  --text: #ececec;
+  --muted: #9e9e9e;
   --accent: #ff7a5c;
   --accent-hover: #ff9177;
   --accent-fill: #d23c1b;
   --accent-fill-hover: #b93314;
   --accent-soft: rgba(255, 122, 92, 0.16);
   --accent-text: #ff9a80;
-  --ink: #eceef1;
+  --ink: #ececec;
   --ink-hover: #ffffff;
-  --ink-text: #0f1114;
+  --ink-text: #121212;
   --ok: #3ddc84;
   --ok-soft: rgba(61, 220, 132, 0.14);
   --online: #60a5fa;
@@ -130,12 +129,12 @@ ${wt}`,r),r}),this.named}async adopt(e,o){let n=(await this.open()).transaction(
   --stat-play: #60a5fa;
   --play-text: #5fe08f;
   --live-text: #3ddc84;
-  --dock-bg: #0a0b0d;
+  --dock-bg: #0a0a0a;
   --dock-edge: rgba(255, 255, 255, 0.08);
-  --edit-page: #0f0f12;
-  --edit-bar: #17171c;
-  --edit-screen: #1a1a1f;
-  --edit-field: #1f1f25;
+  --edit-page: #121212;
+  --edit-bar: #1a1a1a;
+  --edit-screen: #1e1e1e;
+  --edit-field: #222222;
   --edit-line: rgba(255, 255, 255, 0.08);
   --edit-line-strong: rgba(255, 255, 255, 0.15);
   --edit-go: #d33e00;
@@ -144,25 +143,25 @@ ${wt}`,r),r}),this.named}async adopt(e,o){let n=(await this.open()).transaction(
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme='light']) {
     color-scheme: dark;
-    --bg: #0f1114;
-    --bg-soft: #171a1f;
-    --bg-raised: #1a1d23;
-    --bg-card: #1a1d23;
-    --bg-hover: #23272e;
-    --bar: #0a0b0d;
+    --bg: #121212;
+    --bg-soft: #1a1a1a;
+    --bg-raised: #1e1e1e;
+    --bg-card: #1e1e1e;
+    --bg-hover: #282828;
+    --bar: #0a0a0a;
     --line: rgba(255, 255, 255, 0.07);
     --line-strong: rgba(255, 255, 255, 0.14);
-    --text: #eceef1;
-    --muted: #959ba6;
+    --text: #ececec;
+    --muted: #9e9e9e;
     --accent: #ff7a5c;
     --accent-hover: #ff9177;
     --accent-fill: #d23c1b;
     --accent-fill-hover: #b93314;
     --accent-soft: rgba(255, 122, 92, 0.16);
     --accent-text: #ff9a80;
-    --ink: #eceef1;
+    --ink: #ececec;
     --ink-hover: #ffffff;
-    --ink-text: #0f1114;
+    --ink-text: #121212;
     --ok: #3ddc84;
     --ok-soft: rgba(61, 220, 132, 0.14);
     --online: #60a5fa;
@@ -178,12 +177,12 @@ ${wt}`,r),r}),this.named}async adopt(e,o){let n=(await this.open()).transaction(
     --stat-play: #60a5fa;
     --play-text: #5fe08f;
     --live-text: #3ddc84;
-    --dock-bg: #0a0b0d;
+    --dock-bg: #0a0a0a;
     --dock-edge: rgba(255, 255, 255, 0.08);
-    --edit-page: #0f0f12;
-    --edit-bar: #17171c;
-    --edit-screen: #1a1a1f;
-    --edit-field: #1f1f25;
+    --edit-page: #121212;
+    --edit-bar: #1a1a1a;
+    --edit-screen: #1e1e1e;
+    --edit-field: #222222;
     --edit-line: rgba(255, 255, 255, 0.08);
     --edit-line-strong: rgba(255, 255, 255, 0.15);
     --edit-go: #d33e00;
@@ -385,12 +384,33 @@ h3 {
   color: var(--danger);
 }
 
-.btn-small {
+/* (A row's buttons are always this size: a list reads the same whatever its row can do.) */
+.btn-small,
+.row-actions .btn {
   min-height: 32px;
   padding: 0 12px;
   font-size: 13px;
 }
 
+/* Fingers: small buttons and links stay easy to hit (padding on the links, which doesn't move anything around them). */
+@media (pointer: coarse) {
+  .btn-small,
+  .row-actions .btn {
+    min-height: 40px;
+  }
+
+  .see-all,
+  .clear-search {
+    margin: -10px 0;
+    padding: 10px 0;
+  }
+
+  .label-row a,
+  .auth-switch a {
+    padding: 10px 4px;
+  }
+}
+
 /* A plain file picker (a form that posts its file, like Upload files' Cover): its button is a small .btn. */
 input[type='file'] {
   max-width: 100%;
@@ -440,10 +460,14 @@ input[type='file']::file-selector-button:hover {
 
 .link-btn {
   padding: 6px 10px;
+  border: 0;
+  background: none;
   color: var(--text);
+  font-family: inherit;
   font-weight: 600;
   font-size: 14px;
   text-decoration: none;
+  cursor: pointer;
 }
 
 .link-btn:hover {
@@ -463,6 +487,7 @@ input[type='text'],
 input[type='email'],
 input[type='password'],
 input[type='search'],
+input[type='number'],
 input:not([type]),
 select,
 textarea {
@@ -771,11 +796,10 @@ label.check input {
   background: var(--bar);
 }
 
+/* Edge to edge at any width: the mark lines up with the sidebar's words, the account the same distance from the right. */
 .topbar-inner {
-  max-width: var(--page);
-  margin: 0 auto;
   height: var(--bar-h);
-  padding: 0 var(--gutter);
+  padding: 0 22px;
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1270,6 +1294,15 @@ button.icon-btn:hover {
   background: var(--accent);
 }
 
+/* The chat is open over the page: one tab is lit, Chat. */
+.tabbar:has(> button[aria-expanded='true']) > a[aria-current='page'] {
+  color: var(--dock-muted);
+}
+
+.tabbar:has(> button[aria-expanded='true']) > a[aria-current='page']::before {
+  content: none;
+}
+
 .tabbar > a:focus-visible,
 .tabbar > button:focus-visible {
   outline: 2px solid var(--accent);
@@ -1530,7 +1563,6 @@ body:has(.tabbar) .footer-inner {
   color: var(--muted);
   font-size: 14px;
   font-weight: 600;
-  font-variant-numeric: tabular-nums;
 }
 
 .see-all {
@@ -1773,6 +1805,21 @@ body:has(.tabbar) .footer-inner {
   left: 0;
 }
 
+@media (max-width: 560px) {
+  .storenav {
+    flex-wrap: wrap;
+    height: auto;
+  }
+  .storenav-links {
+    flex: 1 1 100%;
+    height: 46px;
+  }
+  .storenav-filters,
+  .storenav-random {
+    height: 40px;
+  }
+}
+
 .storenav-filters {
   display: flex;
 }
@@ -1940,6 +1987,34 @@ body:has(.tabbar) .footer-inner {
   .store-shell > .page {
     padding-bottom: 56px;
   }
+
+  /* Home: Featured fills the column to the sidebar, the top bar and the window's edge; the rows under it keep the page's width. */
+  .store-shell > .page.store:has(> .spotlight) {
+    max-width: none;
+    padding-top: 0;
+  }
+
+  .page.store:has(> .spotlight) > * {
+    max-width: calc(1680px - 2 * clamp(20px, 2.6vw, 44px));
+  }
+
+  .page.store > .spotlight {
+    max-width: none;
+    margin-inline: calc(-1 * clamp(20px, 2.6vw, 44px));
+  }
+
+  .page.store > .spotlight .spot-slide {
+    border-radius: 0;
+  }
+
+  /* Its words and dots line up with the rows under it. */
+  .page.store > .spotlight .spot-info {
+    padding-left: clamp(20px, 2.6vw, 44px);
+  }
+
+  .page.store > .spotlight .spot-dots {
+    right: clamp(20px, 2.6vw, 44px);
+  }
 }
 
 .store-side {
@@ -2063,8 +2138,8 @@ body:has(.tabbar) .footer-inner {
   position: relative;
   min-width: 0;
   overflow: hidden;
-  border-radius: var(--radius-widget);
-  background: #0a0b0d;
+  border-radius: var(--radius-art);
+  background: #0a0a0a;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.45s ease, visibility 0s linear 0.45s;
@@ -2425,17 +2500,6 @@ body:has(.tabbar) .footer-inner {
   background: var(--live);
 }
 
-.btn.btn-live {
-  border-color: transparent;
-  background: var(--live);
-  color: var(--live-ink);
-  font-weight: 700;
-}
-
-.btn.btn-live:hover {
-  background: color-mix(in srgb, var(--live) 85%, #fff);
-}
-
 /* Every game: its title (with See all on home, Clear on a search), the filters that are on, and the grid. */
 .browse-head {
   display: flex;
@@ -2665,7 +2729,7 @@ body:has(.tabbar) .footer-inner {
   height: auto;
   margin: auto;
   aspect-ratio: 1;
-  border-radius: 22%;
+  border-radius: var(--radius-art);
 }
 
 .app-art:has(.app-img-icon) {
@@ -2900,6 +2964,14 @@ body:has(.tabbar) .footer-inner {
   padding: 96px 16px;
 }
 
+.lib-empty-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 10px;
+  margin-top: 20px;
+}
+
 /* A repo whose first deploy failed, in the side: its square says so. */
 .lib-icon.mine-failed {
   color: var(--danger);
@@ -2950,13 +3022,17 @@ body:has(.tabbar) .footer-inner {
   place-items: center;
   width: clamp(22px, 10.4cqi, 36px);
   height: clamp(22px, 10.4cqi, 36px);
-  border-radius: 5px;
+  border-radius: var(--radius-art);
   object-fit: cover;
-  background: var(--fill);
   font-size: 12px;
   font-weight: 800;
 }
 
+/* (A letter's square keeps its game's colour.) */
+.lib-icon:not(.gcard-letter) {
+  background: var(--fill);
+}
+
 @container side (min-width: 320px) {
   .lib-list a {
     min-height: 42px;
@@ -2964,7 +3040,6 @@ body:has(.tabbar) .footer-inner {
   }
 
   .lib-icon {
-    border-radius: 7px;
     font-size: 15px;
   }
 }
@@ -2993,7 +3068,7 @@ body:has(.tabbar) .footer-inner {
   height: clamp(220px, 27vw, 440px);
   aspect-ratio: auto;
   overflow: hidden;
-  border-radius: var(--radius-widget);
+  border-radius: var(--radius-art);
 }
 
 .lib-hero::after {
@@ -3639,7 +3714,7 @@ body:has(.tabbar) .footer-inner {
   flex: none;
   width: 60px;
   height: 60px;
-  border-radius: 12px;
+  border-radius: var(--radius-art);
   object-fit: cover;
   box-shadow: var(--ring);
   font-size: 28px;
@@ -3685,6 +3760,11 @@ body:has(.tabbar) .footer-inner {
   align-items: start;
 }
 
+/* A page with nothing else: More like this keeps the gap it has under the game's body. */
+.game-top + .section {
+  margin-top: 44px;
+}
+
 /* One column: Play comes first in the panel, right under the gallery. */
 @media (max-width: 1000px) {
   .game-top {
@@ -3709,7 +3789,7 @@ body:has(.tabbar) .footer-inner {
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   scrollbar-width: none;
-  border-radius: var(--radius-widget);
+  border-radius: var(--radius-art);
   background: var(--bg-soft);
   box-shadow: var(--ring);
   aspect-ratio: 16 / 9;
@@ -3750,7 +3830,7 @@ body:has(.tabbar) .footer-inner {
   width: 30%;
   height: auto;
   aspect-ratio: 1;
-  border-radius: 22%;
+  border-radius: var(--radius-art);
   box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
 }
 
@@ -3780,7 +3860,7 @@ body:has(.tabbar) .footer-inner {
   place-items: center;
   width: 100%;
   aspect-ratio: 16 / 9;
-  border-radius: 5px;
+  border-radius: var(--radius-art);
   color: var(--text);
   text-decoration: none;
   opacity: 0.55;
@@ -3981,6 +4061,12 @@ body:has(.tabbar) .footer-inner {
   list-style: none;
 }
 
+.play-pay > summary,
+a.play-pay {
+  padding: 6px 0;
+  text-decoration: underline;
+}
+
 .play-pay[open] > summary {
   margin-bottom: 8px;
 }
@@ -4367,9 +4453,11 @@ body:has(.tabbar) .footer-inner {
 }
 
 .fold-count {
+  margin-left: 4px;
   color: var(--muted);
   font-size: 14px;
   font-variant-numeric: tabular-nums;
+  white-space: nowrap;
 }
 
 .fold-caret {
@@ -4549,6 +4637,11 @@ body:has(.tabbar) .footer-inner {
   margin: 0 0 18px;
 }
 
+/* An order: its Play or Open, then what was bought. */
+.market-order .form-row:has(+ .kv) {
+  margin-bottom: 18px;
+}
+
 .kv dt {
   color: var(--muted);
   font-size: 12px;
@@ -4960,7 +5053,7 @@ body:has(.auth) .footer {
   aspect-ratio: 16 / 9;
   object-fit: cover;
   border: 1px solid var(--line);
-  border-radius: 10px;
+  border-radius: var(--radius-art);
   background: var(--bg-soft);
 }
 
@@ -5728,7 +5821,7 @@ label.admin-changed > span::before {
 .admin-game .dash-icon {
   width: 36px;
   height: 36px;
-  border-radius: 10px;
+  border-radius: var(--radius-art);
 }
 
 @media (max-width: 760px) {
@@ -5901,7 +5994,7 @@ label.admin-changed > span::before {
   flex: none;
   width: 44px;
   height: 44px;
-  border-radius: 12px;
+  border-radius: var(--radius-art);
   object-fit: cover;
   display: grid;
   place-items: center;
@@ -6415,7 +6508,7 @@ label.admin-changed > span::before {
   flex: none;
   width: 96px;
   height: 96px;
-  border-radius: 22px;
+  border-radius: var(--radius-art);
   object-fit: cover;
   display: grid;
   place-items: center;
@@ -6569,7 +6662,7 @@ label.admin-changed > span::before {
 
 .dz-shot {
   position: relative;
-  border-radius: 14px;
+  border-radius: var(--radius-art);
   background: var(--bg-soft);
   cursor: grab;
   user-select: none;
@@ -6583,7 +6676,7 @@ label.admin-changed > span::before {
   width: 100%;
   aspect-ratio: 16 / 9;
   object-fit: cover;
-  border-radius: 14px;
+  border-radius: var(--radius-art);
   pointer-events: none;
 }
 
@@ -6752,7 +6845,9 @@ label.admin-changed > span::before {
 
 .sell-modes label {
   display: inline-flex;
+  flex-direction: row;
   align-items: center;
+  justify-content: center;
   min-height: 32px;
   padding: 0 14px;
   border-radius: 999px;
@@ -6779,13 +6874,107 @@ label.admin-changed > span::before {
   outline-offset: 1px;
 }
 
-.sell-form:has(input[name='mode'][value='free']:checked) :is(.sell-fixed, .sell-pwyw),
+.sell-form:has(input[name='mode'][value='free']:checked) :is(.sell-fixed, .sell-pwyw, .sell-setup),
 .sell-form:has(input[name='mode'][value='fixed']:checked) .sell-pwyw,
 .sell-form:has(input[name='mode'][value='pwyw']:checked) .sell-fixed,
 .sell-form:not(:has(select[name='license'] option[value='custom']:checked)) .sell-custom {
   display: none;
 }
 
+/* Sell: every card is its heading and then its contents, in the same two columns, so they all line up down the page. */
+.sell-card {
+  display: grid;
+  grid-template-columns: 160px minmax(0, 480px);
+  gap: 12px 32px;
+  align-items: start;
+}
+
+.sell-card h2,
+.page .sell-card h2 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  line-height: 38px;
+}
+
+.sell-body {
+  min-width: 0;
+}
+
+.sell-body > * {
+  margin: 0;
+}
+
+.sell-body > * + * {
+  margin-top: 14px;
+}
+
+.sell-body > p:first-child {
+  line-height: 38px;
+}
+
+.sell-body > .sell-fine {
+  margin-top: 2px;
+  font-size: 13px;
+}
+
+.sell-body .stack-form {
+  max-width: none;
+}
+
+.sell-body :is(select, .inline-form input) {
+  border-radius: 10px;
+  background-color: var(--bg);
+}
+
+.sell-body .inline-form label {
+  color: var(--text);
+}
+
+.sell-body .sell-modes {
+  display: flex;
+  align-self: stretch;
+}
+
+.sell-body .sell-modes label {
+  flex: 1 1 auto;
+}
+
+.sell-actions,
+.sell-setup {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+
+.sell-setup {
+  gap: 8px 12px;
+}
+
+.sell-actions form {
+  margin: 0;
+}
+
+.sell-body .inline-form {
+  margin-bottom: 0;
+}
+
+@media (max-width: 720px) {
+  .sell-card {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 8px;
+  }
+
+  .sell-card h2,
+  .page .sell-card h2,
+  .sell-body > p:first-child {
+    line-height: 1.4;
+  }
+}
+
 .sell-now {
   display: flex;
   flex-wrap: wrap;
@@ -7213,8 +7402,7 @@ body.play {
 body.play .ow-menu,
 body.play .ow-social-body,
 body.play .ow-chat-log,
-body.play .ow-players,
-body.play .ow-badges {
+body.play .ow-players {
   touch-action: pan-y;
 }
 
@@ -7744,9 +7932,11 @@ body.play input {
   padding-bottom: 16px;
 }
 
+/* Its first line level with the head's buttons. */
 .ow-menu-title {
   flex: 1;
   min-width: 0;
+  padding-top: 4px;
 }
 
 .ow-menu-head h2 {
@@ -7799,8 +7989,7 @@ body.play input {
 }
 
 .ow-section[hidden],
-.ow-setting[hidden],
-.ow-guest[hidden] {
+.ow-setting[hidden] {
   display: none;
 }
 
@@ -7863,11 +8052,14 @@ body.play input {
   overflow-y: auto;
 }
 
+/* A row with more buttons than room takes a second line for them: the name stays readable. */
 .ow-players li {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
-  gap: 10px;
+  gap: 2px 10px;
   min-height: 40px;
+  padding: 2px 0;
   font-size: 14px;
 }
 
@@ -7903,8 +8095,10 @@ a.ow-player-name:focus-visible {
 }
 
 .ow-player-actions {
-  flex: none;
+  flex: 0 1 auto;
   display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
   gap: 6px;
   margin-left: auto;
 }
@@ -8046,17 +8240,6 @@ a.ow-player-name:focus-visible {
   white-space: nowrap;
 }
 
-.ow-server {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 4px 12px;
-  margin-top: 6px;
-  color: var(--muted);
-  font-size: 13px;
-}
-
 .ow-text-btn {
   padding: 0;
   border: 0;
@@ -8120,24 +8303,6 @@ button.ow-setting-icon:hover {
   outline-offset: 2px;
 }
 
-.ow-guest {
-  margin: 0;
-  padding: 12px 0;
-  border-top: 1px solid var(--line);
-  color: var(--muted);
-  font-size: 13px;
-}
-
-.ow-guest a {
-  color: var(--accent-text);
-  font-weight: 600;
-  text-decoration: none;
-}
-
-.ow-guest a:hover {
-  text-decoration: underline;
-}
-
 .ow-menu-foot {
   display: flex;
   gap: 8px;
@@ -8307,113 +8472,47 @@ button.ow-setting-icon:hover {
   letter-spacing: 0.06em;
 }
 
-.ow-badges {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
+.ow-toast .ow-badge-blank {
+  display: grid;
+  place-items: center;
+  background: var(--accent-soft);
+  color: var(--accent-hover);
+  font-size: 20px;
 }
 
-.ow-badge-item {
-  display: block;
-  padding: 0;
-  border: 0;
-  border-radius: 50%;
-  background: none;
-  cursor: pointer;
-  opacity: 0.35;
-  filter: grayscale(1);
-  transition: opacity 0.15s ease;
+/* loading card shown until the game's page has loaded */
+.ow-loading {
+  position: fixed;
+  inset: var(--ow-vv-top, 0px) 0 var(--ow-vv-bottom, 0px);
+  z-index: 15;
+  display: grid;
+  place-items: center;
+  overflow: hidden;
+  /* Always dark, whatever the theme: the game's cover is darkened behind it. */
+  background: #0e0f12;
+  color: #fff;
+  transition: opacity 0.35s ease;
 }
 
-.ow-badge-item:hover {
-  opacity: 0.55;
+/* Gone once faded, not just see-through: Chrome (GPU) left most of the game's frame unpainted under the invisible card and
+   its blurred cover, the top strip alone showing until a reload. */
+.ow-loading.ow-hidden {
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
 }
 
-.ow-badge-item.ow-earned {
-  opacity: 1;
-  filter: none;
+/* A page that never ran: what's in the frame (a device's filter page, an error) stays in view and can be tapped, the card below it. */
+.ow-loading.ow-loading-clear {
+  align-items: end;
+  background: none;
+  pointer-events: none;
 }
 
-.ow-badge-item:focus-visible {
-  outline: 2px solid var(--accent-hover);
-  outline-offset: 2px;
-}
-
-.ow-badge-icon {
-  display: block;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.ow-badge-blank {
-  display: grid;
-  place-items: center;
-  background: var(--fill-strong);
-  color: var(--text);
-  font-size: 18px;
-}
-
-.ow-earned .ow-badge-blank,
-.ow-toast .ow-badge-blank {
-  background: var(--accent-soft);
-  color: var(--accent-hover);
-}
-
-.ow-toast .ow-badge-blank {
-  font-size: 20px;
-}
-
-.ow-badge-caption {
-  margin: 10px 0 0;
-  color: var(--muted);
-  font-size: 13px;
-  line-height: 1.45;
-}
-
-.ow-badge-caption b {
-  margin-right: 2px;
-  color: var(--text);
-  font-weight: 600;
-}
-
-/* loading card shown until the game's page has loaded */
-.ow-loading {
-  position: fixed;
-  inset: var(--ow-vv-top, 0px) 0 var(--ow-vv-bottom, 0px);
-  z-index: 15;
-  display: grid;
-  place-items: center;
-  overflow: hidden;
-  /* Always dark, whatever the theme: the game's cover is darkened behind it. */
-  background: #0e0f12;
-  color: #fff;
-  transition: opacity 0.35s ease;
-}
-
-/* Gone once faded, not just see-through: Chrome (GPU) left most of the game's frame unpainted under the invisible card and
-   its blurred cover, the top strip alone showing until a reload. */
-.ow-loading.ow-hidden {
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
-}
-
-/* A page that never ran: what's in the frame (a device's filter page, an error) stays in view and can be tapped, the card below it. */
-.ow-loading.ow-loading-clear {
-  align-items: end;
-  background: none;
-  pointer-events: none;
-}
-
-.ow-loading-clear .ow-loading-cover,
-.ow-loading-clear .ow-loading-icon {
-  display: none;
+.ow-loading-clear .ow-loading-cover,
+.ow-loading-clear .ow-loading-icon {
+  display: none;
 }
 
 .ow-loading-clear .ow-loading-inner {
@@ -8469,7 +8568,7 @@ button.ow-setting-icon:hover {
 .ow-loading-icon {
   width: 120px;
   height: 120px;
-  border-radius: 28px;
+  border-radius: var(--radius-art);
   object-fit: cover;
   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 24px 60px rgba(0, 0, 0, 0.6);
 }
@@ -8611,6 +8710,26 @@ button.ow-setting-icon:hover {
   .ow-menu {
     padding: 16px;
   }
+  .ow-menu-title {
+    padding-top: 8px;
+  }
+}
+
+/* The narrowest phones: rows wrap instead of pushing the menu sideways. */
+@media (max-width: 360px) {
+  .ow-menu {
+    padding: 12px;
+    overflow-x: hidden;
+  }
+  .ow-menu-foot {
+    flex-wrap: wrap;
+  }
+  .ow-menu-foot .ow-btn {
+    flex: 1 1 100%;
+  }
+  .ow-section-head {
+    flex-wrap: wrap;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -8654,7 +8773,7 @@ button.ow-setting-icon:hover {
   place-items: center;
   width: 44px;
   height: 44px;
-  border-radius: 12px;
+  border-radius: var(--radius-art);
   object-fit: cover;
   color: #fff;
   font-size: 18px;
@@ -8996,7 +9115,7 @@ a.pager-btn:hover {
   place-items: center;
   width: 44px;
   height: 44px;
-  border-radius: 12px;
+  border-radius: var(--radius-art);
   object-fit: cover;
   color: #fff;
   font-size: 18px;
@@ -10437,6 +10556,38 @@ body.play .ow-card {
   border-radius: 999px;
 }
 
+/* Enter presses the button: one small mark, for keyboards. */
+.ow-lobby-keys .ow-lobby-action:not(:disabled)::after {
+  content: '\\21B5' / '';
+  margin-left: 8px;
+  font-size: 0.85em;
+  font-weight: 400;
+  opacity: 0.65;
+}
+
+/* A press goes through to the target under the button, inside the game's frame (shell/lobby.ts, link): it is then the player's gesture
+   there. The strip goes through whole, and the card's own parts stay on this page. */
+.ow-lobby.ow-lobby-through,
+.ow-lobby-through > .ow-lobby-card,
+.ow-lobby-through > .ow-lobby-bar,
+.ow-lobby-through .ow-lobby-actions,
+.ow-lobby-through .ow-lobby-action {
+  pointer-events: none;
+}
+
+.ow-lobby-through > .ow-lobby-card > :not(.ow-lobby-actions),
+.ow-lobby-through .ow-lobby-invite {
+  pointer-events: auto;
+}
+
+.ow-lobby-hover.ow-btn {
+  background: rgba(255, 255, 255, 0.16);
+}
+
+.ow-lobby-hover.ow-btn-primary {
+  background: var(--accent-fill-hover);
+}
+
 /* 3, 2, 1. */
 .ow-lobby-countdown {
   position: fixed;
@@ -10846,6 +10997,32 @@ body.ow-calm .ow-fold-caret {
   overflow-wrap: anywhere;
 }
 
+.upload-kinds dl {
+  margin: 0;
+  font-size: 14px;
+}
+
+.upload-kinds dl > div {
+  display: grid;
+  grid-template-columns: 7.5em minmax(0, 1fr);
+  gap: 12px;
+  padding: 7px 0;
+  border-top: 1px solid var(--line);
+}
+
+.upload-kinds dt {
+  font-weight: 600;
+}
+
+.upload-kinds dd {
+  margin: 0;
+  color: var(--muted);
+}
+
+.upload-kinds .fine {
+  margin: 7px 0 12px;
+}
+
 .upload-form .flash {
   margin: 0;
 }
@@ -11363,53 +11540,164 @@ body.ow-calm .ow-fold-caret {
 
 /* ------------------------------------------------------------ Create: describe a game, your games, Developers (create.ts) */
 
-/* The top: the pitch, big, and the box under it, beside a game being made; on phones the game comes after. */
-.create-intro {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
+/*
+ * Create is a workbench in Edit's shape: the game's screen with the box under it (what Edit opens to), beside the games to start from.
+ * The screen stays 16:9 and shrinks with a short window, so the box never falls below the fold; the rail is as tall as the screen and
+ * box, and scrolls. On phones the rail is a strip under the box.
+ */
+.make.page {
+  padding-top: clamp(14px, 2.4vh, 28px);
+}
+
+.make-head {
+  display: flex;
+  flex-wrap: wrap;
   align-items: center;
-  gap: clamp(28px, 4vw, 64px);
-  margin: clamp(8px, 4vh, 48px) 0 clamp(48px, 7vw, 96px);
+  justify-content: space-between;
+  gap: 10px 24px;
+  margin-bottom: clamp(14px, 2vh, 22px);
 }
 
-.create-pitch h1 {
-  margin: 0 0 30px;
-  font-size: clamp(44px, 5.2vw, 78px);
+.page .make-head h1 {
+  margin: 0;
+  font-size: clamp(30px, 3.9vw, 56px);
   font-weight: 700;
-  line-height: 0.98;
+  line-height: 1;
   letter-spacing: -0.045em;
 }
 
-.create-pitch h1 span {
-  display: block;
+.make-head h1 span {
+  margin-left: 0.24em;
   color: var(--accent-text);
 }
 
-.create-reel {
+.make-bench {
+  display: grid;
+  grid-template-columns: minmax(0, min(62%, max(520px, calc((100svh - 330px) * 16 / 9)))) minmax(0, 1fr);
+  gap: clamp(16px, 1.8vw, 26px);
+}
+
+.make-screen {
+  position: relative;
   overflow: hidden;
   aspect-ratio: 16 / 9;
-  border-radius: var(--radius-widget);
-  background: #121318;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 30px 70px rgba(0, 0, 0, 0.18);
+  border: 1px solid var(--line);
+  border-radius: var(--radius-art);
+  background: var(--edit-screen);
+}
+
+/* The new game's empty place, as in Edit's first frame. */
+.make-empty {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  color: var(--muted);
+}
+
+.make-slot {
+  display: grid;
+  place-items: center;
+  width: 84px;
+  height: 84px;
+  box-sizing: border-box;
+  border: 2px dashed var(--edit-line-strong);
+  border-radius: var(--radius-art);
+}
+
+.make-slot svg {
+  width: 30px;
+  height: 30px;
+}
+
+.make-empty strong {
+  font-size: clamp(18px, 2vw, 26px);
+  font-weight: 650;
+  letter-spacing: -0.02em;
 }
 
-.create-reel video,
-.create-reel img {
+.make-shot {
+  position: absolute;
+  inset: 0;
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
-@media (max-width: 900px) {
-  .create-intro {
-    grid-template-columns: minmax(0, 1fr);
-  }
+.make-shot[hidden],
+.make-picked[hidden] {
+  display: none;
+}
+
+.make-picked {
+  position: absolute;
+  inset: auto 0 0;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin: 0;
+  padding: 56px 18px 16px;
+  background: linear-gradient(transparent, rgba(0, 0, 0, 0.82));
+  color: #fff;
+}
+
+.make-picked strong {
+  overflow: hidden;
+  min-width: 0;
+  font-size: clamp(18px, 2.1vw, 30px);
+  font-weight: 700;
+  letter-spacing: -0.03em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.make-remix-mark {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  gap: 5px;
+  padding: 4px 10px 4px 7px;
+  border-radius: 999px;
+  background: var(--play-fill);
+  color: var(--play-ink);
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.make-remix-mark svg {
+  width: 15px;
+  height: 15px;
+}
+
+.make-picked .btn {
+  flex: none;
+  margin-left: auto;
+  border-color: rgba(255, 255, 255, 0.34);
+  background: rgba(0, 0, 0, 0.35);
+  color: #fff;
 }
 
-/* The box: a sheet raised off the wallpaper, the one thing to do here. */
+.make-picked .btn:hover {
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.make-problem {
+  margin: 10px 0 0;
+}
+
+/* The box: under the game, the one thing to do here. */
 .create-box {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: end;
+  gap: 8px;
   width: 100%;
+  margin-top: 10px;
+  padding: 8px;
   border: 1px solid var(--line);
   border-radius: var(--radius-widget);
   background: var(--bg-raised);
@@ -11426,14 +11714,13 @@ body.ow-calm .ow-fold-caret {
 .create-box textarea {
   display: block;
   width: 100%;
-  min-height: 150px;
-  max-height: 42vh;
-  padding: 24px 26px 8px;
+  min-height: 56px;
+  max-height: 24vh;
+  padding: 8px 10px;
   border: 0;
-  border-radius: var(--radius-widget);
   background: none;
   color: var(--text);
-  font: 500 clamp(18px, 2vw, 22px) / 1.4 var(--font);
+  font: 500 clamp(16px, 1.3vw, 18px) / 1.4 var(--font);
   resize: none;
 }
 
@@ -11446,22 +11733,16 @@ body.ow-calm .ow-fold-caret {
   opacity: 1;
 }
 
-.create-box-foot {
-  display: flex;
-  justify-content: flex-end;
-  padding: 0 14px 14px;
-}
-
 .btn.create-go {
-  gap: 10px;
-  min-width: 160px;
-  min-height: 54px;
-  padding: 0 26px;
+  gap: 8px;
+  min-width: 132px;
+  min-height: 52px;
+  padding: 0 20px;
   border: 0;
-  border-radius: 18px;
+  border-radius: 10px;
   background: var(--play-fill);
   color: var(--play-ink);
-  font-size: 18px;
+  font-size: 17px;
   font-weight: 700;
 }
 
@@ -11485,25 +11766,175 @@ body.ow-calm .ow-fold-caret {
   flex-wrap: wrap;
   align-items: center;
   gap: 12px;
-  margin: 22px 0 0;
+  margin: 0;
   color: var(--muted);
   font-size: 14px;
 }
 
-/* Signed in: the creator's games, under the box. */
-.create-page .create-games {
-  margin: 0 0 clamp(40px, 5vw, 64px);
-}
-
-.create-home {
-  width: 100%;
-  max-width: var(--page);
-  margin: 0 auto;
-  padding: 0 var(--gutter) 56px;
+/* The games to start from: as tall as the screen and box, however many there are. */
+.make-rail {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  contain: size;
 }
 
-.create-home > .section {
-  margin-bottom: clamp(72px, 9vw, 128px);
+.make-rail-head {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+.make-rail-head h2 {
+  flex: none;
+  margin: 0;
+  font-size: 18px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+}
+
+.make-rail-head input {
+  flex: 0 1 200px;
+  min-width: 0;
+  height: 34px;
+  padding: 0 12px;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  background: var(--bg-raised);
+  color: var(--text);
+  font: 500 14px var(--font);
+}
+
+.make-rail-head input[hidden] {
+  display: none;
+}
+
+.make-tiles {
+  display: grid;
+  flex: 1;
+  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  align-content: start;
+  gap: 14px 12px;
+  min-height: 0;
+  margin: 0;
+  padding: 3px 6px 3px 3px;
+  overflow-y: auto;
+  list-style: none;
+  scrollbar-width: thin;
+}
+
+.make-tiles li[hidden] {
+  display: none;
+}
+
+.make-tile {
+  display: block;
+  color: var(--muted);
+  font-size: 13px;
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.make-tile > span:last-child {
+  display: block;
+  overflow: hidden;
+  margin-top: 6px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.make-tile-art {
+  display: grid;
+  place-items: center;
+  overflow: hidden;
+  aspect-ratio: 16 / 9;
+  border-radius: var(--radius-art);
+  background: var(--edit-screen);
+  transition: box-shadow 0.12s ease;
+}
+
+.make-tile-art img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.make-tile-blank {
+  box-sizing: border-box;
+  border: 1.5px dashed var(--edit-line-strong);
+  color: var(--muted);
+}
+
+.make-tile-blank svg {
+  width: 26px;
+  height: 26px;
+}
+
+.make-tile:hover {
+  color: var(--text);
+}
+
+.make-tile:hover .make-tile-art {
+  box-shadow: 0 0 0 2px var(--text);
+}
+
+.make-tile[aria-current] {
+  color: var(--text);
+}
+
+.make-tile[aria-current] .make-tile-art {
+  box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
+}
+
+@media (max-width: 900px) {
+  .make-head h1 span {
+    display: block;
+    margin: 2px 0 0;
+  }
+
+  .make-bench {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .make-rail {
+    contain: none;
+  }
+
+  .make-tiles {
+    display: flex;
+    gap: 10px;
+    margin: 0 calc(var(--gutter) * -1);
+    padding: 3px var(--gutter) 8px;
+    overflow: auto hidden;
+  }
+
+  .make-tiles li {
+    flex: 0 0 148px;
+  }
+
+  .btn.create-go {
+    min-width: 0;
+  }
+}
+
+/* Signed in: the creator's games, under the box. */
+.create-page .create-games {
+  margin: 0 0 clamp(40px, 5vw, 64px);
+}
+
+.create-home {
+  width: 100%;
+  max-width: var(--page);
+  margin: 0 auto;
+  padding: 0 var(--gutter) 56px;
+}
+
+.create-home > .section {
+  margin-bottom: clamp(72px, 9vw, 128px);
 }
 
 .create-home .section-head {
@@ -11605,7 +12036,7 @@ html.is-launching {
   height: 84px;
   box-sizing: border-box;
   border: 2px dashed var(--edit-line-strong);
-  border-radius: 20px;
+  border-radius: var(--radius-art);
   color: var(--muted);
 }
 
@@ -11616,6 +12047,29 @@ html.is-launching {
   letter-spacing: -0.02em;
 }
 
+/* A remix: the game itself, and the word for what's happening over it. */
+.create-launch-stage.is-remix {
+  position: relative;
+  overflow: hidden;
+}
+
+.create-launch-stage.is-remix img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  opacity: 0.42;
+}
+
+.create-launch-stage.is-remix strong {
+  position: relative;
+  color: #fff;
+  font-size: clamp(40px, 7vw, 96px);
+  font-weight: 800;
+  letter-spacing: -0.045em;
+}
+
 /* The box under it, where the description lands. */
 .create-launch-ask {
   display: flex;
@@ -11890,6 +12344,30 @@ html.is-launching {
   height: 30px;
 }
 
+/* Remix isn't an upload: its own row, with the dashed edge of the place a game is about to go. */
+.up-choices:has(.up-choice-remix) {
+  grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
+}
+
+.up-choice-remix {
+  grid-column: 1 / -1;
+}
+
+.up-choice-remix .up-choice {
+  border: 1.5px dashed var(--accent);
+}
+
+.up-choice-remix .up-choice:hover {
+  border-style: solid;
+  border-color: var(--accent);
+  background: var(--accent-soft);
+}
+
+.up-choice-remix .up-choice > svg:first-child,
+.up-choice-remix .up-chevron {
+  color: var(--accent-text);
+}
+
 .up-choice-text {
   display: flex;
   flex-direction: column;
@@ -12023,14 +12501,12 @@ html.is-launching {
   margin: 0 0 8px;
 }
 
-/* Upload's helper, bottom right: a speech bubble beside a little character standing on the footer's line (the page's 24px bottom
-   padding and the footer's 56px margin, taken back). It hops in, then idles (its SVG breathes, blinks and looks around). */
+/* Upload's helper, bottom right: a card that sits just above the footer's line. */
 .up-buddy {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
-  gap: 4px;
-  margin: 40px 0 -80px;
+  margin: 40px 0 -16px;
   pointer-events: none;
 }
 
@@ -12041,7 +12517,6 @@ html.is-launching {
 .up-buddy-bubble {
   position: relative;
   width: min(380px, 100%);
-  margin-bottom: 64px;
   padding: 14px 16px;
   border: 1px solid var(--line);
   border-radius: 16px;
@@ -12052,20 +12527,6 @@ html.is-launching {
   animation: up-bubble 0.32s 0.45s cubic-bezier(0.2, 1.4, 0.4, 1) both;
 }
 
-/* Its tail, pointing at the character's head. */
-.up-buddy-bubble::after {
-  position: absolute;
-  right: -7px;
-  bottom: 18px;
-  width: 12px;
-  height: 12px;
-  border-top: 1px solid var(--line);
-  border-right: 1px solid var(--line);
-  background: var(--bg-raised);
-  transform: rotate(45deg);
-  content: '';
-}
-
 .up-buddy-head {
   margin: 0 0 8px;
   font-weight: 700;
@@ -12124,20 +12585,6 @@ html.is-launching {
   height: 14px;
 }
 
-.up-buddy-face {
-  flex: none;
-  width: 64px;
-  height: 112px;
-  animation: up-hop 0.5s cubic-bezier(0.3, 1.5, 0.5, 1) both;
-}
-
-@keyframes up-hop {
-  from {
-    opacity: 0;
-    transform: translateY(24px);
-  }
-}
-
 @keyframes up-bubble {
   from {
     opacity: 0;
@@ -12146,8 +12593,7 @@ html.is-launching {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .up-buddy-bubble,
-  .up-buddy-face {
+  .up-buddy-bubble {
     animation: none;
   }
 }
@@ -12871,7 +13317,7 @@ body:not(:has(.tabbar)) .toast {
 .cover-wall-tile {
   overflow: hidden;
   aspect-ratio: 16 / 9;
-  border-radius: 12px;
+  border-radius: var(--radius-art);
   background: rgba(255, 255, 255, 0.06);
 }
 
@@ -13470,7 +13916,7 @@ body.share-frame {
   place-items: center;
   aspect-ratio: 16 / 9;
   overflow: hidden;
-  border-radius: 14px;
+  border-radius: var(--radius-art);
   background: #000;
 }
 
@@ -13530,7 +13976,7 @@ body.share-frame {
   position: relative;
   aspect-ratio: 16 / 9;
   overflow: hidden;
-  border-radius: 14px;
+  border-radius: var(--radius-art);
   background: #000;
 }
 
@@ -13572,35 +14018,6 @@ body.share-frame {
   }
 }
 
-/* The play page's menu: Share (the server's invite link, on X or a phone's share sheet), and for guests one quiet line. */
-.ow-share {
-  display: flex;
-  gap: 8px;
-  padding: 12px 0;
-  border-top: 1px solid var(--line);
-}
-
-.ow-share .ow-pill {
-  text-decoration: none;
-}
-
-.ow-made {
-  margin: 0;
-  padding: 0 0 12px;
-  color: var(--muted);
-  font-size: 12px;
-}
-
-.ow-made a {
-  color: inherit;
-  font-weight: 600;
-  text-decoration: none;
-}
-
-.ow-made a:hover {
-  color: var(--text);
-}
-
 /* A clip frame records the game alone: the platform's corner buttons and chat stay out of the creator's view. */
 .ow-clip-frame .ow-hud,
 .ow-clip-frame .ow-stats {
@@ -13721,7 +14138,7 @@ body.share-frame {
   display: block;
   width: 100%;
   border: 0;
-  border-radius: 12px;
+  border-radius: var(--radius-art);
   background: #000;
 }
 
@@ -13767,7 +14184,7 @@ body.share-frame {
 .file-page img {
   max-width: 100%;
   max-height: 82vh;
-  border-radius: 8px;
+  border-radius: var(--radius-art);
 }
 
 .file-pager {
@@ -13777,7 +14194,531 @@ body.share-frame {
   gap: 16px;
   margin-top: 12px;
 }
-`;var Y=JSON.parse(document.getElementById("ow-data").textContent),J=Y.game.slug,j=new URL(location.href).searchParams,De=/^[2-9]$/.test(j.get("player")??"")?j.get("player"):null,Ce=j.get("demo"),I=Ce===null||Ce==="0"?null:{paid:Ce!=="free"};jt(I!==null);var Ht=document.createElement("style");Ht.textContent=`${Bt}
+
+
+/*
+ * A game's About (protocol about.ts): text straight on the page and the creator's own pictures, the same way for every game, as on
+ * Steam or itch. The art does the designing: nothing here adds a box, a colour or a shadow.
+ */
+.game-about {
+  scroll-margin-top: calc(var(--bar-h) + 16px);
+}
+
+.game-about-text {
+  max-width: 72ch;
+  white-space: pre-line;
+}
+
+.game-about-text + .game-about-more {
+  margin-top: 20px;
+}
+
+.ab {
+  display: flow-root;
+  color: var(--text);
+  font-size: 15px;
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+}
+
+.ab-fig,
+.ab-quote {
+  margin: 0;
+}
+
+.ab > * + *,
+.ab-column > * + *,
+.ab-fold-body > * + *,
+.ab-quote > * + * {
+  margin-top: 16px;
+}
+
+:is(.ab, .ab-column, .ab-fold-body) > * + .ab-fig,
+:is(.ab, .ab-column, .ab-fold-body) > .ab-fig + * {
+  margin-top: 24px;
+}
+
+.ab p {
+  margin: 0;
+  font-size: inherit;
+  line-height: inherit;
+  white-space: normal;
+}
+
+/* Pictures fill the column, like the gallery above them; lines of text stop where they're still easy to read. */
+.ab :is(p, ul, ol, figcaption),
+.ab-quote {
+  max-width: 760px;
+}
+
+.ab h3,
+.page .ab h3 {
+  margin: 32px 0 0;
+  color: var(--text);
+  font-size: 17px;
+  font-weight: 700;
+  line-height: 1.3;
+  letter-spacing: 0;
+}
+
+.ab h4,
+.page .ab h4 {
+  margin: 20px 0 0;
+  color: var(--text);
+  font-size: 15px;
+  font-weight: 700;
+  line-height: 1.4;
+  letter-spacing: 0;
+}
+
+.ab :is(h3, h4):first-child,
+.page .ab :is(h3, h4):first-child {
+  margin-top: 0;
+}
+
+.ab :is(h3, h4) + * {
+  margin-top: 6px;
+}
+
+.ab a:not(.btn, .ab-youtube) {
+  color: inherit;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.ab a:not(.btn, .ab-youtube):hover {
+  text-decoration-thickness: 2px;
+}
+
+.ab-spoiler {
+  background: var(--muted);
+  color: transparent;
+  cursor: default;
+}
+
+.ab-spoiler:hover,
+.ab-spoiler:focus {
+  background: none;
+  color: inherit;
+}
+
+.ab ul,
+.ab ol {
+  margin-bottom: 0;
+  padding-left: 20px;
+}
+
+.ab li + li {
+  margin-top: 4px;
+}
+
+.ab hr {
+  height: 1px;
+  margin: 24px 0;
+  border: 0;
+  background: var(--line);
+}
+
+/* A picture shows at its own size, up to the column. */
+.ab-fig img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  border-radius: var(--radius-art);
+}
+
+.ab-fig video,
+.ab-youtube {
+  display: block;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  border-radius: var(--radius-art);
+  background: #000;
+}
+
+.ab-fig figcaption {
+  margin-top: 6px;
+  color: var(--muted);
+  font-size: 13px;
+  line-height: 1.4;
+}
+
+.ab-youtube {
+  position: relative;
+  overflow: hidden;
+  color: #fff;
+}
+
+.ab-fig .ab-youtube img {
+  width: 100%;
+  height: 100%;
+  border-radius: 0;
+  object-fit: cover;
+}
+
+.ab-yt-play {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  width: 56px;
+  height: 56px;
+  margin: auto;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.6);
+  place-items: center;
+}
+
+.ab-youtube:hover .ab-yt-play {
+  background: #000;
+}
+
+.ab-yt-mark {
+  width: 28px;
+  height: 28px;
+}
+
+.ab-missing {
+  padding: 18px;
+  border: 1.5px dashed var(--line-strong);
+  color: var(--muted);
+  font-size: 13px;
+  text-align: center;
+}
+
+.ab-gallery {
+  display: grid;
+  gap: 8px;
+}
+
+.ab-gallery-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.ab-gallery-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.ab-gallery .ab-fig img {
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  object-fit: cover;
+}
+
+.ab-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.ab-columns {
+  display: grid;
+  gap: 24px;
+  align-items: start;
+}
+
+.ab-columns-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.ab-columns-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.ab-column {
+  min-width: 0;
+}
+
+.ab-quote {
+  padding-left: 20px;
+  font-style: italic;
+}
+
+.ab-quote cite {
+  display: block;
+  margin-top: 4px;
+  color: var(--muted);
+  font-size: 13px;
+  font-style: normal;
+}
+
+.ab-table {
+  overflow-x: auto;
+}
+
+.ab-table table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 14px;
+}
+
+.ab-table th,
+.ab-table td {
+  padding: 8px 16px 8px 0;
+  border-bottom: 1px solid var(--line);
+  text-align: left;
+  vertical-align: top;
+}
+
+.ab-table th {
+  font-weight: 700;
+}
+
+.ab-fold > summary {
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.ab-fold-body {
+  padding-top: 8px;
+}
+
+.game-about-more.is-folded {
+  position: relative;
+  overflow: hidden;
+  max-height: 1400px;
+  mask-image: linear-gradient(180deg, #000 calc(100% - 120px), transparent);
+}
+
+.about-more {
+  margin-top: 8px;
+}
+
+@media (max-width: 720px) {
+  .ab-columns-2,
+  .ab-columns-3 {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .ab-gallery-3 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+/* The dashboard's About tab: the source, the same drawing beside it, then its files and the commands. */
+.about-editor {
+  padding-bottom: 16px;
+}
+
+.about-tools {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-bottom: 10px;
+}
+
+.about-tool {
+  min-height: 30px;
+  padding: 0 10px;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text);
+  font: 600 13px var(--font);
+  cursor: pointer;
+}
+
+.about-tool:hover {
+  background: var(--bg-hover);
+}
+
+.about-tool-example {
+  margin-left: auto;
+  color: var(--muted);
+}
+
+.about-panes {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 12px;
+  height: min(72vh, 780px);
+  min-height: 420px;
+}
+
+.about-pane {
+  min-width: 0;
+  min-height: 0;
+}
+
+.about-source {
+  display: block;
+  width: 100%;
+  height: 100%;
+  padding: 14px;
+  border: 1px solid var(--line-strong);
+  border-radius: var(--radius);
+  background: var(--bg-soft);
+  color: var(--text);
+  font: 13px/1.6 var(--mono);
+  resize: none;
+  tab-size: 2;
+}
+
+.about-source:focus {
+  border-color: var(--accent);
+  outline: 1px solid var(--accent);
+  outline-offset: -2px;
+}
+
+.about-preview {
+  overflow-y: auto;
+  padding: 16px 18px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: var(--bg);
+}
+
+.about-preview-empty {
+  margin: 0;
+  color: var(--muted);
+}
+
+.about-problems {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin: 10px 0 0;
+  padding: 10px 12px;
+  border-radius: var(--radius);
+  background: var(--danger-soft);
+  font-size: 13px;
+  list-style: none;
+}
+
+.about-problem {
+  margin-right: 4px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--danger);
+  font: 700 13px var(--font);
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.about-foot {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 12px;
+}
+
+.about-state {
+  color: var(--muted);
+  font-size: 13px;
+}
+
+.about-count {
+  margin-left: auto;
+  color: var(--muted);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+}
+
+.about-count.is-over {
+  color: var(--danger);
+  font-weight: 700;
+}
+
+.about-files {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  gap: 10px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.about-file {
+  position: relative;
+  min-width: 0;
+}
+
+.about-file-pick {
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  padding: 0;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: var(--bg-soft);
+  color: var(--text);
+  cursor: pointer;
+  text-align: left;
+}
+
+.about-file-pick:hover {
+  border-color: var(--line-strong);
+}
+
+.about-file-pick img,
+.about-file-video {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  aspect-ratio: 16 / 10;
+  object-fit: cover;
+  color: var(--muted);
+  font-size: 22px;
+}
+
+.about-file-name {
+  display: block;
+  overflow: hidden;
+  padding: 6px 8px;
+  font: 12px var(--mono);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.about-file-add .dz-wide {
+  aspect-ratio: auto;
+  min-height: 118px;
+}
+
+.about-reference h3 {
+  margin: 16px 0 6px;
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.about-commands {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+
+.about-commands td {
+  padding: 6px 12px 6px 0;
+  border-top: 1px solid var(--line);
+  vertical-align: top;
+}
+
+.about-commands td:first-child {
+  width: 48%;
+  overflow-wrap: anywhere;
+}
+
+.about-commands td:last-child {
+  color: var(--muted);
+}
+
+@media (max-width: 860px) {
+  .about-panes {
+    grid-template-columns: minmax(0, 1fr);
+    height: auto;
+  }
+
+  .about-source {
+    height: 52vh;
+  }
+
+  .about-preview {
+    max-height: 70vh;
+  }
+}
+`;var X=JSON.parse(document.getElementById("ow-data").textContent),Z=X.game.slug,N=new URL(location.href).searchParams,_e=/^[2-9]$/.test(N.get("player")??"")?N.get("player"):null,De=N.get("demo"),I=De===null||De==="0"?null:{paid:De!=="free"};Gt(I!==null);var Vt=document.createElement("style");Vt.textContent=`${Ut}
 .ow-local-panel { position: fixed; z-index: 30; top: 64px; left: 10px; max-width: min(340px, calc(100vw - 20px)); padding: 12px 14px; border-radius: 12px; background: var(--glass); border: 1px solid var(--line); color: var(--text); font: 14px/1.45 var(--font); backdrop-filter: blur(12px); }
 .ow-local-panel[hidden] { display: none; }
 .ow-local-panel b { font-weight: 650; }
@@ -13785,4 +14726,4 @@ body.share-frame {
 .ow-local-panel p { margin: 0 0 6px; }
 .ow-local-toast { position: fixed; z-index: 40; left: 50%; bottom: 24px; transform: translateX(-50%); max-width: calc(100vw - 32px); padding: 10px 14px; border-radius: 10px; background: var(--glass); color: var(--text); font: 14px/1.4 var(--font); border: 1px solid var(--line); }
 .ow-local-toast[hidden] { display: none; }
-`;document.head.append(Ht);document.body.classList.add("play");var M=document.getElementById("ow-game");M.setAttribute("sandbox",pt);M.setAttribute("allow",dt);var F=document.getElementById("ow-root");function Ro(){let t=new URLSearchParams;for(let[o,r]of j)gt.has(o)||t.append(o,r);let e=t.toString();return e&&e.length<=400?`?${e}`:""}var B=S("div","ow-hud ow-pos-top-left"),_e=S("div","ow-bar"),Eo='<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="8" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="12" cy="12" r="3" fill="currentColor"/></svg>',Po='<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H10l-4.2 3.4c-.5.4-1.3 0-1.3-.6V16A2.5 2.5 0 0 1 4 13.5z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/></svg>',Mo='<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="10" cy="8" r="3.5" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M3.5 19.5c.8-3.4 3.3-5.5 6.5-5.5s5.7 2.1 6.5 5.5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><path d="M19 7.5v6M16 10.5h6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>',Ft=Ie("Local platform",Eo),qt=Ie("Chat (not on this computer)",Po),Kt=Ie("Another player",Mo);_e.append(Ft,qt,Kt);B.append(_e);var D=S("div","ow-local-panel");D.hidden=!0;F.append(B,D);var W=S("div","ow-local-toast");W.hidden=!0;F.append(W);var Nt=0;function N(t){W.textContent=t,W.hidden=!1,window.clearTimeout(Nt),Nt=window.setTimeout(()=>W.hidden=!0,4e3)}Ft.addEventListener("click",()=>{D.hidden=!D.hidden,D.hidden||Ao()});qt.addEventListener("click",()=>N("Chat is the platform\u2019s: it isn\u2019t on this computer."));Kt.addEventListener("click",()=>{window.open(X(),"_blank")});function X(){let t=new URL(location.href),e=Math.min(9,Number(De??1)+1);return t.searchParams.set("player",String(e)),P&&t.searchParams.set("server",P),t.href}function Ao(){D.replaceChildren();let t=e=>{let o=document.createElement("p");o.innerHTML=e,D.append(o)};t(`<b>${ce(Y.game.name)}</b> on this computer`),t(`You are <b>${ce(Vt?.name??"\u2026")}</b>${G?` in <code>${ce(G)}</code>`:""}`),t(`<a href="${ce(X())}" target="_blank">Open another player</a> (up to 9: <code>?player=2</code>\u2026)`),t("Saves, badges and scores are kept by <code>onceworlds serve</code> while it runs.")}function S(t,e=""){let o=document.createElement(t);return e&&(o.className=e),o}function Ie(t,e){let o=S("button","ow-icon-btn");return o.type="button",o.title=t,o.setAttribute("aria-label",t),o.innerHTML=e,o}function ce(t){return t.replace(/[&<>"']/g,e=>`&#${e.charCodeAt(0)};`)}async function k(t,e={}){let o=new URL(`/__emulator/api/${t}`,location.href);De&&o.searchParams.set("player",De);let r=await fetch(o,{...e,headers:e.body?{"Content-Type":"application/json"}:void 0}),n=await r.json().catch(()=>null);if(!r.ok)throw new Error(n?.message??`The local platform answered ${r.status}`);return n}var $o=Date.now(),me=k("me").then(({player:t,now:e})=>({player:t,timeOffset:Math.round(e-($o+Date.now())/2)})),Vt=null;me.then(t=>Vt=t.player).catch(()=>{});var g=null,G=null,U=null,xe="",je=null,Be=!1,Oe=0,Wt=0;me.then(t=>Wt=t.timeOffset).catch(()=>{});var P=Ye.test(j.get("server")??"")?j.get("server"):null,ge={value:At(J)},z={hellos:0,joins:0,errors:[],lastAlive:0,closed:null},f=new ae(F,{now:()=>Date.now()+Wt,onSetting:(t,e)=>{let o=f.chooseSetting(t,e);o&&(g?.send({t:"state",k:K,v:o}),g?.send({t:"unready"}),f.handle({t:"unready"}),v.emit("room",{t:"unready"}))},onReady:t=>Yt(t),onStart:()=>g?.send({t:"start"}),onStop:()=>g?.send({t:"end"}),onInvite:()=>window.open(X(),"_blank"),onLayout:()=>H.changed()}),O=new ne(F,t=>v.emit("controls",t),()=>H.changed());function Yt(t){g?.send({t:"ready",ready:t}),f.setReadyLocal(t),v.emit("room",{t:"ready",id:xe,ready:t})}function Ne(t,e=!1){O.touch!==t&&(O.setTouch(t),e||v.emit("input",{touch:t}))}addEventListener("pointerdown",t=>t.isTrusted&&Ne(t.pointerType!=="mouse"),!0);addEventListener("keydown",t=>t.isTrusted&&Ne(!1),!0);var H=new ie(Jt,t=>v.emit("reserved",t)),he=new te(async()=>({game:J,player:null})),v=new ee(M,{async"session.get"(){let{player:t,timeOffset:e}=await me;return{player:t,game:{slug:J,name:Y.game.name,owner:"local"},audio:{volume:1,muted:!1},settings:{quality:"auto",reducedMotion:!1,showStats:!1},timeOffset:e,platformOrigin:location.origin}},"save.get":({key:t})=>k(`save?key=${encodeURIComponent(String(t))}`),"save.set":({key:t,value:e})=>k(`save?key=${encodeURIComponent(String(t))}`,{method:"PUT",body:JSON.stringify({value:e??null})}).then(()=>null),"save.delete":({key:t})=>k(`save?key=${encodeURIComponent(String(t))}`,{method:"DELETE"}).then(()=>null),"save.list":()=>k("saves"),"storage.open":t=>he.read(t),"storage.commit":t=>he.commit(t),"storage.delete":t=>he.remove(t),"storage.list":()=>he.list(),async"room.join"(t){await me;let e=t??{};if(je=e.lobby==="card"||e.lobby==="bar"?e.lobby:null,Be=!ut(e),f.setSchema(Qe(e.settings)),e.party&&g)throw new Error("Parties go into matchmaking on onceworlds.com: the local platform keeps everyone where they are.");ue();let o=!e.name&&!P&&!e.private&&ge.value&&To(ge.value.key,e)?ge.value:null;if(ge.value=null,o){let r=await Ut({key:o.key,rejoin:o.rejoin,maxPlayers:e.maxPlayers,minPlayers:e.minPlayers,countdown:e.countdown,teams:e.teams,ranked:e.ranked}).catch(()=>null);if(r)return r;ue()}return Ut(Oo(e))},"room.leave"(){return ue(),null},"net.fetch":()=>{throw new Error("onceworlds.fetch fills in secrets on onceworlds.com: it does nothing on this computer. Push a draft (onceworlds deploy) to try it.")},"badges.list":()=>k("badges"),"badges.award":({key:t})=>I?.paid?{awarded:!1}:k("badges",{method:"POST",body:JSON.stringify({key:String(t)})}).then(e=>(e.awarded&&N(`Badge earned: ${e.badge?.name??t}`),{awarded:e.awarded})),"leaderboards.submit":({board:t,score:e,lowerIsBetter:o})=>I?.paid?null:k("leaderboards",{method:"POST",body:JSON.stringify({board:String(t),score:Number(e),lowerIsBetter:o===!0})}),"leaderboards.top":({board:t,limit:e,lowerIsBetter:o})=>k(`leaderboards?board=${encodeURIComponent(String(t))}&limit=${Number(e)||10}&lower=${o===!0?1:0}`),"ratings.get":()=>null,"ratings.top":()=>[],"ui.invite"(){return window.open(X(),"_blank"),null},"ui.fullscreen"(){return document.documentElement.requestFullscreen?.().catch(()=>{}),null},"ui.tapped":()=>null,"ui.controls"(t){return O.setLayout(t),null},"ui.orientation":()=>null,"ui.menuPosition"(t){let e=t?.position;return(e==="top-left"||e==="top-right"||e==="bottom-left"||e==="bottom-right")&&(B.className=`ow-hud ow-pos-${e}`,H.changed()),null},"ui.look"(t){return Gt(t),null},"player.rename":()=>null,"demo.end":()=>I?Lo(I.paid):!1,"data.game.get":({key:t})=>k(`gamedata?key=${encodeURIComponent(String(t))}`),"data.game.op":t=>k("gamedata",{method:"POST",body:JSON.stringify(t)}),"player.avatar":t=>{let e=t?.id;return typeof e=="string"&&/^[A-Za-z0-9-]{1,64}$/.test(e)?Ve(e):null}},{"room.send":({d:t,to:e})=>g?.send({t:"msg",d:t,to:e}),"room.presence":({d:t})=>g?.send({t:"presence",d:t}),"room.hideLobby":({hidden:t})=>f.setHidden(t===!0),"room.state":({k:t,v:e,w:o})=>g?.send({t:"state",k:t,v:e,...typeof o=="number"&&Number.isSafeInteger(o)&&o>0&&o<=2147483647?{w:o}:{}}),"room.team":({id:t,team:e})=>g?.send({t:"team",id:String(t),team:Number(e)}),"room.open":({open:t})=>g?.send({t:"open",open:t===!0}),"room.result":({result:t})=>g?.send({t:"result",result:t}),"room.kick":({id:t})=>g?.send({t:"kick",id:String(t)}),"room.votekick":({id:t})=>g?.send({t:"votekick",id:String(t)}),"room.ready":({ready:t})=>{g?.send({t:"ready",ready:t===!0}),f.setReadyLocal(t===!0)},"room.unready":()=>{g?.send({t:"unready"}),f.handle({t:"unready"})},"room.transfer":({id:t})=>g?.send({t:"transfer",id:String(t)}),"room.start":({countdown:t,open:e})=>g?.send({t:"start",...Number.isFinite(t)?{countdown:Number(t)}:{},...e===!0?{open:!0}:{}}),"room.end":()=>g?.send({t:"end"}),"room.pause":({paused:t})=>g?.send({t:"pause",paused:t===!0}),"room.idle":({idle:t})=>g?.send({t:"idle",idle:t===!0}),"room.private":({k:t,v:e,id:o})=>typeof t=="string"&&g?.send({t:"private",k:t,v:e,...typeof o=="string"?{id:o}:{}}),"room.datareset":()=>g?.send({t:"datareset"}),"room.admit":({ids:t})=>g?.send({t:"admit",ids:Array.isArray(t)?t.filter(e=>typeof e=="string").slice(0,50):[]}),alive:()=>{z.lastAlive=Date.now()},stats:()=>{},hotkey:()=>{},vibrate:()=>{},input:t=>Ne(t?.touch===!0,!0),error:t=>{z.errors.length<20&&z.errors.push(String(t?.message??t).slice(0,300))},"input.first":()=>{},console:()=>{},debug:()=>{}},()=>{z.hellos++,_t(),ue(),B.className="ow-hud ow-pos-top-left",O.setLayout(null),Gt(null),v.emit("input",{touch:O.touch}),H.resend()},{demo:I!==null}),Te=null;function Lo(t){return Te??=new Promise(e=>{v.emit("pause",null);let o=S("div","ow-name ow-demo-end"),r=S("div","ow-name-form ow-demo-box"),n=S("h2");n.textContent="End of demo";let a=S("p","ow-demo-name");a.textContent=Y.game.name;let i=S("button","ow-btn ow-btn-primary");i.type="button",i.textContent=t?"Buy":"Favorite",i.addEventListener("click",()=>N(t?"On onceworlds.com, Buy opens the game\u2019s store page.":"On onceworlds.com, Favorite follows the game."));let s=S("button","ow-text-btn ow-name-login");s.type="button",s.textContent="Back to game",s.addEventListener("click",()=>{o.remove(),Te=null,v.emit("resume",null),M.focus(),e(!0)}),r.append(n,a,i,s),o.append(r),F.append(o),i.focus()}),Te}function Gt(t){let{look:e}=xt(t);f.setLook(St(e)),O.setLook(zt(e))}function Jt(){let t=M.getBoundingClientRect();if(!t.width||!t.height)return null;let{stick:e,buttons:o}=O.reservedBoxes(),r=_e.getBoundingClientRect(),n=parseFloat(getComputedStyle(B).paddingTop)||0,a=r.width&&r.height?{left:r.left-n,top:r.top-n,width:r.width+2*n,height:r.height+2*n}:null;return Mt(t,[{kind:"menu",box:B.hidden?null:a},{kind:"lobby",box:f.reservedBox()},{kind:"stick",box:e},{kind:"buttons",box:o}])}for(let t of["resize","orientationchange"])addEventListener(t,()=>H.changed());typeof ResizeObserver=="function"&&new ResizeObserver(()=>H.changed()).observe(M);function Co(t){return t.slice(0,t.lastIndexOf(":"))}function To(t,e){let o=(e.teams??0)>=2?e.teams:0,r=Math.min(E.roomMaxPlayersCap,Math.max(2,e.maxPlayers??16)),n=Xe(e.minPlayers,r,Z);return Co(t)===`pub:${we({mode:e.mode||"default",max:r,teams:o,ranked:e.ranked===!0,min:n})}`}function Do(){let t="abcdefghijklmnopqrstuvwxyz0123456789";return Array.from(crypto.getRandomValues(new Uint8Array(12)),e=>t[e%t.length]).join("")}function Oo(t){let{name:e,maxPlayers:o,minPlayers:r,countdown:n,mode:a,teams:i,ranked:s}=t,c=t.minPlayersPrivate??r;if(e)return{name:e,maxPlayers:o,minPlayers:c,countdown:n,teams:i};if(t.private&&!P){P=Do(),$t(J,P);let d=new URL(location.href);d.searchParams.set("server",P),history.replaceState(null,"",d.href)}return P?{server:P,maxPlayers:o,minPlayers:c,countdown:n,teams:i,private:t.private}:{mode:a,maxPlayers:o,minPlayers:r,countdown:n,teams:i,ranked:s}}async function Ut(t){let e=new de(J,t,{onMessage:n=>e===g&&_o(n),onClose:n=>e===g&&Io(n),onConnection:n=>{e===g&&(n||v.emit("room.connection",{connected:!1}))}});g=e;let o=await e.join();if(e!==g)throw new Error("Left the server while joining");let r=o.room.startsWith("private:")?{...o,invite:X()}:o;return xe=o.you,U=o.match??null,G=o.room,z.joins++,Oe=Je(o.room)?.max??Math.min(t.maxPlayers??E.roomMaxPlayersDefault,E.roomMaxPlayersCap),f.enable(je,{ownCountdown:Be}),f.setRoom(r,Oe),r}function _o(t){if(t.t==="update"||t.t==="move")return;if(t.t==="datareset"){N("This server\u2019s world was started over."),M.src=M.src;return}t.t==="chat"&&(t.entry.to||t.entry.channel)||t.t==="channel"||v.emit("room",t),t.t!=="welcome"&&f.handle(t),t.t==="welcome"?(f.setRoom(t,Oe),U=t.match??null):t.t==="match"?U=t.match:t.t==="error"&&t.code==="cooldown"&&(N(t.message),f.setReadyLocal(!1),v.emit("room",{t:"ready",id:xe,ready:!1}))}function Io(t){g=null,G=null,U=null,z.closed=t,f.setRoom(null),N(t==="replaced"?"You opened this game in another tab, so multiplayer moved there.":t==="kicked"?"You were removed from the server.":"Disconnected from the server."),v.emit("room.closed",{reason:t})}function ue(){g&&(g.close(),g=null,G=null,U=null,f.setRoom(null))}window.__owLocal={get you(){return xe},get room(){return G},get match(){return U},get lobby(){return je},get ownCountdown(){return Be},get hellos(){return z.hellos},get joins(){return z.joins},get errors(){return z.errors},get lastAlive(){return z.lastAlive},get closed(){return z.closed},get reserved(){return Jt()},ready(t){return g?(Yt(t),!0):!1},start(t){return g?(g.send({t:"start",...Number.isFinite(t)?{countdown:Number(t)}:{}}),!0):!1},chrome(t){F.style.visibility=t?"":"hidden"}};M.src=`${Y.gameOrigin}/${Ro()}`;})();
+`;document.head.append(Vt);document.body.classList.add("play");var y=document.getElementById("ow-game");y.setAttribute("sandbox",pt);y.setAttribute("allow",dt);var q=document.getElementById("ow-root");function Lo(){let t=new URLSearchParams;for(let[o,r]of N)gt.has(o)||t.append(o,r);let e=t.toString();return e&&e.length<=400?`?${e}`:""}var G=z("div","ow-hud ow-pos-top-left"),Ie=z("div","ow-bar"),$o='<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="8" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="12" cy="12" r="3" fill="currentColor"/></svg>',Co='<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H10l-4.2 3.4c-.5.4-1.3 0-1.3-.6V16A2.5 2.5 0 0 1 4 13.5z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/></svg>',To='<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="10" cy="8" r="3.5" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M3.5 19.5c.8-3.4 3.3-5.5 6.5-5.5s5.7 2.1 6.5 5.5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><path d="M19 7.5v6M16 10.5h6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>',Wt=Be("Local platform",$o),Yt=Be("Chat (not on this computer)",Co),Jt=Be("Another player",To);Ie.append(Wt,Yt,Jt);G.append(Ie);var O=z("div","ow-local-panel");O.hidden=!0;q.append(G,O);var J=z("div","ow-local-toast");J.hidden=!0;q.append(J);var Ht=0;function U(t){J.textContent=t,J.hidden=!1,window.clearTimeout(Ht),Ht=window.setTimeout(()=>J.hidden=!0,4e3)}Wt.addEventListener("click",()=>{O.hidden=!O.hidden,O.hidden||Do()});Yt.addEventListener("click",()=>U("Chat is the platform\u2019s: it isn\u2019t on this computer."));Jt.addEventListener("click",()=>{window.open(Q(),"_blank")});function Q(){let t=new URL(location.href),e=Math.min(9,Number(_e??1)+1);return t.searchParams.set("player",String(e)),M&&t.searchParams.set("server",M),t.href}function Do(){O.replaceChildren();let t=e=>{let o=document.createElement("p");o.innerHTML=e,O.append(o)};t(`<b>${he(X.game.name)}</b> on this computer`),t(`You are <b>${he(Xt?.name??"\u2026")}</b>${H?` in <code>${he(H)}</code>`:""}`),t(`<a href="${he(Q())}" target="_blank">Open another player</a> (up to 9: <code>?player=2</code>\u2026)`),t("Saves, badges and scores are kept by <code>onceworlds serve</code> while it runs.")}function z(t,e=""){let o=document.createElement(t);return e&&(o.className=e),o}function Be(t,e){let o=z("button","ow-icon-btn");return o.type="button",o.title=t,o.setAttribute("aria-label",t),o.innerHTML=e,o}function he(t){return t.replace(/[&<>"']/g,e=>`&#${e.charCodeAt(0)};`)}async function S(t,e={}){let o=new URL(`/__emulator/api/${t}`,location.href);_e&&o.searchParams.set("player",_e);let r=await fetch(o,{...e,headers:e.body?{"Content-Type":"application/json"}:void 0}),a=await r.json().catch(()=>null);if(!r.ok)throw new Error(a?.message??`The local platform answered ${r.status}`);return a}var Oo=Date.now(),fe=S("me").then(({player:t,now:e})=>({player:t,timeOffset:Math.round(e-(Oo+Date.now())/2)})),Xt=null;fe.then(t=>Xt=t.player).catch(()=>{});var g=null,H=null,_=null,be="",B=null,we=!1,Zt=!1,je=0,Qt=0;fe.then(t=>Qt=t.timeOffset).catch(()=>{});var M=Ye.test(N.get("server")??"")?N.get("server"):null,me={value:Ct(Z)},R={hellos:0,joins:0,errors:[],lastAlive:0,closed:null},u=new le(q,{now:()=>Date.now()+Qt,onSetting:(t,e)=>{let o=u.chooseSetting(t,e);o&&(g?.send({t:"state",k:V,v:o}),g?.send({t:"unready"}),u.handle({t:"unready"}),w.emit("room",{t:"unready"}))},onReady:t=>eo(t),onStart:()=>g?.send({t:"start"}),onStop:()=>g?.send({t:"end"}),onInvite:()=>window.open(Q(),"_blank"),onLayout:()=>F.changed(),onPressed:to}),C=new ie(q,t=>w.emit("controls",t),()=>F.changed());u.setKeyMark(!C.touch);function eo(t){g?.send({t:"ready",ready:t}),u.setReadyLocal(t),w.emit("room",{t:"ready",id:be,ready:t})}function Ne(t,e=!1){C.touch!==t&&(C.setTouch(t),u.setKeyMark(!t),e||w.emit("input",{touch:t}))}addEventListener("pointerdown",t=>t.isTrusted&&Ne(t.pointerType!=="mouse"),!0);addEventListener("keydown",t=>t.isTrusted&&Ne(!1),!0);addEventListener("keydown",t=>{let e=document.activeElement;t.isTrusted&&!t.repeat&&xt(t)&&(!e||e===document.body)&&u.pressKey()});function to(){y.focus(),y.contentWindow?.focus()}function Ft(){B||Zt||(B="bar",u.enable(B,{ownCountdown:we}))}var F=new se(()=>{let t=oo();return t&&{areas:t,link:u.link(y.getBoundingClientRect())}},({areas:t,link:e})=>{w.emit("reserved",t),w.emit("lobby",e)}),ue=new re(async()=>({game:Z,player:null})),w=new oe(y,{async"session.get"(){let{player:t,timeOffset:e}=await fe;return{player:t,game:{slug:Z,name:X.game.name,owner:"local"},audio:{volume:1,muted:!1},settings:{quality:"auto",reducedMotion:!1,showStats:!1},timeOffset:e,platformOrigin:location.origin}},"save.get":({key:t})=>S(`save?key=${encodeURIComponent(String(t))}`),"save.set":({key:t,value:e})=>S(`save?key=${encodeURIComponent(String(t))}`,{method:"PUT",body:JSON.stringify({value:e??null})}).then(()=>null),"save.delete":({key:t})=>S(`save?key=${encodeURIComponent(String(t))}`,{method:"DELETE"}).then(()=>null),"save.list":()=>S("saves"),"storage.open":t=>ue.read(t),"storage.commit":t=>ue.commit(t),"storage.delete":t=>ue.remove(t),"storage.list":()=>ue.list(),async"room.join"(t){await fe;let e=t??{};if(B=ut(e),Zt=e.lobby==="game",we=!mt(e),u.setSchema(Qe(e.settings)),e.party&&g)throw new Error("Parties go into matchmaking on onceworlds.com: the local platform keeps everyone where they are.");xe();let o=!e.name&&!M&&!e.private&&me.value&&Io(me.value.key,e)?me.value:null;if(me.value=null,o){let r=await Kt({key:o.key,rejoin:o.rejoin,maxPlayers:e.maxPlayers,minPlayers:e.minPlayers,countdown:e.countdown,teams:e.teams,ranked:e.ranked}).catch(()=>null);if(r)return r;xe()}return Kt(No(e))},"room.leave"(){return xe(),null},"net.fetch":()=>{throw new Error("onceworlds.fetch fills in secrets on onceworlds.com: it does nothing on this computer. Push a draft (onceworlds deploy) to try it.")},"badges.list":()=>S("badges"),"badges.award":({key:t})=>I?.paid?{awarded:!1}:S("badges",{method:"POST",body:JSON.stringify({key:String(t)})}).then(e=>(e.awarded&&U(`Badge earned: ${e.badge?.name??t}`),{awarded:e.awarded})),"leaderboards.submit":({board:t,score:e,lowerIsBetter:o})=>I?.paid?null:S("leaderboards",{method:"POST",body:JSON.stringify({board:String(t),score:Number(e),lowerIsBetter:o===!0})}),"leaderboards.top":({board:t,limit:e,lowerIsBetter:o})=>S(`leaderboards?board=${encodeURIComponent(String(t))}&limit=${Number(e)||10}&lower=${o===!0?1:0}`),"ratings.get":()=>null,"ratings.top":()=>[],"ui.invite"(){return window.open(Q(),"_blank"),null},"ui.fullscreen"(){return document.documentElement.requestFullscreen?.().catch(()=>{}),null},"ui.tapped":()=>null,"ui.controls"(t){return C.setLayout(t),null},"ui.orientation":()=>null,"ui.menuPosition"(t){let e=t?.position;return(e==="top-left"||e==="top-right"||e==="bottom-left"||e==="bottom-right")&&(G.className=`ow-hud ow-pos-${e}`,F.changed()),null},"ui.look"(t){return qt(t),null},"player.rename":()=>null,"demo.end":()=>I?_o(I.paid):!1,"data.game.get":({key:t})=>S(`gamedata?key=${encodeURIComponent(String(t))}`),"data.game.op":t=>S("gamedata",{method:"POST",body:JSON.stringify(t)}),"player.avatar":t=>{let e=t?.id;return typeof e=="string"&&/^[A-Za-z0-9-]{1,64}$/.test(e)?Ve(e):null}},{"room.send":({d:t,to:e})=>g?.send({t:"msg",d:t,to:e}),"room.presence":({d:t})=>g?.send({t:"presence",d:t}),"room.hideLobby":()=>{},"lobby.press":()=>u.pressTarget(),"lobby.target":t=>u.setTarget(t?.ok===!0,t?.hover===!0),"room.state":({k:t,v:e,w:o})=>g?.send({t:"state",k:t,v:e,...typeof o=="number"&&Number.isSafeInteger(o)&&o>0&&o<=2147483647?{w:o}:{}}),"room.team":({id:t,team:e})=>g?.send({t:"team",id:String(t),team:Number(e)}),"room.open":({open:t})=>g?.send({t:"open",open:t===!0}),"room.result":({result:t})=>g?.send({t:"result",result:t}),"room.kick":({id:t})=>g?.send({t:"kick",id:String(t)}),"room.votekick":({id:t})=>g?.send({t:"votekick",id:String(t)}),"room.ready":({ready:t})=>{Ft(),g?.send({t:"ready",ready:t===!0}),u.setReadyLocal(t===!0)},"room.unready":()=>{g?.send({t:"unready"}),u.handle({t:"unready"})},"room.transfer":({id:t})=>g?.send({t:"transfer",id:String(t)}),"room.start":({countdown:t,open:e})=>{Ft(),g?.send({t:"start",...Number.isFinite(t)?{countdown:Number(t)}:{},...e===!0?{open:!0}:{}})},"room.end":()=>g?.send({t:"end"}),"room.pause":({paused:t})=>g?.send({t:"pause",paused:t===!0}),"room.idle":({idle:t})=>g?.send({t:"idle",idle:t===!0}),"room.private":({k:t,v:e,id:o})=>typeof t=="string"&&g?.send({t:"private",k:t,v:e,...typeof o=="string"?{id:o}:{}}),"room.datareset":()=>g?.send({t:"datareset"}),"room.admit":({ids:t})=>g?.send({t:"admit",ids:Array.isArray(t)?t.filter(e=>typeof e=="string").slice(0,50):[]}),alive:()=>{R.lastAlive=Date.now()},stats:()=>{},hotkey:({key:t})=>{t==="Enter"&&u.pressKey()},vibrate:()=>{},input:t=>Ne(t?.touch===!0,!0),error:t=>{R.errors.length<20&&R.errors.push(String(t?.message??t).slice(0,300))},"input.first":()=>{},console:()=>{},debug:()=>{}},()=>{R.hellos++,Bt(),xe(),G.className="ow-hud ow-pos-top-left",C.setLayout(null),qt(null),w.emit("input",{touch:C.touch}),F.resend()},{demo:I!==null}),Oe=null;function _o(t){return Oe??=new Promise(e=>{w.emit("pause",null);let o=z("div","ow-name ow-demo-end"),r=z("div","ow-name-form ow-demo-box"),a=z("h2");a.textContent="End of demo";let n=z("p","ow-demo-name");n.textContent=X.game.name;let i=z("button","ow-btn ow-btn-primary");i.type="button",i.textContent=t?"Buy":"Favorite",i.addEventListener("click",()=>U(t?"On onceworlds.com, Buy opens the game\u2019s store page.":"On onceworlds.com, Favorite follows the game."));let s=z("button","ow-text-btn ow-name-login");s.type="button",s.textContent="Back to game",s.addEventListener("click",()=>{o.remove(),Oe=null,w.emit("resume",null),y.focus(),e(!0)}),r.append(a,n,i,s),o.append(r),q.append(o),i.focus()}),Oe}function qt(t){let{look:e}=wt(t);u.setLook(Et(e)),C.setLook(Pt(e))}function oo(){let t=y.getBoundingClientRect();if(!t.width||!t.height)return null;let{stick:e,buttons:o}=C.reservedBoxes(),r=Ie.getBoundingClientRect(),a=parseFloat(getComputedStyle(G).paddingTop)||0,n=r.width&&r.height?{left:r.left-a,top:r.top-a,width:r.width+2*a,height:r.height+2*a}:null;return Y(t,[{kind:"menu",box:G.hidden?null:n},{kind:"lobby",box:u.reservedBox()},{kind:"stick",box:e},{kind:"buttons",box:o}])}for(let t of["resize","orientationchange"])addEventListener(t,()=>F.changed());typeof ResizeObserver=="function"&&new ResizeObserver(()=>F.changed()).observe(y);function jo(t){return t.slice(0,t.lastIndexOf(":"))}function Io(t,e){let o=(e.teams??0)>=2?e.teams:0,r=Math.min(P.roomMaxPlayersCap,Math.max(2,e.maxPlayers??16)),a=Xe(e.minPlayers,r,ee);return jo(t)===`pub:${ke({mode:e.mode||"default",max:r,teams:o,ranked:e.ranked===!0,min:a})}`}function Bo(){let t="abcdefghijklmnopqrstuvwxyz0123456789";return Array.from(crypto.getRandomValues(new Uint8Array(12)),e=>t[e%t.length]).join("")}function No(t){let{name:e,maxPlayers:o,minPlayers:r,countdown:a,mode:n,teams:i,ranked:s}=t,d=t.minPlayersPrivate??r;if(e)return{name:e,maxPlayers:o,minPlayers:d,countdown:a,teams:i};if(t.private&&!M){M=Bo(),Tt(Z,M);let c=new URL(location.href);c.searchParams.set("server",M),history.replaceState(null,"",c.href)}return M?{server:M,maxPlayers:o,minPlayers:d,countdown:a,teams:i,private:t.private}:{mode:n,maxPlayers:o,minPlayers:r,countdown:a,teams:i,ranked:s}}async function Kt(t){let e=new ge(Z,t,{onMessage:a=>e===g&&Go(a),onClose:a=>e===g&&Uo(a),onConnection:a=>{e===g&&(a||w.emit("room.connection",{connected:!1}))}});g=e;let o=await e.join();if(e!==g)throw new Error("Left the server while joining");let r=o.room.startsWith("private:")?{...o,invite:Q()}:o;return be=o.you,_=o.match??null,H=o.room,R.joins++,je=Je(o.room)?.max??Math.min(t.maxPlayers??P.roomMaxPlayersDefault,P.roomMaxPlayersCap),u.enable(B,{ownCountdown:we}),u.setRoom(r,je),r}function Go(t){if(t.t==="update"||t.t==="move")return;if(t.t==="datareset"){U("This server\u2019s world was started over."),y.src=y.src;return}t.t==="chat"&&(t.entry.to||t.entry.channel)||t.t==="channel"||w.emit("room",t),t.t!=="welcome"&&u.handle(t),t.t==="welcome"?(u.setRoom(t,je),_=t.match??null):t.t==="match"?(t.match.phase!=="lobby"&&t.match.phase!==_?.phase&&to(),_=t.match):t.t==="error"&&t.code==="cooldown"&&(U(t.message),u.setReadyLocal(!1),w.emit("room",{t:"ready",id:be,ready:!1}))}function Uo(t){g=null,H=null,_=null,R.closed=t,u.setRoom(null),U(t==="replaced"?"You opened this game in another tab, so multiplayer moved there.":t==="kicked"?"You were removed from the server.":"Disconnected from the server."),w.emit("room.closed",{reason:t})}function xe(){g&&(g.close(),g=null,H=null,_=null,u.setRoom(null))}window.__owLocal={get you(){return be},get room(){return H},get match(){return _},get lobby(){return B},get ownCountdown(){return we},get hellos(){return R.hellos},get joins(){return R.joins},get errors(){return R.errors},get lastAlive(){return R.lastAlive},get closed(){return R.closed},get reserved(){return oo()},ready(t){return g?(eo(t),!0):!1},start(t){return g?(g.send({t:"start",...Number.isFinite(t)?{countdown:Number(t)}:{}}),!0):!1},chrome(t){q.style.visibility=t?"":"hidden"}};y.src=`${X.gameOrigin}/${Lo()}`;})();