@font-face{font-family:HousePixel;src:url(/assets/fonts/house-party-pixel-12.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{font-family:HousePixel,Microsoft YaHei,sans-serif;color:#e6edff;background:#10142e;font-synthesis:none;--cyan:#30cbd9;--light:#82b2e4;--blue:#172d87;--deep:#090d49;--green:#59e23a;--border:#7196c6}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid #b7fa4c;outline-offset:2px}button{border:1px solid #82a9d8;border-right-color:#172653;border-bottom-color:#111d4c;background:linear-gradient(#3354a0,#142b78);box-shadow:inset 1px 1px #b5d3f26b,inset -1px -1px #050c32;min-height:36px}button:hover{filter:brightness(1.13)}button:active,button.selected{background:linear-gradient(#071658,#274686);border-color:#36e4e2;box-shadow:inset 1px 1px 3px #020727;color:#87f550}button svg{width:20px;height:20px;flex-shrink:0}[hidden]{display:none!important}svg{display:block}#app{display:flex;justify-content:center;align-items:center;gap:7vw;background:radial-gradient(ellipse at 35% 30%,#1b3761,#080c25 70%)}.desktop-note{display:flex;flex-direction:column;align-items:center;color:#b3c1df;gap:12px;text-align:center;max-width:300px}.desktop-note b{font-size:28px;font-weight:400;color:#e9f1ff;letter-spacing:3px}.desktop-note>span:not(.large-plumbob){font-size:12px;letter-spacing:5px}.desktop-note p{font-size:14px;line-height:2.2;color:#8a9ab9}.large-plumbob{font-size:80px;color:#31d414;text-shadow:3px 0 #0c6708,-3px 0 #86f616;transform:scaleX(.65);line-height:1.2}.game-shell{position:relative;width:480px;height:calc(100dvh - 28px);max-height:1040px;display:flex;flex-direction:column;background:#070c37;overflow:hidden;box-shadow:0 0 0 1px #5e719a,0 24px 100px #0009;isolation:isolate}.topbar{flex:0 0 35px;display:flex;align-items:center;padding:0 8px 0 13px;gap:10px;background:linear-gradient(#1f458e,#0b1757);border-bottom:2px solid #778eb8;z-index:12}.topbar b{font-weight:400;font-size:14px;white-space:nowrap}.topbar>span{color:#94acce;letter-spacing:1px;font-size:10px;flex:1}.icon-button{padding:5px;display:inline-flex;justify-content:center;align-items:center;width:32px;min-height:29px;background:linear-gradient(#284b91,#0b1a59);border-radius:50%;border:1px solid #9dacd2;box-shadow:inset 1px 1px #fff4,1px 2px #060b36}.topbar .icon-button{border:0;box-shadow:none;background:none;width:29px}.stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:#727a49}.stage>canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;image-rendering:pixelated}.stage-top{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;pointer-events:none;z-index:3}.stage-top button{pointer-events:auto}.mission{display:flex;align-items:center;gap:12px;font-size:12px;padding:4px 10px;background:linear-gradient(135deg,#183e83e8,#0c174cde);border:1px solid #a8c2d6;min-height:31px}.mission span{color:#c3d3e7}.mission b{font-weight:400;color:#90f155}.view-buttons{display:flex;gap:7px}.view-buttons .icon-button{width:32px;height:32px;min-height:32px}.creator-intro{display:none;position:absolute;top:15px;left:20px;right:20px;text-align:center;pointer-events:none}.creator-intro h1{margin:0;font-size:24px;color:#d2e2ff;letter-spacing:3px;font-weight:400;text-shadow:2px 2px #040629}.creator-intro p{font-size:12px;color:#9eafe4;margin:8px 0 0}.creating .creator-intro{display:block}.creating .stage-top,.creating .scene-bottom,.creating #world-labels,.creating #action-queue{display:none}.scene-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;background:#07144395;text-shadow:1px 1px #000;padding:6px 11px;color:#d8e8dd;pointer-events:none}#location{color:#e3eee3;white-space:nowrap}.scene-bottom span:last-child{text-align:right;color:#c1d3cd}.creator{position:relative;flex:none;border-top:3px solid #61c4de;background:linear-gradient(110deg,#173e88,#141758 78%);box-shadow:inset 2px 2px #bbd6ee70,0 -5px #0b2e68;padding:0 12px 12px}.creator-tabs{height:42px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #020637;box-shadow:0 1px #4f68a8;margin-bottom:7px}.creator-tabs button{font-size:14px;min-height:30px;min-width:66px;padding:4px 12px}.creator-tabs #randomize{margin-left:auto;background:none;border:0;box-shadow:none;font-size:12px;color:#bdcae9;padding:5px;min-width:0}.appearance-row{display:flex;align-items:center;gap:9px;min-height:43px}.appearance-row>span{width:55px;flex:none;font-size:12px;color:#c4d8f4}.choice-options{display:flex;gap:5px;flex:1}.choice-options>button{flex:1;padding:5px 2px;min-height:32px;font-size:12px;white-space:nowrap}.choice-options.palette{justify-content:flex-start;gap:14px}.palette>button{flex:none;width:44px;min-height:41px;background:none;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;padding:1px}.palette i{display:block;width:27px;height:21px;background:var(--swatch);box-shadow:0 0 0 1px #060d32,inset 1px 1px #ffffff57,inset -1px -1px #0005;border:1px solid #90a4c6}.palette .selected i{outline:2px solid #7eff51;outline-offset:1px}.palette span{line-height:1;color:#a8bbdf}.palette .selected span{color:#a8f86b}.name-row{display:flex;align-items:center;gap:8px;border-top:1px solid #5b6b9a;padding-top:10px;margin-top:8px}.name-row label{font-size:12px;color:#c4d8f4;width:28px;flex-shrink:0}.name-row input{width:0;min-width:0;flex:1;background:#060f41;color:#b5fa72;border:1px solid #788aaf;box-shadow:inset 2px 2px #0007;height:38px;padding:8px;font-size:14px;border-radius:0}.name-row input::placeholder{color:#7283a7}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 14px;font-size:14px;color:#b8fa80;background:linear-gradient(#1c478f,#102360);border:1px solid #70d2d6;box-shadow:inset 1px 1px #bdf5e874,inset -1px -1px #060d38}.primary-button svg{width:17px;height:17px}.name-row .primary-button{font-size:12px;padding:7px 10px}.hud{position:relative;flex:none;background:linear-gradient(118deg,#14638e,#0d3c86 23%,#161664 61%,#090b43);border-top:3px solid #7691be;border-left:2px solid #59b6cf;box-shadow:inset 0 2px #3be0d448,0 -3px #0b1a53;border-top-left-radius:64px 42px;z-index:6;padding:8px 10px 0}.hud:before{content:"";position:absolute;pointer-events:none;top:-5px;left:5px;width:98px;height:74px;border:2px solid #29c8d682;border-right-color:transparent;border-bottom-color:transparent;border-radius:60px 0 0}.hud-main{display:flex;align-items:center;gap:10px;height:108px}.player-dock{position:relative;width:111px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;margin-top:-3px}.player-portrait{width:66px;height:66px;min-height:66px;padding:3px;background:#080e50;border:2px solid #3edfde;box-shadow:0 0 0 2px #143d82,inset 0 0 0 1px #86dcee;border-radius:6px}.player-portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.player-dock strong{font-size:12px;font-weight:400;color:#e0edff;line-height:20px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-dock>span{font-size:10px;color:#a8d599;max-width:116px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.needs{flex:1;align-self:stretch;padding:8px 0 4px;min-width:0}.needs-caption{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #5c76a0;padding:0 0 6px;margin-bottom:8px;font-size:11px;color:#b3c8e8}.needs-caption b{font-weight:400;color:#d8e1fc}.needs-caption>span{color:#88e565}.needs-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:8px}.need{display:flex;align-items:center;gap:5px}.need>span{font-size:11px;white-space:nowrap;color:#e1e1f3}.need meter{width:100%;height:9px;min-width:25px;background:#040830;border:1px solid #657db1;border-bottom-color:#243854;box-shadow:inset 1px 1px 1px #0006;border-radius:0;-webkit-appearance:none;appearance:none}.need meter::-webkit-meter-bar{background:linear-gradient(#030626,#172352);border:0;border-radius:0;box-shadow:none}.need meter::-webkit-meter-optimum-value{background:repeating-linear-gradient(90deg,transparent 0 7px,#051b3780 7px 8px),linear-gradient(#68ee36,#18ba0b);border-radius:0}.need meter::-webkit-meter-suboptimum-value{background:#d3b82b}.need meter::-webkit-meter-even-less-good-value{background:#e25438}.need meter::-moz-meter-bar{background:#42da20}.time-bar{height:30px;display:flex;gap:10px;align-items:center;border-top:1px solid #070e36;border-bottom:1px solid #6780ac;padding-left:2px}.time-bar>span:first-child{font-size:12px;color:#76f18b;white-space:nowrap;min-width:77px}.time-bar>div{display:flex;gap:3px}.time-bar>div button{padding:0 3px;min-width:26px;min-height:22px;font-size:11px;border:0;box-shadow:none;background:none;color:#a8c8f0}.time-bar>div button.selected{color:#75fa7d;background:#092d60;box-shadow:inset 1px 1px #04102e}.funds{color:#4fe371;font-size:12px;flex:1;text-align:right}.time-bar .icon-button{width:25px;min-height:24px;height:24px;padding:3px;border:0;box-shadow:none;background:none}.resident-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;padding:9px 0 7px}.resident-strip>button{min-height:0;aspect-ratio:1/1;position:relative;padding:2px;border:1px solid #83b3e3;background:#080f57;box-shadow:inset 0 0 0 1px #246ba1}.resident-strip img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.resident-strip>button>span{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;background:#112851;border:1px solid #1bcbb5;color:#b8f45d;font-size:10px;line-height:10px}.resident-strip>button.ambient{border-color:#637cb1}.resident-strip>button.ambient>span{border-color:#7487ba;color:#b5c6e5}.resident-strip>button.met{border-color:#4cec69}.bottom-nav{height:40px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 -10px 0 -1px;border-top:1px solid #08103f;background:linear-gradient(#172963,#0a154b)}.bottom-nav>button{display:flex;justify-content:center;align-items:center;gap:5px;border:0;border-right:1px solid #6580a345;border-radius:0;background:none;box-shadow:none;font-size:12px;min-height:39px;color:#adc9ee}.bottom-nav svg{width:17px;height:17px}#world-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.world-label{position:absolute;top:0;left:0;pointer-events:auto;will-change:transform;min-height:24px;white-space:nowrap}.npc-label{padding:3px 6px;font-size:10px;color:#e8f3d8;background:#071947b5;border:1px solid #81a9bf95;box-shadow:1px 1px #0005;text-shadow:1px 1px #000}.npc-label.ambient-label{color:#bbc7cf;background:#171e318a;border-color:#8e999870}.furniture-label{width:27px;height:27px;border-radius:50%;background:#09264642;box-shadow:inset 0 0 0 1px #e9f0d33a;border:1px solid #fff6;font-size:19px;line-height:20px;padding:1px;color:#f4ffba}.furniture-label:hover{background:#174780;color:#97f76d}.context-menu{position:absolute;left:50%;bottom:50px;transform:translate(-50%);min-width:206px;max-width:92%;padding:9px 10px;background:linear-gradient(125deg,#254c98,#12195f);border:2px solid #78a9d5;box-shadow:2px 3px #050b3b,0 0 0 1px #0a1b59;z-index:7}.context-menu>span{display:block;font-size:12px;color:#c7d9f9;margin-bottom:7px}.context-menu>div{display:flex;gap:5px}.context-menu button{padding:7px 10px;min-height:38px;font-size:14px;color:#a6f37c}.context-menu button:first-child{flex:1}.context-menu button:last-child{width:38px;font-size:18px;color:#bdcbe7}.action-queue{position:absolute;top:51px;left:10px;right:10px;display:flex;gap:5px;z-index:4;pointer-events:none}.action-queue>button{pointer-events:auto;position:relative;width:57px;height:55px;min-height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px;background:linear-gradient(#243b85f2,#10144eeb);border:1px solid #96a8bd;box-shadow:1px 1px #111;overflow:hidden}.action-queue>button.current{border:2px solid #dddf5e}.action-queue svg{width:23px;height:23px}.action-queue span{display:block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:9px;color:#d0ddf2}.action-queue i{position:absolute;top:0;right:2px;color:#eb605a;font-style:normal;font-size:13px}.action-queue b{position:absolute;height:3px;bottom:0;left:0;background:#5df136}#toast{position:absolute;left:20px;right:20px;bottom:55px;background:#071640ed;border:1px solid #afc1d9;color:#cceba2;box-shadow:2px 2px #0005;line-height:1.7;font-size:13px;text-align:center;padding:9px 13px;opacity:0;transform:translateY(8px);transition:opacity .15s,transform .15s;pointer-events:none;z-index:10}#toast.visible{opacity:1;transform:translateY(0)}#debug{position:absolute;top:100px;right:4px;font:10px/1.25 monospace;background:#000a;color:#d3fbbe;pointer-events:none;max-height:240px;overflow:hidden;z-index:11;padding:5px}.dialog{position:absolute;left:8px;right:8px;bottom:14px;background:linear-gradient(125deg,#223f91,#111044);border:2px solid #97afd2;box-shadow:0 0 0 2px #102657,3px 4px #0007;padding:8px 12px;z-index:14}.dialog-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9ebada;height:28px}.dialog-header .icon-button{width:25px;height:25px;min-height:25px;padding:4px}.dialog-body{display:flex;align-items:flex-start;gap:12px;padding:12px 0 15px}.dialog-body>img{width:70px;height:70px;object-fit:cover;border:2px solid #28ccda;image-rendering:pixelated}.dialog-body>div{flex:1;min-width:0}.dialog-body b{color:#a8f574;font-weight:400;font-size:14px}.dialog-body p{font-size:15px;line-height:1.8;margin:7px 0 0;color:#e0e5ff}.dialog footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #5b73a0;padding-top:9px;font-size:12px;color:#9facd6}.dialog footer .primary-button{min-height:38px;font-size:13px}.modal-backdrop{position:absolute;inset:0;background:#03082288;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:14px 12px}.sheet{width:100%;max-height:88%;display:flex;flex-direction:column;padding:13px 15px 18px;background:linear-gradient(135deg,#243e85,#101344);border:2px solid #91a7cf;box-shadow:0 0 0 2px #090f3d,3px 3px #010622;overflow:hidden}.sheet>header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #7a8ab7;padding-bottom:10px;margin-bottom:10px}.sheet h2{font-weight:400;font-size:18px;margin:0;color:#d9e4fc}.sheet>header .icon-button{height:30px;min-height:30px}#sheet-body{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-color:#638abc #101344;scrollbar-width:thin}.sheet-intro{color:#b9df93;font-size:14px;line-height:1.8;margin:6px 0 14px}.friends-list{display:flex;flex-direction:column;gap:6px}.friend-row{display:flex;align-items:center;gap:11px;width:100%;padding:7px 9px;text-align:left;background:#0c1b535c;border:1px solid #4b6598;box-shadow:inset 1px 1px #597eb040;min-height:63px}.friend-row>img{width:46px;height:46px;object-fit:cover;image-rendering:pixelated;border:1px solid #45c4cc}.friend-row>div{display:flex;flex-direction:column;gap:6px;flex:1}.friend-row strong{font-size:14px;font-weight:400;color:#d3dff8}.friend-row>div>span{font-size:11px;color:#90add1}.friend-row>b{font-size:11px;font-weight:400;color:#9fdc7a}.clues{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clue{display:flex;flex-direction:column;gap:10px;min-height:107px;background:#060e3780;padding:12px;border:1px solid #385483;color:#7588b0}.clue span{font-size:12px}.clue b{font-size:14px;font-weight:400;line-height:1.7}.clue small{font-size:10px}.clue.unlocked{border-color:#7e9e98;color:#c9e8a3}.clue.unlocked b{color:#d9ebfa}.sample-note{font-size:12px;color:#97a8cc;line-height:1.9;margin:15px 0 5px}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.room-grid>button{min-height:83px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;font-size:14px}.room-grid svg{width:27px;height:27px}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-list button{padding:12px;text-align:left;font-size:14px;min-height:47px;display:flex;justify-content:space-between}.settings-list span{color:#99e875}.share-copy{font-size:16px;line-height:2;color:#dbe6ff}.copy-field{width:100%;background:#071343;color:#d1efb3;padding:12px;border:1px solid #8baaca;font-size:12px}.loading{position:absolute;inset:35px 0 0;z-index:40;background:radial-gradient(ellipse at 50% 42%,#19478a,#080d3d 74%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center}.loading-diamond{font-size:70px;line-height:1;color:#4ee719;transform:scaleX(.65);text-shadow:3px 0 #138610,-3px 0 #acff31;animation:pulse 1.5s ease-in-out infinite}.loading b{font-weight:400;font-size:22px;color:#d0e1f8}.loading>span:not(.loading-diamond){font-size:14px;line-height:1.8;color:#9db8dc}.loading-track{width:180px;height:9px;border:1px solid #748eb7;background:#060f36;padding:2px;overflow:hidden}.loading-track i{display:block;width:45%;height:3px;background:#51e53d;animation:load 1.4s ease-in-out infinite}.finale{position:absolute;inset:35px 0 0;z-index:17;background:linear-gradient(#06144099,#101755bb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:20px}.finale>span{color:#b4f475;font-size:14px}.finale h2{font-weight:400;font-size:32px;color:#eef7e6;text-shadow:3px 3px #11174b;margin:0}.finale p{font-size:14px;color:#bdd7e9;line-height:1.9}.finale .primary-button{margin-top:20px}@keyframes pulse{50%{opacity:.65;transform:scaleX(.65) translateY(-6px)}}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(320%)}}@media(max-width:860px){#app{background:#0a123c;gap:0}.desktop-note{display:none}.game-shell{height:100dvh;max-height:none;width:min(100%,520px);box-shadow:none}.topbar{padding-top:env(safe-area-inset-top);flex-basis:calc(35px + env(safe-area-inset-top))}.hud{padding-bottom:env(safe-area-inset-bottom)}.creator{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.modal-backdrop{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media(max-width:375px){.creator{padding-left:9px;padding-right:9px}.choice-options{gap:3px}.choice-options>button{font-size:11px}.appearance-row{gap:4px}.appearance-row>span{width:51px}.palette>button{width:39px}.choice-options.palette{gap:11px}.hud{padding-left:7px;padding-right:7px}.player-dock{width:94px}.hud-main{gap:6px}.needs-grid{column-gap:7px}.need{gap:3px}.need>span{font-size:10px}.resident-strip{gap:3px}.time-bar{gap:5px}.name-row .primary-button{padding:7px;font-size:11px}.name-row{gap:5px}.topbar>span{font-size:9px}}@media(max-height:740px){.appearance-row{min-height:37px}.choice-options>button{min-height:29px}.palette>button{min-height:34px;gap:3px}.palette i{height:18px}.creator-tabs{height:36px}.creator-tabs button{min-height:27px}.name-row{padding-top:8px;margin-top:5px}.creator-intro h1{font-size:20px}.creator-intro p{display:none}.creator-intro{top:10px}.hud-main{height:93px}.player-portrait{width:55px;height:55px;min-height:55px}.needs{padding-top:5px}.needs-caption{margin-bottom:6px;padding-bottom:4px}.needs-grid{row-gap:7px}.resident-strip{padding-top:6px;padding-bottom:5px}.bottom-nav{height:34px}.bottom-nav>button{min-height:33px}}@media(orientation:landscape)and (max-height:550px){.game-shell{width:380px}.desktop-note{display:none}.stage{min-height:140px}.game-shell{overflow-y:auto}.creator-intro{display:none}.appearance-row{min-height:34px}.creator{padding-bottom:8px}.hud{position:relative}.scene-bottom span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.resident-status{display:flex;align-items:center;gap:14px;margin-bottom:12px}.resident-status img{flex:0 0 72px;border:2px solid #3bc9dd;image-rendering:pixelated}.resident-status p{font-size:13px;line-height:1.8;margin:4px 0}.friend-row strong{line-height:1.7}.sheet h2{font-size:16px;line-height:1.6}.dialog{display:flex;flex-direction:column;max-height:calc(100% - 28px)}.dialog-header{justify-content:flex-end;flex-shrink:0}.dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.dialog-body>div{overflow-wrap:anywhere}.dialog footer{flex-shrink:0}.clue-place{grid-column:1 / -1}.clue b{overflow-wrap:anywhere}:root{--ui-ink:#061346;--ui-blue:#074995;--ui-teal:#008cac;--ui-rim:#89c8e8;--ui-highlight:#bdeaff;--ui-green:#5cf064}.topbar{flex-basis:42px;min-height:42px;gap:8px;padding-left:14px;background:linear-gradient(#164d99,#05205c 76%,#031447);border-bottom:1px solid #72aacc;box-shadow:inset 0 1px #72c2e7}.brand-logo{width:82px;height:36px;object-fit:contain;margin-right:auto;display:block}.topbar .icon-button{border:1px solid #3e82b4;background:#092762;box-shadow:inset 1px 1px #75a9d580}.stage-top{justify-content:flex-end;top:8px;right:8px}.action-queue{top:8px;right:88px}.stage{background:#737b4a}.context-menu{bottom:22px;border-radius:22px 22px 7px 7px;border-color:#7ac8df;background:linear-gradient(145deg,#076999,#07134d)}.hud{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:44px 82px 34px;column-gap:6px;padding:6px 8px 8px;height:174px;border:0;border-radius:0;background:transparent;box-shadow:none;isolation:isolate;overflow:visible;z-index:6}.hud:before{inset:12px 0 0;width:auto;height:auto;border:2px solid var(--ui-rim);border-bottom:0;border-right-color:#254283;border-radius:60px 12px 0 0;background:linear-gradient(111deg,#0094b9,#006392 12%,#074a95 29%,#071962 65%,#040d47);box-shadow:inset 2px 2px #b4edff66,inset -3px 0 #010829,0 -2px #034f7a;z-index:-2}.hud:after{content:"";position:absolute;top:3px;left:0;width:60px;height:137px;z-index:-1;background:linear-gradient(100deg,#0e729e,#02376e);border:2px solid #46b8d5;border-radius:50px 40px 0 0;box-shadow:inset 2px 2px #a9e5fc88;border-bottom:0;pointer-events:none}.mode-dock{grid-area:1 / 1 / 3 / 2;display:flex;flex-direction:column;gap:3px;align-items:center;margin-top:-2px;position:relative;z-index:1}.mode-button{position:relative;display:grid;place-items:center;border-radius:50%;width:40px;height:40px;min-height:40px;padding:7px;border:2px solid #bde7ef;background:radial-gradient(circle at 35% 20%,#16549b,#080c59 74%);box-shadow:0 0 0 2px #004774,inset 1px 2px #6dbbdf,inset -2px -2px #000533;color:#d8edff}.mode-button svg{width:23px;height:23px;stroke-width:2}.mode-button.selected{background:radial-gradient(circle at 35% 25%,#00cbd2,#00639b 80%);color:#9cffff;border-color:#96ffff;box-shadow:0 0 0 2px #075b87,inset 1px 1px #fff7}#collection svg{width:19px;height:19px;transform:translateY(-3px)}#mission-progress{position:absolute;bottom:1px;left:0;right:0;text-align:center;font:9px HousePixel,monospace;color:#9ffdb6;white-space:nowrap}.resident-strip{grid-area:1 / 2;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;height:44px;padding:0 2px 2px 5px;align-items:end}.resident-strip>button{width:100%;height:40px;aspect-ratio:auto;max-width:53px;justify-self:center;padding:2px;border:1px solid #99c9e7;border-right-color:#284e85;border-bottom-color:#193b6c;box-shadow:inset 1px 1px #4d86b6,0 0 0 1px #031849;background:#061458}.resident-strip img{object-fit:contain}.resident-strip>button>span{height:10px;width:10px;right:-1px;bottom:-1px;line-height:9px;font-size:9px;border-color:#5779a6;background:#153868}.resident-strip>button.met{border-color:#74d9c7}.hud-main{grid-area:2 / 2;display:flex;height:82px;gap:6px;min-width:0;margin:0;padding:2px 0 0 4px}.player-dock{width:64px;flex:0 0 64px;margin:0;align-self:center}.player-portrait{width:46px;height:46px;min-height:46px;border-radius:2px;padding:2px;border:1px solid #49d7e5;box-shadow:0 0 0 1px #143b78,inset 1px 1px #9be7ee}.player-dock strong{max-width:64px;font-size:11px;line-height:17px}.player-dock>span{max-width:64px;font-size:9px;line-height:12px}.needs{padding:3px 0 2px;min-width:0}.needs-caption{padding-bottom:3px;margin-bottom:6px;font-size:10px;line-height:12px;border-bottom:1px solid #537caf}.needs-caption b{color:#e1f0ff}.needs-caption>span{color:#6fea62}.needs-grid{column-gap:9px;row-gap:7px}.need{gap:4px}.need>span{font-size:11px;line-height:12px}.need meter{height:8px;min-width:16px;border-color:#051137;border-top-color:#5786b4;border-left-color:#2c4b80;background:#020732;box-shadow:none}.need meter::-webkit-meter-optimum-value{background:repeating-linear-gradient(90deg,transparent 0 5px,#083b4188 5px 6px),linear-gradient(#98fa6c,#19bd26)}.time-bar{grid-area:3 / 1 / 4 / 3;height:34px;gap:6px;padding:2px 2px 0;border-top:1px solid #3a72a3;border-bottom:0;box-shadow:0 -1px #05183b;min-width:0}.time-bar>span:first-child{min-width:69px;font-size:11px;color:#6cff9a;background:#01093b;border:1px solid #23669a;border-radius:9px 9px 2px 2px;text-align:center;padding:3px 2px}.time-bar>div{gap:0}.time-bar>div button{min-width:25px;min-height:29px;padding:0 2px;font-size:12px;color:#a8cff1}.time-bar>div button.selected{color:#7fffbd;background:#06294f;box-shadow:none}.funds{font-size:12px;color:#55f481;white-space:nowrap}.time-bar .icon-button{width:27px;height:27px;min-height:27px;border:1px solid #9fcbe1;background:radial-gradient(circle at 40% 30%,#204e98,#040c4b);box-shadow:inset 1px 1px #558bb3;padding:4px}.time-bar .icon-button svg{width:16px;height:16px}.loading{inset:0;background:#050e32;gap:22px}.loading-logo{width:min(64%,260px);height:auto}.loading .loading-word{font:16px monospace;letter-spacing:3px;color:#e6f3ff}.loading #loading-detail{font-size:14px;line-height:1.8;max-width:90%}.dialog,.sheet{border-color:#86c5e3;background:linear-gradient(135deg,#095786,#11245e 50%,#070c43);box-shadow:inset 1px 1px #c6efff66,0 0 0 2px #072455,3px 4px #0007}.dialog{border-radius:22px 4px 4px}.sheet{border-radius:24px 8px 2px 2px}.creator{border-top-left-radius:35px;background:linear-gradient(110deg,#006992,#082462 60%,#0b134d);border-color:#9bcee7}@media(max-width:860px){.topbar{flex-basis:calc(42px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.hud{height:calc(174px + env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom))}}@media(max-width:350px){.hud{column-gap:5px;padding-left:6px;padding-right:6px}.resident-strip{gap:4px;padding-left:3px}.player-dock{width:57px;flex-basis:57px}.hud-main{gap:4px;padding-left:2px}.needs-grid{column-gap:5px}.need{gap:3px}.need>span{font-size:10px}.time-bar{gap:4px}.time-bar>div button{min-width:23px}.time-bar>span:first-child{min-width:65px;font-size:10px}.funds{font-size:11px}}