:root{
  --nouala-ink:#f4fbff;
  --nouala-muted:#9ac4c7;
  --nouala-cyan:#64e8ff;
  --nouala-gold:#ffd165;
  --nouala-panel:rgba(4,24,28,.91);
  --nouala-border:rgba(100,232,255,.42);
  --nouala-safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}
html,body,.space2047-nouala-room-theme{width:100%;height:100%;overflow:hidden;background:#071b15;color:var(--nouala-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.admin-bar .nouala-app{height:calc(100vh - 32px)}
.nouala-app{position:relative;width:100vw;height:100vh;overflow:hidden;background:#0d2a1d;isolation:isolate;touch-action:none}
#nouala-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}
#nouala-canvas:active{cursor:grabbing}
button{font:inherit;color:inherit}
.nouala-header{position:absolute;z-index:30;top:12px;left:12px;right:12px;min-height:68px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:10px 12px;border:1px solid var(--nouala-border);border-radius:18px;background:linear-gradient(180deg,rgba(4,28,32,.96),rgba(3,17,20,.92));box-shadow:0 18px 55px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(15px)}
.nouala-title{min-width:0;display:flex;flex-direction:column}.nouala-title small{font-size:9px;letter-spacing:.19em;color:var(--nouala-cyan)}.nouala-title strong{margin-top:3px;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nouala-readout{padding-left:14px;border-left:1px solid rgba(255,255,255,.12)}.nouala-readout span{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--nouala-muted)}.nouala-readout strong{display:block;margin-top:3px;font-size:14px;color:#fff}
.nouala-text-button,.nouala-help-button,.nouala-help button,.nouala-dpad button,.nouala-zoom-controls button{border:1px solid var(--nouala-border);background:linear-gradient(180deg,rgba(13,73,79,.94),rgba(4,32,38,.97));box-shadow:0 8px 24px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.08);cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}
.nouala-text-button:hover,.nouala-help-button:hover,.nouala-help button:hover,.nouala-dpad button:hover,.nouala-zoom-controls button:hover{background:linear-gradient(180deg,rgba(24,111,117,.96),rgba(7,53,59,.98));border-color:#8df1ff}
.nouala-text-button{padding:10px 13px;border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.nouala-status{position:absolute;z-index:22;left:16px;bottom:18px;width:min(340px,calc(100vw - 32px));padding:14px;border:1px solid rgba(100,232,255,.28);border-radius:16px;background:var(--nouala-panel);box-shadow:0 18px 55px rgba(0,0,0,.35);backdrop-filter:blur(14px);pointer-events:none}
.nouala-status>div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.07)}.nouala-status span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--nouala-muted)}.nouala-status strong{font-size:11px;color:#fff}.nouala-status p{margin:10px 0 0;font-size:11px;line-height:1.45;color:#cce2df}
.nouala-zoom-controls{position:absolute;z-index:35;right:18px;top:96px;display:grid;gap:8px}.nouala-zoom-controls button{width:54px;height:54px;border-radius:15px;font-size:30px;font-weight:300;touch-action:none}.nouala-zoom-controls button:active,.nouala-dpad button.is-pressed{transform:translateY(2px);background:#1a8e97}
.nouala-zoom-controls .roof-style{font-size:10px;font-weight:800;letter-spacing:.09em}

.nouala-dpad{position:absolute;z-index:35;right:18px;bottom:calc(18px + var(--nouala-safe-bottom));display:grid;grid-template-columns:58px 58px 58px;grid-template-rows:58px 58px 58px;grid-template-areas:". up ." "left centre right" ". down .";gap:6px;user-select:none;touch-action:none}.nouala-dpad button{display:grid;place-items:center;border-radius:16px;font-size:22px;touch-action:none}.nouala-dpad .up{grid-area:up}.nouala-dpad .left{grid-area:left}.nouala-dpad .centre{grid-area:centre;border-radius:50%;font-size:9px;font-weight:900;letter-spacing:.06em;color:var(--nouala-gold)}.nouala-dpad .right{grid-area:right}.nouala-dpad .down{grid-area:down}
.nouala-help-button{position:absolute;z-index:28;left:16px;top:96px;padding:8px 12px;border-radius:11px;font-size:10px}
.nouala-help{position:absolute;z-index:50;left:16px;top:135px;width:min(355px,calc(100vw - 32px));padding:16px 42px 16px 16px;border:1px solid var(--nouala-border);border-radius:16px;background:rgba(3,20,24,.97);box-shadow:0 24px 70px rgba(0,0,0,.52);backdrop-filter:blur(16px)}.nouala-help[hidden]{display:none}.nouala-help>button{position:absolute;right:9px;top:9px;width:32px;height:32px;border-radius:10px;font-size:19px}.nouala-help strong{font-size:15px}.nouala-help p{margin:7px 0 0;font-size:12px;line-height:1.55;color:#c3dadd}
.nouala-loading{position:absolute;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:radial-gradient(circle at 50% 38%,#245f3a,#081b13 62%);transition:opacity .55s,visibility .55s}.nouala-loading.is-done{opacity:0;visibility:hidden}.nouala-loader{width:70px;height:70px;border:3px solid rgba(100,232,255,.18);border-top-color:var(--nouala-cyan);border-radius:50%;animation:nouala-spin .8s linear infinite;box-shadow:0 0 32px rgba(100,232,255,.2)}.nouala-loading strong{font-size:18px}.nouala-loading span{font-size:11px;color:#acd0c6}@keyframes nouala-spin{to{transform:rotate(360deg)}}
.nouala-noscript{position:absolute;z-index:200;inset:0;display:grid;place-items:center;background:#071b15;color:#fff}
@media(max-width:900px){body.admin-bar .nouala-app{height:calc(100vh - 46px)}.nouala-header{top:8px;left:8px;right:8px;min-height:62px;grid-template-columns:1fr auto}.nouala-title strong{font-size:18px}.nouala-readout{border-left:0;padding-left:0;text-align:right}.nouala-text-button{display:none}.nouala-zoom-controls{right:10px;top:82px}.nouala-zoom-controls button{width:48px;height:48px}.nouala-dpad{right:10px;bottom:calc(10px + var(--nouala-safe-bottom));grid-template-columns:52px 52px 52px;grid-template-rows:52px 52px 52px}.nouala-status{left:8px;bottom:calc(170px + var(--nouala-safe-bottom));width:min(286px,calc(100vw - 82px));padding:10px}.nouala-status p{display:none}.nouala-help-button{left:8px;top:82px}.nouala-help{left:8px;top:120px}}
@media(max-width:540px){.nouala-title small{font-size:7px}.nouala-title strong{font-size:16px}.nouala-readout span{font-size:7px}.nouala-readout strong{font-size:11px}.nouala-status{width:218px}.nouala-status>div:nth-child(2){display:none}.nouala-status p{font-size:10px}.nouala-zoom-controls button{width:45px;height:45px}.nouala-dpad{grid-template-columns:49px 49px 49px;grid-template-rows:49px 49px 49px;gap:4px}.nouala-dpad button{border-radius:14px}.nouala-help-button{font-size:9px}}
@media(max-height:650px) and (orientation:landscape){.nouala-header{min-height:52px}.nouala-title small{display:none}.nouala-zoom-controls{top:72px}.nouala-status{left:8px;bottom:8px;width:260px}.nouala-status p{display:none}.nouala-dpad{transform:scale(.84);transform-origin:right bottom}.nouala-help-button{display:none}}
.nouala-dev-button{position:absolute;z-index:29;left:105px;top:96px;padding:8px 12px;border:1px solid var(--nouala-border);border-radius:11px;background:linear-gradient(180deg,rgba(98,67,18,.96),rgba(47,31,5,.97));box-shadow:0 8px 24px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.08);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.nouala-dev-button:hover{border-color:var(--nouala-gold);background:linear-gradient(180deg,rgba(134,91,22,.98),rgba(64,42,7,.98))}
.nouala-dev-tool{position:absolute;z-index:80;top:92px;left:50%;transform:translateX(-50%);width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 116px);overflow:hidden;padding:16px;border:1px solid rgba(255,209,101,.58);border-radius:18px;background:rgba(3,18,22,.98);box-shadow:0 28px 90px rgba(0,0,0,.72);backdrop-filter:blur(18px)}
.nouala-dev-tool[hidden]{display:none}.nouala-dev-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.nouala-dev-heading div{display:flex;flex-direction:column}.nouala-dev-heading small{font-size:9px;letter-spacing:.16em;color:var(--nouala-gold)}.nouala-dev-heading strong{font-size:20px}.nouala-dev-heading button{width:38px;height:38px;border:1px solid var(--nouala-border);border-radius:11px;background:#12383d;font-size:22px;cursor:pointer}.nouala-dev-tool>p{margin:8px 0 12px;color:#b9d2d2;font-size:11px}.nouala-building-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(100vh - 220px);overflow:auto;padding-right:5px}.nouala-building-entry{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;width:100%;padding:10px 12px;border:1px solid rgba(100,232,255,.2);border-radius:12px;background:rgba(8,48,53,.75);text-align:left;cursor:pointer}.nouala-building-entry:hover{border-color:var(--nouala-cyan);background:rgba(15,76,82,.9)}.nouala-building-entry strong{display:block;font-size:12px;color:#fff}.nouala-building-entry span{display:block;margin-top:3px;font-size:9px;color:#9fc6c8}.nouala-building-entry em{font-style:normal;font-size:9px;color:var(--nouala-gold);white-space:nowrap}
@media(max-width:900px){.nouala-dev-button{left:82px;top:82px}.nouala-building-list{grid-template-columns:1fr}.nouala-dev-tool{top:76px;max-height:calc(100vh - 88px)}}
@media(max-width:540px){.nouala-dev-button{left:76px;padding:8px;font-size:8px}.nouala-dev-heading strong{font-size:16px}}

.nouala-building-search{display:grid;gap:5px;margin:10px 0}.nouala-building-search span,.nouala-building-count{font-size:12px;opacity:.82}.nouala-building-search input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:#10191a;color:#fff}.nouala-building-count{display:block;margin-bottom:8px}


/* v1.6.4 Nouala City location selector */
.nouala-location-picker{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(125,236,255,.35);background:rgba(2,12,23,.82);border-radius:10px;backdrop-filter:blur(8px)}
.nouala-location-picker label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#9beeff;white-space:nowrap}
.nouala-location-picker select{max-width:220px;padding:7px 28px 7px 9px;border:1px solid rgba(125,236,255,.4);border-radius:7px;background:#071724;color:#fff;font-weight:700}
.nouala-location-picker .nouala-text-button{padding:7px 11px}
@media(max-width:760px){.nouala-header{align-items:flex-start;flex-wrap:wrap}.nouala-location-picker{order:3;width:100%}.nouala-location-picker select{min-width:0;flex:1;max-width:none}.nouala-location-picker label{display:none}}