html,body{background:#e9e6df;height:100%;margin:0;font-family:Helvetica Neue,Arial,sans-serif}.page{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding:16px;display:flex}.panel{background:#f7f5ef;border:5px solid #111;flex:1;position:relative;overflow:hidden;box-shadow:8px 8px #111}#sdk-map{position:absolute;inset:0}.caption{letter-spacing:.08em;pointer-events:none;background:#f7f5ef;border:3px solid #111;padding:6px 12px;font-weight:800;position:absolute;top:14px;left:14px}.controls{flex-wrap:wrap;align-items:center;gap:8px 16px;font-weight:700;display:flex}.places{flex-wrap:wrap;gap:8px;display:flex}button{font:inherit;cursor:pointer;background:#f7f5ef;border:3px solid #111;padding:6px 12px}button[aria-pressed=true]{color:#f7f5ef;background:#111}.credit{color:#555;margin:0;font-size:11px}.credit a{color:inherit}