@font-face{font-family:Comic Relief;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/comic-relief-400.woff2) format("woff2")}@font-face{font-family:Comic Relief;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/comic-relief-700.woff2) format("woff2")}:root{--font-ui: "Comic Relief", "Comic Sans MS", cursive;--black: #1b1b1e;--white: #fdf3dc;--red: #e8362d;--yellow: #ffd21f;--blue: #1f6feb;--green: #2fa84f;--orange: #ff7a1a;--theme-color: var(--orange);--surface-dark: rgba(0, 0, 0, .55);--plate-bg: rgba(10, 10, 13, .62);--danger-soft: #ff8a7a;--ghost-bg: rgba(255, 255, 255, .12);--ghost-bg-hover: rgba(255, 255, 255, .22);--ghost-border: rgba(255, 255, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:var(--font-ui)}button,input,select,textarea{font:inherit}.spawn-menu__input,.admin-login__input{display:block;width:280px;margin:0 auto 16px;padding:8px 12px;font-size:16px;background:#222;color:#fff;border-radius:6px;text-align:center;outline:none;letter-spacing:2px}.brand-mark{flex:none;width:.8em;height:.8em;margin-bottom:-.03em;overflow:visible;z-index:1}.brand-mark .mark-planet{fill:none;stroke:var(--theme-color);stroke-width:34;stroke-linejoin:round}.brand-mark .mark-ring{fill:none;stroke:#98a2b3;stroke-width:22}.hidden{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important}}body{overflow:hidden;touch-action:none}#game{display:block;width:100dvw;height:100dvh;touch-action:none;opacity:0;transition:opacity .25s ease-out}#game.is-ready{opacity:1}#game.joining-hidden{opacity:0;transition:none}.spawn-menu{position:fixed;top:0;left:0;right:0;height:100dvh;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;--panel-half-w: min(550px, calc(50% - 16px) );--panel-l: calc(50% - var(--panel-half-w));--panel-r: calc(50% + var(--panel-half-w));--panel-t: max(24px, env(safe-area-inset-top));--panel-b: calc(100% - 96px) ;--chamfer-sm: 18px;--chamfer-lg: 32px;--dip-half-w: 60px;--dip-shoulder: 76px;--dip-depth: 16px;--dip-depth-inner: calc(var(--dip-depth) + 1px)}.spawn-menu__box{position:absolute;top:var(--panel-t);bottom:calc(100% - var(--panel-b));left:var(--panel-l);right:calc(100% - var(--panel-r));text-align:center;padding:44px 56px 48px;background:transparent;border:none;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;overflow-y:auto;scrollbar-width:none;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.5)}.spawn-menu__box::-webkit-scrollbar{display:none}.spawn-menu__box:before{content:"";position:absolute;inset:0;pointer-events:none;background:color-mix(in srgb,var(--theme-color) 75%,transparent);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--theme-color) 25%,transparent));clip-path:polygon(evenodd,0 var(--chamfer-sm),var(--chamfer-sm) 0,calc(50% - var(--dip-shoulder)) 0,calc(50% - var(--dip-half-w)) var(--dip-depth),calc(50% + var(--dip-half-w)) var(--dip-depth),calc(50% + var(--dip-shoulder)) 0,calc(100% - var(--chamfer-sm)) 0,100% var(--chamfer-sm),100% calc(100% - var(--chamfer-lg)),calc(100% - var(--chamfer-lg)) 100%,calc(50% + var(--dip-shoulder)) 100%,calc(50% + var(--dip-half-w)) calc(100% - var(--dip-depth)),calc(50% - var(--dip-half-w)) calc(100% - var(--dip-depth)),calc(50% - var(--dip-shoulder)) 100%,var(--chamfer-lg) 100%,0 calc(100% - var(--chamfer-lg)),1px calc(100% - var(--chamfer-lg)),var(--chamfer-lg) calc(100% - 1px),calc(50% - var(--dip-shoulder)) calc(100% - 1px),calc(50% - var(--dip-half-w)) calc(100% - var(--dip-depth-inner)),calc(50% + var(--dip-half-w)) calc(100% - var(--dip-depth-inner)),calc(50% + var(--dip-shoulder)) calc(100% - 1px),calc(100% - var(--chamfer-lg)) calc(100% - 1px),calc(100% - 1px) calc(100% - var(--chamfer-lg)),calc(100% - 1px) var(--chamfer-sm),calc(100% - var(--chamfer-sm)) 1px,calc(50% + var(--dip-shoulder)) 1px,calc(50% + var(--dip-half-w)) var(--dip-depth-inner),calc(50% - var(--dip-half-w)) var(--dip-depth-inner),calc(50% - var(--dip-shoulder)) 1px,var(--chamfer-sm) 1px,1px var(--chamfer-sm),1px calc(100% - var(--chamfer-lg)),0 calc(100% - var(--chamfer-lg)))}.spawn-menu__box:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 55% at 25% 12%,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 35%,transparent 70%),#0000001a;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000008c,inset 1px 0 color-mix(in srgb,var(--theme-color) 35%,transparent),inset -1px 0 color-mix(in srgb,var(--theme-color) 20%,transparent);clip-path:polygon(1px var(--chamfer-sm),var(--chamfer-sm) 1px,calc(50% - var(--dip-shoulder)) 1px,calc(50% - var(--dip-half-w)) var(--dip-depth-inner),calc(50% + var(--dip-half-w)) var(--dip-depth-inner),calc(50% + var(--dip-shoulder)) 1px,calc(100% - var(--chamfer-sm)) 1px,calc(100% - 1px) var(--chamfer-sm),calc(100% - 1px) calc(100% - var(--chamfer-lg)),calc(100% - var(--chamfer-lg)) calc(100% - 1px),calc(50% + var(--dip-shoulder)) calc(100% - 1px),calc(50% + var(--dip-half-w)) calc(100% - var(--dip-depth-inner)),calc(50% - var(--dip-half-w)) calc(100% - var(--dip-depth-inner)),calc(50% - var(--dip-shoulder)) calc(100% - 1px),var(--chamfer-lg) calc(100% - 1px),1px calc(100% - var(--chamfer-lg)))}.spawn-menu:before{content:"";position:fixed;top:0;left:0;right:0;height:100dvh;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 218px,rgba(0,0,0,.7) 218px,rgba(0,0,0,.7) 220px,rgba(255,255,255,.08) 220px,rgba(255,255,255,.08) 221px),repeating-linear-gradient(90deg,transparent 0,transparent 218px,rgba(0,0,0,.7) 218px,rgba(0,0,0,.7) 220px,rgba(255,255,255,.08) 220px,rgba(255,255,255,.08) 221px),linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 35%,rgba(0,0,0,.25) 100%),color-mix(in srgb,var(--theme-color) 8%,#000);clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 calc(var(--panel-t) + var(--chamfer-sm)),var(--panel-l) calc(var(--panel-t) + var(--chamfer-sm)),calc(var(--panel-l) + var(--chamfer-sm)) var(--panel-t),calc(50% - var(--dip-shoulder)) var(--panel-t),calc(50% - var(--dip-half-w)) calc(var(--panel-t) + var(--dip-depth)),calc(50% + var(--dip-half-w)) calc(var(--panel-t) + var(--dip-depth)),calc(50% + var(--dip-shoulder)) var(--panel-t),calc(var(--panel-r) - var(--chamfer-sm)) var(--panel-t),var(--panel-r) calc(var(--panel-t) + var(--chamfer-sm)),var(--panel-r) calc(var(--panel-b) - var(--chamfer-lg)),calc(var(--panel-r) - var(--chamfer-lg)) var(--panel-b),calc(50% + var(--dip-shoulder)) var(--panel-b),calc(50% + var(--dip-half-w)) calc(var(--panel-b) - var(--dip-depth)),calc(50% - var(--dip-half-w)) calc(var(--panel-b) - var(--dip-depth)),calc(50% - var(--dip-shoulder)) var(--panel-b),calc(var(--panel-l) + var(--chamfer-lg)) var(--panel-b),var(--panel-l) calc(var(--panel-b) - var(--chamfer-lg)),var(--panel-l) calc(var(--panel-t) + var(--chamfer-sm)),0 calc(var(--panel-t) + var(--chamfer-sm)))}.spawn-menu__title{font-size:38px;font-weight:700;--tracking: 8px;letter-spacing:var(--tracking);display:flex;align-items:baseline;justify-content:center;gap:var(--tracking);color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.85),0 0 18px color-mix(in srgb,var(--theme-color) 50%,transparent);line-height:1;margin-bottom:22px;flex:none;padding-left:var(--tracking)}.spawn-menu__landing{display:flex;flex-direction:column;gap:16px;align-items:stretch;width:min(360px,100%);margin:0 auto}.spawn-menu__landing .spawn-menu__input{width:100%;margin:0}.spawn-menu__landing__actions{display:flex;flex-wrap:wrap;gap:14px}.spawn-menu__landing__actions .spawn-menu__btn{flex:1;width:auto}.spawn-menu__landing__keymap{margin:2px 0;font-size:12px;color:#c3c9d4;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.8);align-self:center;max-width:100%;padding:5px 16px;border-radius:999px;background:var(--plate-bg)}.spawn-menu__input{border:1px solid var(--theme-color);transition:border-color .15s ease}.spawn-menu :focus-visible{outline:2px solid color-mix(in srgb,var(--theme-color) 85%,#fff);outline-offset:2px}.spawn-menu__input:focus{border-color:color-mix(in srgb,var(--theme-color) 40%,#fff)}.spawn-menu__input::selection{background:#444;color:#fff}.spawn-menu__btn{width:260px;padding:14px 44px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:4px;color:var(--black);background:var(--theme-color);border:3px solid var(--black);border-radius:10px;cursor:pointer;text-shadow:none;white-space:nowrap;transition:background .15s ease,transform .1s ease,opacity .15s ease}.spawn-menu__btn:hover{background:color-mix(in srgb,var(--theme-color) 82%,var(--white))}.spawn-menu__btn:active{transform:translateY(2px)}.spawn-menu__btn:disabled{cursor:default;opacity:.5;pointer-events:none;animation:launch-ready 1.5s ease-in-out infinite}.menu-busy:disabled{opacity:.85;font-size:15px;letter-spacing:2px}@keyframes launch-ready{0%,to{transform:none}50%{transform:translateY(-2px)}}.spawn-menu__back-home{position:absolute;top:max(28px,calc(env(safe-area-inset-top) + 12px));left:max(28px,calc(env(safe-area-inset-left) + 12px));background:#0a0a0d9e;border:none;border-radius:999px;color:#ffffffb8;font-size:14px;font-weight:700;letter-spacing:3px;text-decoration:none;padding:6px 14px;cursor:pointer;z-index:3;transition:color .2s,transform .2s}.spawn-menu__back-home:hover{color:#fff;transform:translate(-2px)}.spawn-menu:not([data-view=landing]) .spawn-menu__title{display:none}.spawn-menu__credits{position:absolute;bottom:calc(100% - var(--panel-b) + var(--dip-depth) + 8px);left:50%;transform:translate(-50%);color:#ffffff9e;font-size:11px;font-weight:700;letter-spacing:2px;text-decoration:none;padding:6px 12px;border-radius:999px;background:var(--plate-bg);cursor:pointer;transition:color .2s;z-index:1}.spawn-menu__credits:hover{color:#fff}.spawn-menu__slug{font-size:18px;font-weight:700;letter-spacing:4px;color:#fff;width:fit-content;margin:14px auto;padding:2px 16px;border-radius:999px;background:var(--plate-bg)}.spawn-menu__message{display:none;margin:0 auto 16px;padding:8px 14px;text-align:center;font-size:13px;color:var(--white);letter-spacing:1px;background:color-mix(in srgb,var(--red) 30%,transparent);border:2px solid var(--red);border-radius:6px}.spawn-menu__message.visible{display:block}.spawn-menu__keymap{display:grid;grid-template-columns:repeat(6,auto);column-gap:8px;align-items:center;justify-content:center}.spawn-menu__keymap>:nth-child(odd):not(:first-child){margin-left:22px}.spawn-menu__controls--mobile{display:none;margin:0}.spawn-menu__key{color:#e8eaee;white-space:nowrap;padding-right:4px}.spawn-menu__action{color:#c3c9d4;white-space:nowrap}@media (pointer: coarse){.spawn-menu__controls--mobile{display:block;color:#ccd1da}.spawn-menu__keymap{display:none}}.spawn-menu__landing__utility{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px}@media (width <= 600px){.spawn-menu__title{font-size:28px;--tracking: 5px;margin-bottom:16px}.spawn-menu__box{padding:40px 20px 44px}.spawn-menu__landing__actions{flex-direction:column}.spawn-menu__keymap>:nth-child(odd):not(:first-child){margin-left:12px}.spawn-menu__keymap{column-gap:6px}}@media (height <= 600px){.spawn-menu__landing__actions .spawn-menu__btn{padding-top:7px;padding-bottom:7px;font-size:16px}.spawn-menu{--panel-t: max(12px, env(safe-area-inset-top));--panel-b: calc(100% - 12px) ;--dip-depth: 0px}.spawn-menu__credits{bottom:auto;top:max(6px,env(safe-area-inset-top));left:auto;right:max(8px,env(safe-area-inset-right));transform:none;padding:4px 8px}.spawn-menu__title{font-size:20px;--tracking: 4px;margin-bottom:10px}.spawn-menu__message{position:absolute;top:8px;left:50%;transform:translate(-50%);margin:0;padding:4px 10px;font-size:11px;letter-spacing:1px;white-space:nowrap;max-width:calc(100% - 24px);z-index:5}.spawn-menu__box{padding:16px 24px}.spawn-menu__landing{gap:8px}.spawn-menu__back-home{top:max(18px,calc(env(safe-area-inset-top) + 8px));left:max(14px,calc(env(safe-area-inset-left) + 8px));font-size:11px;letter-spacing:2px;padding:4px 10px}}@media (width >= 700px){.spawn-menu{--panel-half-w: min(400px, calc(50% - 100px) )}}@media (width < 700px) and (600px < height <= 930px){.spawn-menu__landing__actions .spawn-menu__btn{padding-top:11px;padding-bottom:11px}.spawn-menu{--panel-t: max(16px, env(safe-area-inset-top));--panel-b: calc(100% - 22px) }.spawn-menu__title{font-size:24px;--tracking: 4px;margin-bottom:14px}.spawn-menu__box{padding:28px 20px 32px}.spawn-menu__landing{gap:11px}}@media (width >= 700px) and (600px < height <= 900px){.spawn-menu__landing{gap:11px}.spawn-menu__landing__actions .spawn-menu__btn{padding-top:10px;padding-bottom:10px}}.help-overlay{display:none;position:fixed;inset:0;background:#00000026;z-index:110;justify-content:center;align-items:center}.help-overlay.visible{display:flex}.help-overlay__box{background:#00000059;padding:24px 36px;border-radius:8px;font-size:14px;color:#fffc}.help-overlay__row{margin:8px 0}.spawn-menu:not(.hidden)~.help-overlay .help-overlay__box{background:#000c}.help-overlay__key{display:inline-block;min-width:80px;color:#fff;font-weight:700}