@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#fff;background:#b5dce9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #dfff92;outline-offset:4px}[hidden]{display:none!important}#game{height:100dvh;overflow:hidden;position:relative}#world{width:100%;height:100%;display:block;touch-action:none}.menu-button{position:absolute;top:20px;left:20px;width:44px;height:44px;border:1px solid #ffffff50;border-radius:13px;background:#12343f90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:22px}.toast{position:absolute;bottom:30px;left:50%;transform:translate(-50%,10px);background:#173b42ed;padding:12px 22px;border-radius:24px;font-size:13px;opacity:0;transition:.2s;pointer-events:none;text-align:center;max-width:90%}.toast.visible{opacity:1;transform:translate(-50%)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#0d303c75,#0d303c05);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:auto;padding:24px}.start-card{width:430px;flex-shrink:0;padding:32px;background:#12343fed;border:1px solid #ffffff25;border-radius:26px;box-shadow:0 30px 90px #12343f40}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#dfff92}.start-card h2{font:600 42px/1.08 Outfit,sans-serif;letter-spacing:-1.3px;margin:20px 0 16px}.start-card p{color:#b8d0d4;font-size:14px;line-height:1.7;margin:0 0 22px}.look-picker{margin:0 0 22px}.look-picker>span{display:block;font-size:10px;letter-spacing:1px;color:#b8d0d4;margin-bottom:10px}.look-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.look-picker button{padding:10px 5px;border:1px solid #ffffff25;background:#ffffff08;border-radius:8px;font-size:12px;color:#cadddf}.look-picker button.selected{background:#dfff92;color:#203832;border-color:#dfff92}.primary{width:100%;padding:16px 20px;border:0;border-radius:13px;background:#dfff92;color:#203832;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#ecffba}.primary span{font-size:23px;line-height:15px}.start-card .help,.start-card .mobile-help{font-size:12px;line-height:1.9;margin:18px 0 0;color:#9cb9bd}.mobile-help{display:none}.text-button{margin:12px 0 0;padding:6px 0;border:0;background:none;font-size:12px;color:#dfff92}.avatar-showcase{width:290px;max-width:30vw;text-align:center;margin-left:24px;flex-shrink:0}.avatar-showcase img{display:block;max-height:75dvh;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 28px #12343f55)}.avatar-showcase .eyebrow{display:block;color:#fff1eb;margin-top:8px;text-transform:uppercase}.veil:not(.intro) .avatar-showcase{display:none}#touch{display:none;position:absolute;left:24px;right:24px;bottom:30px;align-items:end;justify-content:space-between;pointer-events:none}#joystick{width:112px;height:112px;border-radius:50%;background:#12343f25;border:1px solid #ffffff45;display:grid;place-items:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}#stick{width:48px;height:48px;border-radius:50%;background:#ffffff70;border:1px solid #ffffff90;pointer-events:none}#touch-jump{width:70px;height:70px;border-radius:50%;border:1px solid #ffffff60;background:#12343f60;font-size:30px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}#error{position:absolute;inset:0;background:#12343f;padding:20%;z-index:10}@media(pointer:coarse){#touch{display:flex}.help{display:none}.mobile-help{display:block}}@media(max-width:700px){.avatar-showcase{display:none}.start-card{width:min(100%,430px);padding:26px}.start-card h2{font-size:36px}.veil{padding:18px}.menu-button{top:14px;left:14px}.toast{bottom:165px}}@media(max-height:620px){.veil{align-items:flex-start}.start-card{padding:24px}.start-card h2{font-size:32px;margin:12px 0}.start-card p{margin-bottom:16px}.avatar-showcase img{max-height:88dvh}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}