@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.woff2')}*{box-sizing:border-box}body{margin:0;background:#082f39;color:#f7fcf6;font:17px/1.45 Manrope,Arial,sans-serif}body:not(.screen){min-height:100dvh;background:radial-gradient(ellipse at top right,#185d66,transparent 72%),#092d36}.card{max-width:590px;margin:0 auto;padding:32px 18px 60px}.mark{color:#a1e4d5;font-size:.8rem;font-weight:bold;letter-spacing:.05em}h1{font-size:clamp(32px,7vw,48px);line-height:1.08;margin:14px 0 24px}h2{font-size:23px}.row,.controls{display:flex;flex-wrap:wrap;gap:8px}.controls{display:grid;grid-template-columns:1fr 1fr}.action,button{border:1px solid #54828a;border-radius:12px;background:#17434e;color:#fff;cursor:pointer;min-height:46px;font:700 15px/1.25 Manrope,Arial;padding:12px 14px;text-align:center}.action{position:relative;overflow:hidden}.action input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.action:focus-within,button:focus-visible{outline:3px solid #fff}.hot,button[aria-pressed=true]{background:#ff9e49;border-color:#ffbc75;color:#21292d}.wide{width:100%}button:disabled{opacity:.55;cursor:wait}fieldset{border:0;margin:22px 0;padding:0}legend{margin-bottom:9px}#preview{display:block;width:100%;height:clamp(210px,40vh,360px);object-fit:contain;background:#347483;border-radius:12px;margin:16px 0 8px;touch-action:none}#notice,#auth{color:#ffe4a1;min-height:1.5em}#list article{display:flex;gap:6px;align-items:center;margin:6px 0}#list img{width:46px;height:46px;object-fit:contain;background:#27606c;border-radius:8px}#clear{margin-top:18px}.screen{height:100vh;height:100dvh;background:#07191f;overflow:hidden;display:grid;place-items:center}.screen #stage{position:relative;width:min(100vw,177.683vh);width:min(100vw,177.683dvh);aspect-ratio:1672/941;container-type:inline-size}#scene{display:block;width:100%;height:100%;background:url('/plate.webp') center/contain no-repeat}#join{position:absolute;left:2%;top:3%;border-radius:1cqw;padding:1cqw;background:#fff;color:#092f37;text-align:center;font-size:1.3cqw;font-weight:800;box-shadow:0 .25cqw 1.3cqw #001e2780}#join a{display:block;color:inherit;text-decoration:none}#join small{display:block}#join img{width:clamp(96px,16cqw,260px);display:block;margin:auto;image-rendering:pixelated}#join.large img{width:29cqw}#join.large{font-size:2cqw}#short{display:block}#title{position:absolute;bottom:7%;left:0;width:100%;margin:0;text-align:center;font-size:6.3cqw;letter-spacing:-.05em;color:white;text-shadow:0 .14em .4em #01232d;background:linear-gradient(90deg,transparent,#073d4aee 20%,#073d4aee 80%,transparent);padding:1.3cqw 0}#full{position:fixed;bottom:10px;right:10px;min-height:34px;padding:6px 10px;color:white;background:#103c47cc;font-size:13px}.screen:fullscreen #full{opacity:0}.screen:fullscreen #full:focus{opacity:1}#connection{position:fixed;bottom:12px;left:12px;color:white;background:#143840;border-radius:6px}#connection:empty{display:none}[hidden]{display:none!important}

.watch-world{width:100%;border-color:#a1e4d5}
#world-view{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#07191f;color:white}
#world-view::backdrop{background:#07191f}
#world-view iframe{display:block;width:100%;height:100%;border:0}
#close-world{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));background:#103c47ef}
.phone-world #join,.phone-world #full{display:none}