*{box-sizing:border-box}html,body{color:#fff;background:#8ec9f0;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}canvas{display:block}.menu{z-index:10;background:linear-gradient(#5aa9e0,#a8daf5);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}.menu:not(.start) h1{letter-spacing:6px;text-shadow:0 6px #2d6d9e,0 10px 24px #00000040;margin:0;font-size:clamp(48px,10vw,88px)}.menu:not(.start) .sub{opacity:.85;margin:0 0 12px}.menu:not(.start) input,.menu:not(.start) button{font:inherit;border:0;border-radius:10px;width:min(320px,100%);padding:12px 18px;font-size:20px}.menu:not(.start) input{color:#222;text-align:center;box-shadow:inset 0 -3px #00000026}.menu:not(.start) button{color:#fff;cursor:pointer;background:#4cc46a;font-weight:700;box-shadow:inset 0 -4px #0003}.menu:not(.start) button:disabled{opacity:.6;cursor:default}.menu .error{min-height:1.2em;margin:0}.menu.start{--ink:#f4f8ff;--muted:#e2eeffad;--line:#ffffff24;--glass:#09142494;--accent:#ffd54a;--go:#49c96b;--go-dark:#2f9e4f;--danger:#e5533d;color:var(--ink);background:radial-gradient(120% 90% at 70% 20%,#7cc0ec 0%,#4b8fc9 45%,#1d3f66 100%);padding:0;display:block;overflow:hidden}.menu.start .backdrop{width:100%;height:100%;position:absolute;inset:0}.menu.start .backdrop-fade{opacity:1;pointer-events:none;background:#08121f;transition:opacity .7s;position:absolute;inset:0}.menu.start.no-backdrop .backdrop-fade{display:none}.menu.start .backdrop-shade{pointer-events:none;background:linear-gradient(90deg,#060e1ab8 0%,#060e1a6b 30%,#060e1a00 58%),linear-gradient(#060e1a00 72%,#060e1a8c 100%),radial-gradient(140% 120%,#0000 55%,#00000059 100%);position:absolute;inset:0}.menu.start .panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.25);border-radius:22px;flex-direction:column;gap:18px;width:min(420px,100% - 32px);max-height:calc(100% - 32px);padding:28px 28px 22px;animation:.6s cubic-bezier(.2,.8,.2,1) both panel-in;display:flex;position:absolute;top:50%;left:clamp(16px,5vw,72px);overflow-y:auto;transform:translateY(-50%);box-shadow:0 24px 70px #00000061,inset 0 1px #ffffff14}@keyframes panel-in{0%{opacity:0;transform:translateY(calc(18px - 50%))}}.menu.start .brand{text-align:left}.menu.start .logo{letter-spacing:2px;flex-wrap:wrap;margin:0;font-size:clamp(44px,7vw,64px);font-weight:900;line-height:.95;display:flex}.menu.start .logo .l1{color:#fff;text-shadow:0 2px #b8dcf6,0 4px #7fb6e2,0 6px #4f8cc4,0 8px #2f6699,0 16px 26px #00000073}.menu.start .logo .l2{color:var(--accent);text-shadow:0 2px #f1b52e,0 4px #d38f1d,0 6px #a86a16,0 8px #7a4b10,0 16px 26px #00000073}.menu.start .tagline{color:var(--muted);letter-spacing:.3px;margin:14px 0 0;font-size:15px}.menu.start .label{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.menu.start .field{flex-direction:column;gap:8px;display:flex}.menu.start input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff14;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:17px;transition:border-color .15s,background .15s,box-shadow .15s}.menu.start input::placeholder{color:#e2eeff6b}.menu.start input:focus{background:#ffffff1f;border-color:#ffd54ab3;box-shadow:0 0 0 3px #ffd54a2e}.menu.start .worlds{flex-direction:column;gap:8px;display:flex}.menu.start .worlds-head{justify-content:space-between;align-items:baseline;display:flex}.menu.start .count{color:var(--muted);font-size:12px}.menu.start .slots{flex-direction:column;gap:6px;display:flex}.menu.start .slots-loading,.menu.start .slots-empty,.menu.start .slots-full{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:10px 2px;font-size:14px;display:flex}.menu.start .slots-empty,.menu.start .slots-full{padding:2px 2px 4px;font-size:13px}.menu.start .unsupported{background:#ff5a5a1f;border:1px solid #ff787866;border-radius:14px;margin:0;padding:14px 16px;font-size:15px;line-height:1.45}.menu.start .slot-card{font:inherit;color:inherit;text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:14px;outline:none;align-items:center;gap:12px;width:100%;padding:10px;transition:background .15s,border-color .15s,transform .15s;display:flex}.menu.start .slot-card.world{cursor:pointer}.menu.start .slot-card.world:hover{background:#ffffff1a}.menu.start .slot-card.world:focus-visible{box-shadow:0 0 0 3px #ffd54a59}.menu.start .slot-card.selected{background:#ffd54a24;border-color:#ffd54aa6}.menu.start .emblem{background:linear-gradient(160deg, hsl(var(--h) 70% 62%), hsl(var(--h) 62% 40%));text-shadow:0 1px 2px #00000059;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:grid;box-shadow:inset 0 -4px #00000038,inset 0 2px #ffffff40}.menu.start .info{flex:1;min-width:0}.menu.start .name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.menu.start .meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.menu.start .meta .dot{opacity:.6;margin:0 6px;font-style:normal}.menu.start .meta .online{color:#7ff0a0;font-weight:600}.menu.start .meta .online:before{content:"";vertical-align:1px;background:#5fe58a;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 6px #5fe58a}.menu.start .icon{width:34px;height:34px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;transition:opacity .15s,background .15s,color .15s;display:grid}.menu.start .icon svg{fill:currentColor;width:18px;height:18px}.menu.start .slot-card:hover .icon,.menu.start .slot-card.selected .icon,.menu.start .icon:focus-visible{opacity:1}.menu.start .icon:hover:not(:disabled){color:#ff8a76;background:#e5533d2e}.menu.start .icon:disabled{cursor:not-allowed;opacity:.25!important}.menu.start .icon.invite:hover{color:#ffd54a;background:#ffd54a2e}.menu.start .world-link:empty{display:none}.menu.start .world-link{margin:2px 0 0;font-size:13px}.menu.start .world-link .sv-btn{font:inherit;color:#fff;cursor:pointer;font-size:13px;font-weight:700}.menu.start .world-link .sv-link-field{border-radius:8px;padding:6px 10px;font-size:13px}.menu.start .slot-card.new{cursor:pointer;color:var(--muted);background:0 0;border-style:dashed;justify-content:center;padding:12px;font-weight:600}.menu.start .slot-card.new:hover{color:var(--ink);background:#ffffff0f;border-color:#fff6}.menu.start .plus{font-size:20px;font-weight:400;line-height:1}.menu.start .slot-card.creating,.menu.start .slot-card.confirm{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.menu.start .slot-card.creating input{padding:10px 12px;font-size:15px}.menu.start .slot-card.confirm{background:#e5533d1f;border-color:#e5533d99}.menu.start .q{font-size:14px;line-height:1.4}.menu.start .row{gap:8px;display:flex}.menu.start .row button,.menu.start .retry{font:inherit;cursor:pointer;color:#fff;border:0;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:700}.menu.start .row button{flex:1}.menu.start .primary{background:var(--go);box-shadow:inset 0 -3px #0003}.menu.start .danger{background:var(--danger);box-shadow:inset 0 -3px #0003}.menu.start .ghost{background:#ffffff1a}.menu.start .ghost:hover{background:#ffffff2e}.menu.start .play{font:inherit;cursor:pointer;color:#fff;background:linear-gradient(180deg, #5fd57e, var(--go));width:100%;box-shadow:inset 0 -5px 0 var(--go-dark), 0 10px 24px #28a05059;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 18px 13px;transition:transform .12s,filter .12s,box-shadow .12s;display:flex;position:relative}.menu.start .play:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.menu.start .play:active:not(:disabled){box-shadow:inset 0 -2px 0 var(--go-dark), 0 6px 14px #28a0504d;transform:translateY(2px)}.menu.start .play:disabled{cursor:default;filter:saturate(.4)brightness(.85)}.menu.start .play-label{letter-spacing:1px;text-shadow:0 2px #0000002e;font-size:22px;font-weight:900}.menu.start .play-world{opacity:.9;white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:1em;font-size:13px;font-weight:600;overflow:hidden}.menu.start.busy .play-label:after{content:"";vertical-align:-1px;border:3px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-left:10px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.menu.start .error{color:#ffb4a6;text-align:center;margin-top:-6px;font-size:14px}.menu.start .error:empty{display:none}.menu.start .caption{text-align:right;opacity:0;pointer-events:none;text-shadow:0 1px 3px #0009;width:min(340px,40vw);position:absolute;bottom:clamp(16px,5vh,48px);right:clamp(16px,4vw,56px);transform:translateY(8px)}.menu.start .caption.on{animation:.8s .2s both cap-in}@keyframes cap-in{to{opacity:1;transform:none}}.menu.start .cap-kicker{letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.menu.start .cap-title{margin-top:4px;font-size:22px;font-weight:800}.menu.start .cap-sub{color:#f0f6ffd1;margin-top:3px;font-size:13.5px}.menu.start .cap-bar{background:#ffffff2e;border-radius:2px;width:120px;height:2px;margin-top:10px;margin-left:auto;overflow:hidden}.menu.start .cap-bar i{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.menu.start .caption.on .cap-bar i{animation:linear both cap-bar}@keyframes cap-bar{to{transform:scaleX(1)}}.menu.start.no-backdrop .caption{display:none}@media (width<=720px){.menu.start .panel{gap:14px;padding:22px 18px 18px;left:50%;transform:translate(-50%,-50%)}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,calc(18px - 50%))}}.menu.start .backdrop-shade{background:linear-gradient(#060e1a40,#060e1a99)}.menu.start .caption{display:none}.menu.start .icon{opacity:1}}@media (prefers-reduced-motion:reduce){.menu.start .panel{animation:none}.menu.start .caption.on{opacity:1;animation:none;transform:none}}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0009;position:fixed;inset:0}.crosshair{width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";mix-blend-mode:difference;background:#ffffffe6;position:absolute}.crosshair:before{width:2px;height:18px;top:0;left:8px}.crosshair:after{width:18px;height:2px;top:8px;left:0}.hotbar{background:#00000059;border-radius:10px;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slots{gap:4px;display:flex}.tool-panel{border-right:1px solid #fff3;align-items:center;gap:2px;margin-right:2px;padding-right:6px;display:flex}.tool-panel .tool{border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:30px;height:48px;display:flex;position:relative}.tool-panel .tool.none{opacity:.35}.tool-panel .tool-icon{filter:drop-shadow(0 1px 1px #00000080);width:26px;height:26px}.tool-panel .tier{margin-top:2px;font-size:11px;font-weight:800;line-height:1}.tool-panel .tool.up{animation:1.6s ease-out tool-up}@keyframes tool-up{0%,30%,60%{background:#ffd54a8c;transform:scale(1.15)}15%,45%,to{background:0 0;transform:none}}.card-name .tool-icon{vertical-align:-4px;width:18px;height:18px;margin-right:4px}.slot{border:3px solid #0000;border-radius:8px;width:48px;height:48px;padding:6px;position:relative}.slot.active{background:#ffffff26;border-color:#fff}.hotbar.empty-hands .slot{opacity:.55}.swatch{border-radius:4px;width:100%;height:100%;box-shadow:inset 0 0 0 1px #00000040}.swatch.icon{box-shadow:none;image-rendering:pixelated;background:50%/contain no-repeat;border-radius:0}.key{font-size:11px;font-weight:700;position:absolute;top:0;left:3px}.block-name{opacity:0;font-weight:700;transition:opacity .3s;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}.block-name.show{opacity:1}.players{background:#0000004d;border-radius:8px;padding:8px 12px;font-size:14px}.corner{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.corner.tl{align-items:flex-start;width:min(330px,50% - 24px);top:12px;left:12px}.corner.tr{align-items:flex-end;max-width:min(300px,50% - 24px);top:12px;right:12px}.corner.br{align-items:flex-end;bottom:14px;right:12px}.corner.top{align-items:center;width:max-content;max-width:max(280px,100% - 712px);top:12px;left:50%;transform:translate(-50%)}@media (width<=1180px){.corner.br{bottom:80px}}.panel{background:#0006;border-radius:10px;min-width:150px;padding:7px 12px 8px;font-size:14px;line-height:1.55}.panel-title{text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:2px;font-size:11px;font-weight:800}.panel .row{align-items:center;gap:8px;display:flex}.panel .row .n{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:14px;font-weight:800}.panel .row.zero{opacity:.45}.panel .row.big{font-size:16px}.panel .sw{border-radius:3px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000004d}.panel .key,.status .key{background:#fff3;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700;position:static}.panel .on{color:#ffd54a;font-weight:800}.panel .warn{color:#9fb3c4;font-weight:700}.player{align-items:center;gap:8px;line-height:1.6;display:flex}.dot{border-radius:2px;width:10px;height:10px}.chat-log{width:min(420px,100% - 24px);font-size:15px;position:absolute;bottom:80px;left:12px}.chat-log .line{overflow-wrap:anywhere;background:#0000004d;border-radius:4px;margin-top:3px;padding:3px 8px;transition:opacity 1s}.chat-log .line.system{color:#ffe9a8;white-space:pre-line}.chat-log .line.echo{color:#b9c3cc;font-family:ui-monospace,monospace;font-size:14px}.chat-log .line.fade{opacity:0}.hud.chatting .chat-log .line.fade{opacity:1}.chat-input{pointer-events:auto;width:min(420px,100% - 24px);font:inherit;color:#fff;background:#0000008c;border:0;border-radius:6px;outline:none;padding:6px 10px;font-size:15px;display:none;position:absolute;bottom:44px;left:12px}.hud.chatting .chat-input{display:block}.chat-hints{background:#0009;border-radius:6px;width:min(520px,100% - 24px);padding:4px 0;font-size:14px;position:absolute;bottom:80px;left:12px}.chat-hints .row{white-space:nowrap;text-overflow:ellipsis;padding:2px 10px;overflow:hidden}.chat-hints .row.on{background:#ffffff1f}.hud.hint-picked .chat-hints .row.on{background:#ffd65a47;box-shadow:inset 3px 0 #ffd65a}.chat-hints .head{color:#fff;font-family:ui-monospace,monospace}.chat-hints .desc{color:#b9c3cc}.hint{background:radial-gradient(#080e1859,#080e18b3);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.pause-card{pointer-events:auto;cursor:pointer;width:min(720px,100%);max-height:100%;text-shadow:none;background:#101824e6;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:22px 24px 18px;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0006}.pause-card button{font:inherit;color:#fff;cursor:pointer}.pause-card .pause-play{background:#4cc46a;border:0;border-radius:10px;width:min(340px,100%);padding:12px 18px;font-size:22px;font-weight:800;box-shadow:inset 0 -4px #0003}.pause-card .pause-play:hover{background:#5cd37a}.pause-card .pause-play:active{transform:translateY(2px);box-shadow:inset 0 -1px #0003}.pause-sub{opacity:.6;margin-top:-4px;font-size:13px}.pause-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:min(340px,100%);display:flex}.pause-card .pause-btn{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:8px;flex:140px;padding:8px 14px;font-size:14px;font-weight:700}.pause-card .pause-btn:hover{background:#ffffff3d}.pause-card .exit-btn.asking{background:#dc3c288c;border-color:#ff7864b3}.pause-card .invite-btn{border-color:#ffd65a99;flex:none;width:min(340px,100%)}.controls{text-align:left;border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 20px;width:100%;margin-top:4px;padding-top:14px;font-size:13px;display:grid}.controls h4{text-transform:uppercase;letter-spacing:1px;opacity:.55;margin:0 0 6px;font-size:11px;font-weight:800}.controls .ctl{color:#ffffffd9;align-items:baseline;gap:6px;margin-bottom:6px;line-height:1.35;display:flex}.controls .keys{flex:none;align-items:baseline;gap:3px;display:inline-flex}.controls kbd{font:inherit;color:#fff;text-align:center;white-space:nowrap;background:#ffffff24;border-radius:5px;min-width:22px;padding:1px 6px;font-size:12px;font-weight:700;box-shadow:inset 0 -2px #00000059}@media (width<=620px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (height<=520px){.controls{display:none}}.debug{white-space:pre;background:#00000059;border-radius:4px;padding:4px 8px;font:13px/1.45 ui-monospace,monospace}.toast{opacity:0;font-size:18px;font-weight:700;transition:opacity .3s;position:absolute;top:30%;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.slot .cost{color:#ffe066;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.players .tag{color:#8ef59c;margin-left:4px;font-weight:700}.status{text-align:center;text-wrap:balance;background:#0006;border-radius:10px;padding:7px 16px;font-size:16px;line-height:1.5}.status b{letter-spacing:.5px;font-weight:800}.status .part{white-space:nowrap}.status .chip{border-radius:5px;padding:0 7px;font-weight:700;display:inline-block}.announce{text-align:center;opacity:0;width:calc(100% - 32px);transition:opacity .35s;position:absolute;top:24%;left:50%;transform:translate(-50%)}.announce.show{opacity:1}.announce .title{letter-spacing:3px;text-shadow:0 4px #00000059,0 8px 24px #00000059;font-size:clamp(36px,7vw,64px);font-weight:900}.announce .sub{margin-top:6px;font-size:18px}.cooldown{background:#0006;border-radius:3px;width:56px;height:5px;position:absolute;top:calc(50% + 20px);left:50%;overflow:hidden;transform:translate(-50%)}.cooldown .fill{background:#ffb43a;height:100%}.cooldown.ready .fill{background:#8ef59c}.swatch.round{border-radius:50%}.hud.picking .hint{display:none!important}.hud:has(>.results) .hint{display:none!important}.picker{pointer-events:auto;width:min(640px,100% - 32px);max-height:calc(100% - 180px);text-shadow:none;background:#141c28e0;border-radius:14px;padding:16px 18px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,calc(-50% - 30px))}.picker-title{font-size:20px;font-weight:800}.picker-sub{opacity:.75;margin:4px 0 12px;font-size:13px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.picker-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.picker-tab{color:#fff;font:inherit;cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.picker-tab:hover{border-color:#ffffff73}.picker-tab.on{color:#142030;background:#fff}.picker-group{letter-spacing:.06em;text-transform:uppercase;opacity:.6;grid-column:1/-1;margin-top:6px;font-size:12px;font-weight:800}.picker-group:first-child{margin-top:0}.picker-note{opacity:.8;color:#ffd54a;grid-column:1/-1;margin:-2px 0 2px;font-size:12px}.picker .cell{color:#fff;font:inherit;cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;display:flex;position:relative}.picker .cell:hover{background:#ffffff1f;border-color:#fff9}.picker .cell .swatch{width:40px;height:40px}.picker .cell-name{text-align:center;font-size:12px}.picker .cell .cost{color:#ffe066;font-size:11px;font-weight:700;position:absolute;top:4px;right:6px}.look-editor{z-index:20;background:#0a14238c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.look-panel{background:#141c28f0;border-radius:16px;gap:18px;width:100%;max-width:860px;max-height:calc(100vh - 32px);padding:18px;display:flex;overflow:auto}.look-preview{background:radial-gradient(circle at 50% 40%,#6fb5e6,#2d5f8c);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.look-preview canvas{width:240px;height:320px;display:block}.look-options{flex:1;min-width:0}.look-options h2{margin:0 0 10px;font-size:22px}.look-row{margin-bottom:10px}.look-label{opacity:.8;margin-bottom:5px;font-size:13px}.look-label span{opacity:.7}.look-chips,.look-colors{flex-wrap:wrap;gap:6px;display:flex}.look-chips button{font:inherit;color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #0000;border-radius:8px;padding:5px 10px;font-size:13px}.look-colors button{cursor:pointer;border:2px solid #0000004d;border-radius:7px;width:28px;height:28px}.look-chips button.active,.look-colors button.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff40}.look-chips button:hover{background:#fff3}.look-buttons{gap:8px;margin-top:14px;display:flex}.look-buttons button{font:inherit;cursor:pointer;color:#fff;border:0;border-radius:9px;padding:9px 18px;font-size:16px;font-weight:700}.look-buttons .random{background:#5b5fe0}.look-buttons .done{background:#4cc46a}@media (width<=700px){.look-panel{flex-direction:column;align-items:center}}.results{width:min(620px,100% - 32px);text-shadow:none;background:#101824e6;border-radius:14px;padding:16px 20px;animation:.4s fadein;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.results-title{text-align:center;margin-bottom:10px;font-size:28px;font-weight:900}.results table{border-collapse:collapse;width:100%;font-size:14px}.results th{text-align:right;opacity:.7;padding:4px 6px;font-size:12px;font-weight:600}.results td{text-align:right;border-top:1px solid #ffffff14;padding:5px 6px}.results th:first-child,.results td:first-child{text-align:left}.results tr.me td{background:#ffffff14}.results .dot{border-radius:2px;width:10px;height:10px;margin-right:8px;display:inline-block}.awards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 14px;margin-top:12px;display:grid}.award{font-size:14px}.award b{color:#ffd54a}.award span{opacity:.75}.award-desc{opacity:.6;font-size:12px}.results-foot{text-align:center;opacity:.6;margin-top:10px;font-size:12px}.results-score{text-align:center;margin:-4px 0 10px;font-size:15px}.results .chip{border-radius:6px;min-width:22px;padding:1px 7px;font-weight:800;display:inline-block}.results.round-end{width:min(520px,100% - 32px);top:30%}.results .rounds{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.results .round{text-align:center;border:2px solid;border-radius:8px;padding:4px 10px;font-size:13px}.results .unlocked{text-align:center;color:#8fe08a;margin:4px 0 10px;font-size:16px}.results .unlocked b{color:#fff}.fun-card,.fun-podium{width:min(520px,100% - 32px);text-shadow:none;text-align:center;background:#101824e6;border-radius:14px;padding:14px 20px;animation:.3s fadein;position:absolute;left:50%;transform:translate(-50%)}.fun-card{top:16%}.fun-podium{top:12%}.fun-title{margin-bottom:6px;font-size:26px;font-weight:900}.fun-goal{margin-bottom:8px;font-size:16px}.fun-format{opacity:.95;margin-bottom:8px;font-size:14px}.fun-keys{opacity:.8;margin:0;padding:0;font-size:13px;list-style:none}.fun-keys li{margin:2px 0}.fun-count{color:#ffd54a;min-height:8px;font-size:64px;font-weight:900;line-height:1.1}.fun-steps{justify-content:center;align-items:flex-end;gap:8px;height:170px;margin:10px 0 6px;display:flex}.fun-step{flex-direction:column;justify-content:flex-end;width:130px;animation:.7s ease-out both funrise;display:flex}.fun-step.empty{visibility:hidden}.fun-who{word-break:break-word;font-size:15px;font-weight:800}.fun-pts{opacity:.8;margin-bottom:4px;font-size:13px}.fun-block{color:#2a2010;background:#c8a24a;border-radius:6px 6px 0 0;font-size:26px;font-weight:900}.fun-step.p1 .fun-block{background:#ffd54a;height:84px}.fun-step.p2 .fun-block{background:#d8dde6;height:60px}.fun-step.p3 .fun-block{background:#d0915a;height:42px}@keyframes funrise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.fun-coop{margin:12px 0;font-size:18px}.fun-coop b{color:#ffd54a;font-size:30px}.fun-rest{opacity:.8;margin-bottom:6px;font-size:13px}.fun-duels{margin-top:8px;font-size:14px}.fun-sub{opacity:.6;margin-bottom:2px;font-size:12px}.status .mod{color:#ffd54a;font-weight:700}.status .wind{font-weight:800;display:inline-block}.hands-label{white-space:nowrap;background:#00000073;border-radius:8px;padding:4px 12px;font-size:15px;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}.hands-label .sw{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.hands-label.flash{animation:.6s hands-flash}@keyframes hands-flash{0%{background:#50c86ecc;transform:translate(-50%)scale(1.25)}to{transform:translate(-50%)scale(1)}}.toast{background:#00000080;border-radius:8px;padding:6px 14px;font-size:16px;top:auto;bottom:130px}.alarm{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #ff3c28d9,inset 0 0 90px #ff281473}.alarm.on{animation:.9s infinite alarm}@keyframes alarm{0%,to{opacity:.25}50%{opacity:1}}.tutorials{pointer-events:none;flex-direction:column;gap:8px;width:100%;display:flex}.tutorial{background:#00000073;border-radius:10px;padding:10px 12px;font-size:14px}.tutorial-title{margin-bottom:6px;font-weight:800}.tutorial .step{opacity:.55;align-items:flex-start;gap:8px;padding:3px 0;display:flex}.tutorial .step.next{opacity:1;font-weight:700}.tutorial .step.done{opacity:.6}.tutorial .step.done .t{text-decoration:line-through}.tutorial .n{background:#ffffff2e;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;height:20px;font-size:12px;display:inline-flex}.tutorial .step.next .n{color:#222;background:#ffd54a}.tutorial .step.done .n{background:#4cc46a}.pointer{text-shadow:0 1px 3px #000c;flex-direction:column;align-items:center;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%)}.pointer .arrow{font-size:30px;line-height:1}.pointer .label{color:#fff;background:#00000073;border-radius:5px;margin-top:2px;padding:1px 6px;font-size:12px}.results.station{width:min(420px,100% - 32px);top:40%}.results .payout td{font-size:16px}.results .payout td:last-child{color:#ffd54a;font-weight:700}.results .payout tr.sum td{border-top:1px solid #ffffff40;font-weight:800}.results .kbd{background:#fff3;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700}.hud.depot-open .hint{display:none!important}.results.station{pointer-events:auto;width:min(980px,100% - 24px);max-height:calc(100% - 120px);top:50%;overflow:auto}.depot{align-items:flex-start;gap:18px;display:flex}.depot-pay{flex:0 0 250px}.depot-shop{flex:1;min-width:0}.shop-title{margin-bottom:4px;font-size:16px;font-weight:800}.shop-title .purse{color:#ffd54a}.shop-group{opacity:.7;text-transform:uppercase;letter-spacing:1px;margin:8px 0 4px;font-size:12px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;display:grid}.card{text-align:left;color:#fff;font:inherit;cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:8px;flex-direction:column;gap:2px;padding:7px 9px;display:flex}.card:hover:not(:disabled){background:#ffd54a24;border-color:#ffd54a}.card:disabled{cursor:default;opacity:.5}.card.owned{opacity:.75;border-color:#8ef59c80}.card-name{font-size:14px;font-weight:700}.card-name .pips{color:#8ef59c;letter-spacing:1px;font-size:12px}.card-desc{opacity:.8;font-size:12px}.card-price{color:#ffd54a;font-size:12px;font-weight:700}.depot-foot{opacity:.95;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px;display:flex}.ready-btn{font:inherit;color:#fff;cursor:pointer;background:#4cc46a;border:0;border-radius:8px;padding:7px 16px;font-weight:800}.ready-btn.on{background:#2e7a43;box-shadow:inset 0 0 0 2px #8ef59c}@media (width<=760px){.depot{flex-direction:column}.depot-pay{flex:none;width:100%}}.wind{color:#cfe8ff;text-shadow:0 1px 3px #000c;pointer-events:none;background:#00000073;border-radius:10px;align-items:center;gap:10px;padding:6px 14px;font-weight:800;display:flex}.wind-arrow{font-size:28px;line-height:1;transition:transform .1s}.wind.blow{color:#fff;background:#3c6ea08c;animation:.25s infinite wind-shake}@keyframes wind-shake{50%{transform:translate(3px)}}.next-biome{color:#cfeeff;background:#3ec4e829;border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:14px}.shipyard .depot-pay{flex-basis:300px}.ship-purse{margin-bottom:4px;font-size:14px}.shipyard .medals td{text-align:left;padding:3px 4px;font-size:13px}.shipyard .medals tr.how td{opacity:.55;border-top:0;padding-top:0;font-size:10px}.trophy-list{margin-top:6px;font-size:12px;line-height:1.6}.trophy-list .when,.ship-how{opacity:.55}.ship-how{margin-top:10px;font-size:12px}.card.locked .card-price{color:#9fb3c4}.cabin-list{font-size:12px;line-height:1.6}.cabin-list .when{opacity:.55}.cabin-leave{color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:8px;margin-top:6px;padding:5px 10px;font-size:13px}.cabin-leave:hover{border-color:#ff8a7a}.liveries{flex-wrap:wrap;gap:6px;display:flex}.livery{color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:flex}.livery:hover:not(:disabled){border-color:#ffd54a}.livery:disabled{opacity:.4;cursor:default}.livery.on{border-color:#8ef59c}.livery .swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.ship-award{text-align:center;margin:10px 0 0;font-size:14px}.ship-award b{color:#ffd54a}.record-made{text-align:center;color:#ffd54a;text-shadow:0 0 12px #ffd54a80;margin:-4px 0 10px;font-size:20px;font-weight:800}.record-made.daily{font-size:18px}.record-cheated{text-align:center;color:#ffb38a;margin:-4px 0 10px;font-size:15px}.shop-note{opacity:.7;font-size:12px;font-weight:400}.slot .lock{filter:drop-shadow(0 1px 2px #000);pointer-events:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.picker .cell .lock{text-align:center;filter:drop-shadow(0 1px 2px #000);pointer-events:none;font-size:18px;position:absolute;top:14px;left:0;right:0}.picker .cell.locked{cursor:default;border-style:dashed}.picker .cell-lock{text-align:center;color:#ffd54a;font-size:10px;line-height:1.15}.picker .cell .strength{background:#ffffff26;border-radius:2px;width:48px;height:4px;overflow:hidden}.picker .cell .strength .fill{background:linear-gradient(90deg,#ff8a5c,#ffe066 24px,#8ef59c 48px) 0 0/48px 100%;height:100%}.picker-info{opacity:.9;min-height:2.6em;margin-top:12px;font-size:13px}.mine-map{background:#00000080;border-radius:12px;width:min(300px,46vh,100% - 24px);padding:8px 10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.mine-map-title{align-items:baseline;gap:6px;margin-bottom:6px;font-size:14px;display:flex}.mine-map-title .dim{opacity:.65;font-size:12px}.mine-map-title .close{opacity:.85;margin-left:auto;font-size:12px}.mine-map-title .key{background:#fff3;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700;position:static}.mine-map canvas{aspect-ratio:1;background:#08090ebf;border-radius:8px;width:100%;display:block}.mine-map-legend{opacity:.85;flex-wrap:wrap;gap:2px 10px;margin-top:6px;font-size:11px;display:flex}.settings-screen{z-index:5;background:#080e188c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings-panel{background:#101824f0;border-radius:14px;flex-direction:column;width:min(640px,100%);max-height:100%;display:flex;box-shadow:0 10px 40px #0006}.settings-head{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 16px;display:flex}.settings-head h2{flex:1;margin:0;font-size:22px}.settings-esc{opacity:.6;font-size:12px}.settings-screen button{font:inherit;color:#fff;cursor:pointer}.settings-back,.settings-reset{background:#ffffff26;border:1px solid #ffffff59;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:700}.settings-back:hover,.settings-reset:hover{background:#ffffff47}.settings-body{padding:4px 16px 16px;overflow-y:auto}.settings-body h3{text-transform:uppercase;letter-spacing:1px;opacity:.7;margin:14px 0 6px;font-size:15px}.settings-body h4{opacity:.65;margin:10px 0 2px;font-size:13px;font-weight:600}.settings-sub{opacity:.7;margin:0 0 4px;font-size:13px}.opt{grid-template-columns:minmax(0,190px) 1fr 64px;align-items:center;gap:12px;padding:5px 0;font-size:14px;display:grid}.opt input[type=range]{accent-color:#4cc46a;cursor:pointer;flex:1;min-width:0}.opt.check{justify-content:space-between;display:flex}.opt input[type=checkbox]{accent-color:#4cc46a;cursor:pointer;width:18px;height:18px}.seg{border:1px solid #ffffff4d;border-radius:8px;display:inline-flex;overflow:hidden}.seg button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;padding:5px 12px;font-size:13px}.seg button+button{border-left:1px solid #ffffff4d}.seg button:hover{background:#ffffff1f}.seg button.on{color:#10301a;background:#4cc46a;font-weight:700}.opt .seg{justify-self:start}.opt .val{text-align:right;font-variant-numeric:tabular-nums;min-width:64px}.bind{border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:3px 6px;font-size:14px;display:flex}.bind:hover{background:#ffffff0d}.bind-key{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:6px;min-width:96px;padding:3px 10px;font-size:13px;font-weight:700}.bind-key:hover{background:#ffffff38}.bind-key.waiting{color:#222;background:#ffd54a;border-color:#ffd54a;animation:1s infinite bind-wait}@keyframes bind-wait{50%{opacity:.65}}.bind.conflict{background:#ff46322e}.bind.conflict .bind-key{color:#ffb3a6;border-color:#ff6b4a}.bind-note{color:#ffd54a;min-height:1.2em;margin:8px 0;font-size:13px}.sv-me{margin:12px 0 0;font-size:15px;font-weight:700}.sv-btn{background:#ffffff26;border:1px solid #ffffff59;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}.sv-btn:hover{background:#ffffff47}.sv-btn.small{padding:3px 9px;font-size:12px}.sv-btn.danger{background:#dc3c288c;border-color:#ff7864b3}.sv-btn.danger:hover{background:#f04632cc}.sv-form{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;display:flex}.sv-form input,.sv-reason,.sv-link-field{font:inherit;color:#fff;background:#0000004d;border:1px solid #ffffff4d;border-radius:6px;padding:4px 8px;font-size:13px}.sv-form input[type=number]{width:64px;margin-left:4px}.sv-form .sv-note{flex:1;min-width:140px}.sv-link:not(:empty){background:#4cc46a2e;border-radius:8px;margin:8px 0;padding:8px 10px}.sv-link-text{margin-bottom:6px;font-size:13px}.sv-link-row{gap:8px;display:flex}.sv-link-field{flex:1;min-width:0}.sv-row{border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:6px 4px;font-size:14px;display:flex}.sv-row.banned{opacity:.7}.sv-dot{background:#ffffff4d;border-radius:50%;width:9px;height:9px}.sv-dot.on{background:#4cc46a}.sv-main{font-weight:700}.sv-role{text-transform:uppercase;color:#ffd54a;background:#ffd54a40;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.sv-meta{opacity:.7;flex:1;min-width:160px;font-size:12px}.sv-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.sv-reason{width:180px}.sv-empty{opacity:.6;padding:4px 0;font-size:13px}.sv-status{color:#9fe6b0;min-height:1.2em;margin:10px 0 0;font-size:13px}.sv-status.bad{color:#ffb3a6}.emote-wheel{z-index:8;pointer-events:none;width:0;height:0;position:fixed;top:50%;left:50%}.emote-wheel .ring{background:radial-gradient(circle,#0000000d 0 30px,#0000006b 31px 150px);border-radius:50%;width:300px;height:300px;position:absolute;top:-150px;left:-150px}.emote-wheel .emote{white-space:nowrap;background:#141c28d9;border:2px solid #0000;border-radius:10px;padding:6px 10px;font-size:15px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.emote-wheel .emote .n{opacity:.6;margin-right:6px;font-size:12px;display:inline-block}.emote-wheel .emote.on{color:#222;background:#ffe066f2;border-color:#fff;transform:translate(-50%,-50%)scale(1.12)}.emote-wheel .dot{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 4px #0009}.look-preview canvas{cursor:grab;touch-action:none}.look-preview canvas:active{cursor:grabbing}.look-outfits{flex-wrap:wrap;gap:8px;display:flex}.outfit{background:#ffffff14;border-radius:9px;align-items:stretch;display:flex;overflow:hidden}.outfit button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;padding:5px 9px;font-size:13px}.outfit .wear{border:2px solid #0000;border-radius:9px 0 0 9px;align-items:center;gap:6px;display:flex}.outfit .wear .sw{background:#ffffff1f;border-radius:4px;width:16px;height:22px}.outfit .wear .name{font-weight:800}.outfit .wear.active{border-color:#fff}.outfit .wear:disabled{cursor:default;opacity:.5}.outfit .keep{background:#ffffff1a;font-size:12px}.outfit button:not(:disabled):hover{background:#fff3}.ach-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.ach-row{background:#ffd54a24;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.ach-mark{color:#ffd54a;font-size:22px;line-height:1}.ach-body{min-width:0}.ach-title{font-size:16px;font-weight:700}.ach-text{opacity:.8;margin-top:2px;font-size:13px}.ach-who{color:#ffe08a;margin-top:4px;font-size:13px}