html,body{background:#0d2436;height:100%;margin:0;font-family:Avenir Next,Nunito,system-ui,sans-serif;overflow:hidden}#view{width:100vw;height:100vh;display:block}#hud{pointer-events:none;position:fixed;inset:0}.mg-panel{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#17415f;background:#f8fcffdb;border-radius:18px;width:250px;max-height:calc(100vh - 32px);padding:14px;position:absolute;top:16px;left:16px;overflow-y:auto;box-shadow:0 10px 30px #0d325040}.mg-title{margin-bottom:10px;font-size:18px;font-weight:800}.mg-title span{letter-spacing:.08em;text-transform:uppercase;color:#4f86ab;font-size:12px;font-weight:600;display:block}.mg-buttons{flex-direction:column;gap:6px;display:flex}.mg-panel button{font:inherit;text-align:left;cursor:pointer;color:#17415f;background:#e3f0f9;border:0;border-radius:12px;padding:9px 12px;font-size:14px;font-weight:650;transition:background .15s,transform .1s}.mg-panel button:hover{background:#cfe5f5}.mg-panel button:active{transform:scale(.98)}.mg-panel button.on{color:#fff;background:#2f86c8}.mg-faces{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.mg-faces span{text-transform:uppercase;letter-spacing:.08em;color:#4f86ab;margin-right:4px;font-size:12px;font-weight:700}.mg-faces button{padding:6px 9px;font-size:16px}.mg-hint{color:#3b6d8f;margin-top:12px;font-size:13px;line-height:1.35}@media (width<=600px){.mg-panel{width:auto;max-height:42vh;inset:auto 12px 12px}}.mg-anims{flex-direction:column;gap:4px;margin-top:12px;display:flex}.mg-anims span{text-transform:uppercase;letter-spacing:.08em;color:#4f86ab;font-size:12px;font-weight:700}.mg-anims select{font:inherit;color:#17415f;background:#fff;border:1px solid #b9d5e8;border-radius:10px;padding:6px;font-size:13px}.mg-keys{color:#17415f;pointer-events:none;white-space:nowrap;background:#ffffffdb;border-radius:14px;align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-weight:600;display:none;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.mg-keys b{white-space:nowrap;color:#fff;background:#2f86c8;border-radius:7px;padding:3px 7px;font-size:12px}#hud.walking .mg-keys{display:flex}.st-panel{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#17415f;background:#f8fcffe6;border-radius:18px;width:290px;max-height:calc(100vh - 32px);padding:14px;display:none;position:absolute;top:16px;right:16px;overflow-y:auto;box-shadow:0 10px 30px #0d325040}#hud.studio .st-panel{display:block}.st-title{margin-bottom:10px;font-size:18px;font-weight:800}.st-title span{letter-spacing:.08em;text-transform:uppercase;color:#4f86ab;font-size:12px;font-weight:600;display:block}.st-panel details{border-top:1px solid #d3e6f3;padding:6px 0}.st-panel summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:#2f6f9c;padding:6px 0;font-size:13px;font-weight:750}.st-body{flex-direction:column;gap:7px;padding:4px 0 8px;display:flex}.st-sub{letter-spacing:.08em;text-transform:uppercase;color:#7aa3c1;margin-top:6px;font-size:11px;font-weight:700}.st-slider{grid-template-columns:1fr auto;align-items:center;column-gap:8px;font-size:13px;font-weight:600;display:grid}.st-slider em{color:#4f86ab;font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}.st-slider input{accent-color:#2f86c8;grid-column:1/-1;width:100%;margin:2px 0 0}.st-chips{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.st-panel button{font:inherit;cursor:pointer;color:#17415f;background:#e3f0f9;border:0;border-radius:11px;padding:7px 11px;font-size:13px;font-weight:650;transition:background .15s}.st-panel button:hover{background:#cfe5f5}.st-panel button.on{color:#fff;background:#2f86c8}.st-color{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.st-color span{flex:1}.st-color input[type=color]{cursor:pointer;background:0 0;border:0;width:34px;height:24px;padding:0}.st-hint{color:#3b6d8f;font-size:12px;line-height:1.35}.st-actions{border-top:1px solid #d3e6f3;flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:10px;display:flex}@media (width<=900px){.st-panel{width:auto;max-height:46vh;inset:auto 12px 12px}}.mg-stat{color:#2f6f9c;border-left:1px solid #b9d5e8;margin-left:8px;padding-left:10px;font-weight:700}.st-weight{color:#2f6f9c;letter-spacing:.04em;font-size:12px;font-weight:700}.mg-bounce{pointer-events:auto;color:#17415f;background:#ffffffdb;border-radius:14px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:700;display:none;position:fixed;top:16px;right:16px}.mg-bounce input{accent-color:#2f86c8;width:150px}.mg-bounce em{font-variant-numeric:tabular-nums;color:#4f86ab;width:32px;font-style:normal}#hud.walking .mg-bounce{display:flex}.st-people{grid-template-columns:repeat(3,1fr);gap:8px;max-height:340px;padding:2px;display:grid;overflow-y:auto}.st-panel button.st-person{text-align:center;outline-offset:-2px;background:#eaf3fa;border-radius:12px;outline:2px solid #0000;flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.st-panel button.st-person img{aspect-ratio:1;object-fit:cover;background:#9cc9e6;width:100%;display:block}.st-panel button.st-person span{padding:3px 0 4px;font-size:11px;font-weight:700}.st-panel button.st-person:hover{background:#d3e8f6}.st-panel button.st-person.on{color:#fff;background:#2f86c8;outline-color:#2f86c8}.st-loading{z-index:1;color:#17415f;pointer-events:auto;background:#8cc3e3;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-weight:700;display:flex;position:absolute;inset:0}.st-bar{background:#ffffff80;border-radius:6px;width:260px;height:8px;overflow:hidden}.st-bar i{background:#2f86c8;width:0;height:100%;transition:width .15s;display:block}.mg-panel,.st-panel{z-index:2}.mg-map{z-index:2;pointer-events:none;border:3px solid #ffffffd9;border-radius:16px;width:190px;height:190px;display:none;position:fixed;top:64px;right:16px;overflow:hidden;box-shadow:0 8px 22px #0d32504d}.mg-map canvas{width:100%;height:100%;display:block}.mg-time{pointer-events:auto;box-sizing:border-box;color:#17415f;z-index:2;background:#ffffffdb;border-radius:14px;align-items:center;gap:8px;width:190px;padding:7px 12px;font-size:13px;font-weight:700;display:none;position:fixed;top:268px;right:16px}.mg-time input{accent-color:#2f86c8;flex:1;min-width:0}.mg-time em{font-variant-numeric:tabular-nums;color:#4f86ab;text-align:right;width:40px;font-style:normal}#hud.city .mg-map{display:block}#hud.city .mg-time{display:flex}.mg-wind{pointer-events:auto;box-sizing:border-box;color:#17415f;z-index:2;background:#ffffffdb;border-radius:14px;align-items:center;gap:8px;width:190px;padding:7px 12px;font-size:13px;font-weight:700;display:none;position:fixed;top:314px;right:16px}.mg-wind input{accent-color:#2f86c8;flex:1;min-width:0}.mg-wind em{font-variant-numeric:tabular-nums;color:#4f86ab;text-align:right;width:40px;font-style:normal}#hud.city .mg-wind{display:flex}#hud.city .mg-bounce{display:none}.mg-prompt{color:#fff;letter-spacing:.3px;z-index:3;pointer-events:none;background:#143450e0;border-radius:999px;padding:12px 26px;font-size:20px;font-weight:800;display:none;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0d325059}.mg-prompt.on{display:block}.mg-weather{pointer-events:auto;box-sizing:border-box;color:#17415f;z-index:2;background:#ffffffdb;border-radius:14px;width:190px;padding:8px;display:none;position:fixed;top:360px;right:16px}.mg-wx{flex-wrap:wrap;gap:4px;display:flex}.mg-weather button{font:inherit;cursor:pointer;color:#17415f;background:#e3f0f9;border:0;border-radius:9px;padding:4px 8px;font-size:11.5px;font-weight:700;transition:background .15s}.mg-weather button:hover{background:#cfe5f5}.mg-weather button.on{color:#fff;background:#2f86c8}.mg-weather .mg-mute{width:100%;margin-top:6px}#hud.city .mg-weather{display:block}.sw-root{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.sw-layer{opacity:0;will-change:opacity;position:absolute;inset:0}.sw-water{background:linear-gradient(#46c4be9e 0%,#16769cc7 55%,#083e6ce6 100%)}.sw-dark{background:radial-gradient(at 50% 45%,#031a2e59 0%,#020e20eb 100%)}.sw-shafts{mix-blend-mode:screen;inset:0 -420px;-webkit-mask-image:linear-gradient(#000 0%,#0006 55%,#0000 100%);mask-image:linear-gradient(#000 0%,#0006 55%,#0000 100%)}.sw-shafts i{will-change:transform;position:absolute;inset:0}.sw-shafts i:first-child{background:repeating-linear-gradient(104deg,#beffec00 0,#beffec2b 40px,#beffec00 92px 190px);animation:13s ease-in-out infinite alternate sw-drift-a}.sw-shafts i:nth-child(2){background:repeating-linear-gradient(98deg,#beffec00 0,#beffec1c 22px,#beffec00 66px 260px);animation:17s ease-in-out infinite alternate sw-drift-b}@keyframes sw-drift-a{0%{transform:translate(-140px)}to{transform:translate(140px)}}@keyframes sw-drift-b{0%{transform:translate(160px)}to{transform:translate(-160px)}}.sw-caustic{mix-blend-mode:screen;inset:-60px;-webkit-mask-image:linear-gradient(#000 0%,#00000080 70%,#0000 100%);mask-image:linear-gradient(#000 0%,#00000080 70%,#0000 100%)}.sw-caustic i{will-change:transform;position:absolute;inset:0}.sw-caustic i:first-child{background:radial-gradient(46px 24px at 40px 30px,#dcfff65c,#dcfff600 72%) 0 0/132px 84px;animation:3.1s ease-in-out infinite alternate sw-shimmer-a}.sw-caustic i:nth-child(2){background:radial-gradient(34px 18px at 30px 22px,#dcfff64d,#dcfff600 72%) 0 0/97px 63px;animation:4.3s ease-in-out infinite alternate sw-shimmer-b}@keyframes sw-shimmer-a{0%{transform:translate(-30px)scale(1)}to{transform:translate(30px,18px)scale(1.06)}}@keyframes sw-shimmer-b{0%{transform:translate(26px,14px)scale(1.04)}to{transform:translate(-26px,-8px)scale(1)}}.sw-lens{opacity:0;position:absolute;inset:0}.sw-lens.run{animation:2s ease-out forwards sw-lens}.sw-lens b{background:radial-gradient(circle at 34% 30%,#fffc 0 7%,#fff3 26%,#cdecff1a 62%,#78aac833 100%);border-radius:50%;position:absolute;box-shadow:inset 0 -2px 5px #001e3c4d,0 1px 3px #001e3c40}.sw-lens.run b{animation:2s ease-in forwards sw-slide}@keyframes sw-lens{0%{opacity:1}55%{opacity:.85}to{opacity:0}}@keyframes sw-slide{0%{transform:translateY(0)scale(1)}to{transform:translateY(var(--dy,30px)) scale(.8, 1.15)}}.sw-breath{color:#dff6ff;letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#0628469e;border-radius:14px;width:190px;margin-left:-95px;padding:6px 10px 7px;font:700 11px/1 system-ui,sans-serif;transition:opacity .25s,transform .25s;position:absolute;top:74px;left:50%;transform:translateY(-6px)}.sw-breath.on{opacity:1;transform:none}.sw-breath span{margin-bottom:5px;display:block}.sw-breath div{background:#ffffff38;border-radius:5px;height:8px;overflow:hidden}.sw-breath i{transform-origin:0;background:#6fe4ff;border-radius:5px;width:100%;height:100%;display:block}.sw-breath.low i{background:#ff6a55}.sw-breath.gasp{animation:.5s ease-in-out infinite alternate sw-gasp}@keyframes sw-gasp{0%{background:#0628469e}to{background:#8c1810bf}}.pf-chip{z-index:6;color:#17415f;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;font-variant-numeric:tabular-nums;background:#ffffffe0;border-radius:999px;align-items:baseline;gap:8px;padding:5px 13px;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0d32502e}.pf-chip.on{display:flex}.pf-chip b{text-align:right;min-width:2ch;font-size:16px}.pf-chip i{color:#4f86ab;font-style:normal;font-weight:600}.pf-chip.good b{color:#1f9d55}.pf-chip.warn b{color:#d98a00}.pf-chip.bad b{color:#d64545}.pf-panel{z-index:6;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#17415f;pointer-events:auto;font-variant-numeric:tabular-nums;background:#ffffffed;border-radius:16px;width:min(470px,100vw - 24px);max-height:calc(100vh - 62px);padding:12px 14px 14px;font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;position:fixed;top:46px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 10px 30px #0d325047}.pf-panel.on{display:block}.pf-panel h4{letter-spacing:.08em;text-transform:uppercase;color:#4f86ab;margin:10px 0 4px;font:800 11px/1 system-ui,sans-serif}.pf-panel h4:first-child{margin-top:0}.pf-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pf-head b{font-size:26px;line-height:1}.pf-head span{color:#4f86ab}.pf-panel canvas{background:#17415f0f;border-radius:8px;width:100%;height:56px;margin:6px 0 2px;display:block}.pf-grid{grid-template-columns:repeat(2,1fr);gap:1px 14px;display:grid}.pf-grid div{justify-content:space-between;gap:8px;display:flex}.pf-grid em{color:#4f86ab;font-style:normal;font-weight:600}.pf-tag{background:#e3f0f9;border-radius:999px;padding:1px 8px;font-weight:800;display:inline-block}.pf-tag.gpu{color:#8a5200;background:#ffe9c9}.pf-tag.cpu{color:#8a1f1f;background:#fbdada}.pf-tag.ok{color:#17693b;background:#d9f2e2}.pf-spans div{border-radius:4px;justify-content:space-between;gap:8px;padding:0 4px;display:flex;position:relative;overflow:hidden}.pf-spans div i{z-index:0;background:#2f86c829;position:absolute;top:0;bottom:0;left:0}.pf-spans div span,.pf-spans div em{z-index:1;font-style:normal;position:relative}.pf-spans div.sub span{color:#4f86ab;padding-left:12px}.pf-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pf-row button,.pf-btn{color:#17415f;cursor:pointer;background:#e3f0f9;border:0;border-radius:999px;padding:6px 10px;font:800 11px/1 system-ui,sans-serif}.pf-row button.on{color:#fff;background:#2f86c8}.pf-row label{cursor:pointer;background:#eef5fa;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 6px;font:700 11px/1 system-ui,sans-serif;display:inline-flex}.pf-row label input{accent-color:#2f86c8;margin:0}.pf-hitch{color:#8a1f1f}.pf-note{color:#4f86ab;margin-top:4px;font:600 11px/1.4 system-ui,sans-serif}.npc-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.np-prompt{white-space:nowrap;color:#17415f;background:#ffffffe6;border-radius:14px;padding:8px 16px;font-size:14px;font-weight:700;display:none;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0d325033}.np-prompt.on{display:block}.np-prompt b{color:#fff;background:#2f86c8;border-radius:7px;margin-right:8px;padding:3px 8px;font-size:12px}.np-bubble{color:#17415f;opacity:0;will-change:transform;text-align:center;background:#fffffff2;border-radius:14px;max-width:240px;padding:8px 12px;font-size:13px;font-weight:650;line-height:1.3;transition:opacity .18s;position:absolute;top:0;left:0;box-shadow:0 6px 16px #0d325040}.np-bubble.on{opacity:1}.np-bubble:after{content:"";background:inherit;border-radius:2px;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.np-bubble.small{opacity:0;max-width:130px;padding:5px 9px;font-size:12px}.np-bubble.small.on{opacity:.92}.np-panel{pointer-events:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;color:#17415f;background:#f8fcffeb;border-radius:18px;width:316px;max-height:calc(100vh - 32px);padding:14px;font-family:inherit;display:none;position:absolute;bottom:16px;right:16px;overflow-y:auto;box-shadow:0 10px 30px #0d325040}.np-panel.on{animation:.18s ease-out np-in;display:block}@keyframes np-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.np-head{align-items:center;gap:10px;display:flex}.np-avatar{color:#fff;text-shadow:0 1px 2px #00000059;border:3px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:flex;box-shadow:0 2px 8px #0d325040}.np-who{flex:1;min-width:0}.np-name{font-size:18px;font-weight:800;line-height:1.1}.np-job{letter-spacing:.08em;text-transform:uppercase;color:#4f86ab;margin-top:2px;font-size:12px;font-weight:600}.np-panel button.np-x{text-align:center;border-radius:50%;flex:none;width:30px;height:30px;padding:0;font-size:18px;line-height:1}.np-tags{flex-wrap:wrap;gap:6px;margin:10px 0 6px;display:flex}.np-tags span{letter-spacing:.05em;text-transform:uppercase;color:#2f6f9c;background:#e3f0f9;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.np-mood{color:#4f86ab;text-transform:capitalize;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.np-mood i{border-radius:50%;width:9px;height:9px;display:inline-block}.np-rel{margin:10px 0 8px;position:relative}.np-rel-label{letter-spacing:.06em;text-transform:uppercase;color:#2f6f9c;justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:750;display:flex}.np-rel-label b{font-variant-numeric:tabular-nums;color:#17415f}.np-bar{background:#d3e6f3;border-radius:6px;height:9px;overflow:hidden}.np-bar i{background:linear-gradient(90deg,#5aaee6,#2f86c8);border-radius:6px;width:0;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.np-delta{opacity:0;font-size:15px;font-weight:800;position:absolute;top:-6px;right:0}.np-delta.up{color:#2f9e57}.np-delta.down{color:#d65a4f}.np-delta.go{animation:1.5s ease-out np-delta}@keyframes np-delta{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.np-you{color:#7aa3c1;min-height:0;margin-top:4px;font-size:12px;font-weight:600}.np-you:empty{display:none}.np-say{background:#fff;border-radius:12px;min-height:40px;margin:6px 0 10px;padding:10px 12px;font-size:14px;font-weight:650;line-height:1.38}.np-say.pop{animation:.2s ease-out np-pop}@keyframes np-pop{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:none}}.np-choices{grid-template-columns:1fr 1fr;gap:6px;display:grid}.np-panel button{font:inherit;cursor:pointer;color:#17415f;text-align:left;background:#e3f0f9;border:0;border-radius:11px;padding:8px 10px;font-size:13px;font-weight:650;transition:background .15s,transform .1s}.np-panel button:hover:not(:disabled){background:#cfe5f5}.np-panel button:active:not(:disabled){transform:scale(.98)}.np-panel button:disabled{opacity:.45;cursor:default}.np-panel button.locked{color:#7aa3c1}.np-choices button:before{content:attr(data-k);color:#4f86ab;width:16px;margin-right:6px;font-size:11px;font-weight:800;display:inline-block}.np-choices button:last-child{color:#fff;background:#2f86c8;grid-column:1/-1}.np-choices button:last-child:before{color:#d6ecff}.np-choices button:last-child:hover:not(:disabled){background:#2777b3}.np-quirk{color:#3b6d8f;margin-top:10px;font-size:12px;font-style:italic;line-height:1.35}@media (width<=700px){.np-panel{width:auto;max-height:60vh;bottom:12px;left:12px;right:12px}}