:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e7eef7;--ink-soft:#e7eef79e;--card:#111722d1;--card-solid:#151c28;--card-lift:#212b3b;--line:#e7eef724;--accent:#a98bff;--accent-wash:#a98bff33;--good:#5fd39a;--warn:#ffd35c;--bad:#ff7fa8;--radius:12px;--shadow:0 2px 10px #00000073;--shadow-lift:0 10px 28px #0009;--gap:16px;--tap:44px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}html,body{height:100%;color:var(--ink);-webkit-text-size-adjust:100%;background:#0a1020;margin:0;overflow:hidden}#world{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#world.orbiting{cursor:grabbing}button{font:inherit;color:inherit;min-height:var(--tap);min-width:var(--tap);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);cursor:pointer;border-radius:10px;padding:0 14px}button:hover{background:var(--card-lift)}button[disabled],button[aria-disabled=true]{opacity:.45;cursor:default}button.primary{background:var(--accent);color:#150f24;border-color:#0000}button.primary:hover{background:#bba3ff}input[type=text]{font:inherit;color:inherit;min-height:var(--tap);border:1px solid var(--line);background:#0f1622;border-radius:10px;padding:0 12px}::placeholder{color:var(--ink-soft)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#hud,#leaderboard,#toasts,#actions,#chat,#emotes,#touch,#onboarding,#rotate{z-index:1;position:fixed}#toasts{z-index:4}#actions{z-index:6}#onboarding{z-index:5}#rotate{z-index:2}.only-coarse{display:none}@media (pointer:coarse){.only-fine{display:none}.only-coarse{display:inline}}#hud{top:var(--gap);left:var(--gap);pointer-events:none;max-width:min(320px,52vw)}.hud-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);padding:10px 14px;font-size:14px;line-height:1.4}.hud-top{align-items:baseline;gap:8px;display:flex}.hud-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-zone{white-space:nowrap;background:#ff7fa83d;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px}.hud-zone.safe{background:#5fd39a47}.hud-size{align-items:center;gap:8px;margin-top:6px;display:flex}.hud-pips{gap:3px;display:flex}.hud-pip{background:var(--line);border-radius:2px;width:8px;height:14px}.hud-pip.on{background:var(--accent)}.hud-tier{font-weight:600}.hud-mass{font-variant-numeric:tabular-nums;color:var(--ink-soft);margin-left:auto}.hud-eat{align-items:center;gap:8px;margin-top:6px;display:flex}.hud-ring{background:conic-gradient(var(--accent) calc(var(--progress,1) * 360deg), var(--line) 0);border-radius:50%;width:28px;height:28px;-webkit-mask:radial-gradient(circle,#0000 58%,#000 59%);mask:radial-gradient(circle,#0000 58%,#000 59%)}.hud-ring.ready{background:conic-gradient(var(--good) 360deg, var(--good) 0)}.hud-ring.feeding{background:conic-gradient(var(--warn,#f0b429) 360deg, var(--warn,#f0b429) 0)}.hud-eat-text,.hud-hunger{color:var(--ink-soft)}.hud-hunger{margin-top:4px;font-size:13px}.hud-crown{color:#ffd977;margin-top:4px;font-size:13px}.hud-reign{font-variant-numeric:tabular-nums;font-weight:700}.hud-death{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.hud-death-msg{margin:0;font-size:13px}.hud-count{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.hud-respawn{pointer-events:auto;white-space:nowrap;margin-left:auto}.hud-hint{color:var(--ink-soft);margin:8px 0 0;font-size:13px}#leaderboard{top:calc(var(--gap) + var(--tap) + 8px);right:var(--gap);pointer-events:none;width:200px}.lb-header{pointer-events:auto}.lb{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.lb-header{width:100%;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;font-weight:600}.lb-list{margin:0;padding:0 8px 8px;font-size:13px;list-style:none}.lb-row{border-radius:8px;gap:8px;padding:3px 6px;display:flex}.lb-row.self{background:var(--accent-wash);font-weight:600}.lb-rank{width:1.4em;color:var(--ink-soft);font-variant-numeric:tabular-nums}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-mass{font-variant-numeric:tabular-nums;margin-left:auto}.lb-row.crowned{background:#ffc95c29}.lb-row.crowned .lb-name{color:#ffd977}.lb-row.crowned .lb-name:before{content:"♔";color:#ffc95c;margin-right:.35em}.lb-reign{color:#ffc95c;font-variant-numeric:tabular-nums;font-size:12px}#toasts{top:var(--gap);width:min(420px, calc(100vw - 2 * var(--gap)));pointer-events:none;left:50%;transform:translate(-50%)}.toasts{flex-direction:column;gap:8px;display:flex}.toast{border-radius:var(--radius);border:1px solid var(--line);background:var(--card-solid);box-shadow:var(--shadow-lift);pointer-events:auto;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.toast-text{flex:1}.toast.success{border-left:4px solid var(--good)}.toast.warn{border-left:4px solid var(--warn)}.toast.error{border-left:4px solid var(--bad)}.toast-action,.toast-dismiss{min-height:36px;padding:0 10px;font-size:13px}#actions{top:var(--gap);right:var(--gap);pointer-events:none;gap:8px;display:flex}#actions>*{pointer-events:auto}.share{align-items:center;gap:8px;display:flex}.share-link{width:200px}.leave-button{background:var(--card-lift)}.safety-menu{border-radius:var(--radius);border:1px solid var(--line);background:var(--card-solid);min-width:190px;box-shadow:var(--shadow-lift);z-index:6;padding:6px;position:fixed}.safety-who{color:var(--ink-soft);margin:4px 8px 6px;font-size:13px;font-weight:600}.safety-item{width:100%;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:8px;display:block}.safety-item:hover{background:var(--accent-wash)}.safety-item.leave{border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px}.safety-reasons{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0;padding:4px 0}#chat{bottom:var(--gap);left:var(--gap);width:min(360px, calc(100vw - 2 * var(--gap)))}.chat{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.chat-toggle{display:none}.chat-panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);width:100%;box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:10px;display:flex}.chat-log{overscroll-behavior:contain;max-height:28vh;font-size:13px;line-height:1.45;overflow-y:auto}.chat-line{overflow-wrap:anywhere;margin:0 0 2px}.chat-who{margin-right:6px;font-weight:600}.chat-line.self .chat-who{color:var(--accent)}.chat-line.dead{opacity:.6;font-style:italic}.chat-line.system{color:var(--ink-soft)}.chat-row{gap:6px;display:flex}.chat-input{flex:1;min-width:0}.chat-hint{color:var(--ink-soft);margin:0;font-size:12px}#emotes{right:var(--gap);bottom:var(--gap)}.emotes{position:relative}.emote-open{position:relative;overflow:hidden}.emote-open:after{content:"";background:var(--accent);transform-origin:0;height:3px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.emotes.cooling .emote-open:after{animation:emote-drain var(--cooldown-ms,1s) linear forwards}.emotes.cooling .emote{opacity:.45}@keyframes emote-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.emote-wheel{--slot-turn:36deg;--wheel-r:106px;right:0;bottom:calc(var(--tap) + 12px);width:284px;height:284px;position:absolute}.emote{border:1px solid var(--line);background:var(--card-solid);white-space:nowrap;transform:translate(-50%, -50%) rotate(calc(var(--slot) * var(--slot-turn))) translateY(calc(-1 * var(--wheel-r))) rotate(calc(var(--slot) * -1 * var(--slot-turn)));border-radius:999px;padding:0 8px;font-size:12px;position:absolute;top:50%;left:50%}.emote-key{color:var(--ink-soft);font-size:10px;display:block}#onboarding{left:50%;bottom:calc(var(--gap) + 56px);width:min(420px, calc(100vw - 2 * var(--gap)));transform:translate(-50%)}.ob-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--card-solid);max-height:84vh;box-shadow:var(--shadow-lift);flex-direction:column;gap:10px;padding:16px;display:flex;overflow-y:auto}.ob-title{margin:0;font-size:18px}.ob-field{gap:4px;display:grid}.ob-label{color:var(--ink-soft);font-size:13px}.ob-error{color:#ff8aa8;min-height:16px;font-size:12px}.ob-group{gap:4px;display:grid}.ob-options{flex-wrap:wrap;gap:8px;display:flex}.ob-swatch{width:var(--tap);height:var(--tap);background:var(--swatch,var(--accent));box-shadow:var(--shadow);border-color:#e7eef74d;border-radius:50%;padding:0}.ob-swatch.on,.ob-chip.on{outline:3px solid var(--ink);outline-offset:2px}.ob-chip{border-radius:999px;padding:0 12px}.ob-actions{gap:8px;display:flex}.ob-play{flex:1}.ob-foot{color:var(--ink-soft);margin:0;font-size:12px}#touch{pointer-events:none;touch-action:none;z-index:3;inset:0}.touch-stick{pointer-events:auto;touch-action:none;width:min(45vw,320px);height:min(42vh,280px);position:absolute;bottom:0;left:0}.touch-base{left:var(--ox,50%);top:var(--oy,50%);width:112px;height:112px;box-shadow:var(--shadow);background:#e7eef71f;border-radius:50%;margin:-56px 0 0 -56px;position:absolute}.touch-knob{border:1px solid var(--line);background:var(--card-lift);width:56px;height:56px;transform:translate(var(--kx,0px), var(--ky,0px));border-radius:50%;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.touch-actions{right:var(--gap);bottom:calc(var(--gap) + 64px);pointer-events:auto;gap:12px;display:flex;position:absolute}.touch-button{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:76px;height:76px}.touch-button.eat{color:#fff;background:#d63c6ed9;border-color:#ff7fa880}#rotate{border-radius:var(--radius);border:1px solid var(--line);background:var(--card-solid);box-shadow:var(--shadow-lift);pointer-events:none;text-align:center;margin:0;padding:12px 18px;display:none;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:560px) and (orientation:portrait){#rotate{display:block}}@media (pointer:coarse){#emotes{bottom:calc(var(--gap) + 150px)}}@media (max-width:640px){.chat-toggle{align-items:center;display:inline-flex}.chat-panel{display:none}.chat.open .chat-panel{display:flex}#leaderboard{width:160px}#toasts{top:calc(var(--gap) + 176px)}#onboarding{top:50%;bottom:auto;transform:translate(-50%,-50%)}#emotes{bottom:calc(var(--gap) + 150px)}}@media (max-width:480px){:root{--gap:10px}#hud{max-width:calc(100vw - 2 * var(--gap) - 90px)}.hud-card{padding:8px 10px;font-size:13px}.hud-hint,.hud-crown,.hud-hunger{font-size:12px}.emote-wheel{--wheel-r:90px;width:240px;height:240px}#onboarding{width:calc(100vw - 2 * var(--gap))}}@media (max-height:480px){#onboarding{bottom:var(--gap)}.ob-card{max-height:calc(100vh - 2 * var(--gap));gap:6px;padding:12px}}@media (prefers-reduced-motion:reduce){.emotes.cooling .emote-open:after{animation:none}}