:root{font-family:Space Grotesk,Noto Sans TC,Microsoft JhengHei,Segoe UI,sans-serif;color:#e9edf2;background:#10141d;font-synthesis:none;--accent: #b6f36c;--muted: #7a8496;--line: #ffffff0c;--panel: #171c28;--safe-top: var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-bottom: var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--safe-left: var(--discord-safe-area-inset-left, env(safe-area-inset-left, 0px));--safe-right: var(--discord-safe-area-inset-right, env(safe-area-inset-right, 0px))}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}#app{height:100dvh;min-height:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);display:flex;flex-direction:column}.topbar{position:relative;z-index:8;height:76px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex-shrink:0}.maintenance-notice{position:fixed;z-index:20;top:calc(var(--safe-top) + 84px);left:50%;transform:translate(-50%);width:min(650px,calc(100vw - 28px));padding:12px 18px;border:1px solid #ffc269;border-radius:12px;background:var(--home-panel, #332616);color:var(--home-fg, #fff1d4);box-shadow:0 12px 35px #0008;text-align:center;font-size:14px;line-height:1.5;pointer-events:none}.update-actions{top:auto;bottom:calc(var(--safe-bottom) + 24px);width:auto;max-width:calc(100vw - 28px);pointer-events:auto;display:flex;justify-content:center;gap:12px}.update-actions button{padding:10px 14px}.deployment-waiting .round-result .result-eyebrow{display:none}body.deployment-waiting:not(.home-active) .round-next-hint{top:calc(50% + 64px);bottom:auto!important;background:transparent;max-width:calc(100% - 40px)}.brand{flex:none;font-size:23px;letter-spacing:-.9px;font-weight:700;color:#e9edf2;text-decoration:none;display:flex;align-items:center}.brand-name{color:var(--accent)}.brand-mark{font-size:36px!important;font-weight:500;margin-right:12px;color:var(--accent)}.prototype{font-size:9px;font-weight:500;letter-spacing:1.5px;margin:3px 0 0 17px;border:1px solid #ffffff16;border-radius:4px;color:#808a9d;padding:4px 7px}.connection{display:flex;align-items:center;gap:8px;color:#8e98aa;font-size:11px;letter-spacing:.4px}.header-actions{display:flex;align-items:center;gap:12px;min-width:0;margin-left:auto}.participation-status{color:#a9cf96;font-size:11px;white-space:nowrap}.participation-toggle{flex:none;min-height:32px;padding:5px 11px;border:1px solid #b6f36c80;border-radius:7px;background:#243b25;color:#e6f7d6;font-size:11px;white-space:nowrap}.header-forfeit{flex:none;min-height:32px;padding:5px 11px;border:1px solid #ff9c8a80;border-radius:7px;background:#532c2c;color:#ffe1d5;font-size:11px;white-space:nowrap}.header-home{flex:none;min-height:32px;padding:5px 11px;border:1px solid #a6f4d980;border-radius:7px;background:#17312e;color:#b9fff1;font-size:11px;white-space:nowrap;cursor:pointer}.status-dot,.live-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 12px #b6f33c45}.status-dot{background:#7a8496;box-shadow:none}.status-dot.connected{background:var(--accent);box-shadow:0 0 12px #b6f33c45}.ping{font-size:10px;color:#687587;margin-left:8px}#arena{position:relative;flex:1;overflow:hidden;background:#10141d;min-height:0}#canvas-host{position:absolute;inset:0}#canvas-host canvas{display:block;touch-action:none;width:100%;height:100%}#canvas-host:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(to right,var(--grid-edge),transparent 16%,transparent 84%,var(--grid-edge)),linear-gradient(to bottom,var(--grid-edge),transparent 16%,transparent 84%,var(--grid-edge));box-shadow:inset 0 0 48px 12px var(--grid-shadow)}#canvas-host[data-grid-alert^=danger-]:after{--grid-edge: #ff4c5c77;--grid-shadow: #ff495577}#canvas-host[data-grid-alert^=safe-]:after{--grid-edge: #4ce9d988;--grid-shadow: #4ce9d977}#canvas-host[data-grid-alert$=-warning]:after{animation:grid-border-warning .5s ease-in-out infinite}#canvas-host[data-grid-alert$=-danger]:after{animation:grid-border-active .5s ease-in-out infinite}@media(pointer:coarse)and (max-width:900px){#canvas-host[data-grid-alert]:after{box-shadow:none}}@keyframes grid-border-warning{0%,to{opacity:.22}50%{opacity:1}}@keyframes grid-border-active{0%,to{opacity:.55}50%{opacity:.8}}#canvas-host[data-zone-outside=true]:not([data-grid-alert]):after{--grid-edge: #245a32bb;--grid-shadow: #254b3499;animation:grid-border-warning 1s ease-in-out infinite}@media(pointer:coarse){#canvas-host[data-zone-outside=true]:not([data-grid-alert]):after{box-shadow:none}}@media(prefers-reduced-motion:reduce){#canvas-host[data-zone-outside=true]:not([data-grid-alert]):after{animation:none;opacity:.65}}.arena-label{position:absolute;left:32px;top:28px;font-size:10px;letter-spacing:2px;color:#758095;display:flex;align-items:center;gap:9px;pointer-events:none}.arena-label>span:last-child{font-size:9px;letter-spacing:1px;border:1px solid #ffffff14;padding:3px 5px;margin-left:2px;border-radius:3px}.panel{background:var(--panel);border:1px solid #ffffff0c;border-radius:14px}.leaderboard{pointer-events:none;position:absolute;top:27px;right:29px;width:234px;padding:20px 19px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.3px}.leaderboard-toggle{pointer-events:auto;border:0;padding:0;color:var(--accent);background:transparent;font-size:9px;cursor:pointer}.leaderboard-toggle:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.leaderboard.collapsed{padding-bottom:15px}.leaderboard.collapsed ol,.leaderboard.collapsed .players-count{display:none}.tiny{font-size:8px;letter-spacing:1px;color:var(--accent);background:#b6f36c0c;border-radius:3px;padding:3px 5px}.leaderboard ol{padding:0;margin:15px 0 14px;list-style:none;display:grid;gap:13px;min-height:31px}.leaderboard li{display:flex;align-items:center;gap:10px;font-size:11px;color:#bcc5d4}.rank{width:13px;font-size:10px;color:#657086}.rank.first{color:var(--accent)}.rank-color{width:6px;height:6px;border-radius:50%;flex-shrink:0}.rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.rank-me .rank-name{color:var(--accent)}.empty-ranking{font-size:10px!important;color:#697589!important;padding:8px 0}.players-count{border-top:1px solid #ffffff0b;padding:13px 0;font-size:10px;color:#7c889b}.players-count span{color:var(--accent);padding-right:4px}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:3;background:radial-gradient(ellipse at 45% 45%,#10141dba,#10141d38 65%);padding:25px}.game-loading{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#10141de8;color:var(--accent);font-size:14px;font-weight:600;letter-spacing:.08em;touch-action:none}.join-card{width:374px;position:relative;margin-top:-16px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#8792a3;display:flex;align-items:center;gap:8px}.cell-illustration{position:absolute;right:3px;top:43px;width:100px;height:100px;border-radius:45% 54% 49% 51%;background:linear-gradient(145deg,#caef9c,#92cf54);box-shadow:0 0 70px #b6f36c13,inset -12px -14px 20px #66972c3d;transform:rotate(-12deg);display:grid;place-items:center;animation:float 7s ease-in-out infinite}.cell-illustration>span{color:#334b20;font-size:46px;transform:rotate(12deg);margin-top:-5px}.cell-illustration i{position:absolute;width:8px;height:8px;border-radius:50%;background:#a4c4ff;right:-24px;top:-14px}.cell-illustration i:nth-child(2){width:5px;height:5px;background:#d7a4ff;right:-13px;top:95px}.cell-illustration i:nth-child(3){width:6px;height:6px;background:#b6f36c;right:109px;top:109px}h1{font-size:48px;line-height:1.3;letter-spacing:-2px;margin:27px 0 16px;font-weight:800}h1 span{color:var(--accent)}.intro{font-size:12px;line-height:1.9;color:#8e99ac;margin:0 0 30px;letter-spacing:.4px}#join-form>label{display:block;font-size:11px;font-weight:500;margin-bottom:10px}.colors{display:flex;gap:16px;border:0;padding:0;margin:19px 0 22px}.colors legend{font-size:10px;color:#7d899c;margin-bottom:13px}.swatch{display:block;position:relative;width:25px;height:25px;cursor:pointer}.swatch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.swatch span{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch);border:4px solid #10141d;outline:1px solid transparent;transition:outline .15s}.swatch input:checked+span{outline:1px solid var(--swatch)}.swatch input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.primary{border:0;border-radius:8px;background:var(--accent);color:#26371d;font-size:12px;font-weight:700;height:47px;width:100%;padding:0 17px;display:flex;align-items:center;justify-content:space-between;transition:background .2s,transform .2s}.primary:hover{background:#c7fc8a;transform:translateY(-1px)}.primary>span{font-size:20px;font-weight:400}.lobby-actions{display:flex;gap:10px}.lobby-actions .primary{flex:1;min-width:0}.spectate-join{width:100%;min-height:38px;border:1px solid #9aa7b77a;border-radius:7px;background:#29313d;color:#dce5ef;font-size:11px}.lobby-actions{flex-wrap:wrap}.lobby-actions #lobby-evolve{flex:none;min-width:104px;border:1px solid #a6f4d980;border-radius:8px;background:#17312e;color:#b9fff1;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.lobby-actions #lobby-evolve:disabled{opacity:.5;cursor:default}.form-error{font-size:11px;color:#ff9eac;min-height:0;margin:9px 0 0}.error-report{display:grid;gap:6px;margin-top:8px;color:#c2ccd6}.error-report button{justify-self:start;border:1px solid #ffffff33;border-radius:6px;padding:6px 9px;background:#202a38;color:#eef5f8;font:inherit;cursor:pointer}.error-report textarea{width:100%;resize:vertical;border:1px solid #ffffff24;border-radius:6px;padding:8px;background:#121a25;color:#d5e2ec;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.lobby-note{margin-top:20px;border-top:1px solid var(--line);padding-top:18px;color:#647286;font-size:10px;letter-spacing:.2px;text-align:center}.lobby-note>span{color:#8a98ac;margin-right:5px}.controls{position:absolute;bottom:27px;left:50%;transform:translate(-50%);white-space:nowrap;display:flex;align-items:center;gap:10px;color:#647185;font-size:10px;pointer-events:none}.abilities{position:absolute;z-index:2;left:50%;bottom:76px;transform:translate(-50%);display:none;gap:9px}.abilities button{min-width:113px;height:44px;border:1px solid #b6f36c48;border-radius:9px;background:#19251de8;color:#d5f3bd;font-size:11px;font-weight:600}.abilities button:hover:not(:disabled){border-color:var(--accent);background:#243b25}.abilities button:disabled{cursor:default;opacity:.42;background:#30343be8;color:#a5a9b2;border-color:#626775;pointer-events:none}.abilities{touch-action:none;-webkit-user-select:none;user-select:none}.abilities.dragging{outline:2px dashed #b6f36c;outline-offset:4px;border-radius:9px;cursor:grabbing}.abilities kbd{margin-left:5px;font-size:9px;color:#9db581}.controls i{width:2px;height:2px;background:#576276;border-radius:50%}.mouse-icon{display:inline-grid;place-items:center;width:22px;height:26px;border:1px solid #ffffff16;border-radius:6px;font-size:12px;margin-right:3px}.minimap-stack{position:absolute;top:72px;left:29px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none}.minimap{padding:11px 11px 8px;border-radius:10px;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.minimap canvas{width:132px;height:132px;opacity:.8}.minimap>span{font-size:8px;color:#637187;letter-spacing:1px}.emote-feed{width:max-content;max-width:min(320px,calc(100vw - 60px));max-height:150px;margin:0;padding:0;overflow:hidden;list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none}.emote-feed li{width:max-content;max-width:100%;min-width:0;height:31px;padding:2px 6px;display:flex;align-items:center;gap:6px;border:1px solid #ffffff0d;border-radius:7px;background:#111722b8;color:#c6cfdd;font-size:10px;line-height:1;white-space:nowrap;overflow:hidden;animation:emote-arrive .14s ease-out both}.emote-feed .emote-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.emote-feed .kill-feed-message{height:auto;min-height:31px;max-width:min(320px,calc(100vw - 60px));white-space:normal;line-height:1.35;color:#ffe2b2;border-color:#ffca762f}.emote-feed img{width:26px;height:26px;object-fit:contain;flex:none}.emote-widget{position:absolute;z-index:6;right:calc(18px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));width:48px;height:48px}.emote-trigger,.emote-picker button{position:absolute;width:48px;height:48px;padding:6px;display:grid;place-items:center;border:1px solid #ffffff2c;border-radius:15px;background:#151b27e8;box-shadow:0 5px 18px #0005;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.emote-trigger{z-index:2;opacity:.82;transition:opacity .12s,border-color .12s,transform .12s}.emote-trigger:hover,.emote-widget.is-picking .emote-trigger{opacity:1;border-color:#b6f36c9c}.emote-trigger:active{transform:scale(.96)}.emote-trigger img,.emote-picker img{width:32px;height:32px;object-fit:contain;pointer-events:none}.emote-picker{position:absolute;inset:0}.emote-picker button{z-index:1;top:0;left:0;padding:5px;opacity:0;pointer-events:none;transform:translate(0) scale(.72);transition:transform .13s ease-out,opacity .1s ease-out,border-color .1s}.emote-picker:not([hidden]) button{opacity:1;pointer-events:auto}.emote-picker:not([hidden]) button:nth-child(1){transform:translate(-118px,-4px)}.emote-picker:not([hidden]) button:nth-child(2){transform:translate(-108px,-61px)}.emote-picker:not([hidden]) button:nth-child(3){transform:translate(-77px,-110px)}.emote-picker:not([hidden]) button:nth-child(4){transform:translate(-31px,-127px)}.emote-picker:not([hidden]) button:nth-child(5){transform:translate(-3px,-78px)}.emote-picker button.is-hovered{border-color:var(--accent);background:#263728f5;transform:translate(var(--pick-x),var(--pick-y)) scale(1.12)}.emote-picker:not([hidden]) button:nth-child(1){--pick-x: -118px;--pick-y: -4px}.emote-picker:not([hidden]) button:nth-child(2){--pick-x: -108px;--pick-y: -61px}.emote-picker:not([hidden]) button:nth-child(3){--pick-x: -77px;--pick-y: -110px}.emote-picker:not([hidden]) button:nth-child(4){--pick-x: -31px;--pick-y: -127px}.emote-picker:not([hidden]) button:nth-child(5){--pick-x: -3px;--pick-y: -78px}@keyframes emote-arrive{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.emote-feed li{animation:none}.emote-picker button,.emote-trigger{transition:none}}.shield-note{pointer-events:none;position:absolute;top:30px;left:50%;transform:translate(-50%);color:var(--accent);font-size:11px;letter-spacing:.5px;border:1px solid #b6f36c20;background:#b6f36c08;padding:9px 15px;border-radius:20px}.death-card{width:385px;padding:34px}.death-card .eyebrow{color:var(--accent)}h2{font-size:28px;margin:18px 0 12px;letter-spacing:-1px}.death-card>p{font-size:12px;color:#8695ab;line-height:1.7}.death-stats{display:flex;gap:20px;margin:26px 0}.death-stats>div{flex:1;display:flex;flex-direction:column;gap:7px}.death-stats strong{font-size:24px;font-weight:500}.death-stats span{color:#6e7c92;font-size:10px}.secondary{width:100%;border:0;background:transparent;color:#8492a8;font-size:11px;padding:16px 0 0}footer{height:43px;border-top:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;color:#525e72;font-size:9px;letter-spacing:.5px;flex-shrink:0}.footer-dot{margin:0 7px;color:#778499}footer a{color:#7f8ba0;text-decoration:none}footer a:hover,footer a:focus-visible{color:var(--accent);text-decoration:underline}@keyframes float{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-8px) rotate(-5deg)}}@media(min-width:1500px){.join-card{width:410px}h1{font-size:56px}.cell-illustration{top:55px;right:5px;width:115px;height:115px}.intro{font-size:13px;margin-bottom:34px}.primary{height:51px}}@media(max-width:900px){.leaderboard{width:180px;right:18px;top:22px;padding:16px 14px 0}.join-card{margin-left:-120px}.minimap-stack{left:18px}.controls{bottom:18px;font-size:9px}.arena-label{left:20px}.topbar{padding:0 22px}.brand{font-size:20px}footer{padding:0 22px}}@media(max-width:640px){.topbar{height:62px;padding:0 18px}.brand{font-size:20px}.brand-mark{font-size:28px!important;margin-right:8px}.prototype{display:none}.connection{font-size:9px}.ping{margin-left:0}.arena-label{left:18px;top:20px;font-size:8px}.leaderboard{top:18px;right:15px;width:149px;padding:12px 11px 0}.panel-heading{font-size:10px}.leaderboard ol{margin:10px 0;gap:8px}.leaderboard li{font-size:9px;gap:6px}.empty-ranking{font-size:8px!important}.players-count{padding:10px 0;font-size:8px}.join-card{width:min(310px,100%);margin:43px 0 0}.overlay{padding:18px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:40px;margin:23px 0 13px}.cell-illustration{width:77px;height:77px;right:10px;top:45px}.cell-illustration>span{font-size:36px}.intro{font-size:11px;margin-bottom:22px}.colors{gap:18px;margin:15px 0 18px}.controls{font-size:8px;gap:6px;bottom:16px}.controls i:last-of-type,.controls i:last-of-type+*{display:none}.minimap-stack{top:50px;left:15px}.minimap{padding:7px}.abilities{bottom:148px}.minimap canvas{width:78px;height:78px}.minimap>span{font-size:6px}.shield-note{top:143px;font-size:9px}footer{height:35px;padding:0 18px;font-size:7px}.lobby-note{margin-top:15px;padding-top:14px;font-size:9px}#lobby:not([hidden])~.minimap-stack{display:none}.death-card{max-width:340px;padding:27px}}@media(prefers-reduced-motion:reduce){#canvas-host[data-grid-alert]:after{animation:none;opacity:.7}.cell-illustration{animation:none}.primary{transition:none}}.discord-panel{margin:0 0 20px}.discord-login{display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;padding:0 14px;border:1px solid #9b9eff35;border-radius:8px;background:#5865f222;color:#c6cbff;font-size:11px;font-weight:600}.discord-login:hover:not(:disabled){background:#5865f238}.discord-login:disabled{cursor:default;opacity:.5}.discord-panel p{color:#768399;font-size:10px;line-height:1.7;margin:9px 0 0}.discord-account{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#5865f215;border:1px solid #9b9eff20;border-radius:8px}.discord-account img{border-radius:50%}.discord-account>span{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discord-account button{border:0;background:transparent;color:#9ea9bd;font-size:10px}.bot-count{font-size:9px;margin-left:5px;color:#69758a}.bot-count span{color:#a0adc1}#lobby{overflow-y:auto;align-items:safe center}.join-card{flex-shrink:0}@media(max-width:640px){#lobby{align-items:flex-start}.join-card{margin:24px 0 42px}.discord-panel{margin-bottom:15px}.bot-count{display:block;margin:6px 0 0}#arena:has(#lobby:not([hidden])) .leaderboard{display:none}#connection-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.touch-stick{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border:1px solid #b6f36c70;border-radius:50%;background:#10141d65;pointer-events:none;z-index:2}.round-result{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - 32px);padding:16px 24px;border:1px solid #b6f36c45;background:#111a20f0;color:#d5f3bd;font-size:16px;font-weight:700;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:auto}.round-result #start-round{min-height:44px;padding:9px 20px;border:1px solid #b6f36c;border-radius:8px;background:#44662e;color:#f0ffdf;font:inherit;cursor:pointer}.round-result #start-round:disabled{opacity:.5;cursor:default}.round-next-hint{position:absolute;z-index:5;top:calc(50% + 76px);left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:9px 14px;color:#d5e3ec;font-size:12px;text-align:center;white-space:normal;pointer-events:none}.round-actions{display:flex;align-items:center;gap:8px;margin-left:24px;white-space:nowrap}.round-actions button,.round-actions select{min-height:34px;border:1px solid #b6f36c70;border-radius:7px;background:#243b25;color:#e6f7d6;padding:5px 10px;font:inherit;font-size:11px}.round-actions button{cursor:pointer}.round-actions button:disabled{opacity:.5;cursor:default}#transfer-controls{display:flex;align-items:center;gap:6px}#transfer-target{max-width:140px;text-overflow:ellipsis}.room-actions-toggle{display:none}@media(max-width:640px){.header-actions{gap:8px}.participation-toggle{min-height:34px;padding:5px 8px;font-size:10px}.room-actions-toggle:not([hidden]){display:block;flex:none;min-height:34px;padding:5px 8px;border:1px solid #b6f36c70;border-radius:7px;background:#243b25;color:#e6f7d6;font-size:11px}.header-forfeit,.header-home{min-height:34px;padding:5px 8px;font-size:10px}.topbar:has(.header-home:not([hidden])) #connection-label{display:none}.round-result{font-size:13px}.round-actions:not([hidden]){display:none;position:absolute;top:calc(100% - 1px);right:18px;z-index:9;margin:0;padding:10px;flex-direction:column;align-items:stretch;gap:8px;max-width:calc(100vw - 36px);border:1px solid #b6f36c55;border-radius:0 0 9px 9px;background:#171c28f5;box-shadow:0 12px 28px #0007}.round-actions[data-open=true]:not([hidden]){display:flex}.round-actions button,.round-actions select{min-height:44px}#transfer-target{max-width:min(140px,34vw)}}.spectator-panel{position:absolute;z-index:3;bottom:58px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:8px 12px;color:#d5f3bd;font-size:11px;white-space:nowrap}.spectator-panel button{border:1px solid #b6f36c55;border-radius:5px;background:#243b25;color:#d5f3bd;min-width:30px;min-height:30px}.spectator-panel button:disabled{opacity:.35}:root[data-input-mode=touch] .abilities:not([hidden]){display:flex;left:16px;bottom:64px;transform:none}@media(pointer:coarse){:root:not([data-input-mode=mouse]) .abilities:not([hidden]){display:flex;left:16px;bottom:64px;transform:none}}@media(max-height:500px){.spectator-panel{bottom:36px}:root[data-input-mode=touch] .abilities:not([hidden]){bottom:44px}}.progression-open{border:1px solid #a6f4d980;border-radius:7px;background:#17312e;color:#b9fff1;padding:7px 12px;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.progression-backdrop{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:12px;background:#080d18d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.progression-dialog{width:min(660px,100%);max-height:100%;overflow-y:auto;padding:22px;background:#151d2af8;border:1px solid #7ae4cc55;box-shadow:0 24px 70px #0009}.progression-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.progression-heading h2{margin:3px 0 0;font-size:22px;color:#eafffa}.progression-heading button{width:36px;height:36px;border:1px solid #ffffff44;border-radius:8px;background:#27303d;color:#fff;cursor:pointer}.progression-balance{display:flex;align-items:baseline;gap:8px;margin:18px 0 0;color:#c6d8de}.progression-balance strong{color:#b6f36c;font-size:25px}.progression-balance span{margin-left:auto;color:#879baa;font-size:11px}.progression-rate{margin:4px 0 14px;color:#879baa;font-size:11px}.evolve-button{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:145px;margin:14px 0 0;border:1px solid #67dfcc77;border-radius:14px;background:radial-gradient(circle at 50% 50%,#3dc9a92e,transparent 58%),#101d2b;color:#d9fff5;font:inherit;font-weight:700;cursor:pointer}.evolve-button:disabled{opacity:.55;cursor:default}.evolve-button.is-opening:disabled{opacity:1;cursor:progress}.evolve-button:before{content:"";position:absolute;inset:-80%;z-index:0;opacity:0;background:conic-gradient(from 0deg,transparent 0 8%,#a6ffeb66 12%,transparent 17% 30%,#b8f7ff77 36%,transparent 42% 57%,#a6ffeb66 62%,transparent 68% 81%,#b8f7ff77 87%,transparent 93%);transform:scale(.1) rotate(0)}.evolve-button.is-opening:before{animation:evolution-flare 1.3s ease-out both}.evolve-button>span:last-child{position:relative;z-index:2}.evolution-burst{position:absolute;inset:0;z-index:1;pointer-events:none}.evolution-burst i{position:absolute;top:45%;left:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:#d6fff2;box-shadow:0 0 12px #8fffe4;opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.3)}.evolution-burst i:nth-child(1){--angle: 0deg}.evolution-burst i:nth-child(2){--angle: 45deg}.evolution-burst i:nth-child(3){--angle: 90deg}.evolution-burst i:nth-child(4){--angle: 135deg}.evolution-burst i:nth-child(5){--angle: 180deg}.evolution-burst i:nth-child(6){--angle: 225deg}.evolution-burst i:nth-child(7){--angle: 270deg}.evolution-burst i:nth-child(8){--angle: 315deg}.is-opening .evolution-burst i{animation:evolution-spark 1.25s ease-out both}.evolution-chest{position:relative;display:block;width:94px;height:78px;filter:drop-shadow(0 0 19px #6fffe7);animation:evolution-glow 2s ease-in-out infinite}.is-opening .evolution-chest{z-index:2;animation:evolution-open 1.3s ease-in-out both}.evolution-chest:before{content:"";position:absolute;inset:5px 24px 19px;transform:rotate(45deg);border:2px solid #b2fff0;background:linear-gradient(135deg,#acffed80,#30b8e263 54%,#2b648a95);box-shadow:inset 0 0 13px #dfffff}.is-opening .evolution-chest:before{animation:evolution-lid 1.3s ease-in-out both}.evolution-chest i{position:absolute;left:17px;right:17px;bottom:9px;height:24px;clip-path:polygon(0 0,50% 45%,100% 0,88% 100%,12% 100%);background:linear-gradient(90deg,#295972,#7bf5d8,#26576e)}.evolution-chest b{position:absolute;left:40px;top:18px;width:14px;height:14px;border-radius:50%;background:#e9fff7;box-shadow:0 0 15px 7px #b8ffe9}.is-opening .evolution-chest b{animation:evolution-core 1.3s ease-out both}.evolution-chest em{position:absolute;inset:7px 3px;border:1px solid #9afbe3aa;border-radius:50%;transform:rotate(-24deg) scaleY(.45)}.is-opening .evolution-chest em{animation:evolution-ring 1.3s ease-out both}@keyframes evolution-glow{50%{filter:drop-shadow(0 0 28px #9bfff0);transform:translateY(-3px)}}@keyframes evolution-open{0%,to{transform:scale(1)}28%{transform:scale(.88) rotate(-4deg)}55%{transform:translateY(-8px) scale(1.17) rotate(3deg)}72%{transform:translateY(-5px) scale(1.1)}}@keyframes evolution-lid{0%,34%,to{transform:rotate(45deg)}58%,74%{transform:translateY(-25px) rotate(45deg) scale(1.15)}}@keyframes evolution-core{0%,30%,to{transform:scale(1)}58%{transform:scale(2.4);box-shadow:0 0 28px 14px #dffff2}}@keyframes evolution-ring{0%,26%,to{opacity:1;transform:rotate(-24deg) scaleY(.45)}65%{opacity:.3;transform:rotate(155deg) scale(1.7,.8)}}@keyframes evolution-flare{0%,30%,to{opacity:0;transform:scale(.1) rotate(0)}58%{opacity:.9;transform:scale(.55) rotate(70deg)}78%{opacity:.42;transform:scale(.9) rotate(115deg)}}@keyframes evolution-spark{0%,36%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.3)}56%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-102px) scale(.65)}}.evolution-result{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:28px;margin:10px 0 16px;color:#a9eada;text-align:center;font-size:12px}.dna-chip{display:inline-block;padding:5px 8px;border:1px solid #86e9d177;border-radius:999px;background:#32675388;color:#d4fff2;animation:dna-appear .35s ease-out both;animation-delay:calc(var(--order) * 90ms)}@keyframes dna-appear{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.progression-traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.progression-trait{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;padding:12px;border:1px solid #ffffff1c;border-radius:9px;background:#1d2735}.progression-trait strong{color:#e7faf4;font-size:13px}.progression-trait small{color:#98acb8;font-size:11px}.trait-title{display:flex;align-items:center;gap:7px;min-width:0}.progression-trait .trait-description{grid-column:1;color:#c5e8e5;line-height:1.5}.progression-trait .trait-upgrade{grid-column:2;grid-row:1 / 4;min-height:36px;padding:5px 9px;border:1px solid #b6f36c77;border-radius:6px;color:#d8f6c7;background:#30472c;cursor:pointer}.progression-trait .trait-upgrade:disabled{opacity:.45;cursor:default}@media(max-width:640px){.progression-open{min-height:34px;padding:5px 8px}.progression-dialog{padding:16px}.progression-traits{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.evolution-chest,.is-opening .evolution-chest,.is-opening .evolution-chest:before,.is-opening .evolution-chest b,.is-opening .evolution-chest em,.is-opening .evolution-burst i,.is-opening.evolve-button:before,.dna-chip{animation:none}.evolution-burst{display:none}}[hidden]{display:none!important}.touch-stick-knob{position:absolute;left:37px;top:37px;width:36px;height:36px;border-radius:50%;border:1px solid #b6f36c;background:#b6f36c65}.touch-control{display:none}:root[data-input-mode=touch] .desktop-control{display:none}:root[data-input-mode=touch] .touch-control{display:inline}@media(pointer:coarse){:root:not([data-input-mode=mouse]) .desktop-control{display:none}:root:not([data-input-mode=mouse]) .touch-control{display:inline}.discord-login{min-height:44px}.discord-account button{min-height:44px;min-width:44px}.secondary{min-height:44px;padding:12px 0}.colors{gap:6px}.swatch{width:44px;height:44px}.swatch span{width:28px;height:28px;margin:8px}.abilities button{min-width:95px}.abilities kbd{display:none}}@media(max-height:500px){.topbar{height:44px;padding:0 16px}.brand{font-size:18px}.brand-mark{font-size:26px!important;margin-right:8px}.prototype,footer{display:none}.arena-label{top:14px;left:16px;font-size:8px}.leaderboard{top:12px;right:12px;width:145px;padding:10px 10px 0}.panel-heading{font-size:10px}.leaderboard ol{margin:8px 0;gap:6px;min-height:0}.leaderboard li{font-size:9px}.leaderboard li:nth-child(n+4){display:none}.players-count{padding:8px 0;font-size:8px}.bot-count{font-size:8px}.minimap-stack{top:40px;left:12px;gap:6px}.minimap{padding:6px}.minimap canvas{width:54px;height:54px}.minimap>span{font-size:6px}.controls{bottom:10px;font-size:8px}.abilities{bottom:43px}.shield-note{top:12px;font-size:9px;padding:6px 10px}.overlay{padding:16px;overflow-y:auto;align-items:safe center}#lobby{align-items:flex-start}.join-card{margin:16px 0;width:min(374px,100%)}#arena:has(#lobby:not([hidden])) .leaderboard{display:none}.death-card{padding:18px;flex-shrink:0}.death-card h2{font-size:22px;margin:12px 0 8px}.death-card>p{margin:8px 0}.death-stats{margin:14px 0}}.mode-details h2{margin:14px 0 7px;font-size:20px}.mode-details p{color:#bbc9c9;line-height:1.6;font-size:12px}.progression-tabs{display:flex;gap:10px;margin-top:18px}.progression-tabs button{flex:1;min-height:44px;background:#1b3033;color:#cce8d4;border:1px solid #7ae4cc55;border-radius:7px;cursor:pointer}.progression-tabs button[aria-pressed=true]{border-color:#b6f36c;color:#eaffed}#evolution-locked{padding:20px 0;color:#b6ceca;line-height:1.7}.mutation-hint{position:absolute;top:8px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 12px;border-radius:8px;background:#132e2be8;color:#d5f5c1;font-size:11px;pointer-events:none;z-index:2;text-align:center}.mode-notice{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - 40px);padding:12px 18px;background:#172d30ed;border:1px solid #9cf0c477;border-radius:10px;color:#efe;pointer-events:none;z-index:4;text-align:center;font-size:14px}:root[data-input-mode=touch] .abilities:not([hidden]){left:50%;transform:translate(-50%);bottom:calc(48px + var(--safe-bottom))}@media(pointer:coarse){:root:not([data-input-mode=mouse]) .abilities:not([hidden]){left:50%;transform:translate(-50%);bottom:calc(48px + var(--safe-bottom))}}.abilities button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}@media(max-height:500px){:root[data-input-mode=touch] .abilities:not([hidden]),:root:not([data-input-mode=mouse]) .abilities:not([hidden]){bottom:calc(36px + var(--safe-bottom))}}@media(max-width:640px){.mutation-hint{top:8px;max-width:calc(100% - 26px);font-size:10px}}@media(max-width:640px){.mutation-hint{top:12px;left:auto;right:12px;transform:none;width:calc(100% - 148px);max-width:260px}.emote-picker:not([hidden]) button:nth-child(1){transform:translate(-118px,-132px)}.emote-picker:not([hidden]) button:nth-child(2){transform:translate(-58px,-132px)}.emote-picker:not([hidden]) button:nth-child(3){transform:translateY(-132px)}.emote-picker:not([hidden]) button:nth-child(4){transform:translate(-88px,-80px)}.emote-picker:not([hidden]) button:nth-child(5){transform:translate(-28px,-80px)}}@media(max-height:500px){.mutation-hint{top:10px;left:50%;right:auto;transform:translate(-50%);width:auto;max-width:calc(100% - 220px)}}.team-scores{position:absolute;top:16px;right:16px;width:205px;padding:12px;z-index:2;pointer-events:none}.team-row{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:5px 0}.team-row.blue{color:#8cbcff}.team-row.pink{color:#ff8fb7}.team-row strong{font-size:23px;font-variant-numeric:tabular-nums}.team-row small{grid-column:1/-1;color:#b4bac7;font-size:11px}.dash-status{border-top:1px solid #ffffff18;padding-top:7px;margin-top:5px;font-size:11px;color:#b4bac7}.dash-status[data-ready=true]{color:#b6f36c}#arena:has(#team-scores:not([hidden])) .mutation-hint{left:50%;right:auto;transform:translate(-50%);width:auto;max-width:calc(100% - 450px)}@media(max-width:640px){.team-scores{top:75px;right:12px;width:145px;padding:9px}.team-row strong{font-size:19px}.team-row small{font-size:9px}#arena:has(#team-scores:not([hidden])) .minimap-stack{top:75px}#arena:has(#team-scores:not([hidden])) .mutation-hint{top:8px;width:calc(100% - 24px);max-width:none;font-size:10px}}@media(max-height:500px)and (min-width:641px){.team-scores{top:10px;right:12px;width:145px;padding:7px}.team-row{padding:2px 0}.team-row strong{font-size:17px}.team-row small{font-size:9px}#arena:has(#team-scores:not([hidden])) .mutation-hint{max-width:calc(100% - 350px)}}#canvas-host[data-countdown-team=blue]:after{--grid-edge: #8cbcff88;--grid-shadow: #8cbcff77}#canvas-host[data-countdown-team=pink]:after{--grid-edge: #ff8fb788;--grid-shadow: #ff8fb777}#canvas-host[data-countdown-team=tie]:after{--grid-edge: #d6dce588;--grid-shadow: #d6dce577}#canvas-host[data-countdown-pulse=a]:after{animation:mutation-edge-a .5s ease-in-out both}#canvas-host[data-countdown-pulse=b]:after{animation:mutation-edge-b .5s ease-in-out both}@keyframes mutation-edge-a{0%{opacity:.22}50%{opacity:1}to{opacity:0}}@keyframes mutation-edge-b{0%{opacity:.22}50%{opacity:1}to{opacity:0}}@media(pointer:coarse)and (max-width:900px){#canvas-host[data-countdown-team]:after{box-shadow:none}}@media(prefers-reduced-motion:reduce){#canvas-host[data-countdown-team]:after{animation:none;opacity:.7}}.rankings-list{padding:0;list-style:none;max-height:min(55vh,500px);overflow-y:auto}.rankings-list li{display:grid;grid-template-columns:3ch minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff1c}.rankings-list span{overflow-wrap:anywhere}.rankings-list strong{color:#b6f36c}#rankings-panel .progression-tabs{flex-wrap:wrap}#rankings-panel .progression-tabs button{flex:1 1 100px}#rankings-self{color:#b6f36c}.adaptation-game #round-result-text{white-space:pre-line}body{--pollution-warning:#e6d5af;--pollution-fill:#874955;--pollution-edge:#bf8990}body[data-home-theme=light]{--pollution-warning:#705b30;--pollution-fill:#aa6667;--pollution-edge:#6d4049}body[data-home-theme=arena]{--pollution-warning:#ded0ed;--pollution-fill:#765564;--pollution-edge:#b796ac}body{--home-bg:#10130f;--home-fg:#edf0e8;--home-muted:#98a58d;--home-line:#b5cd9421;--home-accent:#c4e88e;--home-panel:#1a2316;--home-button-ink:#26371d}body[data-home-theme=light]{--home-bg:#ded3b9;--home-fg:#29332b;--home-muted:#728267;--home-line:#5366442b;--home-accent:#536747;--home-panel:#d2c4a6;--home-button-ink:#f0e6cf}body[data-home-theme=arena]{--home-bg:#11131b;--home-fg:#eeedf5;--home-muted:#a096b6;--home-line:#b29acf24;--home-accent:#cbb7f8;--home-panel:#252033;--home-button-ink:#332441}.home-active #app>.topbar,.home-active #app>footer,.home-active .arena-label,.home-active #leaderboard,.home-active .minimap-stack,.home-active .controls{display:none!important}.home-active #lobby{position:fixed;inset:0;z-index:20;display:block;overflow:auto;background:var(--home-bg);padding:0;color:var(--home-fg);font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif;letter-spacing:0}.home-active #arena{margin:0;border:0}.home-active #maintenance-notice{position:fixed;top:0;left:0;right:0;z-index:50}.home-shell{min-height:100%;padding:var(--safe-top) var(--safe-right) max(35px,var(--safe-bottom)) var(--safe-left);background:radial-gradient(ellipse at 20% 30%,#26301b38,transparent 58%),var(--home-bg)}body[data-home-theme=light] .home-shell{background:var(--home-bg)}body[data-home-theme=arena] .home-shell{background:radial-gradient(ellipse at 15% 35%,#3b30542b,transparent 50%),var(--home-bg)}#home-shell button,.home-dialog button{font-family:inherit;-webkit-tap-highlight-color:transparent;letter-spacing:0}#home-shell a,.home-dialog a{color:inherit;text-decoration:none}#home-shell h1,#home-shell h2,#home-shell p,.home-dialog p{margin:0}#home-shell svg,.home-dialog svg{width:22px;height:22px;flex-shrink:0}#home-shell button:disabled{cursor:default;opacity:.45}#home-shell button:focus-visible,.home-dialog button:focus-visible,.home-dialog input:focus-visible{outline:2px solid var(--home-accent);outline-offset:4px}.home-header{height:90px;max-width:1320px;margin:auto;display:flex;align-items:center;gap:24px;padding:0 6%;border-bottom:1px solid var(--home-line);position:relative}.home-brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;letter-spacing:-1px;white-space:nowrap}.home-brand-mark{width:30px;height:30px;border:1.5px solid var(--home-accent);color:var(--home-accent);border-radius:50%;display:grid;place-items:center}.home-brand-mark i{width:19px;height:19px;background:currentColor;border-radius:50%;position:relative}.home-brand-mark i:after{content:"";position:absolute;width:4px;height:5px;top:6px;left:11px;background:var(--home-button-ink);border-radius:50%}.home-guild{font-size:11px;color:var(--home-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}#home-shell .discord-account{display:flex;align-items:center;gap:9px;margin:0 0 0 auto;padding:0;border:0;background:none;color:var(--home-fg);font-size:12px;min-width:0}#home-shell .discord-account img{width:30px;height:30px;border-radius:50%;flex-shrink:0}#home-shell .discord-account>span{max-width:130px;color:var(--home-fg);font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#home-shell .discord-account button{font-size:11px;background:none;border:0;color:var(--home-muted);min-height:38px;padding:7px}#home-theme-toggle{margin-left:auto;display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid var(--home-line);border-radius:9px;background:none;color:var(--home-muted);font-size:11px;white-space:nowrap}#home-shell .discord-account:not([hidden])~#home-theme-toggle{margin-left:0}#home-theme-toggle svg{width:17px;height:17px}.home-kicker{font-size:10px;letter-spacing:1.6px;font-weight:600;color:var(--home-muted)}.home-login{max-width:1060px;margin:68px auto 0;padding:0 45px;display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.home-login h1{font-size:66px;line-height:1.17;letter-spacing:-3px;margin:18px 0!important;font-weight:650}.home-login h1 em{font-style:normal;color:var(--home-accent)}.home-login-intro>p{font-size:13px;color:var(--home-muted);line-height:1.8}.home-login-intro>.home-art{width:350px;height:250px;margin:28px -10px 0}.home-login-intro>.home-art .big{width:140px;height:140px;left:26%;top:20%}.home-login-intro>.home-art .small{width:58px;height:58px;left:70%;top:55%}.home-login-card{padding:37px 29px;border:1px solid var(--home-line);border-radius:18px;background:var(--home-panel)}.home-login-card h2{font-size:24px;font-weight:600;letter-spacing:-.6px;margin:12px 0!important}.home-login-card>p{font-size:12px;color:var(--home-muted);line-height:1.8;margin-bottom:30px!important}#home-shell .discord-login{width:100%;border:0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:9px;padding:16px 18px;background:var(--home-accent);color:var(--home-button-ink);font-size:13px;font-weight:650;min-height:50px}#home-shell #discord-note{font-size:10px;color:var(--home-muted);line-height:1.8;margin:18px 0 0!important}#home-practice{width:100%;padding:12px;background:none;border:1px solid var(--home-line);border-radius:8px;color:var(--home-muted);font-size:12px;margin-top:10px}.home-legal{display:flex;gap:10px;font-size:10px;margin-top:26px;color:var(--home-muted)}.home-footer{max-width:1000px;padding:23px 36px 0;margin:32px auto 0;border-top:1px solid var(--home-line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--home-muted)}.home-menu{max-width:1000px;margin:48px auto 0;padding:0 36px}.home-menu-intro{margin-bottom:31px}.home-menu-intro h1{font-size:38px;letter-spacing:-1.6px;font-weight:650;margin:8px 0 12px!important}.home-menu-intro p{font-size:13px;color:var(--home-muted);line-height:1.8}.home-title-light,.home-intro-light,.home-menu-intro>.home-art,.home-mode-heading,.home-watch-note,.home-featured{display:none}#home-shell .mode-hub{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}#home-shell .mode-hub .home-mode{display:block;position:relative;overflow:hidden;min-height:387px;padding:24px;border:1px solid #b5d29329;border-radius:20px;background:linear-gradient(145deg,#24321b80,#151d13);text-align:left;color:var(--home-fg);transition:transform .2s,border-color .2s}#home-shell .mode-hub .home-mode:hover{transform:translateY(-3px);border-color:#bad38d77}#home-shell .mode-hub .home-mode.mutation{background:linear-gradient(145deg,#253143,#1b1d30);border-color:#a4b9e92c}#home-shell .home-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:2;color:#8fa17b;font-size:9px;letter-spacing:1px}#home-shell .home-card-top .home-online{color:#c8d3bd;letter-spacing:0;font-size:11px;display:flex;align-items:center;gap:5px;white-space:nowrap}.home-online i{width:5px;height:5px;border-radius:50%;background:#a6d47d}.home-online b{font-weight:400}.home-mode>.home-art{height:207px;margin:8px -20px -9px}.home-card-copy{display:block;position:relative;z-index:2}#home-shell .home-mode-tag{font-size:10px;color:#b5ca93;letter-spacing:1px;display:block}.home-card-copy>strong{font-size:26px;letter-spacing:-.8px;margin:5px 0 10px;display:block}#home-shell .home-mode-description{display:block;font-size:12px;color:#abb6a2;line-height:1.8;min-height:43px}#home-shell .mutation .home-mode-description{color:#a5afc5}#home-shell .mutation .home-mode-tag{color:#a3b9e5}#home-shell .home-card-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;border-top:1px solid #ffffff12;padding-top:15px;margin-top:18px;color:#d7edb5}#home-shell .mutation .home-card-link{color:#bed2f4}.home-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}.home-tools button{display:flex;align-items:center;gap:14px;min-height:66px;padding:15px 18px;background:#ffffff03;border:1px solid var(--home-line);border-radius:12px;text-align:left;color:var(--home-fg)}.home-tools button>svg:first-child{color:var(--home-muted)}.home-tools button>svg:last-child{margin-left:auto;width:17px;color:var(--home-muted)}.home-tools strong{display:block;font-size:13px;font-weight:600}.home-tools small{display:block;font-size:10px;color:var(--home-muted);margin-top:4px}#home-shell .form-error{font-size:12px;line-height:1.7}.home-shell .form-error{margin-top:20px}#home-shell #menu-feedback{grid-column:1/-1}.home-art{position:relative;isolation:isolate;pointer-events:none}.home-cell{position:absolute;border-radius:50%;box-shadow:inset -12px -16px 28px #00000018,inset 8px 10px 22px #fff2}.home-art .big{width:116px;height:116px;background:#c1e984;left:28%;top:20%;transform:rotate(-12deg)}.home-art .small{width:54px;height:54px;background:#77b5c0;left:65%;top:51%;transform:rotate(16deg)}.home-art .tiny{width:16px;height:16px;background:#e5be79;left:18%;top:68%}.home-eyes{position:absolute;left:34%;top:41%;width:32%;display:flex;justify-content:space-between}.home-eyes i{width:8px;height:12px;border-radius:50%;background:#253619}.small .home-eyes i{width:4px;height:6px}.home-art.mutation .big{background:#8cbcff;left:23%;top:25%;width:105px;height:105px;transform:rotate(-18deg)}.home-art.mutation .small{background:#f5aac8;left:56%;top:40%;width:89px;height:89px;transform:rotate(18deg)}.home-art.mutation .small .home-eyes i{width:7px;height:10px}.home-art.mutation .tiny{background:#c0c4ff;left:76%;top:19%;width:10px;height:10px}.home-orbit{position:absolute;border:1px solid #ffffff0d;border-radius:50%;width:235px;height:235px;top:0;left:calc(50% - 117px)}.home-orbit:after{content:"";position:absolute;inset:27px;border-radius:50%;border:1px dashed #ffffff0c}.home-speck{position:absolute;width:5px;height:5px;border-radius:50%;background:#d7e9a5}.home-speck.s1{left:76%;top:38%}.home-speck.s2{left:23%;top:12%;width:4px;height:4px;background:#aacbf7}.home-speck.s3{left:64%;top:78%;background:#c297da;width:4px;height:4px}.home-fragment{position:absolute;left:41%;top:68%;font-size:31px;color:#e6d5ff;text-shadow:0 0 16px #bba6ff55}body[data-home-theme=light] .home-menu{max-width:1060px;margin-top:65px;display:grid;grid-template-columns:1.04fr 1fr;gap:68px;padding:0 40px}body[data-home-theme=light] .home-title-dark,body[data-home-theme=light] .home-intro-dark{display:none}body[data-home-theme=light] .home-title-light,body[data-home-theme=light] .home-intro-light,body[data-home-theme=light] .home-menu-intro>.home-art{display:block}body[data-home-theme=light] .home-title-light em{font-style:normal;color:#6b8053}body[data-home-theme=light] .home-menu-intro h1{font-size:62px;line-height:1.21;letter-spacing:-3px;margin:18px 0 20px!important}body[data-home-theme=light] .home-menu-intro p{font-size:13px;line-height:1.9}body[data-home-theme=light] .home-menu-intro>.home-art{height:267px;margin:25px 0}body[data-home-theme=light] .home-orbit{border-color:#54644626}body[data-home-theme=light] .home-orbit:after{border-color:#54644615}body[data-home-theme=light] .home-menu-intro>.home-art .big{width:151px;height:151px;left:22%;top:20%;background:#c9dca5}body[data-home-theme=light] .home-menu-intro>.home-art .small{background:#97b1a0;left:61%;top:53%}body[data-home-theme=light] .home-menu-options{padding-top:38px}body[data-home-theme=light] .home-mode-heading{display:block;margin-bottom:25px}.home-mode-heading h2{font-size:26px;letter-spacing:-1px;margin:10px 0!important}.home-mode-heading p{font-size:12px;color:var(--home-muted)}body[data-home-theme=light] #home-shell .mode-hub{display:block}body[data-home-theme=light] #home-shell .mode-hub .home-mode{width:100%;min-height:125px;padding:22px 0;background:none;border:0;border-top:1px solid var(--home-line);border-radius:0;overflow:visible;display:grid;grid-template-columns:48px 1fr;align-items:center;column-gap:22px;transform:none}body[data-home-theme=light] #home-shell .home-card-top{position:absolute;bottom:18px;left:70px;color:var(--home-muted);font-size:10px}body[data-home-theme=light] #home-shell .home-card-top>span:first-child{display:none}body[data-home-theme=light] #home-shell .home-online{color:var(--home-muted);font-size:10px}body[data-home-theme=light] .home-mode>.home-art{width:44px;height:44px;margin:0;grid-column:1;grid-row:1}body[data-home-theme=light] .home-mode>.home-art .big{width:37px;height:37px;left:0;top:0;background:#cadca8}body[data-home-theme=light] .home-mode>.home-art.mutation .big{width:31px;height:31px;background:#aec6df}body[data-home-theme=light] .home-mode>.home-art .small,body[data-home-theme=light] .home-mode>.home-art .tiny,body[data-home-theme=light] .home-mode>.home-art .home-orbit,body[data-home-theme=light] .home-mode>.home-art .home-speck,body[data-home-theme=light] .home-mode>.home-art .home-fragment{display:none}body[data-home-theme=light] .home-mode>.home-art.mutation .small{display:block;width:23px;height:23px;background:#e6b6cb;left:22px;top:15px}body[data-home-theme=light] .home-mode>.home-art .home-eyes i{width:4px;height:6px}body[data-home-theme=light] .home-card-copy{grid-column:2;grid-row:1;padding-bottom:15px}body[data-home-theme=light] .home-card-copy>strong{font-size:21px;margin:0 0 8px}body[data-home-theme=light] #home-shell .home-mode-tag{display:none}body[data-home-theme=light] #home-shell .home-mode-description{color:var(--home-muted);font-size:11px;min-height:0;padding-right:20px}body[data-home-theme=light] #home-shell .home-mode-description br{display:none}body[data-home-theme=light] #home-shell .home-mode-description{max-width:90%;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-home-theme=light] #home-shell .home-card-link{position:absolute;right:0;top:0;margin:0;padding:0;border:0;font-size:0;color:var(--home-accent)}body[data-home-theme=light] #home-shell .home-card-link svg{width:29px;height:29px;border:1px solid var(--home-line);border-radius:50%;padding:6px}body[data-home-theme=light] .home-watch-note{display:flex;align-items:center;gap:8px;padding:17px 0;font-size:10px;color:var(--home-muted);border-top:1px solid var(--home-line)}.home-watch-note svg{width:17px!important}body[data-home-theme=light] .home-tools{margin-top:20px;grid-template-columns:1fr 1fr;gap:0 17px}body[data-home-theme=light] .home-tools button{border:0;border-top:1px solid var(--home-line);border-radius:0;background:none;padding:16px 0;gap:10px}body[data-home-theme=light] .home-tools strong{font-size:12px}body[data-home-theme=light] .home-login-card{background:none;border:0;border-left:1px solid var(--home-line);border-radius:0;padding-left:38px}body[data-home-theme=light] .home-login h1 em{color:#6b8053}body[data-home-theme=arena] .home-shell[data-screen=menu]{padding-left:max(150px,var(--safe-left))}body[data-home-theme=arena] .home-shell[data-screen=menu] .home-header{height:83px;border:0;padding:0 55px;max-width:1180px}body[data-home-theme=arena] .home-shell[data-screen=menu] .home-brand{position:fixed;left:25px;top:32px}body[data-home-theme=arena] .home-menu{max-width:1180px;padding:0 55px;margin-top:27px}body[data-home-theme=arena] .home-menu-intro h1{font-size:32px;margin:10px 0 27px!important}body[data-home-theme=arena] .home-menu-intro p{display:none}body[data-home-theme=arena] #home-shell .mode-hub{display:flex;gap:9px;margin-bottom:15px}body[data-home-theme=arena] #home-shell .mode-hub .home-mode{min-height:40px;padding:10px 15px;border:1px solid var(--home-line);border-radius:7px;background:none;display:flex;align-items:center;gap:22px;transform:none;overflow:visible}body[data-home-theme=arena] #home-shell .mode-hub .home-mode[aria-pressed=true]{background:#2b283c;border-color:#a78ce444}body[data-home-theme=arena] .home-mode>.home-art,body[data-home-theme=arena] #home-shell .home-mode-tag,body[data-home-theme=arena] #home-shell .home-mode-description,body[data-home-theme=arena] #home-shell .home-card-link{display:none}body[data-home-theme=arena] .home-card-copy{order:0}body[data-home-theme=arena] .home-card-copy>strong{font-size:12px;font-weight:500;margin:0;white-space:nowrap}body[data-home-theme=arena] #home-shell .home-card-top{order:1;font-size:10px;color:var(--home-muted)}body[data-home-theme=arena] #home-shell .home-card-top>span:first-child,body[data-home-theme=arena] .home-online i{display:none}body[data-home-theme=arena] #home-shell .home-online{font-size:10px;color:var(--home-muted)}body[data-home-theme=arena] .home-featured{display:block;position:relative;isolation:isolate;min-height:350px;padding:38px 32px;border:1px solid var(--home-line);border-radius:16px;background:radial-gradient(ellipse at 85% 10%,#50417848,transparent 75%),#211e31;overflow:hidden}.home-feature-copy{position:relative;z-index:1}.home-featured h2{font-size:39px;letter-spacing:-1.5px;margin:12px 0 15px!important}.home-featured p{font-size:12px;color:var(--home-muted)}.home-feature-art{position:absolute;width:330px;height:320px;right:10px;top:22px;z-index:0;opacity:.85}.home-feature-art>.home-art{height:100%}.home-feature-art .home-art .big{width:136px;height:136px;left:17%;top:20%}.home-feature-art .home-art .small{width:107px;height:107px;left:51%;top:42%}.home-feature-art .home-orbit{height:290px;width:290px;left:20px;border-color:#b299ee14}.home-feature-art .home-fragment{top:64%;left:25%;font-size:35px}.home-featured[data-mode=survival]{background:radial-gradient(ellipse at 85% 10%,#446a3338,transparent 75%),#20291d!important;border-color:#7f9c6233!important}.home-featured[data-mode=survival] .home-fragment{display:none}.home-feature-metrics{display:flex;gap:34px;margin-top:32px}.home-feature-metrics span{display:flex;flex-direction:column;gap:6px}.home-feature-metrics b{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}.home-feature-metrics small{font-size:10px;color:var(--home-muted)}.home-feature-actions{display:flex;gap:10px;margin-top:31px;max-width:330px}.home-feature-actions button{display:flex;align-items:center;gap:15px;font-size:12px;padding:14px 17px;background:#ffffff06;border:1px solid var(--home-line);border-radius:8px;color:var(--home-fg);white-space:nowrap;min-height:46px}#home-featured-play{background:var(--home-accent);border-color:var(--home-accent);color:var(--home-button-ink);font-weight:650;flex:1}#home-featured-play span{margin-left:auto}body[data-home-theme=arena] .home-tools{position:fixed;left:0;top:120px;bottom:0;width:150px;margin:0;padding:20px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--home-line)}body[data-home-theme=arena] .home-tools button{padding:12px 8px;background:none;border:0;min-height:46px;font-size:12px;gap:13px;flex:none}body[data-home-theme=arena] .home-tools small,body[data-home-theme=arena] .home-tools button>svg:last-child{display:none}body[data-home-theme=arena] .home-tools button>svg:first-child{width:18px;height:18px}body[data-home-theme=arena] .home-footer{max-width:1180px;padding:25px 55px;margin-top:30px}body[data-home-theme=arena] .home-login h1{font-size:53px}body[data-home-theme=arena] .home-login h1 em{color:#cbb7f8}body[data-home-theme=arena] .home-login-intro>.home-art .big{background:#8cbcff}body[data-home-theme=arena] .home-login-intro>.home-art .small{background:#f5aac8;width:90px;height:90px}.home-theme-menu{position:absolute;z-index:42;right:6%;top:calc(100% - 12px);width:263px;padding:7px;background:var(--home-bg);border:1px solid var(--home-line);border-radius:12px;box-shadow:0 12px 40px #0003;color:var(--home-fg)}.home-theme-menu button{display:flex;align-items:center;gap:12px;padding:13px 10px;border:0;border-radius:7px;background:none;text-align:left;color:inherit;width:100%;min-height:62px}.home-theme-menu button:hover,.home-theme-menu button[aria-checked=true]{background:var(--home-panel)}.home-theme-menu b{font-size:12px;font-weight:600;display:block}.home-theme-menu small{font-size:10px;color:var(--home-muted);display:block;margin-top:5px}.theme-sample{width:31px;height:34px;border:1px solid #6d7f5a44;border-radius:5px;background:#192315;position:relative;flex-shrink:0}.theme-sample:after{content:"";position:absolute;inset:11px 6px;border-radius:50%;background:#c4e88e}.theme-sample.light{background:#ded3b9}.theme-sample.light:after{background:#94a47c}.theme-sample.arena{background:#211e31}.theme-sample.arena:after{background:#cbb7f8}.theme-check{margin-left:auto;color:var(--home-accent);font-size:13px;visibility:hidden}.home-theme-menu button[aria-checked=true] .theme-check{visibility:visible}.home-dialog-backdrop{position:fixed;inset:0;z-index:40;background:#070a0bc9;display:grid;place-items:center;padding:24px;color:var(--home-fg);font-family:system-ui,-apple-system,PingFang TC,sans-serif;letter-spacing:0}.home-dialog{position:relative;max-width:400px;width:100%;padding:35px 28px 26px;max-height:calc(100dvh - 48px);overflow:auto;border-radius:18px;border:1px solid var(--home-line);background:var(--home-bg);box-shadow:0 20px 70px #0003}.home-dialog h2{font-size:27px;letter-spacing:-.6px;margin:10px 0 15px}.home-dialog p{font-size:13px;color:var(--home-muted);line-height:1.8;margin-bottom:23px}.home-dialog-close{position:absolute;top:10px;right:10px;width:40px;height:40px;background:none;border:0;color:var(--home-muted);font-size:16px}.home-dialog .mode-details{margin:0}.home-dialog .lobby-actions{flex-direction:column;gap:9px}.home-dialog .primary{background:var(--home-accent);color:var(--home-button-ink);width:100%;flex:none;min-height:48px;font-size:13px;border:0;border-radius:9px}.home-dialog .spectate-join{min-height:46px;background:var(--home-panel);color:var(--home-fg);border:1px solid var(--home-line);border-radius:9px;font-size:13px;width:100%}.home-dialog .lobby-note{border:0;margin:20px 0 0;padding:0;color:var(--home-muted);font-size:11px;line-height:1.9}.home-dialog .colors{margin:0 0 20px;gap:13px;justify-content:space-between}.home-dialog .colors legend{font-size:11px;color:var(--home-muted);padding-bottom:15px}.home-dialog .swatch span{width:29px;height:29px}.home-dialog .swatch input:checked+span{outline:2px solid var(--swatch);outline-offset:4px}.home-color-done{width:100%;min-height:45px;border:0;border-radius:9px;background:var(--home-accent);color:var(--home-button-ink);font-size:13px}.home-dialog .error-report textarea,#home-shell .error-report textarea{color:var(--home-fg);background:var(--home-panel);border-color:var(--home-line);max-width:100%}.home-active[data-home-theme=light] .progression-dialog{background:var(--home-bg);color:var(--home-fg);border-color:var(--home-line)}.home-active .rankings-list strong,.home-active #rankings-self{color:var(--home-accent)}.home-active[data-home-theme=light] :is(.rankings-list strong,#rankings-self,#rankings-status){color:var(--home-fg)}.home-active[data-home-theme=light] .progression-dialog .progression-heading button,.home-active[data-home-theme=light] .progression-dialog .progression-tabs button,.home-active[data-home-theme=light] .progression-trait{background:var(--home-panel);color:var(--home-fg);border-color:var(--home-line)}.home-active[data-home-theme=light] .progression-dialog .progression-tabs button[aria-pressed=true]{background:#d4dfc8;border-color:#7b9660;color:#334727}.home-active[data-home-theme=light] .progression-dialog .trait-description,.home-active[data-home-theme=light] .progression-rate,.home-active[data-home-theme=light] #rankings-status{color:var(--home-muted)}.progression-dialog .progression-trait{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr);gap:8px;background:var(--home-panel);border-color:var(--home-line)}.progression-dialog .progression-trait strong,.progression-dialog .progression-heading h2,.progression-dialog .progression-balance{color:var(--home-fg)}.progression-dialog .progression-balance strong{color:var(--home-accent)}.progression-dialog .progression-balance span,.progression-dialog .progression-rate{color:var(--home-muted)}.progression-dialog .dna-chip{background:var(--home-panel);color:var(--home-fg);border-color:var(--home-line)}body[data-home-theme=light] .progression-dialog{--home-muted:#52624a}.progression-dialog .trait-description{color:var(--home-muted)}.trait-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:var(--home-accent);background:var(--home-bg);flex:none}.trait-progress{display:flex;align-items:center;gap:12px;min-width:0}.trait-progress progress{appearance:none;flex:1;width:0;min-width:30px;height:5px;border:0;border-radius:99px;overflow:hidden;background:var(--home-line);color:var(--home-accent)}.trait-progress progress::-webkit-progress-bar{background:var(--home-line)}.trait-progress progress::-webkit-progress-value{background:var(--home-accent);border-radius:99px}.trait-progress progress::-moz-progress-bar{background:var(--home-accent);border-radius:99px}.progression-dialog .trait-progress small{color:var(--home-muted);font-size:11px;white-space:nowrap}.progression-trait:after{content:"";pointer-events:none;position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--home-accent);box-shadow:0 0 12px var(--home-accent);opacity:0}.progression-trait.is-upgraded:after,.progression-trait.is-upgraded .trait-icon{animation:trait-upgrade-glow 1.1s ease-out var(--upgrade-delay,0ms) both}.upgrade-chip{color:var(--home-fg);padding:5px 8px;border-radius:6px;border:1px solid var(--home-accent);background:var(--home-panel)}@keyframes trait-upgrade-glow{0%{opacity:0}25%,55%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.progression-trait.is-upgraded:after,.progression-trait.is-upgraded .trait-icon{animation:none}.progression-trait.is-upgraded{border-color:var(--home-accent)}}@media(max-width:800px){.home-header{height:73px;padding:0 25px;gap:14px}.home-brand{font-size:22px;gap:9px}.home-brand-mark{width:25px;height:25px}.home-brand-mark i{width:16px;height:16px}.home-brand-mark i:after{left:9px;top:5px}.home-guild{max-width:110px;font-size:10px}.home-theme-menu{right:25px}.home-menu{margin-top:30px;padding:0 25px}.home-menu-intro h1{font-size:29px}.home-menu-intro p{font-size:12px}#home-shell .mode-hub{gap:12px}#home-shell .mode-hub .home-mode{padding:18px;min-height:355px}#home-shell .home-card-top{font-size:8px;flex-wrap:wrap;gap:8px}#home-shell .home-card-top .home-online{font-size:10px}.home-mode>.home-art{height:190px;margin:5px -15px -10px}.home-mode .home-art .big{width:85px;height:85px;left:17%;top:26%}.home-mode .home-art .small{width:44px;height:44px;left:63%;top:50%}.home-mode .home-art.mutation .big{width:77px;height:77px;left:10%;top:31%}.home-mode .home-art.mutation .small{width:65px;height:65px;left:48%;top:46%}.home-mode .home-art .home-orbit{width:170px;height:170px;top:10px;left:calc(50% - 85px)}.home-card-copy>strong{font-size:23px}.home-tools{gap:12px}.home-tools button{gap:9px;padding:13px 12px}.home-tools button>svg:last-child{display:none}.home-tools small{display:none}.home-tools strong{font-size:12px}.home-login{gap:40px;padding:0 30px}.home-login h1{font-size:49px}.home-login-card{padding:27px 23px}.home-login-card h2{font-size:21px}.home-login-intro>.home-art{width:270px;height:240px}body[data-home-theme=light] .home-menu{gap:30px;padding:0 30px;margin-top:35px}body[data-home-theme=light] .home-menu-intro h1{font-size:47px}body[data-home-theme=light] .home-mode-heading h2{font-size:22px}body[data-home-theme=light] .home-tools{gap:0 15px}body[data-home-theme=light] .home-tools strong{font-size:12px}body[data-home-theme=arena] .home-shell[data-screen=menu]{padding-left:120px}body[data-home-theme=arena] .home-tools{width:120px;padding:14px}body[data-home-theme=arena] .home-tools button{gap:8px}body[data-home-theme=arena] .home-menu,body[data-home-theme=arena] .home-shell[data-screen=menu] .home-header{padding:0 30px}body[data-home-theme=arena] .home-shell[data-screen=menu] .home-brand{left:15px}.home-feature-art{right:-65px;opacity:.3}}@media(max-width:520px){.home-header{padding:0 23px;gap:12px}.home-guild{display:none}#home-shell .discord-account>span{display:none}#home-shell .discord-account{gap:5px}#home-shell .discord-account button{font-size:10px;padding:4px;min-width:35px}#home-theme-toggle{font-size:11px;min-height:38px;padding:8px}.home-theme-menu{right:23px;width:250px}.home-menu{margin-top:25px;padding:0 23px}.home-menu-intro{margin-bottom:23px}.home-menu-intro .home-kicker{font-size:9px;letter-spacing:1.1px}.home-menu-intro h1{font-size:28px;margin-bottom:9px!important}.home-menu-intro p{font-size:11px}#home-shell .mode-hub{grid-template-columns:1fr;gap:13px}#home-shell .mode-hub .home-mode{min-height:187px;padding:20px;border-radius:15px}#home-shell .home-card-top{flex-wrap:nowrap;font-size:8px}.home-mode>.home-art{position:absolute;right:-17px;top:39px;width:172px;height:152px;margin:0;z-index:0}.home-mode .home-art .big{width:78px;height:78px;left:21%;top:30%}.home-mode .home-art .small{width:36px;height:36px;left:70%;top:55%}.home-mode .home-art.mutation .big{left:12%;top:24%;width:70px;height:70px}.home-mode .home-art.mutation .small{left:51%;top:48%;width:58px;height:58px}.home-mode .home-art .tiny{left:7%;top:75%}.home-mode .home-art .home-orbit{top:0}.home-mode .home-fragment{top:75%;left:25%;font-size:22px}.home-card-copy{padding-top:13px}#home-shell .home-mode-tag{display:none}.home-card-copy>strong{font-size:23px;margin:0 0 7px}#home-shell .home-mode-description{font-size:11px;min-height:35px;width:70%;line-height:1.8}#home-shell .home-card-link{border-top:0;padding-top:0;margin-top:17px;justify-content:flex-start;gap:9px;font-size:11px;width:110px}#home-shell .home-card-link svg{width:15px;height:15px}.home-tools{gap:8px;margin-top:14px}.home-tools button{padding:13px 9px;gap:6px;min-height:47px}.home-tools strong{font-size:11px;white-space:nowrap}.home-tools button>svg:first-child{width:16px;height:16px}.home-footer{font-size:9px;gap:10px;flex-wrap:wrap;margin-top:25px;padding:18px 23px 0}.home-login{display:block;margin:33px auto 0;padding:0 25px}.home-login-intro{position:relative}.home-login h1{font-size:47px;letter-spacing:-2px;margin:12px 0 14px!important}.home-login .home-kicker{font-size:8px;letter-spacing:1.2px}.home-login-intro>p{font-size:11px;max-width:88%}.home-login-intro>.home-art{position:absolute;right:-16px;top:35px;width:162px;height:164px;margin:0}.home-login-intro>.home-art .big{width:75px;height:75px;left:22%;top:25%}.home-login-intro>.home-art .small{width:31px;height:31px;left:67%;top:53%}.home-login .home-orbit{width:150px;height:150px;left:6px;top:6px}.home-login-intro .home-art .tiny{width:8px;height:8px}.home-login-card{margin-top:45px;padding:26px 22px;border-radius:13px}.home-login-card h2{font-size:21px;margin:9px 0 10px!important}.home-login-card>p{font-size:11px;margin-bottom:24px!important}#home-shell .discord-login{font-size:12px;padding:14px 15px}#home-shell #discord-note{font-size:10px}.home-legal{font-size:10px;margin-top:24px}body[data-home-theme=light] .home-menu{display:block;margin-top:25px;padding:0 25px}body[data-home-theme=light] .home-menu-intro{position:relative;padding:0 0 23px;border-bottom:1px solid var(--home-line)}body[data-home-theme=light] .home-menu-intro h1{font-size:40px;letter-spacing:-2px;margin:10px 0 12px!important;line-height:1.16}body[data-home-theme=light] .home-menu-intro p{font-size:10px;line-height:1.8}body[data-home-theme=light] .home-menu-intro>.home-art{position:absolute;right:-13px;top:23px;height:159px;width:153px;margin:0}body[data-home-theme=light] .home-menu-intro>.home-art .big{width:82px;height:82px;top:23%;left:22%}body[data-home-theme=light] .home-menu-intro>.home-art .small{width:32px;height:32px;left:71%;top:65%}body[data-home-theme=light] .home-menu-intro>.home-art .tiny{width:8px;height:8px;left:10%;top:71%}body[data-home-theme=light] .home-menu-intro>.home-art .home-orbit{width:153px;height:153px;left:0}body[data-home-theme=light] .home-menu-options{padding-top:0}body[data-home-theme=light] .home-mode-heading{margin-bottom:18px}body[data-home-theme=light] .home-mode-heading>.home-kicker{display:none}body[data-home-theme=light] .home-mode-heading h2{font-size:19px;margin:0 0 8px!important}body[data-home-theme=light] .home-mode-heading p{font-size:11px}body[data-home-theme=light] #home-shell .mode-hub .home-mode{padding:17px 0;min-height:119px;grid-template-columns:37px 1fr;gap:18px}body[data-home-theme=light] .home-mode>.home-art{position:relative;right:auto;top:auto;width:37px;height:37px}body[data-home-theme=light] #home-shell .home-card-top{left:55px;bottom:16px}body[data-home-theme=light] .home-card-copy{padding-top:0;padding-bottom:17px}body[data-home-theme=light] .home-card-copy>strong{font-size:20px}body[data-home-theme=light] #home-shell .home-mode-description{width:auto;max-width:93%;font-size:11px}body[data-home-theme=light] #home-shell .home-card-link{width:auto;top:5px}body[data-home-theme=light] .home-watch-note{font-size:10px;padding:14px 0;line-height:1.6}body[data-home-theme=light] .home-tools{margin-top:8px}body[data-home-theme=light] .home-tools button{min-height:54px;padding:13px 0}body[data-home-theme=light] .home-tools small{display:block;font-size:9px}body[data-home-theme=light] .home-login-card{padding:27px 0 0;border-left:0;border-top:1px solid var(--home-line);margin-top:39px}body[data-home-theme=light] .home-footer{margin-top:25px}body[data-home-theme=arena] .home-shell[data-screen=menu]{padding-left:var(--safe-left);padding-bottom:max(95px,calc(var(--safe-bottom) + 85px))}body[data-home-theme=arena] .home-shell[data-screen=menu] .home-header{height:73px;padding:0 23px;border-bottom:1px solid var(--home-line)}body[data-home-theme=arena] .home-shell[data-screen=menu] .home-brand{position:static}body[data-home-theme=arena] .home-menu{padding:0 24px;margin-top:27px}body[data-home-theme=arena] .home-menu-intro h1{font-size:27px;line-height:1.4;max-width:230px}body[data-home-theme=arena] .home-menu-intro{margin-bottom:25px}body[data-home-theme=arena] #home-shell .mode-hub{gap:7px;margin-bottom:12px}body[data-home-theme=arena] #home-shell .mode-hub .home-mode{flex:1;justify-content:space-between;gap:8px;padding:11px 12px;min-height:40px}body[data-home-theme=arena] .home-card-copy{padding:0}body[data-home-theme=arena] .home-card-copy>strong{font-size:12px}body[data-home-theme=arena] #home-shell .home-card-top{font-size:9px}body[data-home-theme=arena] .home-featured{min-height:310px;padding:23px 20px;border-radius:12px}.home-featured h2{font-size:31px;margin:16px 0 12px!important}.home-featured p{font-size:11px;max-width:95%}.home-feature-art{width:158px;height:148px;right:-18px;top:27px;opacity:.42}.home-feature-art .home-art .big{width:67px;height:67px;left:13%;top:25%}.home-feature-art .home-art .small{width:59px;height:59px;left:54%;top:40%}.home-feature-art .home-orbit{height:150px;width:150px;left:0}.home-feature-art .home-fragment{top:64%;left:32%;font-size:25px}.home-feature-metrics{gap:29px;margin-top:30px}.home-feature-metrics b{font-size:26px}.home-feature-metrics small{font-size:10px}.home-feature-actions{margin-top:27px;gap:8px}.home-feature-actions button{font-size:12px;padding:13px 12px}body[data-home-theme=arena] .home-tools{position:fixed;z-index:21;top:auto;bottom:max(14px,var(--safe-bottom));left:max(18px,var(--safe-left));right:max(18px,var(--safe-right));width:auto;padding:6px 12px;flex-direction:row;gap:8px;justify-content:space-around;background:#1c1d28fa;border:1px solid var(--home-line);border-radius:12px}body[data-home-theme=arena] .home-tools button{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 13px;min-height:54px}body[data-home-theme=arena] .home-tools strong{font-size:11px;font-weight:500}body[data-home-theme=arena] .home-footer{padding:20px 24px;margin-top:22px}body[data-home-theme=arena] .home-login-intro{display:flex;flex-direction:column;text-align:center}body[data-home-theme=arena] .home-login-intro>.home-art{position:relative;right:auto;top:auto;order:-1;width:240px;height:140px;margin:0 auto 25px}body[data-home-theme=arena] .home-login-intro>.home-art .big{width:86px;height:86px;left:18%;top:15%}body[data-home-theme=arena] .home-login-intro>.home-art .small{width:69px;height:69px;left:55%;top:35%}body[data-home-theme=arena] .home-login-intro>.home-art .home-orbit{width:160px;height:160px;left:40px;top:-7px}body[data-home-theme=arena] .home-login-intro>p{max-width:100%}body[data-home-theme=arena] .home-login h1{font-size:35px;margin:10px 0 12px!important}body[data-home-theme=arena] .home-login-card{margin-top:29px}.home-dialog-backdrop{padding:20px;align-items:end;padding-bottom:max(20px,var(--safe-bottom))}.home-dialog{padding:29px 24px 23px;max-height:calc(100dvh - 40px - var(--safe-top) - var(--safe-bottom))}}@media(max-height:540px)and (min-width:521px){.home-login{margin-top:30px;gap:45px}.home-login h1{font-size:40px}.home-login-intro>.home-art{display:none}.home-login-card{padding:22px 25px}.home-footer{margin-top:20px}.home-menu{margin-top:25px}body[data-home-theme=arena] .home-tools{top:90px;gap:4px;padding-top:10px;padding-bottom:10px;overflow-y:auto}}@media(prefers-reduced-motion:reduce){#home-shell .mode-hub .home-mode{transition:none}}#home-shell h1>span{color:inherit}.home-title-arena,.home-description-short,.home-mobile-break{display:none}.home-card-copy{min-width:0}body[data-home-theme=light] .home-description-long{display:none}body[data-home-theme=light] .home-description-short{display:inline}body[data-home-theme=light] #home-shell .mode-hub .home-mode{min-width:0}body[data-home-theme=arena] .home-title-dark{display:none}body[data-home-theme=arena] .home-title-arena{display:block}@media(max-width:520px){.home-mobile-break{display:block}}.home-active .progression-backdrop{position:fixed;z-index:60;inset:0;padding:20px;background:#070a0bbd;-webkit-backdrop-filter:none;backdrop-filter:none}.home-active .progression-dialog{max-height:calc(100dvh - 40px - var(--safe-top) - var(--safe-bottom))}#home-shell .mode-hub{grid-template-columns:repeat(3,minmax(0,1fr))}#home-shell .home-mode.adaptation{background:linear-gradient(145deg,#3b2d20,#251e18);border-color:#edb77c45}#home-shell .home-grid-art{position:absolute;width:132px;height:132px;left:50%;top:50%;transform:translate(-50%,-50%);color:#efbb7b}.home-art.adaptation>.home-cell{display:none}.home-feature-adaptation{display:none}.home-featured[data-mode=adaptation] .home-feature-adaptation{display:block}.home-featured[data-mode=adaptation] .home-feature-art>.mutation{display:none}#home-shell .home-feature-adaptation .home-grid-art{width:210px;height:210px}body[data-home-theme=light] #home-shell .home-grid-art{width:44px;height:44px;color:#95602e}@media(max-width:520px){#home-shell .home-mode .home-grid-art{width:100px;height:100px}#home-shell .home-feature-adaptation .home-grid-art{width:130px;height:130px}body[data-home-theme=light] #home-shell .home-mode .home-grid-art{width:40px;height:40px}}body[data-home-theme=light] #home-shell .home-mode.adaptation,body[data-home-theme=arena] #home-shell .home-mode.adaptation{background:none;border-color:var(--home-line)}body[data-home-theme=arena] #home-shell .mode-hub{flex-wrap:wrap}@media(max-width:760px){#home-shell .mode-hub{grid-template-columns:1fr}}body[data-home-theme=arena] #home-shell .mode-hub .home-mode{align-items:center}body[data-home-theme=arena] .home-card-copy{padding:0;display:block;line-height:1.2}body[data-home-theme=arena] .home-card-copy>strong{display:block;line-height:1.2}@media(max-width:520px){body[data-home-theme=arena] #home-shell .mode-hub .home-mode{flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:11px 7px}body[data-home-theme=arena] #home-shell .home-card-top{justify-content:center;line-height:1.2}}.role-help{display:block;width:100%;min-height:40px;margin:0 0 12px;padding:7px 0;border:0;background:none;color:var(--home-accent);text-align:left;font:inherit;font-size:13px;cursor:pointer}.tutorial-overlay{z-index:65}.tutorial-dialog{max-width:620px;padding:22px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-heading h2{font-size:24px;margin:4px 0 0}.tutorial-heading small{color:var(--home-muted)}.tutorial-heading button{flex:none;width:40px;height:40px;border:1px solid var(--home-line);border-radius:8px;background:var(--home-panel);color:var(--home-fg)}.tutorial-modes,.tutorial-steps{display:flex;gap:6px;flex:none}.tutorial-modes button,.tutorial-steps button{flex:1;min-height:42px;padding:8px 6px;border:1px solid var(--home-line);border-radius:8px;background:var(--home-panel);color:var(--home-muted);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.tutorial-modes button[aria-pressed=true]{color:var(--home-button-ink);background:var(--home-accent);border-color:var(--home-accent)}.tutorial-steps button[aria-pressed=true]{color:var(--home-fg);border-color:var(--home-accent)}.tutorial-content{min-height:190px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-width:0;padding:4px 4px 4px 0;scrollbar-gutter:stable}.tutorial-content h3{font-size:24px;line-height:1.3;margin:0 0 12px;letter-spacing:-.5px}.tutorial-content .tutorial-lead{font-size:15px;color:var(--home-fg);line-height:1.6;margin:0 0 18px}.tutorial-content ul{padding-left:22px;margin:0;display:grid;gap:12px;color:var(--home-fg);font-size:14px;line-height:1.7}.tutorial-content li::marker{color:var(--home-accent)}.tutorial-content details{margin-top:20px;padding:12px;border:1px solid var(--home-line);border-radius:8px;background:var(--home-panel)}.tutorial-content summary{cursor:pointer;min-height:24px;font-size:13px;color:var(--home-fg)}.tutorial-content details[open] summary{margin-bottom:12px}.tutorial-device{align-self:flex-start;background:none;border:0;color:var(--home-accent);padding:8px 0;font:inherit;font-size:13px;cursor:pointer;min-height:40px;flex:none}.tutorial-actions{display:flex;align-items:center;gap:12px;border-top:1px solid var(--home-line);padding-top:14px;flex:none}.tutorial-actions span{margin:auto;color:var(--home-muted);font-size:12px}.tutorial-actions button{min-height:44px;padding:10px 18px;border-radius:8px;font:inherit;font-size:13px;background:var(--home-panel);border:1px solid var(--home-line);color:var(--home-fg);cursor:pointer}.tutorial-actions button:disabled{opacity:.4;cursor:default}#tutorial-next{background:var(--home-accent);color:var(--home-button-ink);border-color:var(--home-accent)}.tutorial-dialog button:focus-visible,.tutorial-dialog summary:focus-visible{outline:2px solid var(--home-accent);outline-offset:3px}@media(max-width:520px){.tutorial-overlay{padding:16px}.tutorial-dialog{padding:18px;gap:12px;max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom))}.tutorial-content h3{font-size:22px}.tutorial-content{min-height:120px}.tutorial-content li{font-size:13px}body[data-home-theme=arena] .home-tools button{padding:8px 6px;min-width:0;flex:1}body[data-home-theme=arena] .home-tools strong{white-space:nowrap}}@media(max-height:540px){.tutorial-overlay{padding:10px}.tutorial-dialog{gap:8px;padding:12px;max-height:calc(100dvh - 20px)}.tutorial-content{min-height:50px}.tutorial-content h3{font-size:20px}.tutorial-actions{padding-top:8px}}#home-shell .adaptation .home-mode-tag,#home-shell .adaptation .home-card-link{color:#efc48e}#home-shell .adaptation .home-mode-description{color:#cdb497}.home-featured[data-mode=adaptation],#home-role-overlay[data-mode=adaptation]{--home-accent:#efbe88;--home-button-ink:#392412;--home-line:#e4ac7133;--home-panel:#30251c}body[data-home-theme=light] .home-featured[data-mode=adaptation],body[data-home-theme=light] #home-role-overlay[data-mode=adaptation]{--home-accent:#815028;--home-button-ink:#fff4df;--home-line:#81502833;--home-panel:#d9c7a9}body[data-home-theme=light] #home-shell .adaptation .home-card-link{color:#815028}body[data-home-theme=light] #home-shell .adaptation .home-mode-description{color:var(--home-muted)}body[data-home-theme=arena] #home-shell .mode-hub .home-mode.adaptation[aria-pressed=true]{background:#39291f;border-color:#efbe8866;color:#efbe88}.home-featured[data-mode=adaptation]{background:linear-gradient(135deg,#30231d,#241d24);border-color:#dcaf7740}body[data-home-theme=light] .home-featured[data-mode=adaptation]{background:#d9c7a9}body[data-edition=web]{margin:0;background:var(--home-bg);color:var(--home-fg);overflow:auto;font-family:system-ui,Microsoft JhengHei,sans-serif}body.web-playing{overflow:hidden}body[data-edition=web] [hidden]{display:none!important}.web-home{min-height:100dvh;width:min(1040px,100%);margin:auto;padding:28px 40px 18px;box-sizing:border-box;display:flex;flex-direction:column;gap:28px}.web-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.web-header a{color:inherit}.web-brand{display:block;width:130px;height:48px}.web-brand .rf-ui-asset{display:block;position:relative;width:130px;height:47px;overflow:hidden}.web-brand .rf-ui-asset img{position:absolute;max-width:none;max-height:none;width:var(--image-width);height:var(--image-height);left:var(--image-left);top:var(--image-top)}.web-header label{display:flex;gap:12px;align-items:center;color:var(--home-muted);font-size:13px}.web-home button,dialog button,.web-header select{border:1px solid var(--home-line);border-radius:8px;background:var(--home-panel);color:var(--home-fg);font:inherit;padding:12px 18px;cursor:pointer;min-height:44px}.web-home button:focus-visible,dialog button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--home-accent);outline-offset:3px}.web-home button:disabled,dialog button:disabled{opacity:.55;cursor:wait}.web-card{position:relative;isolation:isolate;flex:1;padding:48px 56px;border:1px solid var(--home-line);border-radius:18px;background:var(--home-panel);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:480px}.web-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--home-accent)}.web-card h1{font-size:clamp(42px,6vw,68px);letter-spacing:.12em;margin:12px 0}.web-intro{max-width:320px;line-height:1.8;color:var(--home-muted);margin:0 0 18px}.web-home .web-primary,dialog .web-primary{background:var(--home-accent);color:var(--home-button-ink);font-weight:650;min-width:180px;border-color:transparent}#web-status{min-height:1.6em;max-width:360px;color:var(--home-fg);font-size:13px}.web-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.web-save-note{font-size:12px;line-height:1.8;color:var(--home-muted);max-width:400px;margin:20px 0 0}.web-home footer{font-size:12px;color:var(--home-muted);display:flex;justify-content:space-between}.web-colony{position:absolute;right:5%;top:25%;width:280px;height:280px;border:1px solid var(--home-accent);border-radius:50%;opacity:.35;z-index:-1}.web-colony i{position:absolute;border:1px solid var(--home-accent);background:var(--home-bg);border-radius:50%;width:80px;height:80px;left:100px;top:90px}.web-colony i:after{content:"";position:absolute;width:30%;height:30%;top:34%;left:34%;border:1px solid var(--home-accent);border-radius:50%}.web-colony i:nth-child(2){left:20px;top:60px;width:55px;height:55px}.web-colony i:nth-child(3){left:170px;top:30px;width:65px;height:65px}.web-colony i:nth-child(4){left:180px;top:170px;width:55px;height:55px}.web-colony i:nth-child(5){left:40px;top:180px;width:45px;height:45px}.web-colony i:nth-child(6){left:115px;top:205px;width:35px;height:35px}body[data-edition=web][data-home-theme=light]{--home-muted:#4e5b46}body[data-home-theme=light] .web-card{box-shadow:0 16px 45px #5a503015}body[data-home-theme=arena] .web-card{border-radius:6px;border-top:3px solid var(--home-accent)}dialog{color:var(--home-fg);background:var(--home-panel);border:1px solid var(--home-line);border-radius:14px;padding:24px;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto}dialog::backdrop{background:#0009}dialog h2{margin:0;font-size:22px}dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}dialog p{color:var(--home-muted);line-height:1.7;font-size:14px}dialog label{display:block;margin:22px 0 8px}dialog input[type=text],#web-name{display:block;box-sizing:border-box;width:100%;font:inherit;color:var(--home-fg);background:var(--home-bg);border:1px solid var(--home-muted);border-radius:8px;padding:12px}#web-name-error{color:var(--home-fg)}.web-dialog-actions{display:flex;justify-content:flex-end;gap:12px}.web-color{display:flex;align-items:center;gap:14px;min-height:44px}.web-color i{width:20px;height:20px;border-radius:50%}.web-ranking{padding:0;list-style:none}.web-ranking li{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--home-line);padding:12px 0}.web-ranking li span:first-child{overflow-wrap:anywhere}body[data-edition=web] #rf-viewer-count{display:none!important}@media(max-width:760px){.web-home{padding:18px 16px;gap:20px}.web-card{padding:30px 24px;min-height:500px}.web-colony{width:180px;height:180px;right:-45px;top:20px;opacity:.12;transform:scale(.7);transform-origin:top right}.web-header label{gap:6px}.web-header select{max-width:150px;padding:10px}.web-tools{width:100%;gap:8px}.web-tools button{flex:1;padding:12px 8px;font-size:13px}.web-dialog-actions .web-primary{min-width:120px}.web-ranking li{font-size:13px}.web-save-note{max-width:290px}}@media(max-height:600px)and (min-width:700px){.web-home{padding:16px 32px;gap:12px}.web-card{min-height:0;padding:24px 36px}.web-card h1{font-size:40px;margin:5px 0}.web-intro{margin-bottom:6px}.web-tools{margin-top:0}.web-save-note{margin-top:12px}}