:root{--bg: #fff6e8;--tile: #ffffff;--tile-shadow: rgba(94, 62, 30, .18);--locked: rgba(94, 62, 30, .45);--inset-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--inset-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--inset-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--inset-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--mm: 6.2992px;--target-min: calc(var(--mm) * 14);--target-gap: calc(var(--mm) * 8)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,sans-serif}#app{position:absolute;top:0;right:0;bottom:0;left:0;padding:calc(var(--inset-top) + var(--mm) * 4) calc(var(--inset-right) + var(--mm) * 4) calc(var(--inset-bottom) + var(--mm) * 4) calc(var(--inset-left) + var(--mm) * 4);overflow-y:auto;touch-action:pan-y}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--mm) * 22),1fr));gap:var(--target-gap)}.grid--loading{opacity:.5}.tile{position:relative;display:flex;flex-direction:column;min-width:var(--target-min);min-height:var(--target-min);padding:0;border:none;border-radius:calc(var(--mm) * 6);background:var(--tile);box-shadow:0 calc(var(--mm) * 1.5) calc(var(--mm) * 3) var(--tile-shadow);overflow:hidden;cursor:pointer;transition:transform .12s ease-out}.tile:active{transform:scale(.96)}.tile__art{width:100%;aspect-ratio:1;object-fit:cover;display:block;pointer-events:none}.tile__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:calc(var(--mm) * 1.5) calc(var(--mm) * 1.5) calc(var(--mm) * 2);color:#5e3e1e;font-size:calc(var(--mm) * 3.2);line-height:1.15;text-align:center;pointer-events:none}.tile--locked .tile__art{filter:grayscale(.7) brightness(.85)}.tile--locked .tile__name{opacity:.55}.tile--locked:after{content:"";position:absolute;inset:auto calc(var(--mm) * 2) auto auto;top:calc(var(--mm) * 2);width:calc(var(--mm) * 6);height:calc(var(--mm) * 6);border-radius:50%;background:var(--locked)}.tile--needs-download .tile__art{opacity:.7}#player{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:var(--bg)}body.playing #player{display:block}body.playing #app{visibility:hidden}.pack-frame{width:100%;height:100%;border:0;display:block}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:calc(var(--inset-top) + var(--mm) * 4) calc(var(--inset-right) + var(--mm) * 4) calc(var(--inset-bottom) + var(--mm) * 4) calc(var(--inset-left) + var(--mm) * 4);background:#281a0c8c;touch-action:none}.gate__panel{width:100%;max-width:calc(var(--mm) * 110);max-height:100%;overflow-y:auto;padding:calc(var(--mm) * 4);border-radius:calc(var(--mm) * 5);background:var(--tile);text-align:center}.gate__title{margin:0 0 calc(var(--mm) * 2);font-size:calc(var(--mm) * 5);color:#5e3e1e}.gate__prompt{margin:0 0 calc(var(--mm) * 5);font-size:calc(var(--mm) * 4.5);font-weight:600;color:#5e3e1e;min-height:calc(var(--mm) * 12)}.gate__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--mm) * 18),1fr));gap:calc(var(--mm) * 2.5)}.gate__digit{min-height:calc(var(--mm) * 12);padding:calc(var(--mm) * 2);border:none;border-radius:calc(var(--mm) * 3);background:#fff6e8;color:#5e3e1e;font-size:calc(var(--mm) * 4);font-family:inherit;cursor:pointer}.gate__digit:active{background:#ffe9c9}.gate__cancel{margin-top:calc(var(--mm) * 5);min-height:calc(var(--mm) * 12);padding:0 calc(var(--mm) * 6);border:none;border-radius:calc(var(--mm) * 3);background:transparent;color:#5e3e1eb3;font-size:calc(var(--mm) * 3.8);font-family:inherit;cursor:pointer}.profiles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:calc(var(--inset-top) + var(--mm) * 4) calc(var(--inset-right) + var(--mm) * 4) calc(var(--inset-bottom) + var(--mm) * 4) calc(var(--inset-left) + var(--mm) * 4);background:var(--bg)}.profiles__panel{width:100%;max-width:calc(var(--mm) * 130);max-height:100%;overflow-y:auto;text-align:center}.profiles__title{margin:0 0 calc(var(--mm) * 5);font-size:calc(var(--mm) * 5);color:#5e3e1e}.profiles__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--mm) * 24),1fr));gap:var(--target-gap)}.profiles__slot{position:relative}.profiles__tile{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--mm) * 1);padding:0;border:calc(var(--mm) * 1) solid var(--profile-colour, #ddd);border-radius:50%;background:var(--tile);overflow:hidden;cursor:pointer;font-size:calc(var(--mm) * 9);line-height:1}.profiles__tile--add{border-style:dashed;color:#5e3e1e80}.profiles__photo{width:100%;height:100%;object-fit:cover}.profiles__name{position:absolute;bottom:calc(var(--mm) * 1);left:0;right:0;font-size:calc(var(--mm) * 3.2);color:#5e3e1e;background:#ffffffd9;pointer-events:none}.profiles__edit{position:absolute;top:0;right:0;width:calc(var(--mm) * 10);height:calc(var(--mm) * 10);border:none;border-radius:50%;background:#5e3e1ebf;color:#fff;font-size:calc(var(--mm) * 4);cursor:pointer}.profiles__preview{width:calc(var(--mm) * 34);height:calc(var(--mm) * 34);margin:0 auto calc(var(--mm) * 4);display:flex;align-items:center;justify-content:center;border:calc(var(--mm) * 1) solid var(--profile-colour, #ddd);border-radius:50%;overflow:hidden;background:var(--tile);font-size:calc(var(--mm) * 14)}.profiles__field{display:block;margin-bottom:calc(var(--mm) * 4);text-align:left;font-size:calc(var(--mm) * 3.6);color:#5e3e1e}.profiles__input{display:block;width:100%;margin-top:calc(var(--mm) * 1.5);min-height:calc(var(--mm) * 12);padding:0 calc(var(--mm) * 3);border:calc(var(--mm) * .4) solid rgba(94,62,30,.25);border-radius:calc(var(--mm) * 3);background:var(--tile);font-size:calc(var(--mm) * 4.5);font-family:inherit;color:#5e3e1e}.profiles__strip{display:flex;flex-wrap:wrap;gap:calc(var(--mm) * 2);margin-top:calc(var(--mm) * 1.5)}.profiles__swatch,.profiles__emoji{width:calc(var(--mm) * 11);height:calc(var(--mm) * 11);border:calc(var(--mm) * .6) solid transparent;border-radius:50%;cursor:pointer;font-size:calc(var(--mm) * 5.5);line-height:1;padding:0}.profiles__emoji{background:var(--tile)}.profiles__swatch.is-selected,.profiles__emoji.is-selected{border-color:#5e3e1e}.profiles__row{display:flex;flex-wrap:wrap;gap:calc(var(--mm) * 2);margin-bottom:calc(var(--mm) * 4)}.profiles__action{display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--mm) * 12);padding:0 calc(var(--mm) * 4);border:none;border-radius:calc(var(--mm) * 3);background:#fff6e8;color:#5e3e1e;font-size:calc(var(--mm) * 3.8);font-family:inherit;cursor:pointer}.profiles__action--primary{width:100%;background:#46a758;color:#fff}.profiles__action--danger{width:100%;margin-top:calc(var(--mm) * 3);background:transparent;color:#e5484d}.profiles__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.who{position:fixed;right:calc(var(--inset-right) + var(--mm) * 4);bottom:calc(var(--inset-bottom) + var(--mm) * 4);width:calc(var(--mm) * 14);height:calc(var(--mm) * 14);border:calc(var(--mm) * .8) solid var(--profile-colour, #ddd);border-radius:50%;background:var(--tile);box-shadow:0 calc(var(--mm) * 1) calc(var(--mm) * 2) var(--tile-shadow);font-size:calc(var(--mm) * 6);line-height:1;cursor:pointer}.parent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;overflow-y:auto;padding:calc(var(--inset-top) + var(--mm) * 4) calc(var(--inset-right) + var(--mm) * 4) calc(var(--inset-bottom) + var(--mm) * 8) calc(var(--inset-left) + var(--mm) * 4);background:var(--bg);color:#5e3e1e;font-size:calc(var(--mm) * 3.6)}.parent__panel{max-width:calc(var(--mm) * 150);margin:0 auto}.parent__head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--mm) * 3);margin-bottom:calc(var(--mm) * 4)}.parent__title{margin:0;font-size:calc(var(--mm) * 5)}.parent__close{min-height:calc(var(--mm) * 12);padding:0 calc(var(--mm) * 4);border:none;border-radius:calc(var(--mm) * 3);background:#fff6e8;color:inherit;font:inherit;cursor:pointer}.parent__section{margin-bottom:calc(var(--mm) * 6);padding:calc(var(--mm) * 3);border-radius:calc(var(--mm) * 4);background:var(--tile)}.parent__heading{margin:0 0 calc(var(--mm) * 2);font-size:calc(var(--mm) * 4)}.parent__state{margin:0 0 calc(var(--mm) * 2);font-weight:600}.parent__muted{margin:0;opacity:.6}.parent__row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--mm) * 2);min-height:calc(var(--mm) * 12)}.parent__chip{min-width:calc(var(--mm) * 12);min-height:calc(var(--mm) * 10);padding:0 calc(var(--mm) * 3);border:calc(var(--mm) * .4) solid rgba(94,62,30,.25);border-radius:calc(var(--mm) * 2.5);background:transparent;color:inherit;font:inherit;cursor:pointer}.parent__chip.is-on{background:#46a758;border-color:#46a758;color:#fff}.parent__chip--danger{color:#e5484d;border-color:#e5484d66}.parent__action{width:100%;min-height:calc(var(--mm) * 12);margin-top:calc(var(--mm) * 2);border:none;border-radius:calc(var(--mm) * 3);background:#fff6e8;color:inherit;font:inherit;cursor:pointer}.parent__action--danger{background:transparent;color:#e5484d}.parent__log{max-height:calc(var(--mm) * 50);overflow:auto;margin:0;padding:calc(var(--mm) * 2);border-radius:calc(var(--mm) * 2);background:#fff6e8;font-family:ui-monospace,monospace;font-size:calc(var(--mm) * 2.6);white-space:pre}