*{box-sizing:border-box}body{margin:0;background:#10151c;color:#e8edf3;font:14px system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;background:#f6a313;border:0;border-radius:7px;padding:8px 11px;color:#1a1306;font-weight:700}.auth{width:min(390px,calc(100% - 32px));margin:12vh auto;padding:28px;background:#1a222d;border-radius:14px}.auth h1{margin-top:0}.auth form{display:grid;gap:10px}.auth input,#search input,textarea{width:100%;border:1px solid #3b4858;background:#0e141b;color:#fff;border-radius:7px;padding:10px}.auth p:last-child{color:#ff9b9b}#portal{height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,30vw)}.map-pane{position:relative;min-width:0;overflow:hidden}.map-pane>header,.chat-pane>header{height:52px;display:flex;align-items:center;gap:9px;padding:8px 12px;background:#1a222d}.map-pane>header{position:absolute;z-index:4;left:0;right:0;background:linear-gradient(#1a222deb,#1a222d00)}#dimensions{display:flex;gap:5px}#dimensions button{background:#273546;color:#e8edf3;padding:6px 9px}#dimensions button.active{background:#f6a313;color:#1a1306}#map{height:100%;display:grid;place-items:center;background:#28382d;overflow:hidden}#mapImage{width:min(100%,100vh);height:min(100%,100vw);object-fit:contain;image-rendering:pixelated}#markers{position:absolute;inset:52px 0 0;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);text-align:center;pointer-events:auto}.head{width:32px;height:32px;border:2px solid white;border-radius:50%;background:#586a80;color:white;font-size:11px;font-weight:bold;display:grid;place-items:center}.marker label{display:block;text-shadow:0 1px 2px #000;font-weight:700}.bubble{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);max-width:170px;background:white;color:#18202a;border-radius:8px;padding:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-pane{display:grid;grid-template-rows:52px auto 1fr auto;border-left:1px solid #33404e;min-height:0}.chat-pane header{justify-content:space-between}.chat-pane header button{padding:6px 9px}.chat-pane>#search{padding:8px;background:#17202a;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:5px}#chatList{overflow:auto;padding:12px;display:flex;flex-direction:column-reverse;gap:8px}.line{background:#1c2632;border-radius:8px;padding:8px;word-break:break-word}.line.private{border-left:3px solid #ce75f5}.line time{display:block;color:#9aabba;font-size:11px;margin-top:4px}.line b{color:#ffd174}.line button{float:right;padding:3px 6px;font-size:11px;background:#40536a;color:#fff}#chatForm{padding:10px;background:#1a222d;border-top:1px solid #33404e}#chatForm div{display:flex;justify-content:space-between;align-items:center;margin-top:5px}#recipient{display:block;min-height:16px;color:#f0bcff}#drawer{position:absolute;z-index:5;top:0;left:0;width:270px;height:100%;padding:20px;background:#1a222d;box-shadow:4px 0 16px #0008}#drawer button{margin:4px 0}@media(max-width:760px){#portal{grid-template-columns:1fr;grid-template-rows:55vh 45vh}.chat-pane{border-left:0;border-top:1px solid #33404e}.map-pane>header{height:44px}.chat-pane>#search{grid-template-columns:1fr 1fr}.chat-pane>#search input[type=date]{grid-column:span 2}}