:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#ffffffd1;--line:#94a3b84d;--ink:#111827;--muted:#64748b;--blue:#2563eb;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffffdb;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}button:hover{background:#fff;border-color:#2563eb59}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffe0;border-radius:8px;outline:none;padding:10px 11px}input:focus,textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb17}textarea{resize:vertical;min-height:72px}label{color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.app-shell,.three-world{position:fixed;inset:0}.three-world canvas{touch-action:none;-webkit-user-select:none;user-select:none;display:block}.tower-label-layer{z-index:6;pointer-events:none;position:fixed;inset:0}.tower-label{--tower-accent:#2563eb;border-color:color-mix(in srgb, var(--tower-accent) 42%, #94a3b86b);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:30px;box-shadow:0 12px 36px #0f172a1f, inset 3px 0 0 var(--tower-accent);color:#0f172a;letter-spacing:0;white-space:nowrap;pointer-events:auto;will-change:transform, opacity;background:#ffffffd6;padding:0 11px 0 10px;font-size:12px;font-weight:850;position:absolute;top:0;left:0}.app-toolbar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-radius:8px;align-items:center;gap:8px;max-width:calc(100vw - 36px);padding:8px;display:flex;position:fixed;top:18px;left:18px;box-shadow:0 18px 54px #0f172a14}.brand{align-items:center;gap:10px;min-width:0;padding:0 8px 0 0;display:flex}.brand strong{letter-spacing:0;font-size:15px;display:block}.brand span{color:var(--muted);margin-top:1px;font-size:12px;display:block}.logo-mark{color:#fff;background:#111827;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.toolbar-button,.app-toolbar .glass-button{min-height:34px;box-shadow:none;background:#f8fafcb8;padding:0 11px;font-size:13px;font-weight:800}.district-nav{position:relative}.district-toggle{min-width:92px;font-weight:800}.district-menu{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:8px;gap:6px;width:210px;padding:8px;display:grid;position:absolute;top:42px;left:0;box-shadow:0 18px 54px #0f172a21}.district-menu button{text-align:left;background:0 0;border-color:#0000;grid-template-columns:10px 1fr auto;justify-content:flex-start;align-items:center;min-height:34px;font-size:13px;font-weight:750;display:grid}.district-menu button:hover{background:#f8fafce0;border-color:#94a3b85c}.district-menu span{border-radius:999px;flex:none;width:10px;height:10px}.district-menu strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.district-menu small{color:var(--muted);grid-column:2;font-size:11px;font-weight:650}.district-menu em{color:var(--muted);grid-area:1/3/span 2;font-size:11px;font-style:normal;font-weight:850}.city-tools{width:auto;position:relative}.city-search{position:relative}.city-search>button{min-width:78px;font-weight:800}.search-popover{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-radius:8px;gap:9px;width:min(340px,100vw - 36px);padding:10px;display:grid;position:absolute;top:42px;left:0;box-shadow:0 18px 54px #0f172a24}.search-results{gap:6px;max-height:260px;display:grid;overflow:auto}.search-results p{color:var(--muted);margin:4px 2px;font-size:12px;font-weight:700}.search-results button{text-align:left;background:#f8fafca8;border-color:#0000;grid-template-columns:10px 1fr;justify-content:start;align-items:center;min-height:42px;display:grid}.search-results button:hover{background:#fff;border-color:#94a3b85c}.search-results span{border-radius:999px;width:10px;height:10px}.search-results strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.search-results small{color:var(--muted);grid-column:2;font-size:11px;font-weight:650}.auth{position:relative}.glass-button{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 54px #0f172a14}.auth-popover{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-radius:8px;gap:12px;width:min(310px,100vw - 36px);padding:14px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 20px 70px #0f172a29}.auth-popover p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.auth-tabs{border:1px solid var(--line);background:#f1f5f9b8;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-tabs button{background:0 0;border-color:#0000;min-height:34px}.auth-tabs button.active{color:#fff;background:#111827}.target-action{z-index:14;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;width:min(420px,100vw - 40px);padding:11px;display:grid;position:fixed;bottom:78px;left:50%;transform:translate(-50%);box-shadow:0 18px 54px #0f172a24}.target-action.direct{border-color:#2563eb61;box-shadow:0 18px 54px #0f172a24,0 0 0 4px #2563eb14}.target-action strong,.target-action span{display:block}.target-action strong{font-size:14px}.target-action span{color:var(--muted);margin-top:2px;font-size:12px;font-weight:700}.target-action button{min-width:108px}.mobile-game-controls{z-index:9;touch-action:none;-webkit-user-select:none;user-select:none;align-items:end;gap:12px;display:flex;position:fixed;bottom:18px;left:18px}.thumb-pad{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle,#ffffffdb,#ffffff7a),linear-gradient(145deg,#ffffffc2,#e2e8f094);border:1px solid #94a3b857;border-radius:999px;width:132px;height:132px;position:relative;box-shadow:inset 0 0 0 1px #ffffffa6,0 18px 54px #0f172a24}.thumb-pad:before,.thumb-pad:after,.thumb-pad-cross:before,.thumb-pad-cross:after{content:"";background:#64748b57;position:absolute}.thumb-pad:before{height:2px;top:50%;left:23px;right:23px;transform:translateY(-50%)}.thumb-pad:after{width:2px;top:23px;bottom:23px;left:50%;transform:translate(-50%)}.thumb-pad-cross:before,.thumb-pad-cross:after{border-radius:999px;width:7px;height:7px}.thumb-pad-cross:before{top:50%;left:20px;transform:translateY(-50%)}.thumb-pad-cross:after{top:50%;right:20px;transform:translateY(-50%)}.thumb-stick{background:#111827db;border:1px solid #0f172a1f;border-radius:999px;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff2e,0 12px 28px #0f172a38}.height-pad{gap:8px;display:grid}.height-pad button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-color:#94a3b85c;width:48px;height:48px;min-height:48px;padding:0;box-shadow:0 14px 42px #0f172a1a}.height-pad button:active{color:#fff;background:#111827;border-color:#111827}.orientation-cube{z-index:8;perspective:420px;color:#475569;width:74px;height:74px;font-size:9px;font-weight:800;position:fixed;bottom:22px;right:22px}.cube-face{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;border:1px solid #94a3b873;place-items:center;width:44px;height:44px;display:grid;position:absolute}.cube-front{top:22px;left:16px}.cube-top{transform-origin:bottom;top:0;left:16px;transform:skew(-40deg)scaleY(.55)}.cube-side{transform-origin:0;top:22px;right:-2px;transform:skewY(-40deg)scaleX(.55)}.editor-panel{z-index:12;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe6;border-radius:8px;grid-template-rows:auto auto auto minmax(180px,1fr) auto auto auto auto auto;gap:12px;width:min(390px,100vw - 36px);padding:14px;transition:transform .22s;display:grid;position:fixed;top:78px;bottom:112px;right:18px;overflow:auto;transform:translate(calc(100% + 28px));box-shadow:0 24px 80px #0f172a24}.info-panel{z-index:13;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffeb;border-radius:8px;gap:13px;width:min(390px,100vw - 36px);padding:14px;transition:transform .22s;display:grid;position:fixed;top:78px;bottom:auto;right:18px;transform:translate(calc(100% + 28px));box-shadow:0 24px 80px #0f172a24}.editor-panel.open,.info-panel.open{transform:translate(0)}.lobby-panel{z-index:17;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#f8fafcf5,#ffffffe6),radial-gradient(circle at 12% 0,#2563eb1f,#0000 32%);border:1px solid #2563eb38;border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:13px;width:min(430px,100vw - 36px);padding:14px;display:grid;position:fixed;top:78px;bottom:78px;right:18px;overflow:auto;box-shadow:0 28px 90px #0f172a2e}.lobby-hero{grid-template-columns:58px 1fr auto;align-items:center;gap:12px;display:grid}.lobby-avatar{color:#fff;background:linear-gradient(135deg,#111827,#2563eb),#111827;border-radius:8px;place-items:center;width:58px;height:58px;font-size:18px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff38}.lobby-hero span,.lobby-section-heading span,.lobby-stats span,.lobby-badges span{color:var(--muted);font-size:11px;font-weight:750}.lobby-hero h2{margin:2px 0;font-size:25px;line-height:1.05}.lobby-hero p{color:#334155;margin:0;font-size:13px;font-weight:650;line-height:1.35}.lobby-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lobby-stats div{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;align-content:center;gap:2px;min-height:58px;padding:9px 10px;display:grid}.lobby-stats strong{font-size:20px;line-height:1}.lobby-badges{flex-wrap:wrap;gap:8px;display:flex}.lobby-badges button{--badge-accent:#2563eb;border-color:color-mix(in srgb, var(--badge-accent) 36%, #94a3b866);text-align:left;min-height:48px;box-shadow:inset 3px 0 0 var(--badge-accent);background:#ffffffc2;flex:120px;justify-content:start;gap:1px;padding:8px 10px;display:grid}.lobby-badges strong{font-size:13px}.lobby-section{gap:8px;display:grid}.lobby-section-heading{justify-content:space-between;align-items:end;gap:10px;display:flex}.lobby-section-heading strong{font-size:14px}.lobby-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lobby-gallery button{text-align:left;background:#ffffffc7;justify-content:stretch;gap:6px;min-width:0;min-height:0;padding:8px;display:grid}.lobby-gallery img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:7px;width:100%}.lobby-gallery strong,.lobby-gallery span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobby-gallery strong{font-size:12px}.lobby-gallery span{color:var(--muted);font-size:11px;font-weight:700}.district-footprint,.regulars-list{gap:6px;display:grid}.district-footprint button,.regulars-list button{background:#ffffffad;grid-template-columns:10px 1fr auto;justify-content:stretch;align-items:center;min-height:34px;display:grid}.district-footprint span{border-radius:999px;width:10px;height:10px}.district-footprint strong,.regulars-list span{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font-size:13px;overflow:hidden}.district-footprint em,.regulars-list strong{color:var(--muted);font-size:12px;font-style:normal;font-weight:850}.regulars-list button{grid-template-columns:1fr auto}.empty-lobby{min-height:48px;color:var(--muted);background:#f8fafc94;border:1px dashed #94a3b880;border-radius:8px;grid-column:1/-1;place-items:center;font-size:13px;font-weight:700;display:grid}.panel-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.panel-heading span{font-weight:800;display:block}.panel-heading small{max-width:210px;color:var(--muted);margin-top:3px;font-size:11px;font-weight:600;line-height:1.35;display:block}.panel-heading strong{color:var(--muted);text-align:right;flex:1;font-size:12px;font-weight:700}.panel-close{flex:none;width:34px;height:34px;min-height:34px;padding:0}.tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-row button,.icon-upload{width:38px;height:38px;padding:0}.tool-row button.active{color:#fff;background:var(--blue);border-color:var(--blue)}.tool-row button:nth-child(3),.tool-row button:last-child{width:auto;padding:0 12px}.secondary{background:#f8fafc}.icon-upload{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#ffffffdb;border-radius:8px;place-items:center;display:grid}.icon-upload input{display:none}.controls-grid{grid-template-columns:92px 1fr;gap:10px;display:grid}.canvas-wrap{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #fff9}.canvas-wrap .canvas-container,.canvas-wrap canvas{width:100%!important;height:100%!important}.preview-image{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:8px;width:84px;height:84px}.publish-row{justify-content:space-between;gap:10px;display:flex}.publish{color:#fff;background:#111827;border-color:#111827;flex:1}.publish:hover{color:#fff;background:#020617}.inspect-image,.blank-square-preview{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%}.inspect-image{object-fit:cover}.inspect-copy{gap:4px;display:grid}.inspect-copy strong,.profile-link{color:var(--muted);font-size:13px}.profile-link{width:fit-content;min-height:0;box-shadow:none;background:0 0;border:0;justify-content:start;padding:0;font-weight:800}.profile-link:hover{color:var(--blue);background:0 0;border-color:#0000}.inspect-copy h2{color:var(--ink);margin:0;font-size:20px;line-height:1.2}.inspect-copy p,.claim-panel p{color:#334155;margin:0;font-size:14px;line-height:1.45}.inspect-copy small{color:var(--muted);font-size:12px}.blank-square-preview{color:#94a3b8;background-color:#fff;background-image:linear-gradient(45deg,#e2e8f08c 25%,#0000 25%),linear-gradient(-45deg,#e2e8f08c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f08c 75%),linear-gradient(-45deg,#0000 75%,#e2e8f08c 75%),none;background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;font-size:18px;font-weight:800;display:grid}.tag-tooltip{z-index:30;pointer-events:none;border:1px solid var(--line);background:#fffffff0;border-radius:8px;gap:3px;max-width:240px;padding:9px 10px;display:grid;position:fixed;box-shadow:0 16px 48px #0f172a24}.tag-tooltip span{color:#334155;font-size:13px}.tag-tooltip small{color:var(--muted)}.toast-stack{z-index:50;gap:8px;width:min(360px,100vw - 36px);display:grid;position:fixed;bottom:78px;left:18px}.toast{color:#1e293b;background:#fffffff0;border:1px solid #2563eb2e;border-radius:8px;padding:11px 12px;font-size:13px;box-shadow:0 16px 48px #0f172a1f}@media (width<=760px){.app-toolbar{flex-wrap:wrap;align-items:stretch;gap:6px;max-width:calc(100vw - 24px);padding:7px;top:12px;left:12px}.brand{flex:1 0 100%;padding:0 2px 2px 0}.brand span{display:none}.tower-label{min-height:26px;padding:0 9px;font-size:11px}.district-toggle{min-width:92px;min-height:34px;padding:0 10px;font-size:13px}.district-menu{width:min(196px,100vw - 24px);max-height:42vh;overflow:auto}.city-search>button{min-height:34px;font-size:13px}.search-popover{width:min(300px,100vw - 24px);top:42px;left:0}.orientation-cube{bottom:96px;right:12px}.editor-panel{grid-template-rows:auto auto auto minmax(210px,42vh) auto auto auto auto auto;width:auto;max-height:72vh;inset:auto 12px 78px}.info-panel{width:auto;max-height:72vh;inset:auto 12px 78px;overflow:auto}.lobby-panel{grid-template-rows:auto auto auto auto auto auto;width:auto;max-height:72vh;inset:auto 12px 78px}.lobby-hero{grid-template-columns:48px 1fr auto}.lobby-avatar{width:48px;height:48px;font-size:15px}.lobby-hero h2{font-size:21px}.lobby-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.target-action{grid-template-columns:1fr;gap:8px;width:min(226px,100vw - 196px);min-width:176px;padding:10px;bottom:12px;left:auto;right:12px;transform:none}.target-action.direct{width:min(236px,100vw - 184px)}.target-action:not(.direct){display:none}.target-action button{width:100%}.mobile-game-controls{gap:9px;bottom:12px;left:12px}.thumb-pad{width:126px;height:126px}.height-pad button{width:42px;height:42px;min-height:42px}.orientation-cube,.panel-heading strong{display:none}}