*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-height:100%;overflow:hidden}html{height:100%}body{color:#ece7dc;background:#111413;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;height:100%}button,input,select{font:inherit}button{touch-action:manipulation}.shell{width:100%;min-height:100vh;height:100vh;min-height:100dvh;height:100dvh;position:relative;overflow:hidden}.shell-loading{color:#ece7dc;background:linear-gradient(#151917,#0e1110);place-content:center;min-height:100vh;padding:24px;display:grid}.game-loading-overlay{z-index:30;pointer-events:auto;background:linear-gradient(#111413eb,#111413fa);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading-card{text-align:center;background:#171d1df0;border:1px solid #ece7dc24;border-radius:8px;gap:14px;width:min(360px,100vw - 48px);padding:22px;display:grid;box-shadow:0 18px 50px #0000006b}.loading-card h1{color:#f5df93;letter-spacing:0;margin:0;font-size:28px;line-height:1.1}.loading-card p,.loading-card span{color:#b9c4bf;margin:0}.shell-loading.error .loading-card{border-color:#f08a8275}.shell-loading.error .loading-card span{overflow-wrap:anywhere;color:#f0a39d}.loading-progress{background:#ece7dc1f;border-radius:999px;height:4px;overflow:hidden}.loading-progress:before{border-radius:inherit;content:"";background:#d8b35a;width:38%;height:100%;animation:1.25s ease-in-out infinite loading-slide;display:block}.loading-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.loading-steps span{color:#8f9995;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;background:#ece7dc0a;border:1px solid #ece7dc1f;border-radius:5px;min-width:0;padding:5px 4px;font-size:11px;overflow:hidden}.loading-steps span.ready{color:#b9ebdd;background:#295b4f57;border-color:#a6decd70}.loading-detail{overflow-wrap:anywhere;color:#d7c78f;font-size:12px}.loading-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.loading-actions button{color:#ece7dc;background:#ece7dc12;border:1px solid #ece7dc24;border-radius:6px;min-height:34px}.loading-actions button:first-child{color:#effff7;background:#1f4a42eb;border-color:#a6decd70}.auth-shell{color:#ece7dc;background:linear-gradient(#151917,#0e1110);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:#171d1df2;border:1px solid #ece7dc24;border-radius:8px;gap:18px;width:min(420px,100vw - 32px);padding:24px;display:grid;box-shadow:0 18px 50px #0000006b}.auth-panel h1,.auth-panel p{margin:0}.auth-panel h1{color:#f5df93;letter-spacing:0;font-size:30px;line-height:1.1}.auth-panel p{color:#b9c4bf;margin-top:6px}.auth-mode-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.auth-mode-tabs button,.auth-form button{color:#ece7dc;background:#ece7dc12;border:1px solid #ece7dc24;border-radius:6px;min-height:38px}.auth-mode-tabs button.active,.auth-form button{color:#effff7;background:#1f4a42eb;border-color:#a6decd70}.auth-form{gap:12px;display:grid}.auth-form label{color:#c7d0cc;gap:6px;font-size:13px;display:grid}.auth-form input{color:#f6f0df;background:#0a0d0db8;border:1px solid #ece7dc24;border-radius:6px;width:100%;min-height:38px;padding:0 10px}.auth-message{overflow-wrap:anywhere}@keyframes loading-slide{0%{transform:translate(-110%)}to{transform:translate(280%)}}.city-canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;position:fixed;inset:0}.shell.map-mode .city-canvas{cursor:grab}.shell.map-mode .city-canvas:active{cursor:grabbing}.building-marker-layer,.npc-marker-layer,.district-marker-layer{z-index:2;pointer-events:none;position:fixed;inset:0}.map-building-marker-layer{z-index:3;pointer-events:none;position:fixed;inset:0}.building-marker,.npc-marker,.other-player-marker{border:1px solid color-mix(in srgb, var(--marker-color) 82%, white 18%);color:#fff7e6;background:radial-gradient(circle at 40% 28%, #ffffff47, transparent 34%), color-mix(in srgb, var(--marker-color) 84%, black 16%);pointer-events:auto;border-radius:50%;width:28px;height:28px;min-height:28px;padding:0;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 8px #0000005c,0 0 0 2px #0c0f1085}.npc-marker{border-color:color-mix(in srgb, var(--marker-color) 78%, white 22%);color:#f7fff9;background:radial-gradient(circle at 40% 28%, #ffffff4d, transparent 34%), color-mix(in srgb, var(--marker-color) 84%, black 16%);width:24px;height:24px;min-height:24px;transform:translate(-50%,calc(-100% - 12px))}.other-player-marker{color:#e8f3ff;pointer-events:none;background:radial-gradient(circle at 40% 28%,#ffffff5c,#0000 34%),linear-gradient(135deg,#225cb0f5,#133470f5);border-color:#8bbeffeb;width:30px;height:30px;min-height:30px;transform:translate(-50%,calc(-100% - 16px))rotate(45deg);box-shadow:0 3px 12px #0000006b,0 0 0 2px #d2e8ff47,0 0 18px #4f9aff6b}.other-player-marker svg{transform:rotate(-45deg)}.building-marker:hover,.building-marker:focus-visible,.building-marker.selected,.npc-marker:hover,.npc-marker:focus-visible,.npc-marker.selected{background:radial-gradient(circle at 40% 28%, #ffffff5c, transparent 34%), color-mix(in srgb, var(--marker-color) 94%, white 6%);box-shadow:0 4px 12px #0000006b,0 0 0 3px #f2eee457}.npc-marker:hover,.npc-marker:focus-visible,.npc-marker.selected{background:radial-gradient(circle at 40% 28%, #ffffff61, transparent 34%), color-mix(in srgb, var(--marker-color) 94%, white 6%)}.map-topbar{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121718e6;border:1px solid #ece7dc29;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:min(360px,100vw - 24px);padding:10px;display:flex;position:fixed;top:12px;left:12px;box-shadow:0 14px 30px #00000052}.map-topbar div{grid-template-columns:22px auto;align-items:center;gap:2px 8px;min-width:0;display:grid}.map-topbar strong{font-size:14px}.map-topbar span{color:#aeb9b4;grid-column:2}.district-label{color:#f8eed0;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;background:#0f1312d1;border:1px solid #efdc935c;border-radius:6px;max-width:220px;min-height:30px;padding:6px 10px;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 10px 22px #00000047,0 0 0 1px #090c0d6b}.district-label:hover,.district-label:focus-visible,.district-label.hovered{background:#2f3a35f0;border-color:#f9df80c2}.map-building-marker{border:1px solid color-mix(in srgb, var(--marker-color) 78%, white 22%);color:#fff8e8;background:radial-gradient(circle at 38% 28%, #ffffff52, transparent 34%), color-mix(in srgb, var(--marker-color) 84%, black 16%);pointer-events:auto;border-radius:50%;place-items:center;width:24px;height:24px;min-height:24px;padding:0;display:inline-grid;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 18px #00000047,0 0 0 2px #0a0d0e7a}.map-building-marker:hover,.map-building-marker:focus-visible{box-shadow:0 10px 22px #00000057,0 0 0 3px #f2eee457}.map-player-marker{z-index:5;color:#f3fff9;pointer-events:none;background:#102d28eb;border:1px solid #94ecd2e0;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:3px 8px 3px 4px;display:inline-flex;position:fixed;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 12px 24px #0000005c,0 0 0 3px #1cba9033}.map-player-marker span{color:#10322c;background:#8fedcf;border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.map-player-marker b{font-size:12px;line-height:1}.quick-inventory-button{z-index:8;color:#effff7;background:#1f4a42eb;border:1px solid #a6decd70;border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000061}.account-badge{z-index:9;color:#f6f0df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171d1de6;border:1px solid #ece7dc24;border-radius:6px;align-items:center;gap:8px;max-width:min(320px,100vw - 28px);padding:6px 7px 6px 10px;display:inline-flex;position:fixed;top:14px;right:14px;box-shadow:0 12px 28px #00000052}.account-badge span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.account-badge button{color:#ece7dc;background:#ece7dc12;border:1px solid #ece7dc24;border-radius:5px;min-height:28px;padding:0 8px;font-size:12px}.player-status-badge{z-index:9;color:#effff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#122320db;border:1px solid #8fedcf57;border-radius:6px;align-items:center;gap:8px;max-width:min(300px,100vw - 24px);min-height:36px;padding:0 11px;display:inline-flex;position:fixed;top:12px;left:12px;box-shadow:0 12px 28px #00000057}.player-status-badge strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.player-building-badge{z-index:9;border:1px solid color-mix(in srgb, var(--building-color,#948c7d) 52%, transparent);color:#f6f0df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141919e6;border-radius:6px;align-items:center;gap:9px;max-width:min(320px,100vw - 24px);min-height:40px;padding:6px 11px 6px 7px;display:inline-flex;position:fixed;top:56px;left:12px;box-shadow:0 12px 28px #00000057}.player-building-icon{border:1px solid color-mix(in srgb, var(--building-color,#948c7d) 72%, #f6f0df 16%);color:#121718;background:var(--building-color,#948c7d);border-radius:5px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:inline-grid}.player-building-badge>div{min-width:0}.player-building-badge span:not(.player-building-icon){color:#aeb9b4;text-transform:uppercase;font-size:10px;line-height:1.1;display:block}.player-building-badge strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:250px;margin-top:2px;font-size:13px;line-height:1.15;display:block;overflow:hidden}.player-topbar{z-index:9;color:#f6f0df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121718e0;border:1px solid #ece7dc24;border-radius:6px;grid-template-columns:repeat(5,minmax(70px,auto)) 34px 34px minmax(88px,auto);align-items:center;gap:7px;max-width:calc(100vw - 360px);padding:6px;display:grid;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000057}.player-topbar.with-room-rental{grid-template-columns:repeat(6,minmax(66px,auto)) 34px 34px minmax(88px,auto)}.player-topbar>div{background:#ece7dc0f;border:1px solid #ece7dc1a;border-radius:5px;min-width:0;padding:5px 8px}.topbar-stat{cursor:help;position:relative}.topbar-stat:focus-visible{outline-offset:2px;outline:2px solid #d8b35abd}.topbar-stat:before,.topbar-stat:after{z-index:40;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;position:absolute;left:50%}.topbar-stat:before{content:"";background:#0d1112fa;border-top:1px solid #ece7dc2e;border-left:1px solid #ece7dc2e;width:10px;height:10px;top:calc(100% + 4px);transform:translate(-50%,-4px)rotate(45deg)}.topbar-stat:after{color:#f2eee4;white-space:pre-line;overflow-wrap:anywhere;text-align:left;text-transform:none;content:attr(data-tooltip);background:#0d1112fa;border:1px solid #ece7dc2e;border-radius:6px;width:max-content;max-width:min(320px,100vw - 28px);padding:9px 10px;font-size:12px;line-height:1.35;top:calc(100% + 8px);transform:translate(-50%,-4px);box-shadow:0 16px 34px #0000006b}.topbar-stat:hover:before,.topbar-stat:hover:after,.topbar-stat:focus-visible:before,.topbar-stat:focus-visible:after{opacity:1;transform:translate(-50%)rotate(45deg)}.topbar-stat:hover:after,.topbar-stat:focus-visible:after{transform:translate(-50%)}.player-topbar .topbar-stat:nth-child(n+4):before,.player-topbar .topbar-stat:nth-child(n+4):after{left:auto;right:0}.player-topbar .topbar-stat:nth-child(n+4):before{transform:translateY(-4px)rotate(45deg)}.player-topbar .topbar-stat:nth-child(n+4):after{transform:translateY(-4px)}.player-topbar .topbar-stat:nth-child(n+4):hover:before,.player-topbar .topbar-stat:nth-child(n+4):focus-visible:before{transform:translate(0)rotate(45deg)}.player-topbar .topbar-stat:nth-child(n+4):hover:after,.player-topbar .topbar-stat:nth-child(n+4):focus-visible:after{transform:translate(0)}.player-topbar>div.survival-stat-ok,.metrics>div.survival-stat-ok{background:#27795b2e;border-color:#8fedcf61}.player-topbar>div.survival-stat-warning,.metrics>div.survival-stat-warning{background:#a8651e45;border-color:#f2a641c2}.player-topbar>div.survival-stat-danger,.metrics>div.survival-stat-danger{background:#83181f59;border-color:#ff5b5be6;animation:.72s steps(2,end) infinite survival-stat-danger-flash}@keyframes survival-stat-danger-flash{0%,to{color:#ffe6e1;box-shadow:inset 0 0 0 1px #ff5b5b47,0 0 #ff5b5b00}50%{color:#fff;box-shadow:inset 0 0 0 1px #ffc6b4d9,0 0 20px #ff3e3e59}}.player-topbar span,.carried-object span{color:#aeb9b4;text-transform:uppercase;font-size:11px;line-height:1.1;display:block}.player-topbar strong,.carried-object strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:15px;line-height:1.15;display:block;overflow:hidden}.topbar-health-meter{background:#ece7dc24;border-radius:2px;height:4px;margin-top:4px;display:block;overflow:hidden}.topbar-health-meter span{width:var(--health-fill,100%);background:#8fedcf;height:100%;display:block}.survival-stat-warning .topbar-health-meter span{background:#f2a641}.survival-stat-danger .topbar-health-meter span{background:#ff5b5b}.death-panel{z-index:16;color:#f8efe5;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161211f0;border:1px solid #ff5b5b8c;border-radius:6px;width:min(360px,100vw - 32px);padding:16px;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 18px 36px #0000006b}.death-panel h2{letter-spacing:0;margin:0 0 6px;font-size:22px}.death-panel p{color:#d7c9bb;margin:0 0 14px;font-size:14px;line-height:1.35}.death-panel button{background:#85242ad9;border-color:#ff5b5b9e;width:100%}.player-account-button{color:#ece7dc;text-overflow:ellipsis;white-space:nowrap;background:#ece7dc12;border:1px solid #ece7dc24;border-radius:5px;min-width:0;min-height:34px;padding:0 9px;overflow:hidden}.building-filter-bar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121718e0;border:1px solid #ece7dc24;border-radius:6px;grid-template-columns:minmax(120px,auto) repeat(2,auto);align-items:center;gap:7px;padding:6px;display:inline-grid;position:fixed;top:12px;right:12px;box-shadow:0 12px 28px #00000057}.building-filter-help{gap:1px;min-width:0;padding:0 4px;display:grid}.building-filter-help strong{color:#f3df9a;text-transform:uppercase;font-size:11px;line-height:1}.building-filter-help span{color:#aeb9b4;text-transform:none;font-size:11px;font-weight:500;line-height:1.2}.building-filter-bar button{color:#ece7dc;background:#ece7dc12;border:1px solid #ece7dc24;border-radius:5px;grid-template-columns:18px minmax(42px,auto) minmax(13px,auto);align-items:center;gap:4px;min-width:86px;min-height:34px;padding:0 8px;display:inline-grid}.building-filter-bar small{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.building-filter-bar button.shelter.active{color:#e4f7ff;background:#194a5ceb;border-color:#5bbeeeb8;box-shadow:0 0 16px #5bbeee52}.building-filter-bar button.shift.active{color:#fff3c5;background:#503f18eb;border-color:#efc75cb8;box-shadow:0 0 16px #efc75c52}.building-filter-bar button:disabled{cursor:not-allowed;opacity:.44}.building-filter-bar button span{font-size:11px;font-weight:800;line-height:1}.quest-button{z-index:9;color:#effff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f4a42eb;border:1px solid #a6decd70;border-radius:6px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:inline-flex;position:fixed;bottom:12px;left:12px;box-shadow:0 12px 28px #00000057}.reputation-bar{z-index:8;color:#f2eee4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#121718e0;border:1px solid #ece7dc24;border-radius:6px;align-items:center;gap:8px;max-width:min(620px,100vw - 280px);min-height:38px;padding:6px 10px;display:inline-flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000057}.reputation-bar:hover,.reputation-bar:focus-visible{background:#1b201ff0;border-color:#d8b35a80}.reputation-bar strong{color:#d9c27d;text-transform:uppercase;font-size:12px}.reputation-bar span{color:#d6dedb;text-overflow:ellipsis;white-space:nowrap;background:#ece7dc0d;border:1px solid #ece7dc1a;border-radius:999px;min-width:0;padding:3px 7px;font-size:12px;overflow:hidden}.reputation-bar span.positive{color:#c7f3e6;border-color:#8fedcf3d}.reputation-bar span.negative{color:#ffc2b8;border-color:#f08a824d}.carried-object{z-index:8;color:#f2eee4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121718e0;border:1px solid #ece7dc24;border-radius:6px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;width:min(240px,100vw - 24px);min-height:44px;padding:8px 10px;display:grid;position:fixed;bottom:62px;right:12px;box-shadow:0 12px 28px #00000057}.carried-object svg{color:#d8b35a}.notification-stack{z-index:14;pointer-events:none;gap:8px;width:min(360px,100vw - 24px);display:grid;position:fixed;top:50%;left:12px;transform:translateY(-50%)}.notification{color:#f6f0df;pointer-events:auto;background:#171d1df2;border:1px solid #ece7dc29;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:8px 9px;display:grid;box-shadow:0 14px 32px #0006}.notification.error{background:#43201ff5;border-color:#f08a8285}.notification.info{background:#1c3734f5;border-color:#a6decd70}.notification span{overflow-wrap:anywhere;min-width:0}.notification-close{width:28px;min-height:28px;padding:0}.acquisition-stack{z-index:15;pointer-events:none;gap:7px;width:min(280px,100vw - 24px);display:grid;position:fixed;bottom:12px;right:12px}.acquisition-stack.with-carried-object{bottom:78px}.acquisition-notification{color:#fff5d2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3a2f18f0;border:1px solid #d8b35a7a;border-radius:6px;grid-template-columns:auto minmax(0,1fr);justify-self:end;align-items:center;gap:8px;max-width:100%;min-height:38px;padding:7px 10px;display:grid;box-shadow:0 12px 28px #00000061}.acquisition-notification svg{color:#d8b35a}.acquisition-notification span{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:700}.job-guide-marker{z-index:9;color:#fff1b8;pointer-events:none;background:#302612eb;border:1px solid #efc75cc7;border-radius:6px;align-items:center;gap:6px;max-width:min(220px,100vw - 24px);min-height:34px;padding:6px 9px;display:inline-flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 0 18px #efc75c80,0 12px 24px #0000005c}.job-guide-marker svg{filter:drop-shadow(0 0 6px #efc75ccc);flex:none}.job-guide-marker span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.job-guide-marker.offscreen{border-radius:50%;justify-content:center;width:38px;height:38px;padding:0;transform:translate(-50%,-50%)}.job-guide-marker.offscreen svg{transform:rotate(var(--guide-angle))}.action-palette{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121718e6;border:1px solid #ece7dc29;border-radius:6px;gap:8px;padding:8px;display:inline-flex;position:fixed;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0000005c}.action-palette.has-active-action{border-color:#eec1545c;box-shadow:0 0 26px #eec1542e,0 12px 28px #0000005c}.action-palette button{color:#f1eee4;background:#ece7dc14;border:1px solid #ece7dc24;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 10px;display:inline-flex}.action-palette button.active{color:#fff4cf;background:#7a5214db;border-color:#eec1549e;box-shadow:inset 0 0 0 1px #eec15438,0 0 20px #eec1546b}.action-palette button:disabled,.action-palette button.unavailable,.npc-begging-actions button.unavailable{cursor:not-allowed;opacity:.45}.waste-marker-layer{z-index:7;pointer-events:none;position:fixed;inset:0}.dead-body-marker-layer{z-index:8;pointer-events:none;position:fixed;inset:0}.dead-body-marker{color:#fff1e2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4f1f1ceb;border:1px solid #f7d1b3ad;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 0 16px #d13e347a,0 10px 22px #0000005c}.dead-body-marker.player{color:#fff6cf;border-color:#ffdf9ec2}.carrier-status-banner{z-index:8;color:#fff3cb;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2b2414eb;border:1px solid #eec15475;border-radius:6px;align-items:center;gap:8px;max-width:min(520px,100vw - 24px);min-height:38px;padding:8px 11px;display:inline-flex;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #eec15433,0 12px 26px #0000005c}.carrier-status-banner span{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:700}.waste-marker{color:#edf7dc;pointer-events:auto;background:#233724e0;border:1px solid #a8d08ab8;border-radius:6px;justify-content:center;align-items:center;gap:2px;width:34px;height:24px;display:inline-flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 18px #00000052}.waste-marker span{font-size:10px;font-weight:700;line-height:1}.building-marker.filtered{border-width:2px}.building-marker.filtered.shelter{color:#e8f8ff;border-color:#5bbeeef2;box-shadow:0 0 16px #5bbeeec7,0 8px 18px #00000057}.building-marker.filtered.shift{color:#fff5c8;border-color:#efc75cf2;box-shadow:0 0 16px #efc75cc7,0 8px 18px #00000057}.building-marker.filtered.both{color:#eafff0;border-color:#72e6acf2;box-shadow:0 0 16px #72e6acc7,0 8px 18px #00000057}.npc-begging-request{z-index:8;color:#fff6d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#262014f0;border:1px solid #eec1546b;border-radius:6px;gap:8px;width:min(360px,100vw - 24px);padding:10px;display:grid;position:fixed;bottom:112px;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #00000061}.npc-begging-request div:first-child{gap:2px;display:grid}.npc-begging-request strong,.npc-begging-request span{overflow-wrap:anywhere}.npc-begging-request span{color:#d9cda7;font-size:12px}.npc-begging-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.npc-begging-actions button{min-height:32px;padding:0 8px}.npc-begging-actions button:disabled,.npc-begging-actions button.unavailable{cursor:not-allowed;opacity:.45}.player-action-label{z-index:4;color:#fff3c7;pointer-events:none;background:#3f2d12e6;border:1px solid #eec1548f;border-radius:999px;align-items:center;gap:7px;max-width:220px;min-height:30px;padding:4px 9px;display:inline-flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 10px 22px #00000057,0 0 0 2px #eec15429}.player-action-label strong,.player-action-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-action-label strong{font-size:12px}.player-action-label span{color:#e1c578;font-size:11px}.map-legend{z-index:6;color:#f2eee4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121718e6;border:1px solid #ece7dc29;border-radius:6px;width:min(300px,100vw - 24px);padding:10px;position:fixed;bottom:12px;right:12px;box-shadow:0 14px 30px #00000052}.map-legend>strong{color:#d9c27d;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.map-legend-row{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;display:grid}.map-legend-row span:nth-child(2){text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;overflow:hidden}.map-legend-row b{color:#f2df9d;font-size:12px}.map-legend-icon{border:1px solid color-mix(in srgb, var(--marker-color) 72%, white 28%);color:#fff8e8;background:color-mix(in srgb, var(--marker-color) 80%, black 20%);border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.building-tooltip,.building-action-popover,.npc-tooltip,.npc-action-popover,.district-tooltip{z-index:4;color:#f2eee4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0d1112eb;border:1px solid #ece7dc2e;border-radius:6px;width:220px;padding:10px;position:fixed;transform:translate(-50%,calc(-100% - 36px));box-shadow:0 14px 30px #00000052}.building-tooltip strong,.building-tooltip span,.building-action-popover strong,.building-action-popover span,.npc-tooltip strong,.npc-tooltip span,.npc-action-popover strong,.npc-action-popover span,.district-tooltip strong,.district-tooltip span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.building-tooltip strong,.building-action-popover strong,.npc-tooltip strong,.npc-action-popover strong,.district-tooltip strong{font-size:13px}.building-tooltip span,.building-action-popover span,.npc-tooltip span,.npc-action-popover span,.district-tooltip span{color:#aeb9b4;text-transform:capitalize;margin-top:3px}.district-tooltip{z-index:7;transform:translate(-50%,18px)}.building-action-popover,.npc-action-popover{pointer-events:auto;gap:8px;display:grid}.indoor-building-menu{z-index:9;width:min(250px,100vw - 24px);top:104px;left:12px;transform:none}.building-action-header{grid-template-columns:minmax(0,1fr) 28px;align-items:start;gap:8px;display:grid}.indoor-building-header{grid-template-columns:minmax(0,1fr)}.building-action-popover button,.npc-action-popover button{min-height:32px}.building-action-popover button .building-action-copy,.selection-actions button .building-action-copy{min-width:0;color:inherit;text-align:left;text-transform:none;gap:1px;margin:0;display:grid}.building-action-popover button .building-action-label,.selection-actions button .building-action-label{color:inherit;text-overflow:ellipsis;white-space:nowrap;text-transform:none;margin:0;display:block;overflow:hidden}.building-action-popover button small,.selection-actions button small{color:#b8c6c0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.05;display:block;overflow:hidden}.building-action-popover .popover-close,.npc-action-popover .popover-close{background:#ece7dc14;place-items:center;width:28px;height:28px;min-height:28px;padding:0;display:inline-grid}.left-panel,.right-panel{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121718e0;border:1px solid #ece7dc29;width:min(360px,100vw - 24px);padding:14px;position:fixed;top:12px;bottom:12px;overflow:auto}.left-panel{left:12px}.right-panel{right:12px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.header-actions{gap:8px;display:flex}h1,h2,p{margin:0}h1{font-size:18px;font-weight:700}h2{color:#d9c27d;text-transform:uppercase;margin-bottom:7px;font-size:13px}p,span,label{font-size:13px;line-height:1.35}section{border-top:1px solid #ece7dc1f;padding:12px 0}.metrics{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:0;display:grid}.metrics div{background:#ece7dc12;border:1px solid #ece7dc1a;min-height:58px;padding:10px}.metrics span{color:#aeb9b4;display:block}.metrics strong{margin-top:4px;font-size:22px;font-weight:700;display:block}.performance-panel{gap:8px;display:grid}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.performance-grid>div{background:#3a5b4733;border:1px solid #7fca9e38;border-radius:6px;min-height:66px;padding:8px}.performance-grid>div.warning{background:#6d4a1942;border-color:#e6b25470}.performance-grid>div.error{background:#6923234d;border-color:#e25b5b80}.performance-grid span,.performance-grid small{color:#aeb9b4;display:block}.performance-grid strong{color:#f2eee4;margin:3px 0 1px;font-size:18px;display:block}.performance-panel p{color:#aeb9b4;font-size:12px}.dev-cheats>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.dev-cheats button{justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 7px;display:inline-flex}.core-fantasy,.person-panel,.ambition-panel,.city-memory{gap:9px;display:grid}.identity-row{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;display:grid}.identity-row>svg{color:#8fedcf;background:#1f473db8;border:1px solid #8fedcf7a;border-radius:50%;width:28px;height:28px;padding:5px}.identity-row strong,.identity-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.identity-row span,.core-fantasy p,.strongest-reputation{color:#aeb9b4}.person-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.person-grid div{background:#ece7dc0e;border:1px solid #ece7dc1a;min-height:52px;padding:9px}.person-grid span,.nearby-buildings span{color:#aeb9b4}.person-grid strong{overflow-wrap:anywhere;text-transform:capitalize;margin-top:4px;font-size:13px;font-weight:650;display:block}.nearby-buildings{flex-wrap:wrap;gap:6px;display:flex}.nearby-buildings span{background:#ece7dc0e;border:1px solid #ece7dc1c;padding:4px 7px}.job-panel{gap:8px;display:grid}.job-panel p{color:#aeb9b4;margin:0}.job-panel button{justify-content:center}.job-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.constraint-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.constraint-grid span,.next-objectives span{color:#f2d5a1;background:#71462552;border:1px solid #ece7dc1f;border-radius:6px;align-items:center;gap:5px;min-width:0;min-height:28px;padding:5px 7px;display:flex}.constraint-grid span.resolved{color:#bce8c6;background:#2f61435c}.constraint-grid svg{flex:none}.power-ladder{gap:5px;margin:0;padding:0;list-style:none;display:grid}.power-ladder li{color:#aeb9b4;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-height:30px;display:grid}.power-ladder li span{color:#aeb9b4;border:1px solid #ece7dc24;border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.power-ladder li.current{color:#f2eee4}.power-ladder li.current span{color:#10322c;background:#8fedcf;border-color:#8fedcfad}.power-ladder li.complete span{color:#bce8c6;background:#2f61438a;border-color:#bce8c680}.power-ladder b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.next-objectives{gap:6px;display:grid}.next-objectives span{color:#f2eee4;background:#ece7dc0f}.city-memory p{color:#f2eee4;gap:2px;display:grid}.city-memory p span{color:#d9c27d;text-transform:uppercase;font-size:11px}.connection-diagnostics{gap:8px;display:grid}.connection-banner{color:#f6f0df;text-transform:uppercase;background:#34615db8;border:1px solid #ece7dc24;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;font-size:12px;font-weight:700;display:inline-flex}.connection-banner.starting,.connection-banner.connecting,.connection-banner.reconnecting{background:#725e2abd}.connection-banner.offline,.connection-banner.error{background:#7e2d2bc7}.diagnostic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.diagnostic{text-align:center;background:#ece7dc0f;border:1px solid #ece7dc1f;min-width:0;padding:6px 5px}.diagnostic span,.diagnostic strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.diagnostic span{color:#aeb9b4;font-size:11px}.diagnostic strong{text-transform:uppercase;margin-top:2px;font-size:11px}.diagnostic.ok strong{color:#9ed9ad}.diagnostic.warning strong,.diagnostic.pending strong{color:#d9c27d}.diagnostic.error strong{color:#f08a82}.endpoint{overflow-wrap:anywhere;color:#aeb9b4}button{color:#f2eee4;cursor:pointer;background:#34615dd6;border:1px solid #ece7dc33;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;display:inline-flex}button:hover{background:#487a71f0}.icon-button{width:36px;padding:0}.section-title-row,.inventory-dialog-header,.inventory-scope-header,.inventory-container-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-title-row h2,.inventory-dialog-header h2,.inventory-scope-header h3{margin:0}.section-title-row button{min-height:30px;padding:0 9px}.rep-list{gap:4px;display:grid}.inventory-list{gap:8px;display:grid}.inventory-container-row{border-top:1px solid #ece7dc14;gap:3px;padding:7px 0;display:grid}.inventory-container-row:first-child{border-top:0;padding-top:0}.inventory-container-row div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.inventory-container-row strong,.inventory-container-row span,.inventory-container-row p{overflow-wrap:anywhere}.inventory-container-row span,.inventory-container-row p{color:#aeb9b4}.inventory-overlay{z-index:12;background:#07090a94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.inventory-dialog{color:#f2eee4;background:#121718f5;border:1px solid #ece7dc2e;border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:14px;width:-moz-fit-content;width:fit-content;min-width:min(640px,100vw - 36px);max-width:calc(100vw - 36px);max-height:calc(100vh - 36px);padding:14px;display:grid;box-shadow:0 22px 60px #0000007a}.journal-overlay,.reputation-overlay{z-index:24;background:#05080894;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.journal-dialog,.reputation-dialog{color:#f2eee4;background:#121718f5;border:1px solid #ece7dc29;border-radius:8px;gap:12px;width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);padding:14px;display:grid;overflow:auto;box-shadow:0 24px 60px #00000080}.reputation-dialog{width:min(860px,100vw - 32px)}.journal-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.journal-header h2,.journal-section h3{color:#d9c27d;text-transform:uppercase;margin:0;font-size:13px}.journal-header p,.journal-section p{color:#aeb9b4;margin:4px 0 0}.journal-section{border-top:1px solid #ece7dc1f;gap:8px;padding-top:12px;display:grid}.journal-section>strong{font-size:16px}.starter-guide{color:#e7ded0;gap:8px;margin:0;padding-left:22px;display:grid}.starter-guide li{line-height:1.35}.reputation-score-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.reputation-card,.reputation-section,.reputation-guidance-grid article,.reputation-change-list article{background:#ece7dc0b;border:1px solid #ece7dc24;border-radius:6px}.reputation-card{gap:9px;padding:11px;display:grid}.reputation-card.positive{border-color:color-mix(in srgb, var(--group-color) 48%, #8fedcf3d)}.reputation-card.negative{border-color:#f08a8257}.reputation-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.reputation-card-header div{min-width:0}.reputation-card-header span{color:#aeb9b4;text-transform:uppercase;font-size:11px;display:block}.reputation-card-header strong{color:#f7eed8;font-size:22px;line-height:1.1;display:block}.reputation-card-header svg{color:var(--group-color,#d9c27d);flex:none}.reputation-meter{background:#ece7dc1a;border-radius:999px;height:6px;overflow:hidden}.reputation-meter span{border-radius:inherit;background:var(--group-color,#d9c27d);height:100%;display:block}.reputation-chart{width:100%;height:48px;overflow:visible}.reputation-chart line{stroke:#ece7dc24;stroke-width:1px}.reputation-chart polyline{fill:none;stroke:var(--group-color,#d9c27d);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.reputation-card p,.reputation-section p,.reputation-guidance-grid p,.reputation-change-list p{color:#aeb9b4;margin:0;font-size:12px;line-height:1.35}.reputation-section{gap:10px;padding:12px;display:grid}.reputation-section h3{color:#d9c27d;text-transform:uppercase;margin:0;font-size:13px}.reputation-change-list{gap:8px;display:grid}.reputation-change-list article{border-left:3px solid #8fedcf;gap:5px;padding:9px;display:grid}.reputation-change-list article.loss{border-left-color:#f08a82}.reputation-change-list div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.reputation-change-list strong{color:#f7eed8}.reputation-change-list span{color:#aeb9b4;white-space:nowrap;font-size:12px}.reputation-guidance-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.reputation-guidance-grid article{gap:5px;padding:9px;display:grid}.reputation-guidance-grid strong{color:#f7eed8}.empty-state{border:1px dashed #ece7dc29;border-radius:6px;padding:10px}.inventory-dialog-header{align-items:start}.inventory-scope-header span,.inventory-scope-header b,.inventory-container-title span,.inventory-slot span,.inventory-empty,.inventory-container-note{color:#aeb9b4}.inventory-columns{grid-template-columns:minmax(0,600px);justify-content:center;gap:14px;min-height:0;display:grid;overflow:visible}.inventory-columns.has-counterpart{grid-template-columns:minmax(0,600px) minmax(0,460px);align-items:start}.inventory-scope{background:#eeebe108;border:1px solid #ece7dc2e;border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:14px;display:grid;overflow:visible}.inventory-scope-player{min-height:min(620px,100vh - 130px)}.inventory-scope-header{border-bottom:1px solid #ece7dc1f;align-items:start;padding-bottom:10px}.inventory-scope-header h3{color:#f6efdc;font-size:16px}.inventory-scope-header span,.inventory-scope-header b{font-size:12px}.inventory-layout{grid-template-columns:160px 332px;grid-auto-rows:min-content;place-content:start center;gap:20px 28px;min-height:0;padding:18px 2px 2px;display:grid;overflow:visible}.inventory-scope-target .inventory-layout{grid-template-columns:minmax(0,1fr)}.inventory-scope-target .inventory-slot-grid{grid-template-columns:repeat(4,74px);justify-content:center}.inventory-slot-grid{grid-template-columns:repeat(auto-fit,74px);place-content:start;gap:12px;display:grid}.inventory-detail-container{background:0 0;border:0;align-content:start;gap:10px;padding:0;display:grid;position:relative}.inventory-scope-player .inventory-container-kind-bulky{grid-area:1/1}.inventory-scope-player .inventory-container-kind-bulky .inventory-slot-grid{grid-template-columns:74px}.inventory-scope-player .inventory-container-kind-equipped{grid-area:1/2}.inventory-scope-player .inventory-container-kind-equipped .inventory-slot-grid{grid-template-columns:repeat(4,74px)}.inventory-scope-player .inventory-container-kind-equipped .inventory-slot:nth-child(n+3) .inventory-item-tooltip,.inventory-scope-player .inventory-container-kind-equipped .inventory-slot:nth-child(n+3) .inventory-item-actions{left:auto;right:calc(100% + 10px)}.inventory-scope-player .inventory-container-kind-pockets{grid-area:2/1}.inventory-scope-player .inventory-container-kind-pockets .inventory-slot-grid{grid-template-columns:repeat(2,74px)}.inventory-scope-player .inventory-container-kind-bag{grid-area:2/2}.inventory-scope-player .inventory-container-kind-bag .inventory-slot-grid{grid-template-columns:repeat(4,74px)}.inventory-scope-player .inventory-container-kind-bag .inventory-slot:nth-child(4n+3) .inventory-item-tooltip,.inventory-scope-player .inventory-container-kind-bag .inventory-slot:nth-child(4n+3) .inventory-item-actions,.inventory-scope-player .inventory-container-kind-bag .inventory-slot:nth-child(4n+4) .inventory-item-tooltip,.inventory-scope-player .inventory-container-kind-bag .inventory-slot:nth-child(4n+4) .inventory-item-actions,.inventory-scope-target .inventory-slot:nth-child(4n+3) .inventory-item-tooltip,.inventory-scope-target .inventory-slot:nth-child(4n+3) .inventory-item-actions,.inventory-scope-target .inventory-slot:nth-child(4n+4) .inventory-item-tooltip,.inventory-scope-target .inventory-slot:nth-child(4n+4) .inventory-item-actions{left:auto;right:calc(100% + 10px)}.inventory-scope-target .inventory-detail-container{grid-column:1;min-width:0}.inventory-detail-container.drop-ready{background:#295b4f24}.inventory-detail-container.drop-blocked{opacity:.62}.inventory-container-title{grid-template-columns:minmax(0,1fr);justify-content:flex-start;align-items:start;gap:2px;min-height:28px;display:grid}.inventory-container-title div{min-width:0;display:block}.inventory-container-title div span{display:none}.inventory-container-note{margin:0;font-size:12px}.inventory-container-title strong{color:#f7eed8;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.inventory-slot strong,.inventory-slot span{overflow-wrap:anywhere}.inventory-container-title>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.inventory-slot{background:#eeebe10a;border:6px solid #060707f5;border-radius:0;width:74px;height:74px;padding:0;position:relative}.inventory-slot.occupied{background:#3b534c94;border-color:#060707fa}.inventory-slot.occupied:hover{z-index:4}.inventory-slot.empty{background:#f6f3eb05}.inventory-item-tile{color:#f2eee4;background:#ece7dc0f;border:0;border-radius:0;place-items:center;width:100%;height:100%;min-height:0;padding:0;display:grid;position:relative}.inventory-item-tile:active{cursor:grabbing}.inventory-item-icon{color:#f3d889;background:#5c431970;border:1px solid #d8b35a47;border-radius:4px;place-items:center;width:42px;height:42px;display:inline-grid}.inventory-item-tile b{color:#10322c;background:#8fedcf;border-radius:2px;place-items:center;min-width:20px;height:18px;font-size:11px;line-height:1;display:grid;position:absolute;bottom:2px;right:2px}.inventory-item-tooltip{z-index:12;color:#f2eee4;pointer-events:none;background:#0d1112f5;border:1px solid #ece7dc2e;border-radius:6px;gap:3px;width:min(260px,100vw - 40px);padding:9px;display:none;position:absolute;top:0;left:calc(100% + 10px);box-shadow:0 14px 30px #00000061}.inventory-slot.occupied:hover .inventory-item-tooltip,.inventory-slot.occupied:focus-within .inventory-item-tooltip{display:grid}.inventory-slot.selected .inventory-item-tooltip,.inventory-slot.selected:hover .inventory-item-tooltip,.inventory-slot.selected:focus-within .inventory-item-tooltip{display:none}.inventory-item-tooltip strong{font-size:13px}.inventory-item-tooltip span,.inventory-item-tooltip p{margin:0;font-size:12px}.inventory-item-actions{z-index:14;background:#0e1213fa;border:1px solid #ece7dc29;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(240px,100vw - 40px);padding:8px;display:none;position:absolute;top:0;left:calc(100% + 10px);box-shadow:0 16px 34px #0000006b}.inventory-item-actions.open{display:grid}.inventory-item-actions strong,.inventory-item-actions span{grid-column:1/-1;min-width:0}.inventory-item-actions strong{color:#f7eed8;font-size:13px}.inventory-item-actions span{color:#aeb9b4;font-size:12px}.inventory-item-actions button{justify-content:center;align-items:center;gap:4px;min-height:28px;padding:0 8px;font-size:12px;display:inline-flex}.inventory-item-actions .drop-item-button{color:#ffc2b8;border-color:#b44a5085}.inventory-drop-outside{color:#ffc2b8;background:#49211f6b;border:1px dashed #f08a828a;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;display:inline-flex}.selection-detail{gap:5px;display:grid}.selection-detail p{overflow-wrap:anywhere}.selection-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:5px;display:grid}.registration-editor{gap:8px;display:grid}.registration-editor label{color:#aeb9b4;gap:4px;display:grid}.registration-editor input,.registration-editor select,.registration-editor textarea{color:#f2eee4;background:#090c0db8;border:1px solid #ece7dc2e;border-radius:6px;width:100%;min-height:34px;padding:6px 8px}.registration-editor textarea{resize:vertical;min-height:64px}.admin-icon-preview{align-items:center;gap:8px;min-height:34px;display:flex}.admin-icon-preview span{border:1px solid color-mix(in srgb, var(--marker-color) 72%, white 28%);color:#fff8e8;background:color-mix(in srgb, var(--marker-color) 80%, black 20%);border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid}.admin-icon-preview strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.registration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.right-panel section:first-child{border-top:0;padding-top:0}@media (max-width:980px){.left-panel,.right-panel{width:calc(50vw - 18px)}.player-topbar{grid-template-columns:repeat(4,minmax(58px,1fr)) 34px 34px;max-width:calc(100vw - 24px);top:56px}.building-filter-bar{left:12px;right:auto}.player-account-button{display:none}.reputation-bar{max-width:calc(100vw - 190px)}}@media (max-width:720px){.auth-shell,.shell-loading{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.auth-panel,.loading-card{width:min(420px,100vw - 24px);padding:18px}.auth-panel h1,.loading-card h1{font-size:25px}.inventory-overlay{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-items:start}.inventory-dialog{width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:10px;overflow:hidden}.inventory-columns{grid-template-columns:1fr;padding-bottom:72px;overflow:auto}.inventory-columns.has-counterpart{grid-template-columns:1fr}.inventory-scope{overflow:visible}.inventory-layout,.inventory-scope-player .inventory-container-kind-bulky,.inventory-scope-player .inventory-container-kind-equipped,.inventory-scope-player .inventory-container-kind-pockets,.inventory-scope-player .inventory-container-kind-bag{grid-area:auto/1}.inventory-layout{grid-template-columns:1fr;gap:14px;padding-top:12px}.inventory-slot-grid,.inventory-scope-player .inventory-container-kind-bulky .inventory-slot-grid,.inventory-scope-player .inventory-container-kind-equipped .inventory-slot-grid,.inventory-scope-player .inventory-container-kind-pockets .inventory-slot-grid,.inventory-scope-player .inventory-container-kind-bag .inventory-slot-grid,.inventory-scope-target .inventory-slot-grid{grid-template-columns:repeat(auto-fit,68px)}.inventory-slot{border-width:5px;width:68px;height:68px}.left-panel,.right-panel{width:auto;max-height:none;margin:8px;position:static}.city-canvas{width:100vw;height:100dvh;display:block;position:fixed;inset:0}.shell{touch-action:none;width:100vw;height:100dvh;min-height:100dvh;overflow:hidden}.player-status-badge{top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 8px);max-width:calc(100vw - 118px - env(safe-area-inset-left) - env(safe-area-inset-right));min-height:38px;padding:0 9px}.player-building-badge{top:calc(env(safe-area-inset-top) + 108px);left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);max-width:none;min-height:38px;padding:5px 9px 5px 6px}.player-building-badge strong{max-width:none}.player-topbar{top:calc(env(safe-area-inset-top) + 52px);left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);grid-template-columns:repeat(4,minmax(0,1fr)) 42px 42px;gap:5px;width:auto;max-width:none;padding:5px;transform:none}.player-topbar.with-room-rental{grid-template-columns:repeat(4,minmax(0,1fr)) 42px 42px}.player-topbar>div{min-height:42px;padding:5px 6px}.player-topbar>div.topbar-health,.player-topbar.with-room-rental>div:nth-of-type(6){display:none}.player-topbar span,.carried-object span{font-size:10px}.player-topbar strong,.carried-object strong{font-size:14px}.player-topbar .icon-button{width:42px;min-height:42px}.building-filter-bar{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);grid-template-columns:repeat(2,auto);gap:5px;padding:5px;left:auto}.building-filter-help{display:none}.building-filter-bar button{grid-template-columns:18px minmax(13px,auto);min-width:42px;min-height:38px;padding:0 7px}.building-filter-bar small{display:none}.action-palette{left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 58px);scrollbar-width:none;justify-content:start;padding:6px;overflow-x:auto;transform:none}.action-palette::-webkit-scrollbar{display:none}.action-palette button{flex:none;min-height:44px;padding:0 12px}.quest-button{left:calc(env(safe-area-inset-left) + 8px);bottom:calc(env(safe-area-inset-bottom) + 8px);min-height:42px;padding:0 11px}.reputation-bar{left:calc(env(safe-area-inset-left) + 108px);right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 8px);scrollbar-width:none;max-width:none;min-height:42px;overflow-x:auto;transform:none}.reputation-dialog,.journal-dialog{width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.reputation-score-grid,.reputation-guidance-grid{grid-template-columns:1fr}.reputation-change-list div{gap:2px;display:grid}.reputation-change-list span{white-space:normal}.reputation-bar::-webkit-scrollbar{display:none}.carried-object{right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 108px);width:min(220px,100vw - 24px)}.notification-stack{top:calc(env(safe-area-inset-top) + 156px);left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);width:auto;max-height:32dvh;overflow:auto;transform:none}.notification{min-height:44px}.acquisition-stack{right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 8px);width:min(260px,100vw - 16px)}.acquisition-stack.with-carried-object{bottom:calc(env(safe-area-inset-bottom) + 96px)}.carrier-status-banner,.npc-begging-request{left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 112px);width:auto;max-width:none;transform:none}.npc-begging-actions button{min-height:42px}.building-action-popover,.npc-action-popover{right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 112px);width:auto;max-height:min(44dvh,360px);padding:10px;overflow:auto;transform:none;left:calc(env(safe-area-inset-left) + 8px)!important;top:auto!important}.building-action-popover button,.npc-action-popover button{min-height:42px}.indoor-building-menu{bottom:calc(env(safe-area-inset-bottom) + 112px)}.building-tooltip,.npc-tooltip,.district-tooltip{max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right))}.map-topbar{top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);width:auto}.map-topbar .icon-button{width:42px;min-height:42px}.map-legend{left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 8px);width:auto;max-height:32dvh;overflow:auto}.map-building-marker,.building-marker,.npc-marker,.waste-marker,.dead-body-marker{min-width:34px;min-height:34px}.other-player-marker{min-width:36px;min-height:36px}}