:root{--nl-viewport-height:100vh;--nl-layout-gutter:clamp(8px,2vw,24px)}@supports (height:100dvh){:root{--nl-viewport-height:100dvh}}html,body{width:100%;height:var(--nl-viewport-height);min-width:0;min-height:0;overscroll-behavior:none}#stage,#map,#hud,#auth{height:var(--nl-viewport-height);min-height:0}#stage>canvas{width:100%;height:100%}#map svg{width:100%;height:100%}#strip,#chips,#tasks{max-width:min(800px,calc(100vw - var(--safe-l) - var(--safe-r) - 16px))}#strip .row,#tasks,.tcol,.tcol-right{min-width:0}#strip .row{flex-wrap:nowrap}#strip .row>*{min-width:0}#wallet{flex:0 1 auto;max-width:min(240px,42vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tasks{flex-wrap:wrap;align-items:flex-start;gap:6px}#tasks .tcol,#tasks .tcol-right{max-width:100%}#tasks .tcol-right{margin-left:auto}#tasks .task{min-width:0;max-width:min(260px,calc(100vw - 24px));overflow-wrap:anywhere}#nav,#mapCtl{max-width:calc(100vw - var(--safe-l) - var(--safe-r) - 16px)}#sheet{max-height:84vh;max-height:min(84dvh,900px);padding-bottom:calc(8px + var(--safe-b))}#sheetBody{min-width:0;overscroll-behavior:contain;padding-left:clamp(12px,3vw,20px);padding-right:clamp(12px,3vw,20px)}#sheetBody img,#sheetBody video,#sheetBody canvas,#sheetBody pre{max-width:100%}#sheetBody .row2{min-width:0;gap:8px;overflow-wrap:anywhere}.mg-card{max-height:88vh;max-height:min(88dvh,920px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}@media(min-width:481px){#sheet{width:min(720px,calc(100vw - 24px))}}@media(max-width:380px){#strip{margin:6px}#strip .row{gap:clamp(4px,1.2vw,8px);padding:7px 8px}#clock{font-size:clamp(13px,4vw,15px)}#wallet{max-width:38vw;padding:6px 8px;font-size:11px}#live{gap:6px;padding-left:9px;padding-right:9px}#tasks{width:calc(100vw - 16px);margin:6px 8px;gap:4px}#tasks .tcol-right{margin-left:0}#tasks .task{padding:6px 8px;font-size:11px}#nav{left:max(4px,var(--safe-l));right:max(4px,var(--safe-r));padding:4px 2px calc(5px + var(--safe-b));border-radius:18px}#nav button{min-width:0;padding:5px 0;font-size:9px;gap:2px;letter-spacing:0}#nav button em.mi{width:24px;height:24px}#nav button em.mi svg{width:21px;height:21px}#nav button.home{margin-top:-20px}#nav button.home em{width:46px;height:46px}#nav button.home em.mi svg{width:22px;height:22px}#me,#rail{--sz:34px;--orb:29px;--nd:19px;bottom:calc(104px + var(--safe-b))}#sheet{max-height:88vh;max-height:88dvh}}@media(max-height:680px)and (orientation:portrait){#strip{margin-top:calc(4px + var(--safe-t))}#strip .row{padding-top:6px;padding-bottom:6px}#live{padding-bottom:6px}#tasks{margin-top:5px}#sheet{max-height:90vh;max-height:90dvh}#sheet .grab{margin-top:7px;margin-bottom:4px}#sheet header{padding-top:4px;padding-bottom:4px}}@media(max-height:560px)and (orientation:landscape){#strip{margin:4px 8px;max-width:min(560px,calc(100vw - 16px))}#strip .row{padding:5px 10px}#live{display:none}#chips{margin-left:8px;margin-right:8px}#tasks{max-width:min(420px,calc(100vw - 16px));margin:4px 8px;gap:4px}#nav{bottom:calc(3px + var(--safe-b));padding:3px 4px calc(4px + var(--safe-b))}#nav button{padding:3px 0;font-size:9px;gap:1px}#nav button em.mi{width:22px;height:22px}#nav button em.mi svg{width:20px;height:20px}#nav button.home{margin-top:-17px}#nav button.home em{width:42px;height:42px}#me{bottom:calc(78px + var(--safe-b))}#rail{bottom:calc(78px + var(--safe-b));--orbit:-30px}#rail .nd{width:18px;height:18px;margin:-9px 0 0 -9px}#rail .nd span{font-size:8px}#sheet{max-height:94vh;max-height:94dvh}#wk{max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}#auth{padding-top:calc(8px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b))}}@media(min-width:1024px)and (pointer:fine){#wk{left:50%;right:auto;width:min(560px,calc(100vw - 32px));transform:translate(-50%)}#adCard{left:50%;right:auto;width:min(640px,calc(100vw - 32px));transform:translate(-50%)}#ctTick{left:50%;right:auto;width:min(460px,calc(100vw - 32px));transform:translate(-50%)}.mg-modal{align-items:center;padding:24px}.mg-card{width:min(520px,calc(100vw - 32px));border-radius:24px}}@media(max-width:768px)and (pointer:coarse){#strip,#nav,.chip{backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}}
